.lab-page{--lab-bg:#040a14;--lab-ink:#eef5ff;--lab-soft:#a9b8cc;--lab-gold:#efc66a;--lab-wall:#efc66a8c;box-sizing:border-box;background:radial-gradient(120% 80% at 50% 30%, #0e2038 0%, #071222 45%, var(--lab-bg) 100%);min-height:100dvh;color:var(--lab-ink);place-items:center;padding:24px 16px 32px;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;display:grid;position:relative;overflow:hidden}.lab-page *,.lab-page :before,.lab-page :after{box-sizing:border-box}.lab-stars{pointer-events:none;background-image:radial-gradient(1px 1px at 12% 18%,#ffffffb3,#0000),radial-gradient(1px 1px at 78% 12%,#ffffff80,#0000),radial-gradient(1.5px 1.5px at 62% 74%,#efc66a99,#0000),radial-gradient(1px 1px at 24% 82%,#ffffff73,#0000),radial-gradient(1px 1px at 90% 58%,#fff6,#0000),radial-gradient(1.5px 1.5px at 40% 6%,#efc66a80,#0000);animation:6s ease-in-out infinite alternate lab-twinkle;position:absolute;inset:0}.lab-stage{text-align:center;justify-items:center;gap:8px;width:min(100%,440px);display:grid;position:relative}.lab-brand{gap:2px;display:grid}.lab-brand strong{letter-spacing:.32em;color:var(--lab-gold);font-size:.95rem}.lab-brand span{letter-spacing:.28em;color:var(--lab-soft);font-size:.66rem}.lab-maze{width:min(78vw,330px);height:auto;margin:6px 0 4px;overflow:visible}.lab-halo{fill:none;stroke:#efc66a1f;stroke-width:1px}.lab-wall{fill:none;stroke:var(--lab-wall);stroke-width:5px;stroke-linecap:round;filter:drop-shadow(0 0 3px #efc66a59)}.lab-ring{transform-box:view-box;transform-origin:0 0;transform:rotate(var(--start));animation:lab-turn var(--speed) linear infinite;transition:transform 1.1s cubic-bezier(.6,0,.2,1);animation-direction:normal}.lab-ring:nth-of-type(2n){animation-direction:reverse}.lab-path{stroke:#fff2c4;stroke-width:6px;stroke-linecap:round;stroke-dasharray:160;stroke-dashoffset:160px;opacity:0;filter:drop-shadow(0 0 8px #efc66a)}.lab-core{opacity:.55;animation:3.2s ease-in-out infinite lab-breathe}.lab-compass path{fill:var(--lab-gold)}.lab-compass circle{fill:#0b1626}.lab-maze.is-open .lab-ring{transition-delay:var(--delay);animation:none;transform:rotate(0)}.lab-maze.is-open .lab-path{opacity:1;stroke-dashoffset:0;transition:stroke-dashoffset .8s ease-out 1.15s,opacity .2s linear 1.1s}.lab-maze.is-open .lab-core{opacity:1;transform-box:fill-box;transform-origin:50%;transition:transform .6s ease-out 1.8s;animation:none;transform:scale(1.5)}.lab-panel{justify-items:stretch;gap:10px;width:100%;display:grid}.lab-panel h1{margin:0;font-size:clamp(1.5rem,6vw,1.9rem);line-height:1.2}.lab-lead{color:var(--lab-soft);margin:0;font-size:.95rem}.lab-hint{color:var(--lab-soft);margin:0;font-size:.8rem}.lab-notice{background:#6fd4a01a;border:1px solid #6fd4a059;border-radius:12px;margin:0;padding:10px 12px;font-size:.9rem}.lab-primary,.lab-secondary{cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 18px;font:700 16px/1.1 system-ui,-apple-system,sans-serif;display:flex}.lab-primary{background:var(--lab-gold);color:#1a1204;border:0;box-shadow:0 10px 30px #efc66a40}.lab-secondary{color:var(--lab-ink);background:#050e1ab3;border:1px solid #efc66a73}.lab-primary span,.lab-secondary span{font-size:1.2rem}.lab-primary[disabled],.lab-secondary[disabled]{opacity:.6;cursor:progress}.lab-links{flex-wrap:wrap;justify-content:center;gap:18px;min-height:24px;display:flex}.lab-links button,.lab-text{color:var(--lab-soft);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;justify-self:center;padding:6px;font:600 14px/1.3 system-ui,sans-serif;text-decoration:underline}.lab-qr{justify-items:center;gap:10px;display:grid}.lab-qr-code{background:#fff;border-radius:16px;width:min(64vw,230px);padding:10px;box-shadow:0 0 0 4px #efc66a66}.lab-qr-code svg{width:100%;height:auto;display:block}.lab-recovery,.lab-passcode{gap:10px;display:grid}.lab-code{color:#fff;text-align:center;letter-spacing:.12em;text-transform:uppercase;background:#06101d;border:1px solid #ffffff38;border-radius:14px;width:100%;min-height:50px;font:700 18px/1 ui-monospace,Menlo,monospace}.lab-name{letter-spacing:0;text-transform:none;font:600 16px/1 system-ui,sans-serif}.lab-passcode .login-form{text-align:left}.lab-error{color:#ffb4a8;margin:0;font-size:.9rem;font-weight:600}@keyframes lab-turn{0%{transform:rotate(var(--start))}to{transform:rotate(calc(var(--start) + 360deg))}}@keyframes lab-breathe{0%,to{opacity:.45}50%{opacity:.8}}@keyframes lab-twinkle{0%{opacity:.6}to{opacity:1}}@media (prefers-reduced-motion:reduce){.lab-ring,.lab-core,.lab-stars{animation:none}}@media (max-height:700px){.lab-maze{width:min(60vw,240px)}}