.boot-intro{color:#b5e7f5;background:radial-gradient(ellipse at center,#0b3144ed,#020c14 75%);width:100vw;max-width:none;height:100dvh;max-height:none;border:0;padding:0;margin:0;overflow:auto;border-radius:0;font-family:'Share Tech Mono',monospace;box-shadow:none}.boot-intro::backdrop{background:#020c13}.boot-intro[open]{display:grid;place-items:center}.intro-grid{position:absolute;inset:0;background:linear-gradient(#14516b30 1px,transparent 1px),linear-gradient(90deg,#14516b30 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.intro-frame{position:relative;text-align:center;width:min(620px,calc(100% - 40px));padding:55px 38px;border:1px solid #24758e;background:#0623328f;box-shadow:inset 0 0 80px #00b1db0d,0 0 70px #00b1db14;margin:35px 0}.intro-frame:before,.intro-frame:after{content:'';position:absolute;width:26px;height:26px;pointer-events:none}.intro-frame:before{top:-1px;left:-1px;border-top:2px solid #40d4ed;border-left:2px solid #40d4ed}.intro-frame:after{bottom:-1px;right:-1px;border-bottom:2px solid #40d4ed;border-right:2px solid #40d4ed}.intro-symbol{width:82px;height:82px;border:1px solid #277e99;margin:0 auto 25px;display:grid;place-items:center;transform:rotate(45deg);box-shadow:0 0 25px #13bde522}.intro-symbol span{font-size:50px;color:#36cde9;transform:rotate(-45deg);text-shadow:0 0 15px #36cde977}.intro-frame .eyebrow{font-family:'Share Tech Mono',monospace;color:#3794b1;font-size:9px;letter-spacing:2px;justify-content:center}.intro-frame h1{font-family:'Share Tech Mono',monospace;font-size:clamp(40px,6vw,73px);letter-spacing:8px;line-height:1.2;color:#95e7ff;text-shadow:0 0 8px #4cc1f099,0 0 25px #00b4e544;margin-top:22px;font-weight:400}.intro-frame>p{font-size:12px;line-height:1.9;color:#5ea2bd;margin:15px auto 28px;max-width:370px}.intro-entry{display:inline-flex;align-items:center;justify-content:space-between;gap:60px;border:1px solid #2d9dbc;background:#08394f;color:#adf0ff;padding:15px 24px;font-size:13px;font-family:'Share Tech Mono',monospace;letter-spacing:1px}.intro-entry:hover{background:#105870;box-shadow:0 0 20px #00b8d822}.intro-controls{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:23px;color:#4e91ac;font-size:10px}.intro-controls label{display:flex;align-items:center;gap:8px}.intro-controls input{accent-color:#30c0e3}.intro-controls button{font-family:'Share Tech Mono',monospace;background:none;border:0;color:#4e91ac;padding:4px 0;font-size:10px}.intro-controls button:hover{color:#b2ecfb}.intro-caption{display:block;font-size:8px;letter-spacing:1px;color:#386880;margin-top:32px}.intro-frame h1 .intro-caret{display:inline-block;width:7px;height:48px;background:#2fc1e5;margin-left:4px;box-shadow:0 0 12px #2fc1e55c;animation:intro-blink 1.4s steps(1,end) infinite}.click-feedback{position:fixed;z-index:99999;width:16px;height:16px;transform:translate(-50%,-50%);border:1px solid #64dbf4;border-radius:50%;box-shadow:0 0 12px #2fbfe755;pointer-events:none;animation:click-pulse .42s ease-out forwards}#sound-toggle{white-space:nowrap;font-size:8px;color:#51b4d0}button:active,a.button:active{filter:brightness(1.25)}@keyframes click-pulse{to{width:56px;height:56px;opacity:0;border-color:#2696b5}}@keyframes intro-blink{0%,70%{opacity:1}71%,100%{opacity:0}}@media(max-width:760px){.intro-frame{padding:38px 22px;width:calc(100% - 30px)}.intro-frame h1{font-size:38px;letter-spacing:5px}.intro-frame h1 .intro-caret{height:29px;width:4px}.intro-frame .eyebrow{font-size:7px}.intro-frame>p{font-size:11px}.intro-entry{font-size:11px;padding:14px 18px;gap:45px}.intro-controls{font-size:9px;gap:20px}.intro-controls button{font-size:9px}.intro-caption{font-size:6px}.intro-symbol{width:65px;height:65px}.intro-symbol span{font-size:39px}#sound-toggle{font-size:6px}.desktop-system #system-status{display:none}.desktop-system{gap:12px}.desktop-system time{font-size:8px}}@media(prefers-reduced-motion:reduce){.intro-frame h1 .intro-caret{animation:none}.click-feedback{display:none}}