*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:auto;-webkit-text-size-adjust:100%}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-display);font-size:16px;line-height:1.6;overflow-x:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior-y:none}body{min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100vh}::selection{background:#22d3ee4d;color:#fff}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#94a3b838;border-radius:99px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#22d3ee80}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:4px}.canvas-wrap{position:fixed;inset:0;z-index:var(--z-canvas);pointer-events:none}.canvas-wrap canvas{pointer-events:auto}.scroll-content{position:relative;z-index:var(--z-content);pointer-events:none}.scroll-content .section,.scroll-content footer{pointer-events:none}.scroll-content a,.scroll-content button,.scroll-content input,.scroll-content .glass,.scroll-content .hero-ctas{pointer-events:auto}html[data-pro="1"] .scroll-content .section,html[data-pro="1"] .scroll-content footer{pointer-events:auto}.h-display{font-weight:700;letter-spacing:-.03em;line-height:.95;font-size:clamp(2.6rem,8vw,var(--text-6xl));margin:0}.h-xl{font-size:clamp(1.9rem,5vw,var(--text-4xl));font-weight:700;letter-spacing:-.02em;line-height:1.05;margin:0}.h-lg{font-size:clamp(1.4rem,3vw,var(--text-2xl));font-weight:600;letter-spacing:-.01em;margin:0}.eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.32em;text-transform:uppercase;color:var(--cyan);display:inline-flex;align-items:center;gap:var(--sp-2)}.eyebrow:before{content:"";width:28px;height:1px;background:currentColor;opacity:.7}.mono{font-family:var(--font-mono)}.muted{color:var(--text-2)}.text-grad{background:linear-gradient(110deg,#fff 20%,var(--cyan) 55%,var(--violet) 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--text-2);border:1px solid var(--line);border-radius:99px;padding:5px 12px;background:#0a0d1499;white-space:nowrap}.chip .dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:breathe 2.4s ease-in-out infinite}.chip.tone-cyan{color:var(--cyan);border-color:#22d3ee59}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);letter-spacing:.06em;color:var(--text);background:transparent;border:1px solid var(--line-strong);border-radius:var(--radius-md);padding:14px 26px;cursor:pointer;text-decoration:none;transition:border-color var(--speed-fast) var(--ease-out),color var(--speed-fast),box-shadow var(--speed-fast),transform var(--speed-fast) var(--ease-out),background var(--speed-fast);overflow:hidden;white-space:nowrap}.btn:hover{border-color:var(--cyan);color:var(--cyan);box-shadow:var(--glow-cyan);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(34,211,238,.12) 50%,transparent 70%);transform:translate(-120%);transition:transform var(--speed-slow) var(--ease-out)}.btn:hover:after{transform:translate(120%)}.btn-primary{background:linear-gradient(120deg,#22d3ee29,#8b5cf629);border-color:#22d3ee73;color:#e8fdff}.btn-primary:hover{box-shadow:var(--glow-cyan),inset 0 0 18px #22d3ee1f}.btn-amber{border-color:#fbbf2466;color:#fff7e6}.btn-amber:hover{border-color:var(--amber);color:var(--amber);box-shadow:var(--glow-amber)}.btn-sm{padding:9px 16px;font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn-icon{width:42px;height:42px;padding:0;border-radius:50%}.section{position:relative;min-height:100vh;padding:calc(var(--nav-h) + var(--sp-8)) var(--sp-6) var(--sp-12);display:flex;align-items:center;justify-content:center}.section-inner{width:100%;max-width:var(--content-w);margin:0 auto}.section-head{margin-bottom:var(--sp-8)}.section-head h2{margin:var(--sp-3) 0 0}.section-sub{color:var(--text-2);max-width:560px;margin-top:var(--sp-3);font-size:var(--text-base)}.glass{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);box-shadow:var(--shadow-panel);position:relative}.glass:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(140deg,rgba(255,255,255,.06),transparent 38%);pointer-events:none}.corner-lines:after{content:"";position:absolute;top:10px;right:10px;width:18px;height:18px;border-top:1px solid var(--cyan);border-right:1px solid var(--cyan);opacity:.6;pointer-events:none}.corner-lines:before{content:"";position:absolute;bottom:10px;left:10px;width:18px;height:18px;border-bottom:1px solid var(--cyan);border-left:1px solid var(--cyan);opacity:.6;pointer-events:none}.link-line{color:var(--cyan);text-decoration:none;position:relative;font-weight:500}.link-line:after{content:"";position:absolute;left:0;bottom:-2px;height:1px;width:100%;background:var(--cyan);transform:scaleX(0);transform-origin:right;transition:transform var(--speed-med) var(--ease-out)}.link-line:hover:after{transform:scaleX(1);transform-origin:left}@keyframes breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.8)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes spinSlow{to{transform:rotate(360deg)}}@keyframes pulseGlow{0%,to{opacity:.7}50%{opacity:1}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}html[data-reduced="1"] *,html[data-reduced="1"] *:before,html[data-reduced="1"] *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}@media(hover:none),(pointer:coarse){.cursor-dot,.cursor-ring{display:none!important}}.section,.hero{min-height:100vh}@supports (min-height: 100svh){.section,.hero{min-height:100svh}}@media(hover:none),(pointer:coarse){.btn{min-height:44px}.rail-dot,.nav-toggle{min-height:40px}}@media(pointer:coarse){html,body{overscroll-behavior-y:auto}.glass{background:#0a0d15eb}.nav-links,.nav-toggle{background:#080a10c7}.section{content-visibility:auto;contain-intrinsic-size:1px 100svh}}@media(hover:none),(pointer:coarse){*,*:before,*:after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}:root{--bg: #05060a;--bg-2: #0a0d14;--surface: rgba(13, 17, 26, .55);--surface-solid: #0d111a;--surface-2: rgba(19, 24, 38, .6);--line: rgba(148, 163, 184, .14);--line-strong: rgba(148, 163, 184, .28);--text: #e6e9f2;--text-2: #a8b0c3;--text-3: #6b7288;--cyan: #22d3ee;--blue: #3b82f6;--violet: #8b5cf6;--magenta: #e879f9;--amber: #fbbf24;--orange: #fb923c;--green: #34d399;--red: #f87171;--font-display: "Space Grotesk", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.375rem;--text-4xl: 3.25rem;--text-5xl: 4.5rem;--text-6xl: 6rem;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-8: 3rem;--sp-10: 4rem;--sp-12: 5rem;--sp-16: 7rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--glow-cyan: 0 0 24px rgba(34, 211, 238, .35);--glow-violet: 0 0 24px rgba(139, 92, 246, .35);--glow-amber: 0 0 24px rgba(251, 191, 36, .3);--shadow-panel: 0 24px 60px -20px rgba(0, 0, 0, .7);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--speed-fast: .18s;--speed-med: .38s;--speed-slow: .7s;--nav-h: 64px;--content-w: 1200px;--z-canvas: 0;--z-content: 10;--z-nav: 40;--z-hud: 35;--z-cursor: 90;--z-overlay: 60;--z-modal: 80;--z-loader: 100}html[data-secret="1"]{--cyan: #4ff3ff;--violet: #a78bfa;--magenta: #f0abfc;--amber: #fde68a;--line: rgba(148, 163, 184, .22);--glow-cyan: 0 0 40px rgba(34, 211, 238, .6);--glow-violet: 0 0 40px rgba(139, 92, 246, .6)}.nav-top{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:var(--z-nav);display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-6);background:linear-gradient(to bottom,#05060ad9,#05060a00);pointer-events:none}.nav-top>*{pointer-events:auto}.nav-brand{font-weight:700;letter-spacing:.18em;font-size:var(--text-sm);color:var(--text);text-decoration:none;display:flex;align-items:center;gap:10px}.nav-brand .mark{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe6c0,var(--orange) 45%,#7c2d12);box-shadow:0 0 16px #fb923c80}.nav-links{display:flex;align-items:center;gap:4px;padding:5px;border:1px solid var(--line);border-radius:99px;background:#080a108c;backdrop-filter:blur(12px)}.nav-link{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-2);text-decoration:none;padding:7px 13px;border-radius:99px;transition:color var(--speed-fast),background var(--speed-fast)}.nav-link:hover{color:var(--text)}.nav-link.active{color:var(--cyan);background:#22d3ee1a}.nav-actions{display:flex;align-items:center;gap:8px}.nav-toggle{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--text-2);background:#080a108c;border:1px solid var(--line);border-radius:99px;padding:9px 14px;cursor:pointer;transition:all var(--speed-fast);backdrop-filter:blur(12px);text-transform:uppercase}.nav-toggle:hover{color:var(--text);border-color:var(--line-strong)}.nav-toggle .sw{width:30px;height:16px;border-radius:99px;border:1px solid var(--line-strong);position:relative;transition:background var(--speed-fast)}.nav-toggle .sw:after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:var(--text-3);transition:transform var(--speed-fast) var(--ease-spring),background var(--speed-fast)}.nav-toggle.on .sw{background:#22d3ee33;border-color:var(--cyan)}.nav-toggle.on .sw:after{transform:translate(14px);background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.nav-rail{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:var(--z-nav);display:flex;flex-direction:column;gap:14px;align-items:center}.rail-dot{position:relative;width:9px;height:9px;border-radius:50%;border:1px solid var(--line-strong);background:transparent;cursor:pointer;transition:all var(--speed-fast) var(--ease-out);padding:0}.rail-dot:hover{border-color:var(--cyan);transform:scale(1.25)}.rail-dot.active{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 10px var(--cyan);transform:scale(1.3)}.rail-dot .rail-label{position:absolute;right:22px;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-2);opacity:0;transition:opacity var(--speed-fast);white-space:nowrap;pointer-events:none}.rail-dot:hover .rail-label{opacity:1}.hud{position:fixed;left:22px;bottom:22px;z-index:var(--z-hud);display:flex;flex-direction:column;gap:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--text-3);pointer-events:none}.hud .row{display:flex;align-items:center;gap:8px}.hud .row .val{color:var(--cyan)}.hud-corner{position:fixed;right:22px;bottom:22px;z-index:var(--z-hud);display:flex;gap:8px;align-items:center;font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;color:var(--text-3)}.sys-msg{position:fixed;top:calc(var(--nav-h) + 14px);left:50%;transform:translate(-50%);z-index:var(--z-modal);font-family:var(--font-mono);font-size:11px;letter-spacing:.24em;color:var(--cyan);background:#05080ed9;border:1px solid rgba(34,211,238,.4);box-shadow:var(--glow-cyan);border-radius:99px;padding:10px 22px;backdrop-filter:blur(10px);animation:fadeUp .4s var(--ease-out);text-transform:uppercase}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;z-index:var(--z-cursor);pointer-events:none;border-radius:50%;will-change:transform}.cursor-dot{width:6px;height:6px;background:var(--cyan);box-shadow:0 0 10px var(--cyan);transform:translate(-50%,-50%)}.cursor-ring{width:38px;height:38px;border:1px solid rgba(148,163,184,.4);transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;transition:width var(--speed-med) var(--ease-out),height var(--speed-med) var(--ease-out),border-color var(--speed-med),background var(--speed-med)}.cursor-ring.labeled{width:62px;height:62px;border-color:var(--cyan);background:#22d3ee1f;box-shadow:var(--glow-cyan)}.cursor-ring .label{font-family:var(--font-mono);font-size:9px;letter-spacing:.22em;color:var(--cyan);opacity:0;transform:scale(.6);transition:opacity var(--speed-fast),transform var(--speed-fast) var(--ease-spring);text-transform:uppercase}.cursor-ring.labeled .label{opacity:1;transform:scale(1)}.loader{position:fixed;inset:0;z-index:var(--z-loader);background:#030408;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-6);transition:opacity .6s ease,visibility .6s}.loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader .l-title{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.4em;color:var(--cyan);text-transform:uppercase}.loader .l-rows{width:min(420px,80vw);display:flex;flex-direction:column;gap:9px;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--text-3);text-transform:uppercase}.loader .l-row{display:flex;justify-content:space-between;align-items:center}.loader .l-row .bar{width:120px;height:4px;background:#94a3b81f;border-radius:99px;overflow:hidden}.loader .l-row .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--violet));border-radius:99px;transition:width .3s ease}.loader .l-skip{position:absolute;bottom:30px;right:30px;font-family:var(--font-mono);font-size:10px;letter-spacing:.24em;color:var(--text-3);background:none;border:1px solid var(--line);padding:10px 18px;border-radius:99px;cursor:pointer;text-transform:uppercase}.loader .l-skip:hover{color:var(--text);border-color:var(--line-strong)}.intro{position:fixed;inset:0;z-index:calc(var(--z-loader) + 1);background:#020308;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--sp-4);transition:opacity .8s ease,visibility .8s}.intro.hidden{opacity:0;visibility:hidden;pointer-events:none}.intro .i-line{font-family:var(--font-mono);font-size:clamp(.8rem,2.4vw,1.05rem);letter-spacing:.26em;color:var(--text-2);text-transform:uppercase;opacity:0;transform:translateY(10px);min-height:1.6em}.intro .i-line.done{opacity:1;transform:none;transition:opacity .4s ease,transform .4s var(--ease-out)}.intro .i-line.final{color:var(--cyan);text-shadow:0 0 18px rgba(34,211,238,.6)}.intro .i-skip{position:absolute;bottom:30px;right:30px;font-family:var(--font-mono);font-size:10px;letter-spacing:.24em;color:var(--text-3);background:none;border:1px solid var(--line);padding:10px 18px;border-radius:99px;cursor:pointer;text-transform:uppercase}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:calc(var(--nav-h) + var(--sp-6)) var(--sp-6);overflow:hidden}.hero-copy{max-width:780px}.hero-copy .tag{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.34em;color:var(--cyan);text-transform:uppercase;display:flex;align-items:center;gap:10px;margin-bottom:var(--sp-5)}.hero-copy .tag:before{content:"";width:34px;height:1px;background:var(--cyan)}.hero-name{font-size:clamp(3rem,10vw,7.5rem);font-weight:700;letter-spacing:-.04em;line-height:.92;margin:0 0 var(--sp-5)}.hero-name .ln{display:block;color:var(--text-3)}.hero-tagline{font-size:clamp(1.15rem,3vw,1.7rem);font-weight:500;color:var(--text-2);letter-spacing:-.01em;margin:0 0 var(--sp-4);max-width:620px}.hero-desc{color:var(--text-2);max-width:540px;font-size:var(--text-base);margin:0 0 var(--sp-6)}.hero-roles{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--sp-8)}.hero-ctas{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.hero-scroll-hint{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.3em;color:var(--text-3);text-transform:uppercase}.hero-scroll-hint .line{width:1px;height:42px;background:linear-gradient(to bottom,var(--cyan),transparent);animation:pulseGlow 2s ease-in-out infinite}.about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--sp-8);align-items:center}.about-copy p{color:var(--text-2);font-size:var(--text-lg);line-height:1.75;margin:0 0 var(--sp-4)}.about-facts{list-style:none;padding:0;margin:var(--sp-5) 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.about-facts li{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;color:var(--text-2);padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#0a0d1480}.about-facts li b{display:block;color:var(--text);font-weight:500;margin-bottom:2px;letter-spacing:.02em}.planet-chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--text);background:#06090fd1;border:1px solid var(--line-strong);border-radius:99px;padding:4px 10px;white-space:nowrap;text-transform:uppercase;box-shadow:0 4px 18px #0000008c;backdrop-filter:blur(4px)}.planet-chip svg{flex-shrink:0}.tech-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1.5px solid var(--line-strong);background:radial-gradient(circle at 32% 26%,#ffffff17,#06090ff0 72%);backdrop-filter:blur(5px)}.tech-chip svg{display:block}.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--sp-5)}.proj-card{padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3);cursor:pointer;transition:transform var(--speed-med) var(--ease-out),border-color var(--speed-med),box-shadow var(--speed-med)}.proj-card:hover{transform:translateY(-4px);border-color:var(--line-strong);box-shadow:var(--shadow-panel),0 0 30px #22d3ee14}.proj-card .pc-top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-3)}.proj-card .pc-idx{font-family:var(--font-mono);font-size:11px;color:var(--text-3);letter-spacing:.2em}.proj-card h3{margin:0;font-size:var(--text-xl);letter-spacing:-.01em}.proj-card p{margin:0;color:var(--text-2);font-size:var(--text-sm);line-height:1.65;flex:1}.proj-tags{display:flex;flex-wrap:wrap;gap:6px}.proj-tags span{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--text-2);border:1px solid var(--line);padding:4px 9px;border-radius:99px}.proj-actions{display:flex;gap:10px;margin-top:var(--sp-2)}.project-panel{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--sp-6);background:#020308b8;backdrop-filter:blur(10px);animation:fadeIn .3s ease}.project-panel .pp-card{width:min(880px,100%);max-height:88vh;overflow-y:auto;padding:var(--sp-8);border:1px solid var(--line-strong);background:linear-gradient(160deg,#0e121ceb,#07090ff5);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel),0 0 60px #22d3ee1a;animation:fadeUp .45s var(--ease-out);position:relative}.project-panel .pp-close{position:absolute;top:18px;right:18px;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#0a0d14b3;color:var(--text-2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--speed-fast)}.project-panel .pp-close:hover{color:var(--text);border-color:var(--cyan);transform:rotate(90deg)}.project-panel .pp-kicker{font-family:var(--font-mono);font-size:10px;letter-spacing:.3em;color:var(--cyan);text-transform:uppercase;margin-bottom:var(--sp-2)}.project-panel h2{font-size:clamp(1.6rem,4vw,2.6rem);margin:0 0 var(--sp-2);letter-spacing:-.02em}.project-panel .pp-status{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--green);border:1px solid rgba(52,211,153,.35);padding:4px 10px;border-radius:99px;margin-bottom:var(--sp-5)}.project-panel .pp-sections{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5);margin-top:var(--sp-5)}.project-panel .pp-block h4{font-family:var(--font-mono);font-size:10px;letter-spacing:.26em;color:var(--text-3);text-transform:uppercase;margin:0 0 var(--sp-2)}.project-panel .pp-block p,.project-panel .pp-block li{font-size:var(--text-sm);color:var(--text-2);line-height:1.7;margin:0}.project-panel .pp-block ul{padding-left:18px;margin:0}.project-panel .pp-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-6)}.skills-legend{display:flex;flex-wrap:wrap;gap:var(--sp-4);margin-bottom:var(--sp-8)}.skills-legend .lg-item{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--text-2);text-transform:uppercase}.skills-legend .lg-dot{width:10px;height:10px;border-radius:50%}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--sp-5)}.skill-panel{padding:var(--sp-6)}.skill-panel .sp-head{display:flex;align-items:center;gap:12px;margin-bottom:var(--sp-4)}.skill-panel .sp-head .orb{width:14px;height:14px;border-radius:50%;box-shadow:0 0 14px currentColor;flex-shrink:0}.skill-panel .sp-head h3{margin:0;font-size:var(--text-lg);letter-spacing:-.01em}.skill-panel .sp-blurb{color:var(--text-3);font-size:var(--text-sm);margin:0 0 var(--sp-4)}.skill-list{display:flex;flex-direction:column;gap:6px}.skill-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:9px 12px;border:1px solid transparent;border-radius:var(--radius-sm);transition:background var(--speed-fast),border-color var(--speed-fast);cursor:default}.skill-row:hover{background:#94a3b80f;border-color:var(--line)}.skill-row .sr-name{font-weight:500;font-size:var(--text-sm);display:flex;align-items:center;gap:10px}.skill-row .sr-name .conf{font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;color:var(--text-3);text-transform:uppercase}.skill-row .sr-note{font-size:var(--text-xs);color:var(--text-3);text-align:right;max-width:46%}.skill-row .sr-projs{font-family:var(--font-mono);font-size:9px;color:var(--cyan);letter-spacing:.08em}.section{will-change:transform;transform:translateZ(0)}.hero-scroll-hint .line{will-change:opacity}.proj-card,.hobby-card,.contact-card,.repo-card{will-change:transform;transform:translateZ(0)}.nav-links,.nav-toggle{will-change:backdrop-filter}.gh-cell{will-change:transform}.gh-grid{scroll-behavior:smooth}.modal,.terminal,.intro{will-change:opacity}.gh-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--sp-6);align-items:start}.gh-wall{padding:var(--sp-5)}.gh-wall .gh-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-4);flex-wrap:wrap;gap:var(--sp-2)}.gh-calendar{width:100%;overflow:hidden}.gh-months-row{display:flex;margin-bottom:4px}.gh-months-spacer{width:28px;flex-shrink:0}.gh-months-scroll{flex:1;overflow-x:hidden;position:relative;height:14px}.gh-months-inner{position:relative;height:100%}.gh-month-label{position:absolute;top:0;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--text-3);text-transform:uppercase;white-space:nowrap;transform:translate(0)}.gh-calendar-body{display:flex;gap:4px}.gh-days{display:flex;flex-direction:column;gap:3px;width:28px;flex-shrink:0}.gh-day-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;color:var(--text-3);display:flex;align-items:center;width:28px}.gh-grid-scroll{flex:1;overflow-x:auto;overflow-y:hidden;padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.gh-grid-scroll::-webkit-scrollbar{height:4px}.gh-grid-scroll::-webkit-scrollbar-track{background:transparent}.gh-grid-scroll::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:99px}.gh-grid-inner{display:flex;gap:3px}.gh-week-col{display:flex;flex-direction:column;gap:3px;flex-shrink:0}.gh-cell{border-radius:2px;background:#94a3b814;cursor:pointer;transition:transform var(--speed-fast),box-shadow var(--speed-fast);flex-shrink:0}.gh-cell:hover{transform:scale(1.6);box-shadow:0 0 8px currentColor;z-index:2;position:relative}.gh-cell.l0{background:#94a3b814}.gh-cell.l1{background:#0e4429;color:#0e4429}.gh-cell.l2{background:#006d32;color:#006d32}.gh-cell.l3{background:#26a641;color:#26a641}.gh-cell.l4{background:#39d353;color:#39d353;box-shadow:0 0 6px #39d35380}.gh-legend{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:10px}.gh-legend-cell{cursor:default;flex-shrink:0}.gh-legend-cell:hover{transform:none;box-shadow:none}.gh-repos{display:flex;flex-direction:column;gap:10px;max-height:480px;overflow-y:auto;padding-right:4px}.repo-card{padding:14px 16px;cursor:pointer;display:flex;flex-direction:column;gap:6px;transition:all var(--speed-med) var(--ease-out);border:1px solid var(--line);border-radius:var(--radius-md);background:#0a0d1480}.repo-card:hover{border-color:var(--cyan);transform:translate(4px);box-shadow:0 0 20px #22d3ee1a}.repo-card .rc-top{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-2)}.repo-card .rc-name{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--cyan);letter-spacing:.02em}.repo-card .rc-desc{font-size:var(--text-xs);color:var(--text-2);line-height:1.5}.repo-card .rc-meta{display:flex;gap:12px;font-family:var(--font-mono);font-size:9px;color:var(--text-3);letter-spacing:.08em;flex-wrap:wrap}.repo-expanded{border-color:var(--cyan);background:#22d3ee0d}.gh-source{font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;color:var(--text-3);text-transform:uppercase}.gh-source.live{color:var(--green)}.gh-source.fallback{color:var(--amber)}.timeline{position:relative;max-width:720px;margin:0 auto;padding-left:40px}.timeline:before{content:"";position:absolute;left:9px;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,var(--line-strong) 8%,var(--line-strong) 92%,transparent)}.tl-step{position:relative;padding:0 0 var(--sp-8)}.tl-step:before{content:"";position:absolute;left:-37px;top:6px;width:11px;height:11px;border-radius:50%;border:2px solid var(--cyan);background:var(--bg);box-shadow:0 0 12px #22d3ee80;transition:background var(--speed-med)}.tl-step.done:before{background:var(--cyan)}.tl-step .tl-year{font-family:var(--font-mono);font-size:10px;letter-spacing:.3em;color:var(--cyan);text-transform:uppercase}.tl-step h3{margin:4px 0;font-size:var(--text-xl)}.tl-step p{margin:0;color:var(--text-2);font-size:var(--text-sm);max-width:520px}.tl-step .tl-kind{display:inline-block;font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);border:1px solid var(--line);border-radius:99px;padding:3px 10px;margin-top:8px}.hobby-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--sp-5)}.hobby-card{padding:var(--sp-5);transition:transform var(--speed-med) var(--ease-out),border-color var(--speed-med)}.hobby-card:hover{transform:translateY(-4px);border-color:var(--line-strong)}.hobby-card .hc-top{display:flex;align-items:center;gap:12px;margin-bottom:var(--sp-3)}.hobby-card .hc-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#0a0d1499;font-size:18px}.hobby-card h3{margin:0;font-size:var(--text-lg)}.hobby-card .hc-tag{font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;color:var(--text-3);text-transform:uppercase}.hobby-card p{color:var(--text-2);font-size:var(--text-sm);line-height:1.7;margin:0 0 var(--sp-3)}.mini-world{height:150px;border:1px solid var(--line);border-radius:var(--radius-md);background:radial-gradient(circle at 50% 45%,rgba(34,211,238,.06),transparent 60%),#06080d99;position:relative;overflow:hidden;touch-action:none}.mw-cricket{background-image:radial-gradient(circle at center,rgba(34,197,94,.08) 0,rgba(34,197,94,.05) 40%,transparent 41%),radial-gradient(circle at center,rgba(34,197,94,.05) 0,transparent 68%),linear-gradient(0deg,#06080d66,#06080d66)}.mw-cricket:before{content:"";position:absolute;left:50%;top:30%;width:30px;height:42%;transform:translate(-50%);background:linear-gradient(to right,#aa845400,#be966480 18%,#d2a87073,#be966480 82%,#aa845400);border-radius:5px;pointer-events:none}.mw-cricket:after{content:"";position:absolute;left:50%;top:34%;width:5px;height:34%;transform:translate(-50%);background:#e6d2b459;border-radius:2px;pointer-events:none}.ball-drag{position:absolute;width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--red) 60%);box-shadow:0 2px 5px #00000080,0 0 12px #f871718c;cursor:grab;touch-action:none}.mw-chess .board{position:absolute;inset:8px;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);border-radius:8px;overflow:hidden;border:1px solid rgba(148,163,184,.4);box-shadow:0 0 0 4px #090c13d9,inset 0 0 16px #00000080}.mw-chess .sq{display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;position:relative;transition:filter .12s ease}.mw-chess .sq.light{background:linear-gradient(135deg,#cfc9b8,#b4ae9d)}.mw-chess .sq.dark{background:linear-gradient(135deg,#645e51,#4b463b)}.mw-chess .sq:hover{filter:brightness(1.18)}.mw-chess .sq.selected{box-shadow:inset 0 0 0 2px var(--cyan),inset 0 0 14px #22d3ee73;z-index:1}.mw-chess .sq.legal:after{content:"";position:absolute;width:26%;height:26%;border-radius:50%;background:#22d3ee8c;box-shadow:0 0 8px #22d3eecc;pointer-events:none}.mw-chess .sq.legal.has-piece:after{width:44%;height:44%;background:transparent;border:2px solid rgba(34,211,238,.85);box-shadow:0 0 10px #22d3ee80,inset 0 0 10px #22d3ee59}.mw-chess .piece{font-size:clamp(13px,2vw,16px);line-height:1;font-weight:600;font-family:Segoe UI Symbol,"Noto Sans Symbols 2",Noto Sans Symbols,serif;pointer-events:none;transform:translateY(.5px)}.mw-chess .piece.w{color:#f7f4ea;text-shadow:0 1px 1px rgba(0,0,0,.6),0 0 6px rgba(255,255,255,.3),1px 2px 3px rgba(0,0,0,.35)}.mw-chess .piece.b{color:#1a1510;text-shadow:0 1px 1px rgba(255,255,255,.22),0 0 5px rgba(0,0,0,.45),1px 2px 3px rgba(0,0,0,.4)}.mw-astronomy{display:flex;align-items:center;justify-content:center;cursor:grab}.mw-astronomy .planet3d{width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffffffe6,#22d3ee80 30%,#3b82f6e6 75%);box-shadow:inset -8px -6px 20px #020617e6,0 0 30px #22d3ee59;position:relative}.mw-astronomy .orbit-line{position:absolute;inset:-46px;border:1px dashed rgba(148,163,184,.25);border-radius:50%;animation:spinSlow 14s linear infinite}.mw-astronomy .moonlet{position:absolute;top:10px;left:50%;width:10px;height:10px;border-radius:50%;background:#e2e8f0;box-shadow:0 0 8px #e2e8f099}.mw-study .nodes{position:absolute;inset:0}.mw-study .knode{position:absolute;display:flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--text);border:1px solid var(--line);background:#0a0d14d9;padding:3px 9px 3px 4px;border-radius:99px;white-space:nowrap;animation:floaty 4s ease-in-out infinite}.mw-study .knode-ico{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;border:1px solid;background:#ffffff0a;box-shadow:inset 0 0 6px #00000073;flex-shrink:0}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--sp-4);margin-top:var(--sp-8)}.contact-card{padding:var(--sp-5);text-decoration:none;color:var(--text);display:flex;flex-direction:column;gap:8px;transition:all var(--speed-med) var(--ease-out)}.contact-card:hover{transform:translateY(-4px);border-color:var(--cyan);box-shadow:var(--glow-cyan)}.contact-card .cc-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;border:1px solid var(--line);color:var(--text-2);transition:all var(--speed-med)}.contact-card:hover .cc-icon{color:var(--cyan);border-color:var(--cyan);box-shadow:0 0 18px #22d3ee40}.contact-card .cc-label{font-weight:600;font-size:var(--text-base)}.contact-card .cc-sub{font-family:var(--font-mono);font-size:10px;color:var(--text-3);letter-spacing:.06em;word-break:break-all}.footer{padding:var(--sp-12) var(--sp-6) calc(var(--sp-12) + 80px);text-align:center;border-top:1px solid var(--line);position:relative;background:linear-gradient(to top,rgba(5,6,10,.9),transparent);pointer-events:auto}.footer .f-name{font-weight:700;font-size:var(--text-xl);letter-spacing:.12em;margin:0 0 var(--sp-2)}.footer .f-tag{color:var(--text-2);font-size:var(--text-sm);margin:0 0 var(--sp-5)}.footer .f-links{display:flex;justify-content:center;gap:var(--sp-3);margin-bottom:var(--sp-6);flex-wrap:wrap;pointer-events:auto}.footer .f-links a{pointer-events:auto}.footer .f-copy{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--text-3);text-transform:uppercase}.terminal{position:fixed;inset:0;z-index:calc(var(--z-modal) + 1);background:#020308d1;backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:var(--sp-6);animation:fadeIn .25s ease}.terminal .term-card{width:min(760px,100%);height:min(560px,80vh);background:#04060bf5;border:1px solid var(--line-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel),0 0 50px #22d3ee14;display:flex;flex-direction:column;overflow:hidden;animation:fadeUp .4s var(--ease-out)}.term-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line);background:#94a3b80a}.term-bar .t-dot{width:10px;height:10px;border-radius:50%}.term-bar .t-title{font-family:var(--font-mono);font-size:11px;color:var(--text-3);letter-spacing:.1em;margin-left:8px;flex:1}.term-body{flex:1;overflow-y:auto;padding:16px 20px;font-family:var(--font-mono);font-size:13px;line-height:1.65}.term-line{color:var(--text-2);white-space:pre-wrap;word-break:break-word}.term-line .t-prompt{color:var(--green)}.term-line .t-cmd{color:var(--text)}.term-line .t-out-cyan{color:var(--cyan)}.term-line .t-out-green{color:var(--green)}.term-line .t-out-violet{color:var(--violet)}.term-line .t-out-dim{color:var(--text-3)}.term-line .t-out-amber{color:var(--amber)}.term-input-row{display:flex;align-items:center;gap:10px;padding:14px 20px;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:13px}.term-input-row .t-prompt{color:var(--green);white-space:nowrap}.term-input-row input{flex:1;background:none;border:none;outline:none;color:var(--text);font-family:inherit;font-size:inherit;caret-color:var(--cyan)}.term-input-row input::placeholder{color:var(--text-3)}.modal{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--sp-5);background:#020308bd;backdrop-filter:blur(12px);animation:fadeIn .25s ease}.modal-card{width:min(620px,100%);max-height:86vh;overflow-y:auto;padding:var(--sp-6);background:linear-gradient(160deg,#0e121cf5,#07090ffa);border:1px solid var(--line-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);animation:fadeUp .4s var(--ease-out);position:relative}.modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#0a0d14b3;color:var(--text-2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--speed-fast)}.modal-close:hover{color:var(--text);border-color:var(--cyan)}.astro-card{width:min(880px,100%)}.ag{display:flex;flex-direction:column;gap:12px;margin-top:var(--sp-5)}.ag-stage{position:relative;aspect-ratio:16 / 10;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--line-strong);background:#000;box-shadow:0 18px 50px -18px #000c}.ag-slide{position:absolute;inset:0}.ag-slide img{width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none;animation:ag-kenburns 6.5s ease-out forwards}.ag-stage.paused .ag-slide img{animation-play-state:paused}@keyframes ag-kenburns{0%{transform:scale(1.18) translate(1.6%,-1.2%)}to{transform:scale(1.04) translate(-1.2%,.6%)}}html[data-reduced="1"] .ag-slide img{animation:none!important}.ag-progress{position:absolute;top:0;left:0;right:0;height:3px;background:#ffffff14;z-index:2}.ag-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--violet));box-shadow:0 0 10px #22d3eeb3;animation:ag-progress linear forwards}.ag-stage.paused .ag-progress i{animation-play-state:paused}@keyframes ag-progress{0%{width:0%}to{width:100%}}.ag-count{position:absolute;top:12px;right:14px;z-index:2;font-size:10px;letter-spacing:.24em;color:#ffffffd9;background:#03050a8c;border:1px solid rgba(255,255,255,.14);padding:5px 10px;border-radius:99px;backdrop-filter:blur(6px)}.ag-caption{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;gap:2px;padding:34px 16px 14px;background:linear-gradient(to top,rgba(2,3,8,.9),transparent)}.ag-caption-title{font-family:var(--font-display);font-weight:600;font-size:var(--text-base);color:#fff;letter-spacing:.01em}.ag-caption-sub{font-size:var(--text-xs);color:#e6e9f2bf;max-width:70%}.ag-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#03050a8c;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px);transition:all var(--speed-fast)}.ag-arrow:hover{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 16px #22d3ee66}.ag-arrow.left{left:12px}.ag-arrow.right{right:12px}.ag-thumbs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.ag-thumb{width:62px;height:42px;border-radius:6px;overflow:hidden;border:1px solid var(--line);opacity:.55;cursor:pointer;flex-shrink:0;padding:0;transition:opacity var(--speed-fast),border-color var(--speed-fast),box-shadow var(--speed-fast),transform var(--speed-fast) var(--ease-out)}.ag-thumb img{width:100%;height:100%;object-fit:cover;display:block}.ag-thumb:hover{opacity:.85;transform:translateY(-1px)}.ag-thumb.active{opacity:1;border-color:var(--cyan);box-shadow:0 0 12px #22d3ee59}.astro-hero{text-align:center;margin-bottom:var(--sp-6)}.astro-hero .a-planet{width:90px;height:90px;margin:0 auto var(--sp-4);border-radius:50%;background:radial-gradient(circle at 32% 28%,#fffffff2,#22d3ee8c 32%,#1e40aff2 78%);box-shadow:inset -12px -8px 26px #020617f2,0 0 44px #22d3ee66;animation:floaty 6s ease-in-out infinite}.qp-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);margin-top:var(--sp-5)}.qp-item{padding:14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#0a0d1480}.qp-item .qp-k{font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;color:var(--text-3);text-transform:uppercase;margin-bottom:4px}.qp-item .qp-v{font-size:var(--text-sm);color:var(--text);line-height:1.55}.qp-item .qp-v.small{font-size:var(--text-xs);color:var(--text-2)}.qp-ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:var(--sp-5)}.float-hr{position:fixed;right:22px;bottom:74px;z-index:var(--z-hud);display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--text);text-transform:uppercase;background:linear-gradient(120deg,#22d3ee29,#8b5cf629);border:1px solid rgba(34,211,238,.4);border-radius:99px;padding:12px 18px;cursor:pointer;backdrop-filter:blur(10px);transition:all var(--speed-med);box-shadow:var(--glow-cyan)}.float-hr:hover{transform:translateY(-2px);box-shadow:var(--glow-cyan),0 0 40px #8b5cf64d}.orbit-nav{position:fixed;left:50%;bottom:20px;transform:translate(-50%);z-index:var(--z-hud);display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none}.orbit-nav>*{pointer-events:auto}.on-bar{display:flex;align-items:center;gap:4px;padding:6px 10px;border:1px solid var(--line-strong);border-radius:99px;background:#05080ecc;backdrop-filter:blur(14px);box-shadow:0 14px 44px #000000a6;max-width:calc(100vw - 24px);overflow-x:auto;scrollbar-width:none}.on-bar::-webkit-scrollbar{display:none}.on-title{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:9px;letter-spacing:.22em;color:var(--text-3);text-transform:uppercase;padding:0 6px;white-space:nowrap}.on-station{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;color:var(--text-2);text-transform:uppercase;background:none;border:1px solid transparent;border-radius:99px;padding:7px 12px;cursor:pointer;white-space:nowrap;transition:color var(--speed-fast),border-color var(--speed-fast),background var(--speed-fast)}.on-station:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--od, var(--text-3));box-shadow:0 0 8px var(--od, transparent);flex-shrink:0}.on-station:hover{color:var(--text);border-color:var(--line-strong)}.on-station.active{color:var(--od);border-color:var(--od);background:#22d3ee1a}.on-pop{display:flex;flex-direction:column;gap:10px;width:min(460px,calc(100vw - 24px));max-height:42vh;padding:14px;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:#05080ee6;backdrop-filter:blur(16px);box-shadow:0 22px 70px #000000bf;animation:fadeUp .25s var(--ease-out)}.on-pop-head{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:9px;letter-spacing:.24em;color:var(--text-2);text-transform:uppercase}.on-pop-head button{background:none;border:1px solid var(--line);color:var(--text-3);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--speed-fast)}.on-pop-head button:hover{color:var(--text);border-color:var(--cyan)}.on-spin{display:flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--line-strong);border-radius:99px;background:#05080ecc;backdrop-filter:blur(14px);box-shadow:0 10px 30px #00000080}.on-spin-label{font-family:var(--font-mono);font-size:8px;letter-spacing:.2em;color:var(--text-3);text-transform:uppercase;white-space:nowrap}.on-spin input[type=range]{-webkit-appearance:none;appearance:none;width:110px;height:3px;border-radius:99px;background:linear-gradient(90deg,#22d3ee80,#8b5cf680);outline:none;cursor:ew-resize;margin:0}.on-spin input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:var(--cyan);border:2px solid #04121a;box-shadow:0 0 10px #22d3eecc;cursor:ew-resize}.on-spin input[type=range]::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--cyan);border:2px solid #04121a;box-shadow:0 0 10px #22d3eecc;cursor:ew-resize}.on-spin-val{font-family:var(--font-mono);font-size:9px;color:var(--cyan);letter-spacing:.1em;min-width:30px;text-align:right}.on-spin-reset{background:none;border:1px solid var(--line);color:var(--text-3);width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px;line-height:1;padding:0;transition:color var(--speed-fast),border-color var(--speed-fast),box-shadow var(--speed-fast)}.on-spin-reset:hover{color:var(--cyan);border-color:var(--cyan);box-shadow:0 0 10px #22d3ee59}.on-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;overflow-y:auto}.on-chip{display:flex;align-items:center;gap:8px;font-size:var(--text-xs);color:var(--text);background:#94a3b80f;border:1px solid var(--line);border-radius:var(--radius-sm);padding:9px 10px;cursor:pointer;text-align:left;transition:border-color var(--speed-fast),transform var(--speed-fast) var(--ease-out),background var(--speed-fast)}.on-chip:hover{border-color:var(--cyan);background:#22d3ee0f;transform:translateY(-1px)}.on-chip .on-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.on-chip em{font-style:normal;font-family:var(--font-mono);font-size:8px;letter-spacing:.14em;color:var(--text-3);text-transform:uppercase;margin-left:auto}.secret-badge{position:fixed;top:calc(var(--nav-h) + 12px);right:22px;z-index:var(--z-hud);font-family:var(--font-mono);font-size:9px;letter-spacing:.26em;color:var(--magenta);border:1px solid rgba(232,121,249,.5);background:#14081ccc;padding:8px 14px;border-radius:99px;text-transform:uppercase;box-shadow:0 0 20px #e879f94d;animation:pulseGlow 2s ease-in-out infinite}html[data-pro="1"] .glass{backdrop-filter:none;background:#0d111aeb}html[data-pro="1"] .hud,html[data-pro="1"] .hero-scroll-hint,html[data-pro="1"] .nav-rail{display:none}html[data-pro="1"] .section{min-height:auto;padding-top:calc(var(--nav-h) + var(--sp-8))}html[data-pro="1"] .canvas-wrap canvas{opacity:.25;filter:saturate(.6)}@media(max-width:1024px){.about-grid{grid-template-columns:1fr;gap:var(--sp-6)}.gh-layout{grid-template-columns:1fr;gap:var(--sp-5)}.skills-grid{grid-template-columns:1fr}.hobby-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.eyebrow{font-size:11px}.section-sub{max-width:100%}}.mobile-menu-btn{display:none}@media(max-width:820px){.nav-links{display:none}.mobile-menu-btn{display:flex!important}.nav-rail,.hud,.hud-corner{display:none}.float-hr{bottom:calc(80px + env(safe-area-inset-bottom));right:14px;padding:10px 16px;font-size:9px;letter-spacing:.16em}.section{padding-left:var(--sp-4);padding-right:var(--sp-4);padding-top:calc(var(--nav-h) + var(--sp-6))}.section-inner{max-width:100%}.section-head{margin-bottom:var(--sp-6)}.hero{padding-left:var(--sp-4);padding-right:var(--sp-4);padding-top:calc(var(--nav-h) + var(--sp-6));align-items:flex-start}.hero-name{font-size:clamp(2.6rem,12vw,4rem)}.hero-tagline{font-size:clamp(1rem,2.8vw,1.3rem)}.hero-desc{font-size:var(--text-sm)}.hero-scroll-hint{display:none}.hero-ctas{flex-direction:column;align-items:stretch;gap:10px}.hero-ctas .btn{width:100%;text-align:center}.proj-grid{grid-template-columns:1fr;gap:var(--sp-4)}.proj-card{padding:var(--sp-4)}.project-panel{padding:10px}.project-panel .pp-card{padding:26px 18px;border-radius:var(--radius-md)}.project-panel .pp-sections{grid-template-columns:1fr}.project-panel .pp-actions{flex-direction:column}.project-panel .pp-actions .btn{width:100%}.qp-grid{grid-template-columns:1fr}.terminal{padding:10px}.term-card{height:76vh}.gh-repos{max-height:none}.repo-card{padding:12px 14px}.hobby-grid{grid-template-columns:1fr;gap:var(--sp-4)}.hobby-card{padding:var(--sp-4)}.contact-grid{grid-template-columns:1fr;gap:var(--sp-3)}.contact-card{padding:var(--sp-4)}.modal{padding:12px}.modal-card{padding:22px 18px}.footer{padding:var(--sp-8) var(--sp-4) calc(var(--sp-8) + 80px)}.nav-top{padding:0 var(--sp-4)}.nav-toggle .nv-label{display:none}}@media(max-width:560px){.hero-name{font-size:clamp(2.2rem,14vw,3.2rem)}.hero-copy .tag{font-size:10px;letter-spacing:.2em}.hero-tagline{font-size:1rem}.section{padding-top:calc(var(--nav-h) + var(--sp-4));padding-bottom:var(--sp-8)}.section-head{margin-bottom:var(--sp-5)}.section-head h2{font-size:clamp(1.5rem,6vw,2rem)}.section-sub{font-size:var(--text-sm)}.eyebrow{font-size:10px;letter-spacing:.22em}.about-facts{grid-template-columns:1fr;gap:8px}.about-facts li{padding:10px 12px;font-size:11px}.proj-grid{grid-template-columns:1fr;gap:var(--sp-3)}.proj-card{padding:var(--sp-3)}.proj-card h3{font-size:var(--text-lg)}.proj-tags span{font-size:9px;padding:3px 7px}.skills-grid{grid-template-columns:1fr;gap:var(--sp-4)}.skill-panel{padding:var(--sp-4)}.skill-row{padding:8px 10px;flex-wrap:wrap;gap:4px}.skill-row .sr-name{font-size:13px}.skill-row .sr-note{max-width:100%;text-align:left;font-size:11px}.gh-wall{padding:var(--sp-4)}.gh-head{flex-direction:column;align-items:flex-start;gap:8px}.gh-month-label{font-size:9px}.gh-day-label{font-size:9px;width:24px}.gh-days,.gh-months-spacer{width:24px}.hobby-grid{grid-template-columns:1fr;gap:var(--sp-3)}.hobby-card{padding:var(--sp-3)}.hobby-card h3{font-size:var(--text-base)}.mini-world{height:120px}.contact-grid{grid-template-columns:1fr;gap:var(--sp-3);margin-top:var(--sp-5)}.timeline{padding-left:32px}.tl-step h3{font-size:var(--text-lg)}.tl-step p{font-size:var(--text-xs)}.orbit-nav{bottom:calc(56px + env(safe-area-inset-bottom))}.on-spin input[type=range]{width:64px}.on-spin-label,.on-title{display:none}.on-station{padding:5px 8px;font-size:8px;letter-spacing:.1em}.on-pop{max-height:44vh}.on-spin{padding:4px 8px}.float-hr{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));padding:8px 12px;font-size:8px;letter-spacing:.14em}.float-hr svg{display:none}.astro-card{padding:18px 12px}.astro-hero{margin-bottom:var(--sp-3)}.astro-hero .a-planet{width:64px;height:64px}.ag-arrow{width:30px;height:30px}.ag-thumb{width:48px;height:34px}.ag-caption-sub{max-width:100%;font-size:11px}.nav-mobile-menu{width:min(320px,92vw);max-height:calc(100dvh - var(--nav-h) - 24px);overflow-y:auto;overscroll-behavior:contain;right:8px}.nav-mobile-menu .nav-link{padding:10px 12px;font-size:11px}.footer{padding:var(--sp-6) var(--sp-4) calc(var(--sp-6) + 70px)}.footer .f-name{font-size:var(--text-lg)}.footer .f-links{gap:var(--sp-2)}.modal-card{padding:18px 14px;max-height:90vh}.contact-bottom-row{flex-direction:column!important;gap:var(--sp-3)!important}.contact-bottom-row>div{flex:1 1 auto!important;max-width:100%!important}.lab-row{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.lab-row .chip{align-self:flex-start}.hobby-card .btn{font-size:10px;padding:8px 12px}.skills-legend{flex-wrap:nowrap;overflow-x:auto;gap:var(--sp-3);padding-bottom:6px;-webkit-overflow-scrolling:touch}.skills-legend .lg-item{flex-shrink:0;font-size:9px}}