:root{--ink:#0e1016;--muted:#6b7280;--paper:#faf8f4;--beam:#f5a623;--line:#0e10161a;--danger:#d7263d;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Manrope,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#faf8f4;min-height:100vh;overflow-x:hidden}button,input{font:inherit}.app{place-items:center;min-height:100vh;padding:clamp(1.5rem,4vw,3rem);display:grid;position:relative}.backdrop{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.backdrop-wash{background:radial-gradient(62% 56% at 78% 18%,#f5a6236b,#0000 58%),radial-gradient(48% 40% at 8% 92%,#f5a62324,#0000 52%),linear-gradient(165deg,#fffef9 0%,#faf8f4 50%,#f1eee8 100%);animation:9s ease-in-out infinite wash-breathe;position:absolute;inset:-12%}.backdrop-core{background:radial-gradient(circle,#ffe08cbf 0%,#f5a62359 32%,#f5a62314 58%,#0000 72%);border-radius:50%;width:min(54vw,460px);height:min(54vw,460px);animation:4.5s ease-in-out infinite core-pulse,11s ease-in-out infinite core-drift;position:absolute;top:-2%;right:2%}.backdrop-ring{opacity:0;border:1.5px solid #f5a62373;border-radius:50%;width:160px;height:160px;margin:-80px 0 0 -80px;animation:5.5s cubic-bezier(.15,.7,.25,1) infinite ring-expand;position:absolute;top:calc(-2% + min(27vw,230px));right:calc(2% + min(27vw,230px));box-shadow:0 0 24px #f5a6231f}.backdrop-ring.r2{border-color:#f5a62359;animation-delay:1.8s}.backdrop-ring.r3{border-color:#f5a62347;animation-delay:3.6s}.backdrop-orbit{width:min(42vw,340px);height:min(42vw,340px);margin:calc(-1*min(21vw,170px)) 0 0 calc(-1*min(21vw,170px));animation:18s linear infinite orbit-spin;position:absolute;top:calc(-2% + min(27vw,230px));right:calc(2% + min(27vw,230px))}.backdrop-orbit span{background:#f5a623;border-radius:50%;width:9px;height:9px;margin-left:-4.5px;position:absolute;top:0;left:50%;box-shadow:0 0 16px #f5a623b3}.backdrop-orbit span:nth-child(2){opacity:.7;width:6px;height:6px;animation:none;top:auto;bottom:12%;left:8%}.backdrop-sweep{mix-blend-mode:soft-light;background:linear-gradient(108deg,#0000 40%,#ffffff8c 49%,#f5a6232e 51%,#0000 60%);animation:10s ease-in-out infinite sweep;position:absolute;inset:-25% -40%}.backdrop-glow-bl{background:radial-gradient(circle,#f5a62338,#0000 68%);border-radius:50%;width:min(48vw,340px);height:min(48vw,340px);animation:7s ease-in-out infinite glow-bl;position:absolute;bottom:-10%;left:-8%}.backdrop-ray{opacity:.9;background:conic-gradient(#0000 0deg,#f5a62312 18deg,#0000 40deg 120deg,#ffd67814 145deg,#0000 170deg 360deg);width:min(90vw,720px);height:min(90vw,720px);margin:calc(-1*min(45vw,360px)) 0 0 calc(-1*min(45vw,360px));animation:28s linear infinite ray-spin;position:absolute;top:calc(-2% + min(27vw,230px));right:calc(2% + min(27vw,230px))}.backdrop-dim .backdrop-wash{opacity:.85}.backdrop-dim .backdrop-core{opacity:.5}.backdrop-dim .backdrop-orbit,.backdrop-dim .backdrop-ray,.backdrop-dim .backdrop-ring{display:none}@keyframes wash-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}@keyframes core-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.18)}}@keyframes core-drift{0%,to{transform:translate(0)scale(1)}35%{transform:translate(-36px,22px)scale(1.08)}65%{transform:translate(16px,-14px)scale(.94)}}@keyframes ring-expand{0%{opacity:0;transform:scale(.4)}10%{opacity:.75}65%{opacity:.18}to{opacity:0;transform:scale(3.6)}}@keyframes orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ray-spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes sweep{0%,to{opacity:.25;transform:translate(-14%)rotate(1deg)}50%{opacity:.85;transform:translate(16%)rotate(-1deg)}}@keyframes glow-bl{0%,to{opacity:.65;transform:translate(0)scale(1)}50%{opacity:1;transform:translate(36px,-22px)scale(1.25)}}@media (prefers-reduced-motion:reduce){.backdrop-wash,.backdrop-core,.backdrop-ring,.backdrop-sweep,.backdrop-glow-bl,.backdrop-orbit,.backdrop-ray{animation:none!important}}.stage{z-index:1;width:min(760px,100%);animation:.56s cubic-bezier(.2,.8,.2,1) both rise;position:relative}.landing{text-align:center;flex-direction:column;align-items:center;width:min(520px,100%);display:flex}.landing .brand{font-size:clamp(3.8rem,12vw,6.2rem)}.landing .lede{max-width:20ch;color:var(--muted);margin-top:1.1rem;font-size:clamp(1rem,2.1vw,1.12rem);font-weight:500;line-height:1.45}.landing .actions{justify-content:center;margin-top:2.1rem}.landing .error{margin-top:1rem;font-size:.92rem;font-weight:500}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.brand{letter-spacing:-.055em;color:var(--ink);margin:0;font-family:Bricolage Grotesque,sans-serif;font-size:clamp(3.2rem,9vw,5.6rem);font-weight:800;line-height:.92}.lede{max-width:28ch;color:var(--muted);margin:1rem 0 0;font-size:clamp(1.05rem,2.2vw,1.25rem);font-weight:500;line-height:1.45}.actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:2rem;display:flex}.btn{cursor:pointer;letter-spacing:-.015em;border:0;border-radius:999px;padding:.85rem 1.45rem;font-weight:600;transition:transform .16s,box-shadow .16s,background .16s,opacity .16s}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn-primary{background:var(--ink);color:#faf8f4}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 28px #0e101629}.btn-beam{background:var(--beam);color:var(--ink);min-width:10.5rem}.btn-beam:hover{transform:translateY(-1px);box-shadow:0 12px 28px #f5a62352}.btn-ghost{color:var(--muted);border:1px solid var(--line);background:0 0}.btn-ghost:hover{color:var(--ink);border-color:#0e101638}.btn-danger{color:var(--danger);background:#d7263d14;border:1px solid #d7263d33}.top{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.meta{text-align:right;color:var(--muted);font-size:.92rem}.meta strong{color:var(--ink);display:block}.panel{border-top:1px solid var(--line);padding-top:1.5rem}.device{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 0;display:flex}.device h3{letter-spacing:-.03em;margin:0 0 .35rem;font-family:Bricolage Grotesque,sans-serif;font-size:1.35rem}.pills{flex-wrap:wrap;gap:.4rem;display:flex}.pill{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.2rem .55rem;font-size:.75rem;font-weight:600}.pill.live{color:#0b6e4f;background:#0b6e4f14;border-color:#0b6e4f4d}.pill.warn{color:#9a6700;background:#f5a62329;border-color:#f5a62373}.control{text-align:center;padding:1.5rem 0 .5rem}.torch{cursor:pointer;background:radial-gradient(circle at 50% 40%,#f5a62352,#0000 55%),linear-gradient(#fff 0%,#f3efe8 100%);border:2px solid #0e10161a;border-radius:50%;place-items:center;gap:.2rem;width:min(250px,68vw);height:min(250px,68vw);margin:1.25rem auto;transition:transform .18s,box-shadow .22s,border-color .18s;display:grid}.torch .word{letter-spacing:-.04em;font-family:Bricolage Grotesque,sans-serif;font-size:2.4rem;font-weight:800}.torch .hint{color:var(--muted);font-size:.9rem;font-weight:600}.torch.on{border-color:#f5a623e6;animation:2s ease-in-out infinite glow;box-shadow:0 0 0 10px #f5a6231f,0 20px 60px #f5a62352}.torch:hover{transform:scale(1.03)}@keyframes glow{0%,to{box-shadow:0 0 0 8px #f5a6231a,0 18px 50px #f5a62342}50%{box-shadow:0 0 0 16px #f5a62324,0 24px 70px #f5a62361}}.code-row{flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:.9rem;display:flex}.code-row input{border:1px solid var(--line);letter-spacing:.28em;text-align:center;background:#ffffffb3;border-radius:12px;width:9.5rem;padding:.75rem .85rem;font-size:1.1rem;font-weight:700}.error{color:var(--danger);margin:1rem 0 0;font-weight:600}.note{color:var(--muted);margin:0 0 1rem}@media (width<=640px){.top{flex-direction:column}.meta{text-align:left}.backdrop-ring{top:18%;right:28%}}