:is(html:has(#intro-stage),body:has(#intro-stage)){min-height:100%}body:has(#intro-stage){margin:0}body.intro-playing{overflow:hidden}body.intro-playing #root{visibility:hidden;opacity:0;pointer-events:none}body.intro-ended #root{z-index:10;position:relative}#intro-stage{z-index:5;background:#030811;position:fixed;inset:0;overflow:hidden}#intro-stage.intro-finished{pointer-events:none}#intro-stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#intro-chrome{z-index:20;color:#effaff;-webkit-user-select:none;user-select:none;pointer-events:none;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;inset:0}#intro-chrome input[type=range]{--progress:0%;appearance:none;width:100%;min-width:0;height:3px;min-height:0;box-shadow:none;background:linear-gradient(to right, #87e4ff var(--progress), #cad8eb40 var(--progress));cursor:pointer;border:0;border-radius:0;flex:1;margin:0;padding:0}#intro-chrome input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff;border:0;border-radius:50%;width:10px;height:10px;box-shadow:0 0 12px #7be7ff70}#intro-chrome input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:10px;height:10px}#intro-chrome :is(button,select,input):focus-visible{outline-offset:4px;outline:2px solid #9be8ff}#intro-chrome .intro-error{color:#ffd2a8;margin:0 0 10px;font:12px system-ui,sans-serif}.intro-load-error{z-index:30;color:#fff;background:#071525;place-content:center;gap:10px;min-height:100vh;font:16px system-ui,sans-serif;display:grid;position:relative}.intro-load-error button{color:#fff;cursor:pointer;background:#12384d;border:1px solid #9be4fa;padding:10px 15px}body.intro-ended .login-card{animation:1.2s cubic-bezier(.16,1,.3,1) both intro-materialize}@keyframes intro-materialize{0%{opacity:0;filter:blur(22px);transform:perspective(900px)translateZ(-600px)rotate(-14deg)scale(.08)}48%{opacity:1;filter:blur(2px)}to{opacity:1;filter:blur();transform:perspective(900px)translateZ(0)rotate(0)scale(1)}}@media (prefers-reduced-motion:reduce){body.intro-ended .login-card{animation:none}}#intro-chrome [hidden]{display:none!important}#intro-chrome .intro-dock{right:max(24px, env(safe-area-inset-right));bottom:max(24px, env(safe-area-inset-bottom));box-sizing:border-box;pointer-events:auto;color:#f3f7f9;background:#070d16eb;border:1px solid #d8f2ff30;border-radius:15px;width:200px;padding:18px 18px 12px;position:absolute;box-shadow:0 10px 40px #0006,inset 0 1px #ffffff09}#intro-chrome .intro-dock-heading{letter-spacing:-.025em;white-space:nowrap;margin:0;font:600 18px/1.35 system-ui,sans-serif}#intro-chrome .intro-dock-size{letter-spacing:-.04em;color:#a8c0d2;margin:4px 0 13px;font:400 16px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}#intro-chrome .intro-dock-actions{border-top:1px solid #d8f2ff20;align-items:center;gap:5px;padding-top:8px;display:flex}#intro-chrome .intro-dock button{color:#b9cbd7;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;width:40px;height:40px;min-height:40px;padding:9px;display:grid}#intro-chrome .intro-dock button:hover,#intro-chrome .intro-dock button[aria-expanded=true]{color:#fff;background:#d8f2ff14}#intro-chrome .intro-dock button[aria-pressed=true]{color:#8cf3e6}#intro-chrome .intro-dock button[aria-busy=true]{opacity:.5}#intro-chrome .intro-dock svg{width:22px;height:22px}#intro-chrome .intro-dock .intro-skip{color:#e9f5ff;letter-spacing:.08em;width:auto;min-width:40px;margin-left:auto;padding:0 10px;font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace}#intro-chrome .intro-mini-player{box-sizing:border-box;background:#070d16f5;border:1px solid #d8f2ff30;border-radius:12px;grid-template-columns:40px 1fr;align-items:center;column-gap:9px;width:clamp(240px,25vw,480px);max-width:calc(100vw - 32px);padding:8px 18px 6px 7px;display:grid;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:0 10px 40px #0006}#intro-chrome .intro-time{color:#e9f5ff;font-variant-numeric:tabular-nums;white-space:nowrap;grid-column:2;font:500 13px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}#intro-chrome .intro-mini-player input[type=range]{background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:100% 3px;border-radius:0;height:20px}#intro-chrome .intro-dock .intro-error{margin:10px 0 0;line-height:1.4}@media (width<=640px){#intro-chrome .intro-dock{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));width:190px;padding:12px 13px 8px}#intro-chrome .intro-dock-size{margin-bottom:8px}#intro-chrome .intro-mini-player{grid-template-columns:36px 1fr;padding-top:6px;padding-bottom:4px}#intro-chrome .intro-mini-player button{width:36px;height:36px;min-height:36px}body.intro-ended #intro-chrome .intro-dock{padding:7px 13px 6px}body.intro-ended #intro-chrome .intro-dock-size{margin:2px 0 4px;font-size:15px}body.intro-ended #intro-chrome .intro-dock-actions{padding-top:4px}}@media (height<=650px) and (width<=900px){body.intro-ended #intro-chrome .intro-dock{width:173px;padding:7px 10px 4px}body.intro-ended #intro-chrome .intro-dock-heading{font-size:15px}body.intro-ended #intro-chrome .intro-dock-size{margin:1px 0 4px;font-size:14px}body.intro-ended #intro-chrome .intro-dock-actions{padding-top:2px}}