:root,[data-theme=dark]{--bg:#0b0e14;--surface:#111722;--surface-2:#161d2a;--line:#222b3a;--line-soft:#19202c;--title:#f4f7fb;--text:#c3cdda;--text-dim:#7c8898;--text-faint:#4f5a6b;--amber:#ffb454;--cyan:#5bc8de;--green:#8cc265;--red:#e5707e;--violet:#b69cff;--accent:var(--amber);--on-accent:#0b0e14;--grid-line:hsla(0,0%,100%,.022);--selection:rgba(255,180,84,.25);--shadow:0 24px 60px -28px rgba(0,0,0,.75);--glow:0 0 0 1px rgba(255,180,84,.18)}[data-theme=light]{--bg:#ece7da;--surface:#f5f1e7;--surface-2:#fbf8f1;--line:#d7d0bf;--line-soft:#e2dccc;--title:#1b2330;--text:#3c4452;--text-dim:#6c7280;--text-faint:#a39e8f;--amber:#b5651d;--cyan:#0d7a8f;--green:#4f7a2e;--red:#bb3b2c;--violet:#6d52c4;--accent:var(--amber);--on-accent:#fbf8f1;--grid-line:rgba(20,25,35,.035);--selection:rgba(181,101,29,.22);--shadow:0 24px 50px -30px rgba(40,36,24,.4);--glow:0 0 0 1px rgba(181,101,29,.18)}:root{--font-display:"Space Grotesk",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--fs-display:clamp(2.6rem,6vw,5rem);--fs-h1:clamp(2rem,4vw,3rem);--fs-h2:clamp(1.6rem,3.2vw,2.4rem);--fs-h3:1.15rem;--fs-body:1rem;--fs-small:0.875rem;--fs-mono:0.8rem;--fs-tiny:0.72rem;--header-h:3.75rem;--status-h:2rem;--maxw:1120px;--radius:10px;--radius-sm:6px;--ease:cubic-bezier(0.22,1,0.36,1);--z-header:100;--z-status:200;--z-scrollup:150;--z-modal:1000}@media (max-width:600px){:root{--fs-h3:1.05rem;--header-h:3.25rem}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-mono);font-size:var(--fs-body);line-height:1.6;color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;position:relative;padding-bottom:var(--status-h);-webkit-print-color-adjust:exact;print-color-adjust:exact}body:before{z-index:-2;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:56px 56px}body:after,body:before{content:"";position:fixed;inset:0;pointer-events:none}body:after{z-index:-1;background:radial-gradient(120% 80% at 50% -10%,transparent 55%,color-mix(in srgb,var(--bg) 70%,transparent) 100%)}::selection{background:var(--selection);color:var(--title)}h1,h2,h3,h4{font-family:var(--font-display);color:var(--title);font-weight:600;line-height:1.1;letter-spacing:-.02em}a{color:inherit;text-decoration:none}ul{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:1.5rem}.main{position:relative}.section{padding-block:7rem 1rem;scroll-margin-top:var(--header-h)}@media (max-width:768px){.section{padding-block:5rem 1rem}}.sec-head{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap;padding-bottom:.9rem;margin-bottom:2.75rem;border-bottom:1px solid var(--line)}.sec-head__index{color:var(--accent);font-weight:600}.sec-head__cmd,.sec-head__index{font-family:var(--font-mono);font-size:var(--fs-mono)}.sec-head__cmd{color:var(--text-dim);letter-spacing:.01em}.sec-head__cmd b{color:var(--cyan);font-weight:500}.sec-head__title{font-size:var(--fs-h2);margin-left:auto}@media (max-width:600px){.sec-head__title{margin-left:0;width:100%}}.btn{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-mono);font-size:var(--fs-small);font-weight:600;letter-spacing:.01em;padding:.75rem 1.2rem;border-radius:var(--radius-sm);background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease)}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px -12px color-mix(in srgb,var(--accent) 70%,transparent)}.btn--ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.btn--ghost:hover{border-color:var(--accent);color:var(--title);box-shadow:none}.btn i,.btn svg{font-size:1.1rem;width:1.05em;height:1.05em}.tag{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:var(--fs-tiny);letter-spacing:.04em;text-transform:lowercase;color:var(--text-dim);padding:.2rem .55rem;border:1px solid var(--line);border-radius:100px;background:var(--surface)}.tag--systems{color:var(--cyan);border-color:color-mix(in srgb,var(--cyan) 35%,var(--line))}.tag--web{color:var(--green);border-color:color-mix(in srgb,var(--green) 35%,var(--line))}.tag--games{color:var(--violet);border-color:color-mix(in srgb,var(--violet) 35%,var(--line))}.tag--ai{color:var(--amber);border-color:color-mix(in srgb,var(--amber) 35%,var(--line))}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.win__bar{display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface-2) 60%,var(--surface))}.win__dots{display:flex;gap:.45rem}.win__dot{width:11px;height:11px;border-radius:50%;background:var(--text-faint)}.win__dot--r{background:var(--red)}.win__dot--y{background:var(--amber)}.win__dot--g{background:var(--green)}.win__name{font-size:var(--fs-tiny);letter-spacing:.02em}.mono-label,.win__name{font-family:var(--font-mono);color:var(--text-dim)}.mono-label{font-size:var(--fs-mono);letter-spacing:.04em}.accent{color:var(--accent)}.cyan{color:var(--cyan)}[data-reveal]{will-change:transform,opacity}.grid{display:grid;grid-gap:1.5rem;gap:1.5rem}