.galaxy-container{position:relative;width:100%;height:100%;overflow:hidden}.galaxy-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.particles-container{position:relative;width:100%;height:100%;overflow:hidden}.particles-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.grid-scan{position:relative;width:100%;height:100%;overflow:hidden}.grid-scan-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.grid-scan-preview{position:absolute;right:12px;bottom:12px;width:168px;aspect-ratio:4 / 3;overflow:hidden;border-radius:14px;background:#0b0b0e;box-shadow:0 0 0 1px #ffffff14,0 8px 24px #00000059;pointer-events:none}.grid-scan-video{display:block;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.grid-scan-status{position:absolute;left:8px;bottom:8px;padding:3px 8px;border-radius:8px;background:#0a0a0c99;color:#fff;font:500 11px/1.4 system-ui,-apple-system,sans-serif;backdrop-filter:blur(8px)}.grid-scan-hidden{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.letter-glitch{position:relative;width:100%;height:100%;overflow:hidden}.letter-glitch-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;width:100%}html{background:#140e1e}body{font-family:Inter,Segoe UI,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button{background:none;border:0}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--cover-accent);outline-offset:7px}::selection{background:#ccb2e5;color:#160f20}.cover{min-height:100svh;height:100svh;min-height:720px;position:relative;isolation:isolate;overflow:hidden;color:var(--cover-ink);background:var(--cover-bg);transition:background .6s,color .4s}.ambient{position:absolute;inset:0;z-index:-3;transition:opacity .9s,transform 1.2s;opacity:.85}.is-entered .ambient{opacity:.38;transform:scale(1.04)}.atmosphere{position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,color-mix(in srgb,var(--cover-bg) 88%,transparent) 0%,transparent 57%),linear-gradient(0deg,var(--cover-bg),transparent 23%,transparent 80%,color-mix(in srgb,var(--cover-bg) 60%,transparent))}.cover-header{height:116px;padding:0 5.5vw;display:flex;align-items:center;justify-content:space-between;gap:36px}.wordmark{display:flex;align-items:center;gap:16px;font-size:16px;font-weight:600;letter-spacing:-.4px}.brand-symbol{font:italic 40px Georgia,serif;line-height:1}.brand-symbol>span{color:var(--cover-accent)}.study-switch{display:flex;align-items:center;gap:22px}.control-label{font-size:9px;letter-spacing:2px;color:var(--cover-muted);opacity:.75}.desktop-variants{display:flex;gap:26px}.desktop-variants button{position:relative;padding:12px 0;color:var(--cover-muted);font-size:12px;transition:color .2s}.desktop-variants small{font:9px Consolas,monospace;margin-right:7px;opacity:.5}.desktop-variants button[aria-pressed=true]{color:var(--cover-ink)}.desktop-variants button:after{content:"";position:absolute;width:3px;height:3px;border-radius:50%;bottom:1px;left:50%;background:var(--cover-accent);opacity:0;transition:opacity .2s}.desktop-variants button[aria-pressed=true]:after{opacity:1}.mobile-variants{display:none}.header-github{font-size:12px;color:var(--cover-muted);white-space:nowrap}.header-github span{margin-left:12px;color:var(--cover-ink)}main{position:absolute;inset:116px 0 100px;display:grid;place-items:center}.intro{text-align:center;position:relative;width:min(100%,1000px);padding:24px;transform:translateY(-12px);transition:opacity .55s,transform .85s cubic-bezier(.22,1,.36,1),filter .7s;animation:intro-arrive 1s both}.eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;font:10px/1.6 Consolas,monospace;letter-spacing:2.4px;color:var(--cover-muted);margin:0 0 27px}.eyebrow>span{height:5px;width:5px;background:var(--cover-accent);border-radius:50%;box-shadow:0 0 10px color-mix(in srgb,var(--cover-accent) 35%,transparent)}h1{margin:0;font-size:clamp(100px,11.8vw,174px);font-weight:650;line-height:1.03;letter-spacing:-.08em;padding-right:.08em}.name-dot{color:var(--cover-accent)}.signature{font:italic 26px/1.4 Georgia,serif;color:var(--cover-muted);margin:20px 0 0;letter-spacing:-.4px}.intro-detail{font-size:13px;line-height:1.9;letter-spacing:.25px;color:var(--cover-muted);opacity:.75;margin-top:26px}.intro-actions{margin-top:38px;display:flex;flex-direction:column;align-items:center;gap:22px}.enter-button{border:1px solid color-mix(in srgb,var(--cover-ink) 25%,transparent);border-radius:3px;padding:15px 25px;font-size:12px;min-width:199px;transition:border-color .2s,background .2s,transform .2s}.enter-button:hover{border-color:var(--cover-accent);background:color-mix(in srgb,var(--cover-accent) 8%,transparent);transform:translateY(-2px)}.enter-button>span{margin-left:28px;color:var(--cover-accent)}.direct-blog{font-size:10px;color:var(--cover-muted);opacity:.8;padding:5px}.direct-blog>span{margin-left:9px}.direct-blog:hover{opacity:1;color:var(--cover-accent)}.is-entered .intro{opacity:0;transform:translateY(-80px) scale(.97);filter:blur(8px);pointer-events:none;animation:none}.destination-panel{position:absolute;width:min(900px,80vw);opacity:0;transform:translateY(95px);pointer-events:none;transition:opacity .65s 50ms,transform .9s cubic-bezier(.22,1,.36,1)}.is-entered .destination-panel{opacity:1;transform:translateY(0);pointer-events:auto}.destination-panel .eyebrow{justify-content:flex-start;margin:0 0 16px;font-size:9px}.back-button{position:absolute;right:0;top:0;font-size:11px;color:var(--cover-muted);padding:0}.destination-panel h2{font-size:clamp(30px,3.2vw,46px);line-height:1.2;letter-spacing:-1.8px;font-weight:500;margin:0 0 42px}.destination-panel h2>span{color:var(--cover-accent)}.destinations{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 48px}.destination{display:block;position:relative;padding:0 0 22px;border-bottom:1px solid color-mix(in srgb,var(--cover-ink) 13%,transparent);transition:border-color .25s,transform .25s}.destination:hover{border-color:var(--destination-color);transform:translateY(-3px)}.destination-top{display:flex;align-items:center;margin-bottom:19px;gap:10px}.destination svg{width:20px;height:20px;fill:none;stroke:var(--destination-color);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.destination-index{font:9px Consolas,monospace;color:var(--cover-muted);opacity:.5}.destination-arrow{margin-left:auto;color:var(--cover-muted);transition:color .2s,transform .25s}.destination:hover .destination-arrow{color:var(--destination-color);transform:translate(2px,-2px)}.destination h3{font-size:22px;font-weight:500;letter-spacing:-.5px;margin:0 0 10px;transition:color .2s}.destination:hover h3{color:var(--destination-color)}.destination p{font-size:11px;color:var(--cover-muted);line-height:1.6;margin:0}.learning-hint{position:absolute;bottom:3px;left:0;font:8px/1.3 Consolas,monospace;color:var(--cover-muted);opacity:0;transition:opacity .2s}.destination:hover .learning-hint{opacity:1}.learning-link{display:block;margin-top:26px;font-size:10px;color:var(--cover-muted)}.learning-link span{color:var(--cover-accent);margin-left:8px}.cover-footer{position:absolute;bottom:0;left:0;right:0;height:100px;padding:0 5.5vw;display:flex;align-items:center;justify-content:space-between;gap:24px}.scroll-cue{position:absolute;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:10px;align-items:center;font:8px Consolas,monospace;letter-spacing:2.3px;color:var(--cover-muted);padding:8px}.scroll-cue>span{font-size:15px;color:var(--cover-accent);animation:breathe 2.5s infinite}.palette-controls{display:flex;gap:12px;align-items:center}.palette-dot{width:10px;height:10px;padding:0;position:relative;border-radius:50%;background:var(--swatch);outline:1px solid transparent;outline-offset:4px;transition:outline-color .2s}.palette-dot[aria-pressed=true]{outline-color:var(--cover-muted)}.palette-controls>.control-label{margin-right:8px;font-size:8px}.motion-control{margin-left:8px;padding:0;font:9px Consolas,monospace;color:var(--cover-muted);opacity:.7;min-width:36px}.mobile-break{display:none}.fallback-note{position:absolute;left:24px;bottom:130px;font-size:11px;color:var(--cover-muted)}.is-light .atmosphere{background:radial-gradient(ellipse at 50% 42%,#e8dbbab8,transparent 65%),linear-gradient(0deg,#e8dbba,transparent 30%)}option{background:var(--cover-bg);color:var(--cover-ink)}@keyframes intro-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(-12px)}}@keyframes breathe{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(5px);opacity:1}}@media(min-width:1700px){.cover-header,.cover-footer{padding-inline:7vw}}@media(max-width:1100px){.control-label{display:none}.desktop-variants{gap:18px}.study-switch{gap:0}.cover-header{gap:20px}.destination-panel{width:80vw}.destinations{gap:28px}}@media(max-width:700px){.cover{min-height:780px}.cover-header{height:88px;padding:0 24px;gap:20px}.wordmark{gap:9px;font-size:13px}.brand-symbol{font-size:34px}.desktop-variants{display:none}.mobile-variants{display:block;max-width:145px;background:none;border:0;color:var(--cover-muted);font-size:11px;padding:10px 0}.header-github{font-size:0}.header-github span{font-size:18px;margin:0}.study-switch{margin-left:auto}.cover-footer{height:100px;padding:0 24px 25px;align-items:flex-end;gap:12px}.palette-controls{gap:10px}.palette-controls .control-label{display:none}.motion-control{font-size:8px;margin-left:2px;min-width:27px}.palette-dot{width:8px;height:8px}main{inset:88px 0 100px}.intro{padding:24px 16px;transform:translateY(-24px)}h1{font-size:clamp(78px,21vw,120px);letter-spacing:-.075em}.eyebrow{font-size:7px;letter-spacing:1.9px;gap:8px;margin-bottom:32px}.signature{font-size:23px;margin-top:20px}.intro-detail{font-size:11px;margin-top:25px;line-height:1.8}.mobile-break{display:block}.intro-actions{margin-top:33px;gap:21px}.enter-button{font-size:11px;padding:15px 23px;min-width:190px}.direct-blog{font-size:9px}.scroll-cue{bottom:74px;white-space:nowrap;font-size:7px;gap:6px}.destination-panel{width:calc(100% - 48px);transform:translateY(60px)}.destination-panel .eyebrow{font-size:7px;letter-spacing:1.8px;margin-bottom:16px}.destination-panel h2{font-size:29px;letter-spacing:-1.1px;margin-bottom:31px;max-width:260px}.back-button{top:-30px;font-size:9px;right:0}.destinations{grid-template-columns:repeat(2,1fr);gap:25px 24px}.destination-top{margin-bottom:12px}.destination svg{width:17px;height:17px}.destination-index{font-size:8px}.destination h3{font-size:19px;margin-bottom:7px}.destination p{font-size:9px}.destination{padding-bottom:17px}.learning-hint{display:none}.learning-link{font-size:9px;margin-top:22px}.learning-link span{margin-left:4px}.destination-arrow{font-size:14px}}@media(max-height:760px)and (min-width:701px){.cover{min-height:650px}.cover-header{height:85px}.cover-footer{height:75px}main{inset:85px 0 75px}h1{font-size:122px}.eyebrow{margin-bottom:15px}.signature{font-size:22px;margin-top:12px}.intro-detail{margin-top:15px}.intro-actions{margin-top:25px;gap:16px}.destination-panel h2{font-size:36px;margin-bottom:25px}.destinations{gap:20px 40px}.destination-top{margin-bottom:12px}.destination{padding-bottom:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;transition-delay:0ms!important}}@font-face{font-family:Shamot Script;src:url(/assets/cover/great-vibes.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.cover-header .profile-avatar{display:block;width:36px;height:36px;object-fit:cover;border-radius:50%}.header-github{display:flex;align-items:center;gap:12px}.header-github .github-mark{display:block;width:23px;height:23px;fill:currentColor}.intro h1{font-family:Shamot Script,cursive;font-weight:400;font-size:clamp(135px,15vw,225px);letter-spacing:0;line-height:1.3;padding:0 .08em;font-synthesis:none;font-kerning:normal}.intro .signature{font-size:23px;margin-top:16px}.intro .intro-actions{margin-top:45px}.intro:focus{outline:0}.destination-panel{width:min(900px,80vw)}.destination-panel .destinations{row-gap:44px}@media(max-width:700px){.cover-header .profile-avatar{width:31px;height:31px}.header-github .github-mark{width:23px;height:23px}.header-github{font-size:0;gap:0}.intro h1{font-size:clamp(98px,27vw,146px);letter-spacing:0}.intro .signature{font-size:21px;margin-top:19px}.intro .intro-actions{margin-top:40px}.destination-panel{width:calc(100% - 48px)}.destination-panel .destinations{row-gap:35px}}@media(max-height:760px)and (min-width:701px){.intro h1{font-size:158px}}.destination-panel:focus{outline:0}.cover:not(.is-light) .ambient-galaxy,.cover:not(.is-light) .ambient-particles{mix-blend-mode:screen}.cover-footer .palette-controls{margin-left:auto}.intro h1.handwritten-name{padding:0;line-height:1.3;height:1.3em}.handwritten-name svg{display:block;margin:auto;width:2.25em;height:1.3em;overflow:visible}.handwritten-name text{font-family:Shamot Script,cursive;font-size:400px;font-weight:400;fill:currentColor}.cover{transition:background 1.6s ease,color 1.6s ease}.cover .intro{animation:none}.cover .ambient{transition:opacity 1.6s ease,transform 1.2s}.cover .atmosphere,.cover-header,.cover-footer,.intro .signature,.intro .intro-actions{transition:opacity 1.6s ease,visibility 1.6s}.cover .handwritten-name{color:var(--cover-ink);transition:color 1.6s ease}.cover.is-opening{background:#000}.is-opening .ambient,.is-opening .atmosphere,.is-opening .cover-header,.is-opening .cover-footer,.is-opening .intro .signature,.is-opening .intro .intro-actions{opacity:0;visibility:hidden;pointer-events:none}.is-opening .handwritten-name{color:#f5effb}.cover-footer .study-switch{margin:0}@media(min-width:701px)and (max-width:1100px){.cover-footer .scroll-cue{bottom:80px;white-space:nowrap}}@media(max-width:700px){.cover-footer .mobile-variants{padding:0;min-height:20px}.cover-footer .palette-controls{min-height:20px}}