:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#11181c;color:#ecf1f2}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 50% -25%,#25505a75,transparent 57%),#11181c}.x-shell{width:min(760px,calc(100% - 32px));margin:auto;padding:28px 0 80px}header{display:flex;justify-content:space-between;gap:16px;padding-bottom:24px;border-bottom:1px solid #9caeb748;font:700 17px ui-monospace,monospace;letter-spacing:.11em}header span,.eyebrow{color:#80d8e7}header small{color:#9fafb5;font-size:10px}.card{margin-top:28px;padding:clamp(18px,4vw,32px);border:1px solid #a2b8c344;border-radius:9px;background:#20292edc;box-shadow:0 16px 40px #0003}h1{font-size:clamp(28px,6vw,46px);letter-spacing:-.04em}p,aside{line-height:1.55;color:#bdcbd0}.eyebrow{font:600 10px ui-monospace,monospace;letter-spacing:.14em}.field{display:block;margin-top:18px;color:#b8d1d6;font:600 11px/1.4 ui-monospace,monospace}.field select,.field textarea{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #9db7bc73;border-radius:5px;background:#0d171b;color:#e9f4f4}.field textarea{resize:vertical;font:15px/1.5 Inter,sans-serif}.actions{display:flex;gap:10px;margin-top:22px}button{padding:11px 17px;border:1px solid #93dbe4;border-radius:5px;background:#153d48;color:#e8faff;font:700 12px ui-monospace,monospace;cursor:pointer}button:focus-visible,button:hover{outline:2px solid #a8e3ed;outline-offset:2px;background:#215967}button:disabled{opacity:.5}.meta{display:flex;justify-content:space-between;gap:12px;margin-top:8px;color:#9fafb5;font:10px ui-monospace,monospace}#x-status[data-state=error],#x-count[data-state=error]{color:#ffc2ae}aside{margin-top:22px;padding:14px;border-left:3px solid #80d8e7;background:#142126;font-size:12px}aside strong{color:#e9f8fa}@media(max-width:520px){header,.meta{flex-direction:column}}