:root{color-scheme:dark;--bg: #141210;--surface: #1c1814;--surface-raised: #221d18;--surface-sunken: #0e0c0a;--border: rgba(243, 237, 228, .1);--border-strong: rgba(243, 237, 228, .18);--ink: #f3ede4;--muted: #9c9388;--faint: #6b6459;--accent: #ff5a1f;--accent-dim: #b8431c;--accent-ink: #141210;--live: #ff5a1f;--glow-x: 50%;--glow-y: 30%}*{box-sizing:border-box}html{background-color:var(--bg);-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0;min-height:100vh;min-height:100dvh;background-color:var(--bg);color:var(--ink);font-family:Inter,-apple-system,system-ui,sans-serif;font-size:16px;line-height:1.6}.page{position:relative;min-height:100vh;min-height:100dvh;display:flex;justify-content:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));overflow-x:hidden;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/></svg>")}.ambient-glow{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(600px circle at var(--glow-x) var(--glow-y),rgba(255,90,31,.06),transparent 70%);z-index:0}@media(prefers-reduced-motion:reduce){.ambient-glow{display:none}}.panel{position:relative;z-index:1;width:100%;max-width:460px;margin:auto;background-color:var(--surface);border:1px solid var(--border);border-radius:12px;padding:48px 40px}.spotlight{background-image:radial-gradient(360px circle at var(--glow-x) var(--glow-y),rgba(255,90,31,.08),transparent 65%)}@media(prefers-reduced-motion:reduce){.spotlight{background-image:none}}.eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 24px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;font-weight:500;letter-spacing:.02em;color:var(--muted);text-transform:uppercase}.tick{display:inline-block;width:3px;height:14px;background-color:var(--accent);border-radius:1px}h1{margin:0 0 16px;font-family:Fraunces,ui-serif,Georgia,Times New Roman,serif;font-optical-sizing:auto;font-weight:500;font-size:clamp(1.9rem,5vw,2.4rem);line-height:1.1;letter-spacing:-.01em}.body-copy{margin:0 0 32px;color:var(--muted);font-size:15px;line-height:1.6}form{display:flex;flex-direction:column}.field-label{font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;font-weight:500;color:var(--faint);margin-bottom:8px;text-transform:uppercase;letter-spacing:.02em}input{background-color:var(--surface-sunken);color:var(--ink);border:1px solid var(--border-strong);min-height:48px;padding:12px 14px;border-radius:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:JetBrains Mono,ui-monospace,monospace;font-size:16px;transition:border-color .15s ease}input::placeholder{color:var(--faint)}input:focus{outline:none;border-color:var(--accent)}.hint{margin-top:8px;font-size:13px;color:var(--faint)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;min-height:48px;background-color:var(--accent);color:var(--accent-ink);border:none;padding:12px 22px;touch-action:manipulation;border-radius:6px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;transition:background-color .15s ease}@media(hover:hover){.btn-primary:hover:not(:disabled){background-color:#ff7440}}.btn-primary:active:not(:disabled){background-color:var(--accent-dim)}.btn-primary:disabled{opacity:.6;cursor:default}.arrow{display:inline-block;transition:transform .15s ease}@media(hover:hover){.btn-primary:hover:not(:disabled) .arrow{transform:translate(3px)}}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;background-color:transparent;color:var(--ink);border:1px solid var(--border-strong);min-height:44px;padding:8px 18px;border-radius:6px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.02em;text-decoration:none;margin-left:auto;transition:border-color .15s ease,background-color .15s ease;white-space:nowrap}@media(hover:hover){.btn-ghost:hover{border-color:var(--accent);background-color:var(--surface-raised)}}.btn-ghost:active{border-color:var(--accent);background-color:var(--surface-raised)}.result-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:24px;padding:20px 0 0;border-top:1px solid var(--border)}.result-text{flex:1 1 0;min-width:0;font-size:14px;color:var(--muted);overflow-wrap:anywhere}.result-error{align-items:flex-start}.result-error .status-dot{margin-top:.6em}.result-success .result-text{color:var(--ink)}.status-dot{flex-shrink:0;width:7px;height:7px;border-radius:9999px}.dot-live{background-color:var(--live);box-shadow:0 0 8px #ff5a1fb3}.dot-error{background-color:var(--accent-dim)}@media(max-width:480px){.page{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.panel{padding:32px 22px;border-radius:10px}.eyebrow{margin-bottom:20px}.body-copy{margin-bottom:28px}.btn-primary{width:100%}.result-success .btn-ghost{flex:1 0 100%;margin-left:0}}@media(min-width:768px){.page{padding:max(48px,env(safe-area-inset-top)) max(48px,env(safe-area-inset-right)) max(48px,env(safe-area-inset-bottom)) max(48px,env(safe-area-inset-left))}.panel{max-width:600px;padding:64px 56px;border-radius:16px}h1{font-size:2.9rem}.body-copy{font-size:17px;margin-bottom:40px}.eyebrow,.field-label,.hint{font-size:14px}input{min-height:52px;padding:14px 16px}.btn-primary{min-height:52px;font-size:14px}.result-text{font-size:16px}}@media(max-height:520px)and (orientation:landscape){.page{align-items:flex-start;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom))}.panel{padding:24px 28px}h1{font-size:1.6rem}.body-copy{margin-bottom:20px}}