:root{--site-page:#f8fafc;--site-surface:#fff;--site-subtle:#f1f4f9;--site-text:#172033;--site-muted:#637086;--site-border:#e2e7ef;--site-accent:#6d28d9;--site-tint:#f2edff;--site-header:rgba(255,255,255,.97)}html{scroll-padding-top:8rem}body[data-public-design]{background:var(--site-page);color:var(--site-text)}body[data-public-design] :is(h1,h2,h3,h4){text-wrap:balance}.site-shell{min-height:100vh;background:var(--site-page);color:var(--site-text)}.site-header{position:sticky;top:0;z-index:40;background:var(--site-header);border-bottom:1px solid var(--site-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.site-header-main{display:flex;align-items:center;justify-content:space-between;gap:1.4rem;height:76px;max-width:1400px;margin:auto;padding:0 2rem}.site-brand{display:flex;align-items:center;gap:.65rem;font-size:1.04rem;font-weight:750;line-height:1.15;letter-spacing:-.035em;color:var(--site-text);white-space:nowrap}.site-brand-symbol{display:flex;align-items:center;justify-content:center;height:38px;width:38px;border:1px solid var(--site-border);border-radius:10px;background:var(--site-surface);color:var(--site-accent)}.site-brand-subtitle{display:block;margin-top:4px;font-size:8px;font-weight:650;letter-spacing:.19em;color:var(--site-muted)}.site-desktop-nav{display:flex;align-items:center;gap:1.6rem;font-size:13px;font-weight:600}.site-desktop-nav a{padding:.8rem 0;color:var(--site-muted)}.site-desktop-nav a:hover,.site-desktop-nav a[aria-current=page]{color:var(--site-accent)}.site-desktop-nav a[aria-current=page]{box-shadow:0 2px 0 var(--site-accent)}.site-header-actions,.site-auth-actions{display:flex;align-items:center;gap:.8rem}.site-search-button{display:flex;align-items:center;gap:.65rem;border:1px solid var(--site-border);border-radius:8px;padding:.65rem .75rem;min-width:130px;font-size:12px;background:var(--site-subtle);color:var(--site-muted)}.site-search-button kbd{margin-left:auto;font-family:inherit;font-size:11px;opacity:.6}.theme-toggle,.site-menu-button{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--site-border);border-radius:8px;background:var(--site-surface);color:var(--site-text)}.theme-toggle:hover,.site-menu-button:hover{border-color:var(--site-accent);color:var(--site-accent)}.theme-sun{display:none}.site-login{padding:.5rem .2rem;font-size:12px;font-weight:650;white-space:nowrap}.site-header .button-primary{padding:.65rem .85rem;border-radius:8px;font-size:12px}.site-menu-button{display:none}.site-subnav{border-top:1px solid var(--site-border)}.site-subnav>div{display:flex;align-items:center;gap:1.7rem;max-width:1280px;height:43px;margin:auto;padding:0 2rem;overflow-x:auto;scrollbar-width:none}.site-subnav a{color:var(--site-muted);font-size:11px;font-weight:550;white-space:nowrap}.site-subnav a:hover{color:var(--site-accent)}.site-subnav-label{font-size:9px;letter-spacing:.14em;color:var(--site-muted);opacity:.65}.site-subnav-game{margin-left:auto;display:flex;align-items:center;gap:.5rem}.site-subnav-game span{color:var(--site-accent);background:var(--site-tint);border-radius:4px;padding:3px 5px;font-size:8px;letter-spacing:.06em}.site-mobile-nav{display:none}.skip-link{position:absolute;top:-100px;left:1rem;z-index:100;padding:.8rem 1rem;background:var(--site-surface);color:var(--site-accent);border:1px solid var(--site-border);border-radius:8px}.skip-link:focus{top:.5rem}.site-footer{margin-top:5rem;border-top:1px solid var(--site-border);background:var(--site-surface)}.site-footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:4rem;max-width:1280px;margin:auto;padding:4rem 2rem}.site-footer-grid p{max-width:350px;font-size:13px;line-height:1.9;color:var(--site-muted);margin:1.2rem 0}.site-footer-grid nav{display:flex;flex-direction:column;align-items:flex-start;gap:.85rem;font-size:12px;color:var(--site-muted)}.site-footer-grid nav h2{margin-bottom:.5rem;color:var(--site-text);font-size:12px;font-weight:700}.site-footer-grid nav a:hover,.site-footer-cta{color:var(--site-accent)}.site-footer-cta{font-size:12px;font-weight:650}.site-footer-bottom{display:flex;justify-content:space-between;max-width:1280px;margin:auto;padding:1.3rem 2rem;border-top:1px solid var(--site-border);color:var(--site-muted);font-size:11px}body[data-public-design] .button-primary{border-radius:8px;background:#6d28d9;box-shadow:0 2px 2px #3b076410;padding:.75rem 1.1rem}body[data-public-design] .button-primary:hover{background:#5b21b6}body[data-public-design] .button-secondary{border-radius:8px;background:var(--site-surface);border-color:var(--site-border)}body[data-public-design] .panel{border-radius:12px;border-color:var(--site-border);background:var(--site-surface);box-shadow:0 2px 3px #11182703}body[data-public-design] .eyebrow{font-size:10px;font-weight:700;letter-spacing:.15em}body[data-public-design] :is(input:not([type=radio]):not([type=checkbox]),select,textarea){border-radius:8px}.editorial-container{max-width:1280px;margin:0 auto;padding:0 2rem}.editorial-heading{padding:3.5rem 0 2.2rem}.editorial-heading h1{margin:.9rem 0 1rem;font-size:clamp(2rem,4vw,3.25rem);line-height:1.12;font-weight:750;letter-spacing:-.045em}.editorial-heading p{color:var(--site-muted);max-width:660px;line-height:1.85;font-size:15px}.editorial-kicker{display:inline-flex;align-items:center;gap:.5rem;color:var(--site-accent);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.editorial-kicker:before{content:"";width:6px;height:6px;border-radius:2px;background:currentColor}.editorial-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1.1rem 0;border-top:1px solid var(--site-border);border-bottom:1px solid var(--site-border)}.editorial-toolbar-search{position:relative;flex:0 1 300px}.editorial-toolbar-search svg{position:absolute;top:13px;left:13px;color:var(--site-muted)}.editorial-toolbar-search input{width:100%;padding-left:2.5rem;border-color:var(--site-border);background:var(--site-surface);font-size:12px}.editorial-filters{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.editorial-filters button{padding:.55rem .85rem;border-radius:6px;color:var(--site-muted);font-size:11px;font-weight:650}.editorial-filters button[aria-pressed=true]{color:var(--site-accent);background:var(--site-tint)}.editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.editorial-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--site-border);border-radius:11px;background:var(--site-surface);transition:transform .18s,border-color .18s,box-shadow .18s}.editorial-card:hover{transform:translateY(-3px);border-color:#a78bfa;box-shadow:0 10px 25px #1e1b4b0b}.editorial-card-image{aspect-ratio:1.9;overflow:hidden;background:var(--site-subtle)}.editorial-card-image>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s}.editorial-card:hover .editorial-card-image>img{transform:scale(1.03)}.editorial-card-body{display:flex;flex-direction:column;flex:1;padding:1.35rem}.editorial-card-meta{display:flex;align-items:center;justify-content:space-between;gap:.7rem;color:var(--site-accent);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.editorial-card-meta>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editorial-level{color:var(--site-muted);font-size:9px;font-weight:500;letter-spacing:0;text-transform:capitalize}.editorial-card h3{margin:.8rem 0 .6rem;font-size:19px;font-weight:720;line-height:1.45;letter-spacing:-.025em}.editorial-card-body>p{flex:1;color:var(--site-muted);font-size:12px;line-height:1.9;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.editorial-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:1.4rem;padding-top:1rem;border-top:1px solid var(--site-border);color:var(--site-muted);font-size:10px}.editorial-card-bottom>span{display:inline-flex;align-items:center;gap:.4rem}.editorial-read{font-weight:650;color:var(--site-text)}.content-artwork{position:relative;width:100%;height:100%;overflow:hidden;padding:1.2rem 1.4rem;background:#171a32;color:#c4b5fd}.artwork-data{background:#0e2735;color:#67e8f9}.artwork-notes{background:#29213c;color:#f0abfc}.artwork-top{position:relative;display:flex;justify-content:space-between;align-items:center;z-index:1;font-family:ui-monospace,monospace;font-size:9px;letter-spacing:.12em}.artwork-top>span:last-child{font-size:20px}.artwork-code{position:relative;z-index:1;margin:1rem 0;font-size:clamp(9px,1vw,13px);line-height:2;white-space:pre}.artwork-line-number{display:inline-block;width:2rem;color:#ffffff35;font-family:ui-monospace,monospace}.artwork-code code{font-family:ui-monospace,monospace}.artwork-orbit{position:absolute;width:145px;height:145px;right:-40px;top:40px;stroke:currentColor;opacity:.18}.artwork-dot{fill:currentColor}.artwork-caption{position:relative;z-index:1;color:#ffffff60;font-size:7px;letter-spacing:.16em}.page-section-title{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.7rem}.page-section-title h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:720;letter-spacing:-.035em}.page-section-title p{color:var(--site-muted);font-size:13px;line-height:1.8;margin-top:.5rem}.page-section-title>a{color:var(--site-accent);font-size:12px;font-weight:650}.home-hero{position:relative;background:var(--site-surface);border-bottom:1px solid var(--site-border)}.home-hero-grid{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:4.5rem;padding:4.5rem 0}.home-hero h1{font-size:clamp(2.4rem,4.5vw,4.2rem);line-height:1.1;font-weight:750;letter-spacing:-.055em;margin:1.4rem 0}.home-hero h1 span{color:var(--site-accent)}.home-hero-intro{max-width:490px;color:var(--site-muted);font-size:15px;line-height:1.95}.home-hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.7rem 0 1.3rem}.home-hero-note{display:flex;flex-wrap:wrap;gap:1rem;color:var(--site-muted);font-size:10px}.hero-terminal{position:relative;overflow:hidden;border:1px solid #26324b;border-radius:14px;background:#131a2b;color:#e2e8f0;box-shadow:0 20px 50px #1e1b4b14;transform:rotate(1deg)}.hero-terminal-bar{display:flex;align-items:center;gap:5px;padding:1rem 1.3rem;border-bottom:1px solid #ffffff12;font-size:10px;color:#94a3b8}.hero-terminal-bar i{width:7px;height:7px;border-radius:50%;background:#fb7185}.hero-terminal-bar i:nth-child(2){background:#fbbf24}.hero-terminal-bar i:nth-child(3){background:#34d399}.hero-terminal-bar>span{margin:auto;font-family:ui-monospace,monospace}.hero-terminal-code{padding:1.4rem 1.4rem .8rem;font:12px/2.1 ui-monospace,monospace;white-space:pre;overflow:auto}.hero-terminal-code b{font-weight:400;color:#c4b5fd}.hero-terminal-code em{font-style:normal;color:#6ee7b7}.hero-terminal-code .line{color:#64748b;margin-right:1.2rem}.hero-array{display:flex;align-items:flex-end;justify-content:center;gap:.5rem;padding:1.3rem 1.4rem 1.8rem}.hero-array span{display:flex;align-items:center;justify-content:center;width:48px;border:1px solid #a78bfa55;border-radius:5px;background:#a78bfa15;color:#ddd6fe;font:12px ui-monospace,monospace}.hero-terminal-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff12;padding:.8rem 1.3rem;color:#94a3b8;font-size:9px}.hero-terminal-bottom a{color:#c4b5fd}.home-stats{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:1.3rem 0;margin-bottom:3.5rem;border-bottom:1px solid var(--site-border)}.home-stats>div{display:flex;align-items:baseline;gap:.65rem}.home-stats strong{font-size:22px;font-weight:700;letter-spacing:-.03em}.home-stats span{font-size:11px;color:var(--site-muted)}.home-section{margin:3.5rem 0}.subject-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.subject-card{display:flex;flex-direction:column;padding:1.3rem;border:1px solid var(--site-border);border-radius:10px;background:var(--site-surface);transition:border-color .2s,transform .2s}.subject-card:hover{border-color:var(--site-accent);transform:translateY(-2px)}.subject-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;background:var(--site-tint);color:var(--site-accent);font:650 13px ui-monospace,monospace}.subject-card h3{font-size:13px;line-height:1.65;font-weight:700;margin:.9rem 0 .6rem}.subject-card p{font-size:11px;line-height:1.9;color:var(--site-muted);flex:1}.subject-card small{display:block;margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--site-border);font-size:9px;color:var(--site-muted)}.home-banner{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:2rem;padding:2.5rem;background:#141b2d;color:#fff;border-radius:14px}.home-banner h2{font-size:1.8rem;font-weight:650;letter-spacing:-.035em;line-height:1.3}.home-banner p{font-size:13px;line-height:1.9;color:#aab6cc;margin-top:1rem}.home-banner-actions{display:flex;justify-content:flex-end;gap:.7rem;flex-wrap:wrap}.home-banner .button-secondary{background:transparent;color:#fff;border-color:#ffffff35}body[data-public-design] .learning-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;padding-bottom:1.2rem;border-bottom:1px solid var(--site-border)}.learning-nav a{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem .85rem;border-radius:6px;font-size:11px;font-weight:650;color:var(--site-muted)}.learning-nav a[aria-current=page]{background:var(--site-tint);color:var(--site-accent)}body[data-public-design] .game-card{border-radius:12px;box-shadow:none}.game-card>div:nth-child(2){height:110px;border-radius:8px}.game-card h3{font-size:19px;letter-spacing:-.025em}.learn-hero{padding:2rem 0 1rem}.learn-hero h1{font-size:clamp(2.3rem,4.2vw,3.8rem);letter-spacing:-.05em}.learn-start-card{position:relative;border:1px solid var(--site-border);border-radius:12px;background:var(--site-surface);padding:1.5rem}.learn-start-card:before{content:"";position:absolute;left:1.5rem;right:1.5rem;top:0;height:2px;background:var(--site-accent);opacity:.5}.course-card{border-radius:12px}body[data-public-design] .content-body{font-size:16px;line-height:1.95}.content-body pre{background:#131a2b!important;color:#e2e8f0}.content-body pre code{color:inherit}.guide-content details{border-color:var(--site-border);background:var(--site-subtle)}.guide-content summary{color:var(--site-accent)}.guide-content h2{scroll-margin-top:9rem}.topic-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem}.topic-group-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--site-border);border-radius:12px;background:var(--site-surface)}.topic-group-card-body{padding:1.6rem}.topic-group-card h2{font-size:20px;font-weight:700;letter-spacing:-.025em}.topic-group-card p{margin:.8rem 0 1.2rem;font-size:13px;line-height:1.9;color:var(--site-muted)}.topic-group-card small{font-size:10px;color:var(--site-muted)}.topic-group-card:hover{border-color:var(--site-accent)}.topic-group-art{position:relative;display:flex;align-items:center;justify-content:space-between;background:#161d33;color:#d4c6ff;height:105px;padding:1.5rem;font:22px ui-monospace,monospace;overflow:hidden}.topic-group-art:after{content:"";width:115px;height:115px;border:1px solid #a78bfa33;border-radius:50%;position:absolute;right:-10px;top:15px}.topic-group-art span:last-child{font-size:9px;letter-spacing:.12em;color:#d4c6ff99}.topic-group-card:nth-child(2n) .topic-group-art{background:#172c3b;color:#a5f3fc}.guide-card{display:flex;flex-direction:column;padding:1.5rem;border:1px solid var(--site-border);border-radius:10px;background:var(--site-surface)}.guide-card:hover{border-color:var(--site-accent)}.guide-card h2{font-size:18px;line-height:1.55;font-weight:700;letter-spacing:-.02em;margin:1rem 0 .6rem}.guide-card>p{font-size:12px;line-height:1.9;color:var(--site-muted);flex:1}.guide-card-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:var(--site-muted);font-size:10px}.guide-card-level{text-transform:capitalize;color:var(--site-accent)}.guide-card-cta{margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--site-border);display:flex;justify-content:space-between;font-size:11px;font-weight:650}html[data-site-theme=dark] body[data-public-design]{--site-page:#0e1422;--site-surface:#151e2e;--site-subtle:#1b273a;--site-text:#e4eaf4;--site-muted:#9baac1;--site-border:#2a364b;--site-accent:#b79aff;--site-tint:#7c3aed20;--site-header:rgba(14,20,34,.97);color-scheme:dark}html[data-site-theme=dark] .theme-sun{display:block}html[data-site-theme=dark] .theme-moon{display:none}html[data-site-theme=dark] body[data-public-design] :is(.bg-paper,.min-h-screen.bg-paper){background:var(--site-page)}html[data-site-theme=dark] body[data-public-design] :is(.bg-white,.bg-white\/80,.bg-white\/90,.bg-white\/95){background:var(--site-surface)}html[data-site-theme=dark] body[data-public-design] :is(.bg-slate-50,.bg-slate-50\/70,.bg-slate-100,.bg-slate-200){background:var(--site-subtle)}html[data-site-theme=dark] body[data-public-design] :is(.text-ink,.text-slate-950,.text-slate-900,.text-slate-800,.content-body h2,.content-body h3){color:var(--site-text)}html[data-site-theme=dark] body[data-public-design] :is(.text-slate-700,.text-slate-600,.text-slate-500,.text-slate-400,.content-body){color:var(--site-muted)}html[data-site-theme=dark] body[data-public-design] :is(.text-forest,.content-body a){color:var(--site-accent)}html[data-site-theme=dark] body[data-public-design] :is(.border-slate-100,.border-slate-200,.border-slate-200\/80,.border-slate-300){border-color:var(--site-border)}html[data-site-theme=dark] body[data-public-design] :is(.bg-emerald-50,.bg-emerald-100){background:#10b98118}html[data-site-theme=dark] body[data-public-design] :is(.text-emerald-700,.text-emerald-800){color:#6ee7b7}html[data-site-theme=dark] body[data-public-design] :is(.bg-amber-50,.bg-amber-100){background:#f59e0b18}html[data-site-theme=dark] body[data-public-design] :is(.text-amber-700,.text-amber-800,.text-amber-900,.text-amber-950){color:#fcd34d}html[data-site-theme=dark] body[data-public-design] :is(.bg-violet-50,.bg-violet-100){background:#a78bfa18}html[data-site-theme=dark] body[data-public-design] :is(.text-violet-700,.text-violet-800){color:#c4b5fd}html[data-site-theme=dark] body[data-public-design] :is(.bg-sky-50,.bg-sky-100){background:#38bdf818}html[data-site-theme=dark] body[data-public-design] :is(.text-sky-700,.text-sky-800){color:#7dd3fc}html[data-site-theme=dark] body[data-public-design] :is(.bg-red-50,.bg-rose-50){background:#fb718518}html[data-site-theme=dark] body[data-public-design] :is(.text-red-700,.text-red-800,.text-rose-700){color:#fda4af}html[data-site-theme=dark] body[data-public-design] :is(input:not([type=radio]):not([type=checkbox]),select,textarea){background:var(--site-surface);border-color:var(--site-border);color:var(--site-text)}html[data-site-theme=dark] body[data-public-design] .content-body code{background:var(--site-subtle)}html[data-site-theme=dark] body[data-public-design] .content-body pre code{background:transparent}@media(min-width:1400px){.site-header-main,.site-desktop-nav{gap:2rem}}@media(max-width:1199px){.site-desktop-nav{gap:1rem}.site-search-button{min-width:0;padding:.65rem}.site-search-button span,.site-search-button kbd{display:none}.site-header-main{gap:1rem;padding:0 1.5rem}.site-auth-actions .site-login{display:none}.subject-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:959px){.site-desktop-nav,.site-auth-actions{display:none}.site-menu-button{display:inline-flex}.site-mobile-nav{display:grid;grid-template-columns:1fr 1fr;gap:.25rem;padding:1rem 1.5rem;border-top:1px solid var(--site-border);background:var(--site-surface)}.site-mobile-nav>a{font-size:13px;padding:.75rem;border-radius:6px}.site-mobile-nav>a:hover{background:var(--site-subtle)}.home-hero-grid{gap:2rem}.topic-directory,.editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer-grid{gap:2rem}.home-banner{grid-template-columns:1fr}.home-banner-actions{justify-content:flex-start}}@media(max-width:639px){.site-header-main{height:65px;padding:0 1.2rem;gap:.5rem}.site-brand{font-size:.95rem}.site-header-actions{gap:.45rem}.site-search-button{display:none}.site-subnav>div{padding:0 1.2rem;height:39px;gap:1.3rem}.site-subnav-label{display:none}.site-subnav-game{margin-left:0}.editorial-container{padding:0 1.2rem}.editorial-heading{padding:2.5rem 0 1.5rem}.editorial-heading p{font-size:13px}.editorial-grid,.topic-directory{grid-template-columns:1fr}.editorial-card h3{font-size:19px}.editorial-toolbar-search{flex:1 1 100%}.editorial-card-image{aspect-ratio:1.9}.artwork-code{font-size:12px;margin:1rem 0}.home-hero-grid{grid-template-columns:1fr;padding:2.5rem 0;gap:2rem}.home-hero h1{font-size:2.8rem}.home-hero-intro{font-size:13px}.hero-terminal{transform:none}.hero-terminal-code{font-size:10px}.home-stats{gap:1rem;justify-content:flex-start;margin-bottom:2.5rem}.home-stats>div{flex-direction:column;gap:.2rem;flex:1}.home-stats strong{font-size:21px}.home-stats span{font-size:10px}.subject-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.subject-card{padding:1rem}.subject-card:last-child{grid-column:1/-1}.subject-card p{display:none}.home-banner{padding:1.6rem}.home-banner h2{font-size:1.6rem}.site-footer-grid{grid-template-columns:1fr 1fr;padding:2.5rem 1.2rem}.site-footer-grid>div{grid-column:1/-1}.site-footer-bottom{padding:1.2rem;gap:1rem;flex-wrap:wrap;font-size:10px}.page-section-title h2{font-size:1.65rem}.learning-nav a{font-size:10px;padding:.6rem}.editorial-card-meta{font-size:9px}.guide-content{font-size:15px}.site-footer{margin-top:3rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.editorial-card,.subject-card{transition:none}.editorial-card:hover,.subject-card:hover{transform:none}}.site-native-menu{display:none;position:relative}.site-native-menu>summary{display:flex;align-items:center;justify-content:center;width:38px;height:38px;list-style:none;border:1px solid var(--site-border);border-radius:8px;cursor:pointer;font-size:18px}.site-native-menu>summary::-webkit-details-marker{display:none}.site-native-menu nav{position:absolute;right:0;top:3rem;min-width:230px;background:var(--site-surface);border:1px solid var(--site-border);border-radius:10px;padding:.65rem;box-shadow:0 15px 30px #0002}.site-native-menu nav>a{display:block;padding:.7rem;font-size:13px}.auth-page{min-height:100vh;background:var(--site-page)}.auth-page-header{display:flex;align-items:center;justify-content:space-between;max-width:1360px;padding:1.5rem 2rem;margin:auto}.auth-page-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5rem;max-width:1120px;margin:2.5rem auto;padding:0 2rem 4rem}.auth-story h2{font-size:clamp(2.5rem,4vw,4rem);font-weight:750;line-height:1.12;letter-spacing:-.05em;margin:1.5rem 0}.auth-story h2>span{color:var(--site-accent)}.auth-story>p{font-size:14px;line-height:1.95;color:var(--site-muted);max-width:390px}.auth-story>a{display:inline-block;font-size:12px;color:var(--site-accent);font-weight:650;margin-top:1.5rem}.auth-story-code{margin-top:2rem;color:var(--site-muted);font:12px/2.6 ui-monospace,monospace}.auth-story-code span{display:inline-block;margin-right:.8rem;color:var(--site-accent);opacity:.6}.auth-form-surface{border:1px solid var(--site-border);background:var(--site-surface);border-radius:14px;padding:2.5rem;box-shadow:0 10px 40px #1e1b4b04}.auth-field{width:100%;border:1px solid var(--site-border);border-radius:8px;padding:.8rem 1rem;font-size:13px;background:var(--site-surface)}.auth-field:focus{border-color:var(--site-accent);box-shadow:0 0 0 3px #a78bfa15;outline:none}.auth-label{display:block;margin-bottom:.5rem;font-size:12px;font-weight:650;color:var(--site-text)}html[data-site-theme=dark] body[data-public-design] .text-\[\#6d28d9\]{color:var(--site-accent)}@media(max-width:959px){.site-native-menu{display:block}.auth-page-grid{gap:2.5rem}.auth-form-surface{padding:1.8rem}}@media(max-width:767px){.auth-page-grid{display:block;max-width:520px;margin:1rem auto;padding:0 1.2rem 2rem}.auth-story{display:none}.auth-page-header{padding:1.2rem}.auth-form-surface{padding:1.8rem 1.3rem}}.course-cover{height:150px;overflow:hidden}.course-cover .content-artwork{padding:1rem 1.5rem}.course-cover .artwork-code{font-size:12px;margin:.5rem 0}.course-cover .artwork-caption{display:none}body[data-public-design] .game-card{padding:1.5rem}.game-card>div:nth-child(2){order:-1;margin:-1.5rem -1.5rem 1.3rem;height:135px;border-radius:0;background:#111b2f}.game-card>div:nth-child(2)>svg{max-width:300px}.game-card>div:nth-child(2)>div{transform:scale(1.2)}body[data-public-design] .home-banner .button-secondary{background:#ffffff0b;color:#fff;border-color:#ffffff35}.editorial-card-body>p{font-size:13px;line-height:1.85}.artwork-finance{background:#232a3d;color:#a5b4fc}html[data-site-theme=dark] body[data-public-design] .bg-paper\/50{background:var(--site-subtle)}html[data-site-theme=dark] body[data-public-design] .bg-white\/70{background:var(--site-surface)}html[data-site-theme=dark] body[data-public-design] :is(.bg-emerald-50\/60,.bg-emerald-50\/70){background:#10b98112}html[data-site-theme=dark] body[data-public-design] .bg-amber-50\/70{background:#f59e0b12}html[data-site-theme=dark] body[data-public-design] :is(.text-sky-900,.text-sky-950){color:#bae6fd}html[data-site-theme=dark] body[data-public-design] :is(.text-emerald-900,.bg-emerald-100.text-emerald-950){color:#6ee7b7}html[data-site-theme=dark] body[data-public-design] :is(.text-red-900,.text-red-950,.text-rose-900,.text-rose-950){color:#fda4af}html[data-site-theme=dark] body[data-public-design] .border-emerald-100{border-color:#10b98135}body[data-public-design]{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body[data-public-design] .button-primary,body[data-public-design] .button-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;font-size:13px;font-weight:650;line-height:1.5;border:1px solid transparent;padding:.75rem 1.1rem}body[data-public-design] .button-primary{color:#fff}body[data-public-design] .button-secondary{color:var(--site-text);border-color:var(--site-border)}.site-header a,.site-footer a{text-decoration:none}.site-header,.site-footer{line-height:1.5}.site-footer-grid h2{margin-top:0}.site-subnav{position:relative}.site-subnav>div{padding-right:110px}.site-tools-menu{position:absolute;right:max(2rem,calc((100vw - 1216px)/2));top:0;height:43px;background:var(--site-header);z-index:50}.site-tools-menu>summary{list-style:none;cursor:pointer;font-size:11px;font-weight:650;padding:13px 10px;color:var(--site-muted)}.site-tools-menu>summary::-webkit-details-marker{display:none}.site-tools-menu>summary:after{content:"⌄";margin-left:8px}.site-tools-menu>nav{position:absolute;top:43px;right:0;width:220px;border:1px solid var(--site-border);border-radius:10px;background:var(--site-surface);box-shadow:0 15px 35px #0002;padding:.5rem}.site-tools-menu>nav>a{display:block;padding:.7rem .8rem;border-radius:5px;color:var(--site-text);font-size:12px}.site-tools-menu>nav>a:hover{background:var(--site-tint);color:var(--site-accent)}.account-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:2rem;max-width:1050px;margin-bottom:4rem}.account-sections{display:flex;flex-direction:column;gap:.5rem;align-self:start;position:sticky;top:150px}.account-sections a{padding:.8rem;font-size:12px;color:var(--site-muted);border-radius:7px}.account-sections a:hover{background:var(--site-tint);color:var(--site-accent)}.member-shell{min-height:100vh;background:var(--site-page);color:var(--site-text)}.member-sidebar{position:fixed;inset:0 auto 0 0;z-index:50;width:248px;display:flex;flex-direction:column;padding:1.8rem 1.2rem 1rem;border-right:1px solid var(--site-border);background:var(--site-surface)}.member-sidebar>a{padding:0 .5rem}.member-nav-label{margin:2.5rem .7rem 1rem;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--site-muted)}.member-sidebar nav{display:flex;flex-direction:column;gap:.4rem}.member-sidebar nav>a{display:flex;align-items:center;gap:.7rem;padding:.8rem .85rem;border-radius:8px;font-size:12px;font-weight:600;color:var(--site-muted)}.member-sidebar nav>a[aria-current=page]{color:var(--site-accent);background:var(--site-tint)}.member-sidebar nav>a:hover{background:var(--site-subtle)}.member-content{margin-left:248px}.member-topbar{height:72px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 2rem;border-bottom:1px solid var(--site-border);background:var(--site-surface)}.member-topbar>div{display:flex;align-items:center;gap:1rem}.member-topbar span{font-size:12px;color:var(--site-muted)}.member-home{display:flex;align-items:center;gap:.5rem;font-size:11px;color:var(--site-muted)}.member-plan{margin-top:auto;padding:1rem;background:var(--site-subtle);border-radius:9px}.member-plan p{display:flex;justify-content:space-between;font-size:12px;font-weight:650}.member-plan span{font-size:8px;color:var(--site-muted);font-weight:400}.member-plan small{display:block;font-size:10px;color:var(--site-muted);margin:.5rem 0}.member-plan a{font-size:10px;font-weight:650;color:var(--site-accent)}.member-user{display:flex;align-items:center;gap:.6rem;margin-top:1rem;padding:.7rem .3rem}.member-user>span{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--site-tint);color:var(--site-accent);border-radius:50%;font-size:12px}.member-user p{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.member-menu,.member-mobile-logout{display:none}.member-menu-backdrop{position:fixed;inset:0;z-index:45;background:#02061780;border:0}body.legacy-public{--ish-ink:var(--site-text);--ish-forest:#6d28d9;--ish-paper:var(--site-page);--ish-line:var(--site-border);--background-color:var(--site-page);--default-color:var(--site-text);--heading-color:var(--site-text);--accent-color:#6d28d9;--surface-color:var(--site-surface);--contrast-color:#fff;--bs-body-color:var(--site-text);--bs-body-bg:var(--site-page);--bs-border-color:var(--site-border);--bs-primary:#6d28d9;color:var(--site-text)!important;background:var(--site-page)!important}.legacy-public .main{min-height:65vh}.legacy-public .main>.hero{padding:3rem 0!important;min-height:0!important;background:var(--site-surface);border-bottom:1px solid var(--site-border)}.legacy-public .main>.hero h1,.legacy-public .main>.hero h2{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:720;letter-spacing:-.04em;color:var(--site-text)}.legacy-public .main>.hero p{font-size:14px;line-height:1.8;color:var(--site-muted)}.legacy-public :is(.card,.list-group-item,.dropdown-menu,.modal-content,.accordion-item){background:var(--site-surface);color:var(--site-text);border-color:var(--site-border)}.legacy-public .card{border-radius:12px;box-shadow:none}.legacy-public :is(.text-muted,.card-text.text-muted){color:var(--site-muted)!important}.legacy-public .text-dark{color:var(--site-text)!important}.legacy-public .card-header{border-color:var(--site-border)}.legacy-public :is(.form-control,.form-select){background:var(--site-surface);color:var(--site-text);border-color:var(--site-border)}.legacy-public .btn-primary{background:#6d28d9!important;border-color:#6d28d9!important;border-radius:8px}.legacy-public .btn-outline-primary{border-color:var(--site-accent);color:var(--site-accent)}.legacy-public .btn-outline-primary:hover{background:#6d28d9;color:#fff}.legacy-public .bg-primary,.legacy-public .list-group-item.active{background:#6d28d9!important;border-color:#6d28d9!important;color:#fff!important}.legacy-public .table{--bs-table-bg:var(--site-surface);--bs-table-color:var(--site-text);--bs-table-border-color:var(--site-border)}.legacy-public .page-title{margin-top:0;background:var(--site-subtle);color:var(--site-muted)}.legacy-public .page-title .breadcrumbs{padding:1rem 0}.legacy-public .page-link{background:var(--site-surface);border-color:var(--site-border);color:var(--site-accent)}.legacy-public .page-item.active .page-link{background:#6d28d9;color:#fff}.legacy-public h1,.legacy-public h2,.legacy-public h3,.legacy-public h4,.legacy-public h5{color:var(--site-text)}.legacy-public :is(.progress,.bg-light){background:var(--site-subtle)!important}.legacy-public .alert-light{background:var(--site-subtle);border-color:var(--site-border);color:var(--site-text)}.legacy-public .stat-card .stat-icon{font-size:1.5rem}.legacy-public #ht-preloader{background:var(--site-page)}html[data-site-theme=dark] .legacy-public :is(.accordion-button,.form-control:focus,.form-select:focus){background:var(--site-surface);color:var(--site-text)}html[data-site-theme=dark] .legacy-public .alert-warning{background:#f59e0b15;color:#fcd34d;border-color:#f59e0b40}@media(max-width:1023px){.member-sidebar{transform:translate(-100%);transition:transform .2s}.member-sidebar-open{transform:none}.member-content{margin-left:0}.member-menu,.member-mobile-logout{display:inline-flex}.member-topbar{padding:0 1.2rem}.member-topbar>div>span{display:none}.account-grid{grid-template-columns:1fr}.account-sections{position:static;flex-direction:row;overflow-x:auto;gap:.5rem}.account-sections a{white-space:nowrap}}@media(max-width:639px){.site-tools-menu{right:1rem;height:39px}.site-tools-menu>summary{padding:11px 7px;font-size:10px}.site-tools-menu>nav{top:39px}.account-grid{gap:1rem}.member-home{font-size:10px}.member-topbar{height:64px}.legacy-public .main>.hero{padding:2rem 0!important}.legacy-public .container{padding-left:1.2rem;padding-right:1.2rem}}.member-library{max-width:1160px;margin:auto}.library-heading{max-width:760px;margin-bottom:36px}.library-heading h1{font-size:clamp(2.1rem,4vw,3.1rem);font-weight:700;letter-spacing:-.045em;margin:.9rem 0 1rem;line-height:1.12}.library-heading>p:not(.eyebrow){font-size:16px;line-height:1.9;color:var(--site-muted)}.library-heading .button-primary{margin-top:12px}.saved-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;align-items:start}.saved-list{display:grid;gap:18px;min-width:0}.library-panel{padding:26px;border:1px solid var(--site-border);border-radius:13px;background:var(--site-surface);color:var(--site-text)}.library-panel h2{font-size:21px;font-weight:650;line-height:1.5;margin:12px 0}.library-panel h3{font-size:20px}.library-panel .small{color:var(--site-muted);font-size:12px;line-height:1.7}.library-panel nav{display:grid;gap:5px;margin-top:16px}.library-panel nav a{padding:10px 12px;border-radius:7px;font-size:13px;overflow-wrap:anywhere}.library-panel nav a[aria-current=page]{color:var(--site-accent);background:var(--site-tint);font-weight:650}.library-item-heading{display:flex;gap:14px;justify-content:space-between;align-items:center;flex-wrap:wrap}.text-button{background:none;border:0;color:var(--site-muted);font-size:12px;text-decoration:underline;padding:0}.text-button:hover{color:var(--site-accent)}.reading-notes{padding-top:16px;border-top:1px solid var(--site-border);margin-top:18px}.reading-notes summary{cursor:pointer;font-size:13px;font-weight:600}.reading-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0}.reading-stats strong{font-size:30px;display:block;color:var(--site-text)}.reading-stats span{font-size:13px;color:var(--site-muted)}.reading-filters{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.reading-filters a{border:1px solid var(--site-border);padding:9px 14px;border-radius:8px;font-size:13px;background:var(--site-surface)}.reading-filters a[aria-current=page]{color:var(--site-accent);background:var(--site-tint);border-color:var(--site-accent)}.empty-library{text-align:center;padding:55px 28px}.empty-library p{max-width:500px;color:var(--site-muted);line-height:1.9;margin:16px auto 24px}.empty-symbol{font-size:36px;color:var(--site-accent)}body.editor-page{--bg-1:var(--site-page);--bg-2:var(--site-surface);--bg-3:var(--site-subtle);--bg-4:var(--site-border);--border:var(--site-border);--text-1:var(--site-text);--text-2:var(--site-muted);--accent:var(--site-accent)}.editor-page .pg-actions .theme-toggle{flex-shrink:0;width:32px;height:32px}.editor-page .pg-brand{font-weight:700;color:var(--site-text)}.editor-page .playground{font-family:Inter,ui-sans-serif,system-ui,sans-serif}body.portfolio-page{font-family:Inter,ui-sans-serif,system-ui,sans-serif;--primary:var(--site-accent);--secondary:#8b5cf6;--dark:var(--site-text);--light:var(--site-page);background:var(--site-page);color:var(--site-text)}.portfolio-page .portfolio-section-nav{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;padding:14px;border-bottom:1px solid var(--site-border);font-size:12px;background:var(--site-surface)}.portfolio-page .hero-section{padding-top:70px;min-height:650px;background:var(--site-page)}.portfolio-page :is(.section-title,h1,h2,h3,h4){font-family:inherit;letter-spacing:-.035em}.portfolio-page :is(.about-section,.skills-section,.projects-section,.experience-section,.contact-section){background:var(--site-page);color:var(--site-text)}.portfolio-page :is(.skill-card,.project-card,.timeline-content,.contact-info,.contact-form,.stat-box){background:var(--site-surface);border:1px solid var(--site-border);box-shadow:none;color:var(--site-text);border-radius:13px}.portfolio-page :is(.text-muted,.section-subtitle,.about-text,.project-description){color:var(--site-muted)!important}.portfolio-page :is(.hero-title,.hero-description,.hero-subtitle){color:var(--site-text)}.portfolio-page .hero-title span{color:var(--site-accent)}.portfolio-page .site-header{font-family:Inter,ui-sans-serif,system-ui,sans-serif}.portfolio-page .site-footer h3{color:inherit}@media(max-width:767px){.saved-grid{grid-template-columns:1fr}.reading-stats{gap:10px}.reading-stats .library-panel{padding:18px 14px}.reading-stats strong{font-size:25px}.reading-stats span{font-size:11px}.library-panel{padding:22px}.library-heading{margin-bottom:26px}.portfolio-page .hero-section{padding-top:40px}.portfolio-page .portfolio-section-nav{gap:18px}.editor-page .pg-topbar{gap:5px;padding:0 8px}.editor-page .pg-actions{gap:4px}.editor-page .pg-brand{font-size:12px}.editor-page .pg-brand-icon{display:none}.editor-page .pg-lang-tab{padding:6px;font-size:11px}}.portfolio-page .availability-badge{color:var(--site-text);border:1px solid #10b98150;background:#10b98115}.portfolio-page :is(.hero-stats .stat-card,.gh-stat,.education-card,.contact-card){background:var(--site-surface);color:var(--site-text);border:1px solid var(--site-border);border-radius:12px;box-shadow:none}.portfolio-page :is(.stat-label,.skill-level,.education-description){color:var(--site-muted)}.portfolio-page .stat-number{color:var(--site-accent)}.portfolio-page .btn-primary-custom,.portfolio-page .btn-submit{background:#6d28d9;color:#fff;border:1px solid #6d28d9;box-shadow:none}.portfolio-page .btn-outline-custom{border:1px solid var(--site-border);color:var(--site-text)}.portfolio-page .social-link{background:var(--site-subtle);border:1px solid var(--site-border);color:var(--site-text)}.portfolio-page .tech-tag,.portfolio-page .filter-btn{background:var(--site-subtle);color:var(--site-text);border-color:var(--site-border)}.portfolio-page .filter-btn.active{background:#6d28d9;color:#fff}.portfolio-page .project-status{background:var(--site-surface)}.portfolio-page :is(.footer,.contact-section .section-title,.contact-section .section-subtitle,.contact-card h4,.contact-card p){color:var(--site-text)}.portfolio-page .footer{background:var(--site-surface);border-top:1px solid var(--site-border)}.portfolio-page .hero-description{opacity:1;color:var(--site-muted)}body[data-public-design] :is(button,a,input,textarea,summary):focus-visible{outline:2px solid var(--site-accent);outline-offset:4px}body[data-public-design] button:disabled{opacity:.6;cursor:wait}.editor-page .theme-toggle{outline-offset:1px}@media(prefers-reduced-motion:reduce){body[data-public-design] *,body[data-public-design] *:before,body[data-public-design] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.member-sidebar-close{position:absolute;right:1rem;top:5.2rem}.site-header details>summary:focus-visible{outline-offset:-3px}.site-tools-menu form button{border:0;background:none;display:block;width:100%;text-align:left;padding:.7rem .8rem;font-size:12px;color:var(--site-muted);border-radius:5px}.site-tools-menu form button:hover{background:var(--site-tint);color:var(--site-accent)}.portfolio-page .contact-section .text-white{color:var(--site-text)!important}.portfolio-page .contact-icon{background:var(--site-subtle);color:var(--site-accent)}.portfolio-page .contact-section .section-label{color:var(--site-accent)!important}.portfolio-page .project-link-ghost{border-color:var(--site-border);color:var(--site-muted)}.portfolio-page .project-link-ghost:hover{background:var(--site-subtle);color:var(--site-accent)}@media(max-width:1023px){.member-sidebar:not(.member-sidebar-open){visibility:hidden;pointer-events:none}}.portfolio-page section{overflow-x:clip}body.legacy-public{--accent-color:var(--site-accent)}.legacy-public .text-primary{color:var(--site-accent)!important}.site-login{color:var(--site-muted)}.site-footer-grid nav a{color:var(--site-muted)}.site-footer-grid nav a:hover{color:var(--site-accent)}.library-panel h2 a{color:var(--site-text);text-decoration:none}.library-panel h2 a:hover{color:var(--site-accent)}@media(max-width:767px){.editor-page .pg-topbar{height:auto;min-height:56px;flex-wrap:wrap;padding:8px 10px;gap:8px}.editor-page .pg-divider,.editor-page .pg-badge,.editor-page .pg-spacer{display:none}.editor-page .pg-lang-tabs{margin-left:auto}.editor-page .pg-actions{flex-basis:100%;justify-content:flex-end;gap:8px}.editor-page .playground{height:100dvh}}html[data-site-theme=dark] body[data-public-design] :is(.bg-slate-200\/60,.bg-\[\#edf0e9\]){background:var(--site-subtle)}body.legacy-public{padding-top:0!important}