.intro-launch{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:43px;margin-top:11px;border:1px solid #6ff4ff45;background:#04152299;color:#a7dae9;font-size:12px;transition:background .2s,border-color .2s}.intro-launch>span:first-child{font-size:17px;color:var(--cyan)}.intro-launch>span:last-child{margin-left:auto;font-size:16px;color:var(--cyan)}.intro-launch>span:first-child{margin-right:auto}.intro-launch:hover{background:#103144;border-color:var(--cyan)}
.header-controls #intro{color:#c6f4ff}.header-controls #intro>span{font:20px/1 ui-monospace,monospace;color:var(--cyan)}
#intro-dialog{position:fixed;inset:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;border-radius:0;background:#071016;color:#e6f7fc;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#315c72 #071016;box-shadow:none;--read:0%}
#intro-dialog[open]{animation:intro-connect .25s ease-out both}#intro-dialog::backdrop{background:#02080c}.intro-toolbar{position:sticky;top:0;z-index:3;height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 max(24px,calc((100vw - 800px)/2));background:#07151ff5;border-bottom:1px solid #6ff4ff30;backdrop-filter:blur(12px)}.intro-toolbar small{display:block;font:7px ui-monospace,monospace;letter-spacing:.13em;color:#618c9f;margin-bottom:6px}.intro-toolbar h2{font-size:14px;font-weight:550;line-height:1.2;margin:0;color:#d5f5ff}.intro-toolbar button{display:flex;align-items:center;gap:18px;min-height:44px;font-size:12px;color:#a9cbd8;padding:0 3px;white-space:nowrap}.intro-toolbar button>span{font:26px ui-monospace,monospace;color:var(--cyan)}.intro-read-progress{position:absolute;left:0;bottom:-1px;height:2px;width:var(--read);background:var(--cyan);box-shadow:0 0 12px #6ff4ff60;pointer-events:none}.intro-pages{width:min(800px,100%);margin:0 auto;padding:0;background:#fff;line-height:0}.intro-pages img{display:block;width:100%;height:auto;margin:0;padding:0;border:0;aspect-ratio:auto;max-width:none}.intro-end{display:flex;flex-direction:column;align-items:center;gap:23px;width:min(800px,100%);padding:48px 24px 64px;margin:0 auto;background:#071016}.intro-end>small{font:8px ui-monospace,monospace;letter-spacing:.17em;color:#5e95ac}.intro-end>button{display:flex;justify-content:space-between;gap:80px;align-items:center;padding:16px 21px;min-width:270px;color:#051018;background:var(--cyan);font-size:14px;font-weight:600;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}.intro-end>button span{font-size:20px}.intro-end>button:hover{background:#b7fbff}@keyframes intro-connect{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:760px){.header-controls{gap:13px}.header-controls #intro{gap:4px}.header-controls #intro b{font-size:9px}.header-controls #intro>span{font-size:17px}.header-controls #about b{font-size:8px}.header-controls #about>span{font-size:16px}.masthead{padding-left:15px;padding-right:15px;gap:8px}.brand-name strong{font-size:11px}.brand-symbol{font-size:22px}.brand{gap:6px}.intro-toolbar{height:58px;padding:0 18px}.intro-toolbar h2{font-size:13px}.intro-toolbar small{font-size:6px;margin-bottom:5px}.intro-toolbar button{font-size:11px;gap:15px}.intro-launch{min-height:38px;font-size:11px;margin-top:9px}.intro-launch>span:first-child{font-size:15px}.boot-terminal{margin-top:12px}.intro-end{padding:37px 24px 48px}.intro-end>button{font-size:13px;min-width:250px}}
@media(max-width:360px){.header-controls{gap:10px}.header-controls #intro b,.header-controls #about b{font-size:8px}.brand-name strong{font-size:10px}.brand-name{font-size:8px}.brand-symbol{font-size:20px}.header-controls #audio-label{display:none}}
@media(max-height:730px) and (max-width:760px){.intro-launch{min-height:33px;margin-top:7px;font-size:10px}.boot-inner{gap:13px}.boot-terminal{margin-top:8px}}
@media(prefers-reduced-motion:reduce){#intro-dialog[open]{animation:none}}