:root{--ink:#12131a;--muted:#5c6478;--paper:#f4f1ea;--beam:#ffb703;--beam-hot:#ffd56a;--night:#1d2433;--line:#12131a1f;--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:radial-gradient(70% 55% at 70% 10%,#ffb70373,#0000 60%),radial-gradient(50% 40% at 15% 80%,#ffd56a47,#0000 55%),linear-gradient(160deg,#fffaf0 0%,#f4f1ea 45%,#e8eef8 100%);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}.beam{filter:blur(8px);pointer-events:none;z-index:0;background:radial-gradient(circle,#ffb7038c 0%,#ffb70314 45%,#0000 70%);border-radius:50%;width:min(52vw,420px);height:min(52vw,420px);animation:8s ease-in-out infinite drift;position:absolute;top:12%;right:8%}@keyframes drift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-18px,14px)scale(1.06)}}.stage{z-index:1;width:min(760px,100%);animation:.52s cubic-bezier(.2,.8,.2,1) both rise;position:relative}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.brand{letter-spacing:-.05em;color:var(--ink);margin:0;font-family:Bricolage Grotesque,sans-serif;font-size:clamp(3.2rem,9vw,5.6rem);font-weight:800;line-height:.9}.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:-.01em;border:0;padding:.9rem 1.35rem;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn-primary{background:var(--ink);color:#fffaf0;border-radius:14px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px #12131a2e}.btn-beam{background:var(--beam);color:var(--ink);border-radius:14px}.btn-beam:hover{transform:translateY(-2px);box-shadow:0 14px 34px #ffb70373}.btn-ghost{color:var(--muted);border:1px solid var(--line);background:0 0;border-radius:14px}.btn-ghost:hover{color:var(--ink);border-color:#12131a47}.btn-danger{color:var(--danger);background:#d7263d1a;border:1px solid #d7263d40;border-radius:14px}.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:#ffb70329;border-color:#ffb70373}.control{text-align:center;padding:1.5rem 0 .5rem}.torch{cursor:pointer;background:radial-gradient(circle at 50% 40%,#ffb70359,#0000 55%),linear-gradient(#fff 0%,#f0ebe1 100%);border:2px solid #12131a1f;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:#ffb703e6;animation:2s ease-in-out infinite glow;box-shadow:0 0 0 10px #ffb7031f,0 20px 60px #ffb70359}.torch:hover{transform:scale(1.03)}@keyframes glow{0%,to{box-shadow:0 0 0 8px #ffb7031a,0 18px 50px #ffb70347}50%{box-shadow:0 0 0 16px #ffb70329,0 24px 70px #ffb7036b}}.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}.beam{opacity:.7;top:0;right:-10%}}