:root{color-scheme:dark;--background:#000000;--text:#eeeee8;--muted:#939996;--line:#ffffff16;--accent:#c4d5a4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--text);font-family:Manrope,sans-serif;-webkit-font-smoothing:antialiased}body::before{content:'';position:fixed;inset:-25%;pointer-events:none;background:url('./assets/milky-way.jpg') center/cover no-repeat;opacity:.2;filter:brightness(.8);transform:translateY(-4vh) rotate(12deg)}a,button{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}::selection{color:var(--background);background:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:7px}[hidden]{display:none!important}#universe{position:fixed;inset:0;width:100%;height:100%;touch-action:pan-y}.scene-shade{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#00000085,transparent 65%)}.page{position:relative;max-width:1600px;margin:auto;padding:0 6.5%;pointer-events:none}.page a,.page button{pointer-events:auto}.profile,.section-heading{pointer-events:auto}.header{height:108px;display:flex;align-items:center;gap:32px}.identity{font-size:14px;font-weight:700;letter-spacing:-.02em}.motion-button{display:flex;align-items:center;justify-content:center;margin-left:auto;border:0;background:0 0;padding:10px;color:#fff;cursor:pointer;transition:opacity .2s,transform .2s}.motion-button:hover{opacity:.8}.motion-button svg{fill:none;stroke:currentColor;stroke-width:1.5}.motion-button{touch-action:none;user-select:none}.motion-button[aria-pressed=true]{color:#fff;background:0 0;transform:scale(1.1)}.motion-button svg{stroke-linejoin:round}main{padding-top:clamp(80px,12vh,150px);min-height:calc(100svh - 108px + 24px)}.profile{width:40%;max-width:560px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.18em;color:#b8beb5;margin-bottom:24px}.status-dot{width:5px;height:5px;background:var(--accent);border-radius:50%}h1{font-family:Manrope,sans-serif;font-size:clamp(68px, 7.8vw, 118px);line-height:1.08;font-weight:600;letter-spacing:-.075em;margin:0 0 17px;overflow-wrap:anywhere}.name-period{color:var(--accent)}.handle{color:var(--muted);font-size:13px;margin:0}.bio{color:#b5bab7;font-size:16px;line-height:1.9;max-width:420px;margin:33px 0 23px}.location{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted);margin:0}.location svg{stroke:#939996;stroke-width:1.2}.socials{display:flex;flex-wrap:wrap;gap:12px 25px;margin-top:37px}.social-link{display:flex;gap:9px;align-items:center;font-size:12px;padding:6px 0;color:#d7dad4;border-bottom:1px solid #ffffff28;transition:color .2s,border-color .2s}.social-link:hover{color:var(--accent);border-color:var(--accent)}.social-link svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:1.4;transition:transform .2s}.social-link:hover svg{transform:translate(2px,-2px)}.social-link .social-icon{width:15px;height:15px;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.social-link .social-icon-filled{fill:currentColor;stroke:none}.social-link:hover .social-icon{transform:none}.stack{padding:90px 0 65px;max-width:650px}.section-heading{display:flex;align-items:center;gap:20px;margin-bottom:28px}.section-heading h2{font-size:12px;font-weight:500;margin:0;white-space:nowrap}.section-index{margin-left:auto}.section-index{font-size:9px;letter-spacing:.06em;color:#787e78}.tech-list{display:flex;flex-wrap:wrap;gap:12px}.tech{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#101315b3;border:1px solid #ffffff12;border-radius:4px;font-size:11px;color:#c8cdc6;pointer-events:auto;transition:border-color .2s,background .2s}.tech:hover{border-color:#c4d5a450;background:#181e19}.tech img{width:17px;height:17px;object-fit:contain;opacity:.85}.footer{display:flex;align-items:center;gap:24px;min-height:83px;margin-top:24px;font-size:10px;color:#787e78}.footer-star{font-size:21px;color:var(--accent);margin-left:auto}.planet-card{position:fixed;top:0;left:0;width:190px;z-index:4;padding:13px 15px;background:#080b09ed;border:1px solid #c4d5a438;border-radius:8px;box-shadow:0 8px 30px #00000060;backdrop-filter:blur(12px)}.planet-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.planet-card-heading h2{margin:0;font-size:13px;font-weight:600;color:var(--text)}.planet-card-heading button{border:0;background:0 0;color:var(--muted);cursor:pointer;font-size:18px;line-height:1;padding:3px}.planet-card-heading button:hover{color:var(--accent)}.planet-card-type{margin:3px 0 12px;color:var(--accent);font-size:9px;letter-spacing:.06em}.planet-card dl{display:grid;grid-template-columns:auto 1fr;gap:8px 10px;margin:0;font-size:10px}.planet-card dt{color:var(--muted)}.planet-card dd{margin:0;text-align:right;color:#d7dad4;font-variant-numeric:tabular-nums}.focus-view{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;color:var(--text);background:#000;overflow-y:auto}.focus-view::backdrop{background:0 0}.focus-view[open]{animation:focus-reveal .5s ease both}.focus-shell{min-height:100%;max-width:1600px;margin:auto;padding:56px clamp(24px,5vw,80px);display:flex;flex-direction:column}.focus-back{position:fixed;top:20px;right:24px;z-index:1;width:40px;height:40px;background:0 0;border:0;color:#939996;cursor:pointer;font-size:28px;font-weight:400;transition:color .2s}.focus-back:hover{color:var(--accent)}.focus-layout{flex:1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);align-items:center;gap:clamp(40px,7vw,110px);padding:48px 0}.focus-visual{margin:0;min-width:0}.focus-stage{height:clamp(300px,55vh,640px);position:relative}#focus-canvas{width:100%;height:100%;display:block;mask-image:radial-gradient(ellipse,#000 50%,transparent 74%);cursor:grab;touch-action:none}#focus-canvas:active{cursor:grabbing}.focus-info{max-width:430px;padding:12px 0}.focus-type{margin:0 0 10px;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--accent)}.focus-info h2{margin:0 0 22px;font-size:clamp(44px, 5vw, 76px);font-weight:500;line-height:1.05;letter-spacing:-.055em}.focus-facts{display:grid;gap:14px;margin:0;padding:0}.focus-facts div{min-width:0;display:flex;justify-content:space-between;align-items:baseline;gap:24px}.focus-facts dt{font-size:12px;color:#758078}.focus-facts dd{margin:0;font-size:13px;line-height:1.5;font-variant-numeric:tabular-nums}body.focus-open{overflow:hidden}@keyframes focus-reveal{from{opacity:0}to{opacity:1}}@media (max-width:700px){.focus-shell{padding:54px 24px 36px}.focus-layout{grid-template-columns:minmax(0,1fr);gap:35px;padding:24px 0 36px}.focus-stage{height:clamp(240px,42vh,380px)}.focus-info{max-width:none}}.config-error{position:fixed;bottom:12px;left:12px;right:12px;background:#20251f;border:1px solid #626f52;padding:16px;font-size:13px;z-index:5}@media (max-width:900px){.page{padding:0 7%}.profile{width:100%}.header{height:88px}main{min-height:calc(100svh - 88px + 24px)}.motion-button{margin-left:auto}.bio{font-size:14px}.stack{max-width:650px;padding-top:460px}}@media (max-width:600px){.page{padding:0 7%}.header{height:77px}main{padding-top:59px;min-height:calc(100svh - 77px + 24px)}.profile{width:100%}h1{font-size:clamp(62px, 16vw, 92px)}.eyebrow{margin-bottom:18px}.bio{max-width:340px;margin-top:27px}.scene-shade{background:linear-gradient(180deg,#00000055 0,#00000080 47%,transparent 65%,#00000085 92%)}.stack{padding-top:410px;padding-bottom:40px}.tech-list{gap:9px}.tech{padding:11px 12px}.section-heading{gap:14px}.footer{min-height:90px;gap:8px;padding:22px 0}.footer-star{margin-left:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,::after,::before{transition:none!important}.focus-view[open]{animation:none}}