*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f4f6fb;--surface:#fff;--surface2:#edf0f9;--surface3:#e3e7f4;--border:#d6daea;--border2:#bec4d8;--accent:#7c3aed;--accent-dim:#7c3aed17;--accent-glow:#7c3aed33;--text:#0d0d1a;--text-sub:#42426a;--text-muted:#88a;--code-bg:#1c1a30;--green:#16a34a;--green-dim:#16a34a17;--red:#dc2626;--hover1:#7c3aed0f;--hover2:#7c3aed1c;--row-border:#0000000d;--scrollbar:#bec4d8;--cat-color:#7c3aed;--title-color:#0d0d1a;--summary-color:#42426a}:root[data-theme=dark]{--bg:#100d22;--surface:#18143a;--surface2:#201b48;--surface3:#292258;--border:#352b65;--border2:#4a3f80;--accent:#a78bfa;--accent-dim:#a78bfa1a;--accent-glow:#a78bfa38;--text:#ece9ff;--text-sub:#9e95c8;--text-muted:#584e78;--code-bg:#050410;--green:#34d399;--green-dim:#34d39914;--red:#f87171;--hover1:#a78bfa0d;--hover2:#a78bfa1a;--row-border:#ffffff08;--scrollbar:#2a2248;--cat-color:#a78bfa;--title-color:#ece9ff;--summary-color:#9e95c8}:root[data-theme=light]{--bg:#f4f6fb;--surface:#fff;--surface2:#edf0f9;--surface3:#e3e7f4;--border:#d6daea;--border2:#bec4d8;--accent:#7c3aed;--accent-dim:#7c3aed17;--accent-glow:#7c3aed33;--text:#0d0d1a;--text-sub:#42426a;--text-muted:#88a;--code-bg:#1c1a30;--green:#16a34a;--green-dim:#16a34a17;--red:#dc2626;--hover1:#7c3aed0f;--hover2:#7c3aed1c;--row-border:#0000000d;--scrollbar:#bec4d8;--title-color:#0d0d1a;--summary-color:#42426a}:root[data-theme=midnight]{--bg:#030308;--surface:#09090f;--surface2:#0e0e18;--surface3:#141422;--border:#1a1a2e;--border2:#26264a;--accent:#a855f7;--accent-dim:#a855f71a;--accent-glow:#a855f740;--text:#e2e2f0;--text-sub:#9090b8;--text-muted:#464668;--code-bg:#010106;--green:#4ade80;--green-dim:#4ade8012;--red:#f87171;--hover1:#ffffff06;--hover2:#ffffff0b;--row-border:#ffffff06;--scrollbar:#1a1a2e;--title-color:#e2e2f0;--summary-color:#9090b8}:root[data-theme=nord]{--bg:#242933;--surface:#2e3440;--surface2:#3b4252;--surface3:#434c5e;--border:#3b4252;--border2:#4c566a;--accent:#88c0d0;--accent-dim:#88c0d01a;--accent-glow:#88c0d033;--text:#eceff4;--text-sub:#d8dee9;--text-muted:#7b8898;--code-bg:#1c2130;--green:#a3be8c;--green-dim:#a3be8c14;--red:#bf616a;--hover1:#ffffff0a;--hover2:#ffffff12;--row-border:#ffffff0a;--scrollbar:#4c566a;--title-color:#eceff4;--summary-color:#d8dee9}:root[data-theme=sepia]{--bg:#161209;--surface:#1e160e;--surface2:#261d12;--surface3:#2e2416;--border:#352a18;--border2:#3e3220;--accent:#d4a843;--accent-dim:#d4a8431a;--accent-glow:#d4a84338;--text:#e8d8b4;--text-sub:#b8a070;--text-muted:#6a5430;--code-bg:#0d0b06;--green:#a8c26a;--green-dim:#a8c26a12;--red:#d4685a;--hover1:#ffffff06;--hover2:#ffffff0b;--row-border:#ffffff06;--scrollbar:#352a18;--title-color:#e8d8b4;--summary-color:#b8a070}:root[data-theme=tokyo]{--bg:#1a1b26;--surface:#24283b;--surface2:#2c3147;--surface3:#353a52;--border:#343a52;--border2:#414868;--accent:#7aa2f7;--accent-dim:#7aa2f71a;--accent-glow:#7aa2f740;--text:#c0caf5;--text-sub:#a9b1d6;--text-muted:#565f89;--code-bg:#16161e;--green:#9ece6a;--green-dim:#9ece6a14;--red:#f7768e;--hover1:#7aa2f70f;--hover2:#7aa2f71f;--row-border:#ffffff08;--scrollbar:#414868;--title-color:#c0caf5;--summary-color:#a9b1d6}:root[data-theme=dracula]{--bg:#282a36;--surface:#383a46;--surface2:#44475a;--surface3:#4f5266;--border:#44475a;--border2:#5b5e72;--accent:#bd93f9;--accent-dim:#bd93f91f;--accent-glow:#bd93f947;--text:#f8f8f2;--text-sub:#d8d8d2;--text-muted:#6272a4;--code-bg:#21222c;--green:#50fa7b;--green-dim:#50fa7b14;--red:#f55;--hover1:#bd93f912;--hover2:#bd93f921;--row-border:#ffffff0a;--scrollbar:#44475a;--title-color:#f8f8f2;--summary-color:#bd93f9}:root[data-theme=catppuccin]{--bg:#1e1e2e;--surface:#313244;--surface2:#45475a;--surface3:#585b70;--border:#45475a;--border2:#585b70;--accent:#f5c2e7;--accent-dim:#f5c2e71a;--accent-glow:#f5c2e740;--text:#cdd6f4;--text-sub:#bac2de;--text-muted:#6c7086;--code-bg:#181825;--green:#a6e3a1;--green-dim:#a6e3a114;--red:#f38ba8;--hover1:#f5c2e70f;--hover2:#f5c2e71f;--row-border:#ffffff08;--scrollbar:#45475a;--title-color:#cdd6f4;--summary-color:#bac2de}:root[data-theme=synthwave]{--bg:#241b2f;--surface:#2d1b3d;--surface2:#391f4a;--surface3:#45265c;--border:#5b2f78;--border2:#6e3990;--accent:#ff6ec7;--accent-dim:#ff6ec71f;--accent-glow:#ff6ec752;--text:#ffe0f4;--text-sub:#d8a8d0;--text-muted:#8a5b8a;--code-bg:#1a1424;--green:#36f9f6;--green-dim:#36f9f614;--red:#fe4450;--hover1:#ff6ec712;--hover2:#ff6ec724;--row-border:#ffffff0a;--scrollbar:#5b2f78;--title-color:#ffe0f4;--summary-color:#c79bbb}:root[data-theme=rosepine]{--bg:#191724;--surface:#1f1d2e;--surface2:#26233a;--surface3:#2a2738;--border:#2a2738;--border2:#3e3a52;--accent:#ebbcba;--accent-dim:#ebbcba1a;--accent-glow:#ebbcba40;--text:#e0def4;--text-sub:#c4c1da;--text-muted:#6e6a86;--code-bg:#14121e;--green:#9ccfd8;--green-dim:#9ccfd814;--red:#eb6f92;--hover1:#ebbcba0f;--hover2:#ebbcba1f;--row-border:#ffffff08;--scrollbar:#3e3a52;--title-color:#e0def4;--summary-color:#908caa}:root[data-theme=solarized]{--bg:#fdf6e3;--surface:#fff;--surface2:#f5eed3;--surface3:#ebe2c4;--border:#e2d8b6;--border2:#c8bf9d;--accent:#cb4b16;--accent-dim:#cb4b1617;--accent-glow:#cb4b1633;--text:#073642;--text-sub:#586e75;--text-muted:#93a1a1;--code-bg:#002b36;--green:#859900;--green-dim:#85990014;--red:#dc322f;--hover1:#cb4b160d;--hover2:#cb4b161a;--row-border:#0000000a;--scrollbar:#c8bf9d;--title-color:#073642;--summary-color:#586e75}:root[data-theme=mint]{--bg:#f0fdfa;--surface:#fff;--surface2:#e6fffa;--surface3:#d6f5ed;--border:#c8e6dc;--border2:#a8d4c4;--accent:#0d9488;--accent-dim:#0d948817;--accent-glow:#0d948838;--text:#042f2e;--text-sub:#5b7b78;--text-muted:#94aaa6;--code-bg:#0f1f1d;--green:#059669;--green-dim:#05966914;--red:#dc2626;--hover1:#0d94880d;--hover2:#0d94881c;--row-border:#0000000a;--scrollbar:#a8d4c4;--title-color:#042f2e;--summary-color:#5b7b78}.theme-switching,.theme-switching *,.theme-switching :before,.theme-switching :after{transition:background-color .35s cubic-bezier(.4,0,.2,1),background-image .35s cubic-bezier(.4,0,.2,1),border-color .35s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1),fill .25s,stroke .25s!important}html{scroll-behavior:smooth;background:var(--bg);font-size:16px}body{color:var(--text);-webkit-font-smoothing:antialiased;background:0 0;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.65}.bg-aurora{z-index:-1;pointer-events:none;contain:layout style paint;isolation:isolate;position:fixed;inset:0;overflow:hidden}.bg-aurora:before,.bg-aurora:after,.bg-aurora .aurora-orb{content:"";filter:blur(40px);will-change:transform;border-radius:50%;position:absolute;transform:translateZ(0)}.bg-aurora:before{background:radial-gradient(circle,#7c3aed1a 0%,#0000 65%);width:75vw;max-width:900px;height:75vw;max-height:900px;animation:28s ease-in-out infinite orbFloat;top:-30%;left:-20%}.bg-aurora:after{background:radial-gradient(circle,#f472b614 0%,#0000 65%);width:60vw;max-width:720px;height:60vw;max-height:720px;animation:36s ease-in-out infinite reverse orbFloat;bottom:-25%;right:-15%}.bg-aurora .aurora-orb{background:radial-gradient(circle,#22d3ee0f 0%,#0000 65%);width:50vw;max-width:600px;height:50vw;max-height:600px;animation:44s ease-in-out -12s infinite orbFloat;top:30%;right:20%}:root[data-theme=dark] .bg-aurora:before{background:radial-gradient(circle,#a78bfa21 0%,#0000 65%)}:root[data-theme=dark] .bg-aurora:after{background:radial-gradient(circle,#f472b61a 0%,#0000 65%)}:root[data-theme=dark] .bg-aurora .aurora-orb{background:radial-gradient(circle,#60a5fa14 0%,#0000 65%)}:root[data-theme=midnight] .bg-aurora:before{background:radial-gradient(circle,#a855f724 0%,#0000 65%)}:root[data-theme=midnight] .bg-aurora:after{background:radial-gradient(circle,#f472b617 0%,#0000 65%)}:root[data-theme=midnight] .bg-aurora .aurora-orb{background:radial-gradient(circle,#22d3ee12 0%,#0000 65%)}:root[data-theme=tokyo] .bg-aurora:before{background:radial-gradient(circle,#7aa2f729 0%,#0000 65%)}:root[data-theme=tokyo] .bg-aurora:after{background:radial-gradient(circle,#bb9af71c 0%,#0000 65%)}:root[data-theme=tokyo] .bg-aurora .aurora-orb{background:radial-gradient(circle,#f7768e14 0%,#0000 65%)}:root[data-theme=dracula] .bg-aurora:before{background:radial-gradient(circle,#bd93f929 0%,#0000 65%)}:root[data-theme=dracula] .bg-aurora:after{background:radial-gradient(circle,#ff79c61c 0%,#0000 65%)}:root[data-theme=dracula] .bg-aurora .aurora-orb{background:radial-gradient(circle,#8be9fd14 0%,#0000 65%)}:root[data-theme=catppuccin] .bg-aurora:before{background:radial-gradient(circle,#f5c2e729 0%,#0000 65%)}:root[data-theme=catppuccin] .bg-aurora:after{background:radial-gradient(circle,#cba6f71f 0%,#0000 65%)}:root[data-theme=catppuccin] .bg-aurora .aurora-orb{background:radial-gradient(circle,#89dceb17 0%,#0000 65%)}:root[data-theme=synthwave] .bg-aurora:before{background:radial-gradient(circle,#ff6ec733 0%,#0000 65%)}:root[data-theme=synthwave] .bg-aurora:after{background:radial-gradient(circle,#36f9f621 0%,#0000 65%)}:root[data-theme=synthwave] .bg-aurora .aurora-orb{background:radial-gradient(circle,#fe44501a 0%,#0000 65%)}:root[data-theme=rosepine] .bg-aurora:before{background:radial-gradient(circle,#ebbcba24 0%,#0000 65%)}:root[data-theme=rosepine] .bg-aurora:after{background:radial-gradient(circle,#c4a7e71c 0%,#0000 65%)}:root[data-theme=rosepine] .bg-aurora .aurora-orb{background:radial-gradient(circle,#9ccfd814 0%,#0000 65%)}:root[data-theme=nord] .bg-aurora:before{background:radial-gradient(circle,#88c0d021 0%,#0000 65%)}:root[data-theme=nord] .bg-aurora:after{background:radial-gradient(circle,#b48ead17 0%,#0000 65%)}:root[data-theme=nord] .bg-aurora .aurora-orb{background:radial-gradient(circle,#8fbcbb14 0%,#0000 65%)}:root[data-theme=sepia] .bg-aurora:before{background:radial-gradient(circle,#d4a84321 0%,#0000 65%)}:root[data-theme=sepia] .bg-aurora:after{background:radial-gradient(circle,#d4685a17 0%,#0000 65%)}:root[data-theme=sepia] .bg-aurora .aurora-orb{background:radial-gradient(circle,#a8c26a14 0%,#0000 65%)}:root[data-theme=solarized] .bg-aurora:before{background:radial-gradient(circle,#cb4b161a 0%,#0000 65%)}:root[data-theme=solarized] .bg-aurora:after{background:radial-gradient(circle,#268bd214 0%,#0000 65%)}:root[data-theme=solarized] .bg-aurora .aurora-orb{background:radial-gradient(circle,#85990012 0%,#0000 65%)}:root[data-theme=mint] .bg-aurora:before{background:radial-gradient(circle,#0d94881a 0%,#0000 65%)}:root[data-theme=mint] .bg-aurora:after{background:radial-gradient(circle,#60a5fa12 0%,#0000 65%)}:root[data-theme=mint] .bg-aurora .aurora-orb{background:radial-gradient(circle,#22d3ee12 0%,#0000 65%)}@keyframes orbFloat{0%,to{transform:translate(0,0)}20%{transform:translate(4%,-5%)}40%{transform:translate(-3%,4%)}60%{transform:translate(5%,3%)}80%{transform:translate(-2%,-3%)}}body:has(.nb-dd) .bg-aurora:before,body:has(.nb-dd) .bg-aurora:after,body:has(.nb-dd) .bg-aurora .aurora-orb,body:has(.nb-mobile-panel) .bg-aurora:before,body:has(.nb-mobile-panel) .bg-aurora:after,body:has(.nb-mobile-panel) .bg-aurora .aurora-orb,body:has(.cmd-overlay) .bg-aurora:before,body:has(.cmd-overlay) .bg-aurora:after,body:has(.cmd-overlay) .bg-aurora .aurora-orb,body:has(.settings-panel.open) .bg-aurora:before,body:has(.settings-panel.open) .bg-aurora:after,body:has(.settings-panel.open) .bg-aurora .aurora-orb{animation-play-state:paused}.reading-progress{z-index:9999;pointer-events:none;background:linear-gradient(90deg,#a78bfa,#f472b6,#fb923c);border-radius:0 1px 1px 0;width:0;height:2px;transition:width .1s linear;position:fixed;top:0;left:0;right:0}.nb a,.nb-mobile-panel a,.cat-topic,.cat-btn{color:inherit;text-decoration:none}.nb{z-index:200;background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(24px)saturate(140%);border-bottom:1px solid color-mix(in srgb, var(--border) 70%, transparent);height:56px;position:fixed;top:0;left:0;right:0}.nb-inner{grid-template-columns:auto 1fr auto;align-items:center;gap:18px;max-width:1400px;height:100%;margin:0 auto;padding:0 18px;display:grid}.nb-left{align-items:center;gap:8px;display:flex}.nb-icon-btn{width:32px;height:32px;color:var(--text-sub);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.nb-icon-btn:hover{background:var(--hover1);color:var(--text)}.nb-brand{cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;padding:4px 6px;font-family:inherit;transition:background .15s;display:flex}.nb-brand:hover{background:var(--hover1)}.nb-brand-mark{color:#fff;background:linear-gradient(135deg,#a78bfa 0%,#7c3aed 45%,#ec4899 100%);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px -2px #7c3aed66,inset 0 1px #ffffff40}.nb-brand-mark:after{content:"";background:linear-gradient(120deg,#0000 30%,#ffffff4d 50%,#0000 70%);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.nb-brand:hover .nb-brand-mark:after{transform:translate(100%)}.nb-brand-text{color:var(--text);letter-spacing:-.018em;font-size:.92rem;font-weight:800}.nb-nav{justify-content:center;align-items:center;gap:2px;display:flex}.nb-link{color:var(--text-sub);letter-spacing:-.005em;cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:4px;padding:7px 14px;font-family:inherit;font-size:.82rem;font-weight:600;transition:color .18s,background .18s;display:inline-flex;position:relative}.nb-link:hover{color:var(--text);background:var(--hover1)}.nb-link.active{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.nb-link.active:before{content:"";background:var(--accent);width:16px;height:2px;box-shadow:0 0 8px color-mix(in srgb, var(--accent) 60%, transparent);border-radius:1px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.nb-courses{position:relative}.nb-courses-btn{gap:5px}.nb-dd{background:var(--surface);border:1px solid var(--border);z-index:300;will-change:transform, opacity;contain:layout paint;border-radius:14px;min-width:240px;padding:6px;animation:.2s cubic-bezier(.34,1.56,.64,1) nbDdFade;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 24px 48px -12px #0000002e,0 6px 16px -4px #00000014}@keyframes nbDdFade{0%{opacity:0;transform:translate(-50%)translateY(-8px)scale(.96)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.nb-dd-arrow{background:var(--surface);border-top:1px solid var(--border);border-left:1px solid var(--border);width:11px;height:11px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.nb-dd-item{--cat-color:var(--accent);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:11px;width:100%;padding:10px 11px;font-family:inherit;transition:background .15s;display:flex}.nb-dd-item:hover{background:color-mix(in srgb, var(--cat-color) 10%, var(--hover1))}.nb-dd-icon{background:color-mix(in srgb, var(--cat-color) 14%, transparent);border:1px solid color-mix(in srgb, var(--cat-color) 22%, transparent);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.4rem;display:flex}.nb-dd-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.nb-dd-name{color:var(--text);letter-spacing:-.012em;font-size:.87rem;font-weight:700}.nb-dd-meta{color:var(--text-muted);font-size:.7rem}.nb-dd-arrow-icon{color:var(--text-muted);opacity:0;transition:opacity .18s,transform .18s,color .18s;transform:translate(-3px)}.nb-dd-item:hover .nb-dd-arrow-icon{opacity:1;color:var(--cat-color);transform:translate(0)}.nb-right{align-items:center;display:flex}.nb-search{border:1px solid var(--border2);background:var(--surface2);color:var(--text-muted);cursor:pointer;border-radius:9px;align-items:center;gap:8px;padding:6px 10px 6px 11px;font-family:inherit;font-size:.76rem;transition:border-color .18s,background .18s,color .18s;display:flex}.nb-search:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border2));color:var(--text-sub);background:var(--surface3)}.nb-search-text{font-weight:500;display:none}@media (width>=520px){.nb-search-text{display:inline}}.nb-search-kbd{background:var(--surface3);border:1px solid var(--border2);color:var(--text-muted);border-radius:5px;padding:1px 6px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.65rem;font-weight:600}.app-shell{min-height:100vh;padding-top:56px;display:flex}.nb-right .nb-icon-btn{width:34px;height:34px}.nb-mobile{display:none;position:relative}@media (width<=768px){.nb-mobile{display:block}}.nb-mobile-btn{transition:background .15s,color .15s}.nb-mobile-btn.active{background:var(--accent-dim);color:var(--accent)}.nb-mobile-panel{background:var(--surface);border:1px solid var(--border);z-index:300;will-change:transform, opacity;contain:layout paint;border-radius:14px;min-width:260px;max-width:calc(100vw - 24px);padding:6px;animation:.2s cubic-bezier(.34,1.56,.64,1) nbDdFade;position:absolute;top:calc(100% + 12px);right:0;transform:translateZ(0);box-shadow:0 24px 48px -12px #0000002e,0 6px 16px -4px #00000014}.nb-mobile-section+.nb-mobile-section{border-top:1px solid color-mix(in srgb, var(--border) 60%, transparent);margin-top:4px;padding-top:6px}.nb-mobile-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);padding:8px 12px 4px;font-size:.62rem;font-weight:800}.nb-mobile-link{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;padding:9px 12px;font-family:inherit;font-size:.86rem;font-weight:600;transition:background .15s,color .15s;display:flex}.nb-mobile-link:hover{background:var(--hover1)}.nb-mobile-link.active{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.nb-mobile-cat{--cat-color:var(--accent);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:11px;width:100%;padding:10px 11px;font-family:inherit;transition:background .15s;display:flex}.nb-mobile-cat:hover{background:color-mix(in srgb, var(--cat-color) 10%, var(--hover1))}.nb-mobile-cat.active{background:color-mix(in srgb, var(--cat-color) 14%, transparent)}.nb-mobile-cat-icon{background:color-mix(in srgb, var(--cat-color) 14%, transparent);border:1px solid color-mix(in srgb, var(--cat-color) 22%, transparent);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.3rem;display:flex}.nb-mobile-cat-text{flex-direction:column;flex:1;gap:1px;display:flex}.nb-mobile-cat-name{color:var(--text);font-size:.87rem;font-weight:700}.nb-mobile-cat.active .nb-mobile-cat-name{color:var(--cat-color)}.nb-mobile-cat-meta{color:var(--text-muted);font-size:.7rem}.sb,.mobile-header{display:none}.overlay{z-index:250;touch-action:none;background:#0000008c;display:none;position:fixed;inset:0}.main-content{flex:1;width:100%;max-width:1400px;min-height:100vh;margin:0 auto}.welcome-page{background-image:radial-gradient(circle,#0000000e 1px,#0000 1px);background-size:28px 28px;max-width:1260px;margin:0 auto;padding:52px 52px 80px;animation:.35s fadeUp;position:relative}:root[data-theme=dark] .welcome-page,:root[data-theme=midnight] .welcome-page,:root[data-theme=nord] .welcome-page{background-image:radial-gradient(circle,#ffffff0a 1px,#0000 1px)}:root[data-theme=sepia] .welcome-page{background-image:radial-gradient(circle,#ffdc780a 1px,#0000 1px)}.hero-split{grid-template-columns:1fr minmax(0,400px);align-items:center;gap:48px;min-height:360px;margin-bottom:60px;display:grid;position:relative}.hero-split:before{content:"";background:radial-gradient(circle, var(--accent-glow) 0%, transparent 60%);pointer-events:none;z-index:0;width:520px;height:520px;animation:12s ease-in-out infinite blobDrift;position:absolute;top:-180px;left:-220px}.hero-split:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#f472b61a 0%,#0000 60%);width:400px;height:400px;animation:18s ease-in-out infinite reverse blobDrift;position:absolute;top:-60px;right:-100px}.hero-content{z-index:1;position:relative}.hero-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px;display:flex}.hero-btn{cursor:pointer;background:color-mix(in srgb, var(--cat-color,var(--accent)) 14%, var(--surface2));color:var(--cat-color,var(--accent));border:none;border:1px solid color-mix(in srgb, var(--cat-color,var(--accent)) 25%, transparent);border-radius:9px;align-items:center;gap:7px;padding:9px 20px;font-family:inherit;font-size:.85rem;font-weight:700;transition:background .18s,box-shadow .18s,transform .15s;display:inline-flex}.hero-btn:hover{background:color-mix(in srgb, var(--cat-color,var(--accent)) 22%, var(--surface2));box-shadow:0 4px 18px color-mix(in srgb, var(--cat-color,var(--accent)) 25%, transparent);transform:translateY(-1px)}.hero-btn--ghost{background:var(--surface2);color:var(--text-sub);border-color:var(--border2)}.hero-btn--ghost:hover{color:var(--text);background:var(--surface3);box-shadow:none}.hero-code-card{z-index:1;will-change:transform;background:#0d0b1a;border:1px solid #a78bfa2e;border-radius:14px;animation:7s ease-in-out infinite cardFloat;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 24px 64px #00000059,0 0 0 1px #a78bfa1a,inset 0 1px #ffffff0d}@keyframes cardFloat{0%,to{transform:translate(0,0)}50%{transform:translateY(-10px)}}.hcc-header{background:#ffffff0a;border-bottom:1px solid #ffffff12;align-items:center;gap:6px;padding:10px 14px;display:flex}.hcc-dot{border-radius:50%;width:11px;height:11px}.hcc-dot:first-child{background:#ff5f57}.hcc-dot:nth-child(2){background:#ffbd2e}.hcc-dot:nth-child(3){background:#28c840}.hcc-filename{color:#ffffff47;margin-left:8px;font-family:JetBrains Mono,monospace;font-size:.68rem}.hcc-body{color:#cdd6f4;height:280px;padding:16px 20px;font-family:JetBrains Mono,monospace;font-size:.78rem;line-height:1.75;overflow:hidden}.hcc-body pre{white-space:pre-wrap;word-break:break-word;margin:0}.hcc-cursor{vertical-align:text-bottom;background:#a78bfa;width:7px;height:1em;margin-left:2px;animation:.9s step-end infinite hcc-blink;display:inline-block;box-shadow:0 0 8px #a78bfa99}@keyframes hcc-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.hcc-tabs{align-items:center;gap:4px;margin-left:auto;display:flex}.hcc-tab{background:#fff3;border-radius:50%;width:5px;height:5px;transition:background .3s,width .3s}.hcc-tab.active{background:#a78bfa;border-radius:3px;width:14px;box-shadow:0 0 6px #a78bfa99}.hcc-footer{background:#ffffff08;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.hcc-badge{letter-spacing:.1em;text-transform:uppercase;color:#a78bfa;background:#a78bfa1f;border:1px solid #a78bfa38;border-radius:6px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:.62rem;font-weight:700}.hcc-result{color:#34d399b3;align-items:center;gap:5px;font-family:JetBrains Mono,monospace;font-size:.68rem;display:flex}.hcc-result:before{content:"";background:#34d399;border-radius:50%;width:6px;height:6px;display:inline-block}.topic-browser{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:36px;overflow:hidden}.tb-tabs{border-bottom:1px solid var(--border);background:var(--surface2);gap:4px;padding:10px 10px 0;display:flex}.tb-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:9px 9px 0 0;align-items:center;gap:7px;margin-bottom:-1px;padding:8px 18px 10px;font-family:inherit;font-size:.83rem;font-weight:600;transition:color .15s,background .15s;display:flex}.tb-tab:hover{color:var(--text);background:var(--surface3)}.tb-tab.active{color:var(--cat-color,var(--accent));background:var(--surface);border-bottom-color:var(--cat-color,var(--accent))}.tb-count{background:var(--surface3);border:1px solid var(--border2);color:var(--text-muted);border-radius:10px;padding:1px 7px;font-family:JetBrains Mono,monospace;font-size:.68rem}.tb-content{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px 28px;padding:20px 20px 16px;display:grid}.tb-sub-title{text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);border-bottom:1px solid var(--border);margin-bottom:8px;padding-bottom:6px;font-size:.65rem;font-weight:700}.tb-topics{flex-direction:column;display:flex}.tb-topic{color:var(--text-sub);cursor:pointer;border-radius:5px;align-items:center;gap:0;padding:4px 0;font-size:.82rem;transition:color .12s,gap .12s,padding-left .12s;display:flex}.tb-topic:hover{color:var(--accent);gap:5px;padding-left:2px}.tb-arrow{opacity:0;flex-shrink:0;transition:opacity .12s}.tb-topic:hover .tb-arrow{opacity:1}.aside-view-all{cursor:pointer;width:100%;color:var(--accent);background:0 0;border:none;align-items:center;gap:5px;margin-top:6px;padding:7px 0 0;font-family:inherit;font-size:.75rem;font-weight:600;transition:gap .15s;display:flex}.aside-view-all:hover{gap:8px}.welcome-layout{grid-template-columns:1fr 280px;align-items:start;gap:40px;display:grid}.welcome-main{min-width:0}.welcome-aside{flex-direction:column;gap:16px;display:flex;position:sticky;top:80px}.aside-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px 18px 14px;transition:border-color .2s,box-shadow .2s;animation:.5s both fadeUp}.aside-card:hover{border-color:var(--border2);box-shadow:0 4px 20px #0000000f}.aside-card:first-child{animation-delay:.18s}.aside-card:nth-child(2){animation-delay:.28s}.aside-card-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);align-items:center;gap:6px;margin-bottom:12px;font-size:.68rem;font-weight:700;display:flex}.aside-post-item{border-bottom:1px solid var(--border);cursor:pointer;flex-direction:column;gap:3px;padding:9px 0;transition:color .15s;display:flex}.aside-post-item:last-child{border-bottom:none;padding-bottom:0}.aside-post-item:hover .aside-post-title{color:var(--accent)}.aside-post-title{color:var(--text);font-size:.83rem;font-weight:600;line-height:1.35;transition:color .15s}.aside-post-meta{color:var(--text-muted);align-items:center;gap:6px;font-size:.72rem;display:flex}.aside-post-cat{background:var(--accent-dim);color:var(--accent);border-radius:10px;padding:1px 7px;font-size:.68rem;font-weight:600}.aside-stat-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:6px 0;font-size:.82rem;display:flex}.aside-stat-row:last-child{border-bottom:none}.aside-stat-label{color:var(--text-sub)}.aside-stat-value{color:var(--accent);font-family:JetBrains Mono,monospace;font-weight:700}@media (width<=1000px){.welcome-layout{grid-template-columns:1fr}.welcome-aside{flex-flow:wrap;position:static}.aside-card{flex:1;min-width:240px}}.welcome-hero{margin-bottom:0;position:relative}@keyframes blobDrift{0%,to{transform:translate(0)}33%{transform:translate(28px,-18px)}66%{transform:translate(-16px,14px)}}.welcome-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:var(--accent-dim);border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);border-radius:20px;align-items:center;gap:6px;margin-bottom:22px;padding:4px 12px;font-size:.72rem;font-weight:600;animation:3.5s ease-in-out infinite eyebrowGlow;display:inline-flex}@keyframes eyebrowGlow{0%,to{opacity:.8}50%{opacity:1}}.welcome-title{letter-spacing:-.048em;color:var(--text);margin-bottom:18px;font-size:3.1rem;font-weight:800;line-height:1.09}.gradient-text{background:linear-gradient(135deg,#a78bfa 0%,#f472b6 40%,#fb923c 75%,#a78bfa 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;background-clip:text;animation:7s infinite gradientFlow}@keyframes gradientFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.welcome-subtitle{color:var(--text-sub);max-width:500px;font-size:1.02rem;line-height:1.78}.welcome-stats{flex-wrap:wrap;align-items:center;gap:28px;margin-top:32px;display:flex}.stat-item{flex-direction:column;gap:2px;display:flex}.stat-value{color:var(--text);letter-spacing:-.04em;font-size:1.7rem;font-weight:800;line-height:1}.stat-label{color:var(--text-muted);letter-spacing:.03em;font-size:.73rem}.stat-divider{background:var(--border2);width:1px;height:38px}.section-heading{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);align-items:center;gap:10px;margin-bottom:18px;font-size:.7rem;font-weight:700;display:flex}.section-heading:after{content:"";background:var(--border);flex:1;height:1px}.features-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin-bottom:52px;display:grid}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:22px 20px;transition:border-color .22s,transform .22s,box-shadow .22s,background .22s;animation:.5s both fadeUp;position:relative;overflow:hidden}.feature-card:first-child{animation-delay:60ms}.feature-card:nth-child(2){animation-delay:.13s}.feature-card:nth-child(3){animation-delay:.2s}.feature-card:nth-child(4){animation-delay:.27s}.feature-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);height:1px;position:absolute;top:0;left:0;right:0}.feature-card:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--border));background:color-mix(in srgb, var(--accent) 3%, var(--surface));box-shadow:0 16px 40px #00000038, 0 0 0 1px color-mix(in srgb, var(--accent) 14%, transparent), 0 0 60px color-mix(in srgb, var(--accent) 4%, transparent);transform:translateY(-4px)}.feature-icon{background:var(--accent-dim);border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);width:40px;height:40px;color:var(--accent);border-radius:10px;justify-content:center;align-items:center;margin-bottom:14px;transition:box-shadow .22s,transform .22s;display:flex}.feature-card:hover .feature-icon{box-shadow:0 0 20px var(--accent-glow);transform:scale(1.08)}.feature-title{color:var(--text);letter-spacing:-.01em;margin-bottom:7px;font-size:.88rem;font-weight:700}.feature-desc{color:var(--text-muted);font-size:.78rem;line-height:1.68}.category-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.category-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:14px;padding:22px 22px 20px;transition:transform .22s,border-color .22s,background .22s,box-shadow .22s;animation:.5s both fadeUp;position:relative;overflow:hidden}.category-card:first-child{animation-delay:.12s}.category-card:nth-child(2){animation-delay:.22s}.category-card:nth-child(3){animation-delay:.32s}.category-card:before{content:"";background:linear-gradient(90deg, var(--cat-color), color-mix(in srgb, var(--cat-color) 40%, transparent));opacity:.5;height:2px;transition:opacity .22s;position:absolute;top:0;left:0;right:0}.category-card:after{content:"";background:radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--cat-color) 6%, transparent) 0%, transparent 70%);opacity:0;border-radius:14px;transition:opacity .22s;position:absolute;inset:0}.category-card:hover{border-color:color-mix(in srgb, var(--cat-color) 40%, var(--border));box-shadow:0 16px 48px #0000004d, 0 0 0 1px color-mix(in srgb, var(--cat-color) 20%, transparent), 0 0 40px color-mix(in srgb, var(--cat-color) 7%, transparent);transform:translateY(-4px)}.category-card:hover:before,.category-card:hover:after{opacity:1}.card-icon-row{z-index:1;justify-content:space-between;align-items:center;margin-bottom:14px;display:flex;position:relative}.card-icon{font-size:2rem;line-height:1}.card-count{color:var(--text-muted);background:var(--surface2);border:1px solid var(--border2);border-radius:10px;padding:2px 9px;font-family:JetBrains Mono,monospace;font-size:.7rem}.card-title{color:var(--text);letter-spacing:-.02em;z-index:1;margin-bottom:6px;font-size:1.08rem;font-weight:700;position:relative}.card-desc{color:var(--text-muted);z-index:1;min-height:40px;margin-bottom:16px;font-size:.82rem;line-height:1.6;position:relative}.card-topics{z-index:1;flex-wrap:wrap;gap:5px;display:flex;position:relative}.card-progress{z-index:1;margin-top:14px;position:relative}.progress-bar-wrap{background:var(--surface3);border-radius:2px;height:3px;margin-bottom:5px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--cat-color), color-mix(in srgb, var(--cat-color) 55%, var(--accent)));border-radius:2px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.progress-label{color:var(--text-muted);justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:.69rem;display:flex}.card-topic-pill{color:color-mix(in srgb, var(--cat-color) 85%, var(--text-sub));background:color-mix(in srgb, var(--cat-color) 9%, transparent);border:1px solid color-mix(in srgb, var(--cat-color) 20%, transparent);border-radius:10px;padding:2px 9px;font-size:.71rem}.card-subcats{z-index:1;flex-direction:column;gap:5px;margin-bottom:18px;padding-top:4px;display:flex;position:relative}.card-subcat-row{align-items:center;gap:8px;display:flex}.card-subcat-dot{background:color-mix(in srgb, var(--cat-color) 55%, var(--border2));border-radius:50%;flex-shrink:0;width:4px;height:4px}.card-subcat-name{color:var(--text-sub);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.78rem;overflow:hidden}.card-subcat-count{color:var(--text-muted);background:var(--surface3);border:1px solid var(--border);border-radius:8px;flex-shrink:0;padding:0 6px;font-family:JetBrains Mono,monospace;font-size:.68rem}.card-cta{color:var(--cat-color);border-top:1px solid var(--border);z-index:1;align-items:center;gap:6px;margin-top:auto;padding-top:14px;font-size:.78rem;font-weight:600;transition:gap .15s;display:flex;position:relative}.category-card:hover .card-cta{gap:10px}.cat-page{--cat-color:var(--accent);max-width:1100px;margin:0 auto;padding:0 0 80px;animation:.35s fadeUp}.cat-hero{background:linear-gradient(180deg, color-mix(in srgb, var(--cat-color) 14%, var(--surface)) 0%, color-mix(in srgb, var(--cat-color) 4%, var(--surface)) 100%);border-bottom:1px solid color-mix(in srgb, var(--cat-color) 25%, var(--border));border-radius:0 0 24px 24px;margin:0 0 36px;padding:56px 48px 48px;position:relative;overflow:hidden}.cat-hero-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.cat-hero-orb{filter:blur(50px);opacity:.55;will-change:transform;border-radius:50%;position:absolute;transform:translateZ(0)}.cat-hero-orb-1{background:radial-gradient(circle, color-mix(in srgb, var(--cat-color) 50%, transparent) 0%, transparent 70%);width:480px;height:480px;animation:16s ease-in-out infinite catOrb;top:-180px;right:-100px}.cat-hero-orb-2{background:radial-gradient(circle, color-mix(in srgb, var(--cat-color) 35%, transparent) 0%, transparent 70%);width:320px;height:320px;animation:22s ease-in-out infinite reverse catOrb;bottom:-120px;left:-80px}@keyframes catOrb{0%,to{transform:translate(0,0)}50%{transform:translate(20px,-10px)}}.cat-hero-content{z-index:1;flex-direction:column;align-items:flex-start;gap:14px;display:flex;position:relative}.cat-hero-icon{background:linear-gradient(135deg, color-mix(in srgb, var(--cat-color) 30%, var(--surface)) 0%, color-mix(in srgb, var(--cat-color) 14%, var(--surface)) 100%);border:1.5px solid color-mix(in srgb, var(--cat-color) 40%, transparent);width:80px;height:80px;box-shadow:0 12px 32px -8px color-mix(in srgb, var(--cat-color) 40%, transparent), inset 0 1px 0 color-mix(in srgb, var(--cat-color) 25%, transparent);border-radius:22px;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.cat-hero-icon-emoji{filter:drop-shadow(0 4px 12px color-mix(in srgb, var(--cat-color) 50%, transparent));font-size:2.6rem}.cat-hero-title{letter-spacing:-.035em;color:var(--text);background:linear-gradient(135deg, var(--text) 0%, color-mix(in srgb, var(--cat-color) 70%, var(--text)) 100%);-webkit-text-fill-color:transparent;background-clip:text;margin:0;font-size:2.8rem;font-weight:800;line-height:1.05}.cat-hero-tagline{color:var(--text-muted);max-width:600px;margin:0;font-size:1.05rem;line-height:1.55}.cat-hero-stats{grid-template-columns:repeat(4,1fr);gap:12px;width:100%;max-width:600px;margin-top:6px;display:grid}.cat-stat{background:color-mix(in srgb, var(--cat-color) 8%, var(--surface));border:1px solid color-mix(in srgb, var(--cat-color) 18%, var(--border));border-radius:12px;align-items:center;gap:10px;padding:11px 14px;transition:border-color .2s,transform .2s;display:flex}.cat-stat:hover{border-color:color-mix(in srgb, var(--cat-color) 35%, var(--border));transform:translateY(-2px)}.cat-stat-icon{flex-shrink:0;font-size:1.3rem}.cat-stat-value{color:var(--text);letter-spacing:-.01em;font-family:JetBrains Mono,monospace;font-size:1.05rem;font-weight:800}.cat-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;font-weight:600}.cat-progress{width:100%;max-width:600px;margin-top:6px}.cat-progress-head{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:.76rem;font-weight:700;display:flex}.cat-progress-pct{color:var(--cat-color);letter-spacing:-.01em;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:800}.cat-progress-bar{background:color-mix(in srgb, var(--cat-color) 10%, var(--surface2));border:1px solid color-mix(in srgb, var(--cat-color) 18%, var(--border));border-radius:999px;height:8px;overflow:hidden}.cat-progress-fill{background:linear-gradient(90deg, var(--cat-color) 0%, color-mix(in srgb, var(--cat-color) 60%, white) 100%);height:100%;box-shadow:0 0 12px color-mix(in srgb, var(--cat-color) 50%, transparent);border-radius:999px;transition:width .8s cubic-bezier(.34,1.56,.64,1)}.cat-hero-actions{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.cat-btn{letter-spacing:-.005em;cursor:pointer;border:none;border-radius:11px;align-items:center;gap:8px;padding:11px 22px;font-family:inherit;font-size:.92rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .25s,background .2s;display:inline-flex}.cat-btn-primary{background:var(--cat-color);color:#fff;box-shadow:0 8px 24px -6px color-mix(in srgb, var(--cat-color) 50%, transparent), inset 0 1px 0 #ffffff2e}.cat-btn-primary:hover{box-shadow:0 12px 32px -6px color-mix(in srgb, var(--cat-color) 60%, transparent), inset 0 1px 0 #ffffff38;transform:translateY(-2px)}.cat-btn-ghost{background:var(--surface);color:var(--text-sub);border:1px solid var(--border2)}.cat-btn-ghost:hover{background:var(--surface2);color:var(--text);border-color:color-mix(in srgb, var(--cat-color) 40%, var(--border2))}.cat-sections{flex-direction:column;gap:28px;padding:0 48px;display:flex}.cat-sections-head{margin-bottom:8px}.cat-sections-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--cat-color);background:color-mix(in srgb, var(--cat-color) 10%, transparent);border:1px solid color-mix(in srgb, var(--cat-color) 22%, transparent);border-radius:999px;margin-bottom:10px;padding:4px 11px;font-size:.66rem;font-weight:800;display:inline-block}.cat-sections-title{letter-spacing:-.025em;color:var(--text);margin:0;font-size:1.45rem;font-weight:800}.cat-sec{background:var(--surface);border:1px solid var(--border);border-radius:16px;transition:border-color .2s,box-shadow .25s;overflow:hidden}.cat-sec:hover{border-color:color-mix(in srgb, var(--cat-color) 25%, var(--border));box-shadow:0 12px 32px -10px color-mix(in srgb, var(--cat-color) 18%, transparent)}.cat-sec-head{background:linear-gradient(135deg, color-mix(in srgb, var(--cat-color) 6%, var(--surface)) 0%, var(--surface) 60%);border-bottom:1px solid var(--border);grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:18px 22px;display:grid;position:relative}.cat-sec-num{background:linear-gradient(135deg, color-mix(in srgb, var(--cat-color) 26%, transparent) 0%, color-mix(in srgb, var(--cat-color) 12%, transparent) 100%);border:1.5px solid color-mix(in srgb, var(--cat-color) 32%, transparent);width:44px;height:44px;color:var(--cat-color);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--cat-color) 20%, transparent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:800;display:flex}.cat-sec-info{min-width:0}.cat-sec-title{letter-spacing:-.018em;color:var(--text);margin:0 0 3px;font-size:1.08rem;font-weight:800}.cat-sec-meta{color:var(--text-muted);align-items:center;gap:6px;font-size:.76rem;display:flex}.cat-sec-dot{opacity:.5}.cat-sec-progress{background:var(--surface2);border:1px solid var(--border);border-radius:999px;width:64px;height:5px;overflow:hidden}.cat-sec-progress-fill{background:var(--cat-color);height:100%;box-shadow:0 0 6px color-mix(in srgb, var(--cat-color) 60%, transparent);border-radius:999px;transition:width .6s}.cat-topics-grid{flex-direction:column;gap:0;display:flex}.cat-topic{border-bottom:1px solid color-mix(in srgb, var(--border) 50%, transparent);color:inherit;align-items:center;gap:14px;padding:14px 22px;text-decoration:none;transition:background .2s,padding-left .2s;display:flex;position:relative}.cat-topic:last-child{border-bottom:none}.cat-topic:before{content:"";background:var(--cat-color);transform-origin:50%;width:3px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.cat-topic:hover{background:color-mix(in srgb, var(--cat-color) 6%, transparent);padding-left:28px}.cat-topic:hover:before{transform:scaleY(1)}.cat-topic.done{background:color-mix(in srgb, var(--cat-color) 4%, transparent)}.cat-topic.done:before{background:linear-gradient(180deg, var(--cat-color) 0%, color-mix(in srgb, var(--cat-color) 50%, transparent) 100%);opacity:.6;transform:scaleY(1)}.cat-topic.done .cat-topic-title{color:var(--text-muted)}.cat-topic-num{background:var(--surface2);border:1px solid var(--border);width:32px;height:32px;color:var(--text-muted);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:.76rem;font-weight:800;transition:background .2s,color .2s,border-color .2s;display:flex}.cat-topic:hover .cat-topic-num{background:color-mix(in srgb, var(--cat-color) 14%, transparent);border-color:color-mix(in srgb, var(--cat-color) 30%, transparent);color:var(--cat-color)}.cat-topic.done .cat-topic-num{background:var(--cat-color);color:#fff;border-color:var(--cat-color);box-shadow:0 0 10px color-mix(in srgb, var(--cat-color) 50%, transparent)}.cat-topic-body{flex:1;min-width:0}.cat-topic-title{color:var(--text);letter-spacing:-.008em;margin:0 0 4px;font-size:.94rem;font-weight:600;line-height:1.35}.cat-topic-meta{align-items:center;gap:10px;font-size:.72rem;display:flex}.cat-topic-time{color:var(--text-muted);align-items:center;gap:4px;font-size:.72rem;font-weight:500;display:inline-flex}.cat-topic-arrow{color:var(--text-muted);opacity:0;flex-shrink:0;transition:opacity .2s,transform .2s,color .2s;transform:translate(-6px)}.cat-topic:hover .cat-topic-arrow{opacity:1;color:var(--cat-color);transform:translate(0)}@media (width<=768px){.cat-hero{border-radius:0 0 18px 18px;padding:36px 18px 32px}.cat-hero-icon{border-radius:18px;width:64px;height:64px}.cat-hero-icon-emoji{font-size:2rem}.cat-hero-title{font-size:2.1rem}.cat-hero-tagline{font-size:.92rem}.cat-hero-stats{grid-template-columns:repeat(2,1fr)}.cat-sections{padding:0 18px}.cat-sec-head{gap:12px;padding:14px 16px}.cat-sec-num{width:38px;height:38px;font-size:.9rem}.cat-sec-title{font-size:.98rem}.cat-sec-progress{width:48px}.cat-topic{gap:11px;padding:12px 16px}.cat-topic:hover{padding-left:22px}.cat-topic-num{width:28px;height:28px;font-size:.7rem}.cat-topic-title{font-size:.87rem}}@media (width<=480px){.cat-hero{padding:28px 14px 26px}.cat-hero-title{font-size:1.7rem}.cat-hero-stats{gap:8px}.cat-stat{gap:8px;padding:9px 11px}.cat-stat-icon{font-size:1.1rem}.cat-stat-value{font-size:.92rem}.cat-stat-label{font-size:.62rem}.cat-sections{padding:0 12px}.cat-sections-title{font-size:1.1rem}.cat-sec-progress{display:none}.cat-topic-meta{flex-wrap:wrap;gap:6px}}.topic-page{max-width:900px;padding:0 0 80px;animation:.22s fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.topic-header{border-bottom:1px solid var(--border);background:linear-gradient(135deg, color-mix(in srgb, var(--cat-color) 9%, var(--surface)) 0%, color-mix(in srgb, var(--cat-color) 3%, var(--surface)) 40%, var(--surface) 70%, color-mix(in srgb, var(--accent) 4%, var(--surface)) 100%);margin-bottom:40px;padding:36px 68px 32px;position:relative;overflow:hidden;box-shadow:0 4px 24px #0000001a}.topic-header:before{content:"";background:linear-gradient(90deg, var(--cat-color) 0%, color-mix(in srgb, var(--cat-color) 70%, var(--accent)) 40%, var(--accent) 75%, color-mix(in srgb, var(--accent) 30%, transparent) 100%);height:4px;box-shadow:0 0 12px color-mix(in srgb, var(--cat-color) 50%, transparent);position:absolute;top:0;left:0;right:0}.topic-header:after{content:"";background:radial-gradient(ellipse at 5% 10%, color-mix(in srgb, var(--cat-color) 12%, transparent) 0%, transparent 50%), radial-gradient(ellipse at 95% 90%, color-mix(in srgb, var(--accent) 7%, transparent) 0%, transparent 45%), radial-gradient(ellipse at 50% 120%, color-mix(in srgb, var(--cat-color) 4%, transparent) 0%, transparent 60%);pointer-events:none;position:absolute;inset:0}.topic-header-bg-emoji{opacity:.06;pointer-events:none;user-select:none;z-index:0;font-size:7rem;line-height:1;position:absolute;top:50%;right:48px;transform:translateY(-50%)}.topic-header-inner{z-index:1;position:relative}.topic-header-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:20px;display:flex}.breadcrumb{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:.78rem;display:flex}.bc-item{transition:color .12s}.bc-item.link{cursor:pointer}.bc-item.link:hover{color:var(--text-sub)}.bc-sep{color:var(--border2)}.bc-current{color:var(--accent);font-weight:500}.reading-time{color:var(--accent);background:var(--accent-dim);border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);white-space:nowrap;letter-spacing:.01em;box-shadow:0 0 8px color-mix(in srgb, var(--accent) 12%, transparent);border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:.72rem;font-weight:600;display:inline-flex}.topic-title{color:var(--title-color);letter-spacing:-.04em;text-shadow:0 2px 24px color-mix(in srgb, var(--cat-color) 18%, transparent), 0 1px 0 color-mix(in srgb, var(--cat-color) 6%, transparent);margin-bottom:16px;font-size:2.4rem;font-weight:800;line-height:1.15}.topic-cat-badge{letter-spacing:.02em;border:1px solid;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:.72rem;font-weight:600;display:inline-flex}.topic-summary{color:var(--summary-color);background:linear-gradient(135deg, color-mix(in srgb, var(--cat-color) 8%, var(--surface)) 0%, color-mix(in srgb, var(--cat-color) 3%, var(--surface)) 50%, var(--surface) 100%);border:1px solid color-mix(in srgb, var(--cat-color) 25%, var(--border));border-left:4px solid var(--cat-color);box-shadow:0 4px 20px #0000001f, 0 0 0 1px color-mix(in srgb, var(--cat-color) 6%, transparent), inset 0 1px 0 #ffffff0f;border-radius:0 14px 14px 0;gap:16px;margin:0 68px 36px;padding:22px 26px 22px 20px;font-size:.93rem;line-height:1.95;display:flex}.summary-icon{background:color-mix(in srgb, var(--cat-color) 12%, transparent);border:1px solid color-mix(in srgb, var(--cat-color) 30%, transparent);width:28px;height:28px;color:var(--cat-color);box-shadow:0 0 12px color-mix(in srgb, var(--cat-color) 25%, transparent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.topic-summary strong{color:var(--text);font-weight:600}.topic-summary code{background:color-mix(in srgb, var(--cat-color) 8%, var(--surface2));border:1px solid color-mix(in srgb, var(--cat-color) 20%, var(--border));color:var(--cat-color);border-radius:4px;padding:1px 6px;font-family:JetBrains Mono,monospace;font-size:.86em}.topic-summary ul{margin:6px 0 0;padding-left:20px;list-style:outside}.topic-summary li{line-height:2}.topic-summary svg{overflow:visible}.examples-heading{text-transform:uppercase;letter-spacing:.12em;color:var(--cat-color);opacity:.85;align-items:center;gap:8px;margin:0 68px 18px;font-size:.7rem;font-weight:700;display:flex}.examples-heading:after{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--cat-color) 30%, var(--border)) 0%, var(--border) 60%, transparent 100%);flex:1;height:1px}.examples-count{background:var(--surface3);border:1px solid var(--border2);color:var(--text-muted);border-radius:10px;padding:1px 7px;font-family:JetBrains Mono,monospace;font-size:.68rem}.topic-toc{background:linear-gradient(135deg, color-mix(in srgb, var(--cat-color) 4%, var(--surface)) 0%, var(--surface) 100%);border:1px solid color-mix(in srgb, var(--cat-color) 18%, var(--border));box-shadow:0 3px 14px #0000001a, 0 0 0 1px color-mix(in srgb, var(--cat-color) 5%, transparent);border-radius:14px;margin:0 68px 32px;overflow:hidden}.topic-toc-title{letter-spacing:.1em;text-transform:uppercase;color:var(--cat-color);background:color-mix(in srgb, var(--cat-color) 8%, var(--surface2));border-bottom:1px solid color-mix(in srgb, var(--cat-color) 16%, var(--border));align-items:center;gap:8px;padding:10px 16px;font-size:.68rem;font-weight:700;display:flex}.topic-toc-list{margin:0;padding:6px 0 8px;list-style:none}.topic-toc-list li{padding:0}.topic-toc-link{color:var(--text-sub);cursor:pointer;align-items:center;gap:10px;padding:7px 16px;font-size:.83rem;text-decoration:none;transition:background .15s,color .15s,padding-left .18s;display:flex;position:relative}.topic-toc-link:hover{background:color-mix(in srgb, var(--cat-color) 8%, var(--hover1));color:var(--text);padding-left:22px}.topic-toc-link:hover .toc-num{background:color-mix(in srgb, var(--cat-color) 14%, transparent);border-color:color-mix(in srgb, var(--cat-color) 40%, transparent);color:var(--cat-color);box-shadow:0 0 6px color-mix(in srgb, var(--cat-color) 25%, transparent)}.toc-num{background:var(--surface3);border:1px solid var(--border2);width:20px;height:20px;color:var(--text-muted);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:.67rem;transition:background .12s,border-color .12s,color .12s;display:flex}.sample-tables-section{border:1px solid var(--border);border-radius:12px;margin:0 68px 36px;overflow:hidden}.sample-tables-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);background:var(--surface2);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 14px;font-size:.7rem;font-weight:700;display:flex}.sample-tables-grid{flex-wrap:wrap;display:flex}.sample-table-block{border-right:1px solid var(--border);flex:1;min-width:200px}.sample-table-block:last-child{border-right:none}.sample-table-name{color:var(--accent);background:var(--surface);border-bottom:1px solid var(--border);padding:7px 14px;font-family:JetBrains Mono,monospace;font-size:.73rem;font-weight:600}.sample-table-scroll{overflow-x:auto}.sample-table{border-collapse:collapse;white-space:nowrap;width:100%;font-family:JetBrains Mono,monospace;font-size:.79rem}.sample-table thead th{text-align:left;color:var(--text-muted);background:var(--surface2);border-bottom:1px solid var(--border);letter-spacing:.04em;padding:6px 14px;font-size:.71rem;font-weight:600}.sample-table tbody td{color:var(--text-sub);border-bottom:1px solid var(--row-border);padding:5px 14px}.sample-table tbody tr:last-child td{border-bottom:none}.sample-table tbody tr:hover td{background:var(--hover1)}.example-block{border:1px solid var(--border);border-radius:14px;margin:0 68px 28px;transition:border-color .2s,box-shadow .25s,transform .2s;overflow:hidden;box-shadow:0 2px 10px #00000024,0 0 0 1px #ffffff05}.example-block:hover{border-color:color-mix(in srgb, var(--cat-color,var(--accent)) 40%, var(--border));box-shadow:0 10px 40px #00000040, 0 0 0 1px color-mix(in srgb, var(--cat-color,var(--accent)) 16%, transparent), 0 0 20px color-mix(in srgb, var(--cat-color,var(--accent)) 6%, transparent);transform:translateY(-2px)}.code-header{background:linear-gradient(180deg, color-mix(in srgb, var(--surface3) 100%, var(--cat-color,var(--accent)) 0%) 0%, var(--surface2) 100%);border-bottom:1px solid color-mix(in srgb, var(--border) 80%, var(--cat-color,transparent) 20%);align-items:center;gap:10px;height:44px;padding:0 16px;display:flex;position:relative}.code-header:before{content:"";opacity:.6;background:#ff5f57;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-right:22px;display:inline-flex;box-shadow:16px 0 #febc2e,32px 0 #28c840}.code-label{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:JetBrains Mono,monospace;font-size:.79rem;font-style:italic;font-weight:500;overflow:hidden}.lang-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:var(--accent-dim);border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);border-radius:4px;flex-shrink:0;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:.64rem;font-weight:700}.copy-btn{border:1px solid var(--border2);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;padding:4px 10px;font-family:inherit;font-size:.72rem;transition:all .15s;display:flex}.copy-btn:hover{color:var(--text-sub);background:var(--surface3);border-color:var(--border2)}.copy-btn.copied{color:var(--green);border-color:var(--green);background:var(--green-dim)}.code-body{background:var(--code-bg);color:#cdd6f4;border-top:1px solid #ffffff08}.code-body pre{padding:0;font-family:JetBrains Mono,monospace;font-size:.87rem;line-height:1.8;overflow-x:auto}.code-body code{width:max-content;min-width:100%;padding:16px 0;display:block}.code-line{padding-right:24px;display:flex}.code-line:hover{background:#ffffff06}:root[data-theme=light] .code-line:hover{background:#00000005}.ln{width:46px;min-width:46px;color:var(--text-muted);opacity:.25;user-select:none;border-right:1px solid #ffffff0d;flex-shrink:0;justify-content:flex-end;align-items:flex-start;margin-right:18px;padding-right:16px;font-size:.8em;display:inline-flex}:root[data-theme=light] .ln{opacity:.4;border-right-color:#00000014}.lc{white-space:pre;flex:1}.code-body pre::-webkit-scrollbar{height:4px}.code-body pre::-webkit-scrollbar-track{background:#0000001a}.code-body pre::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.hl-kw{color:#c792ea;font-weight:500}.hl-fn{color:#ffcb6b}.hl-str{color:#c3e88d}.hl-num{color:#f78c6c}.hl-cmt{color:#8aa0c4;opacity:.85;font-style:italic}.hl-id{color:#89ddff}.hl-type{color:#ffcb6b}.hl-cmt{letter-spacing:.01em}:root[data-theme=light] .hl-cmt{color:#6b7280;opacity:.9}.output-section{background:linear-gradient(180deg, color-mix(in srgb, var(--code-bg) 80%, #34d3990f) 0%, var(--code-bg) 40%, color-mix(in srgb, var(--code-bg) 95%, #0000004d) 100%);border-top:1px solid #ffffff0f}.output-label{letter-spacing:.12em;text-transform:uppercase;color:var(--green);border-bottom:1px solid color-mix(in srgb, var(--green) 20%, transparent);background:linear-gradient(90deg,#34d39914 0%,#00000026 100%);align-items:center;gap:8px;padding:8px 16px;font-size:.66rem;font-weight:700;display:flex;box-shadow:0 1px #ffffff05}.output-label svg{opacity:.8}.output-scroll{overflow-x:auto}.output-table{border-collapse:collapse;white-space:nowrap;width:100%;font-family:JetBrains Mono,monospace;font-size:.82rem}.output-table thead th{text-align:left;color:var(--green);border-bottom:1px solid color-mix(in srgb, var(--green) 14%, transparent);letter-spacing:.04em;padding:7px 18px;font-size:.75rem;font-weight:600}.output-table tbody td{color:var(--text-sub);border-bottom:1px solid #ffffff08;padding:6px 18px}.output-table tbody tr:last-child td{border-bottom:none}.output-table tbody tr:hover td{background:#ffffff05}.output-scalar{color:var(--green);padding:14px 20px;font-family:JetBrains Mono,monospace;font-size:1.08rem;font-weight:600}.output-note{color:color-mix(in srgb, var(--green) 65%, var(--text-muted));border-top:1px solid color-mix(in srgb, var(--green) 12%, transparent);background:#34d3990a;padding:8px 18px 10px;font-size:.73rem;font-style:italic;line-height:1.65}.output-note:before{content:"💡 ";font-style:normal}.console-output{padding:12px 20px 14px;font-family:JetBrains Mono,monospace;font-size:.84rem}.console-line{color:color-mix(in srgb, var(--green) 92%, #fff);align-items:baseline;gap:8px;line-height:2;display:flex}.console-line:before{content:"›";color:color-mix(in srgb, var(--green) 60%, transparent);text-shadow:0 0 6px color-mix(in srgb, var(--green) 40%, transparent);flex-shrink:0;font-size:.9em}.console-line:empty:before{content:""}.output-error{background:#f851490a}.output-label--error{color:var(--red)!important}.error-output{color:var(--red);white-space:pre-wrap;padding:14px 20px;font-family:JetBrains Mono,monospace;font-size:.82rem;line-height:1.7}.topic-complete{justify-content:center;margin:48px 68px 0;display:flex}.topic-complete-btn{--cat-color:var(--accent);border:2px dashed color-mix(in srgb, var(--cat-color) 50%, var(--border2));background:linear-gradient(135deg, color-mix(in srgb, var(--cat-color) 8%, var(--surface)) 0%, var(--surface) 100%);color:var(--cat-color);letter-spacing:-.005em;cursor:pointer;border-radius:999px;align-items:center;gap:9px;padding:12px 24px;font-family:inherit;font-size:.92rem;font-weight:700;transition:transform .15s,border-color .2s,box-shadow .25s,background .2s;display:inline-flex}.topic-complete-btn:hover{border-color:var(--cat-color);box-shadow:0 10px 28px -6px color-mix(in srgb, var(--cat-color) 30%, transparent), 0 0 0 4px color-mix(in srgb, var(--cat-color) 10%, transparent);transform:translateY(-2px)}.topic-complete-btn.done{background:color-mix(in srgb, var(--cat-color) 15%, var(--surface));border-style:solid;border-color:var(--cat-color);box-shadow:0 6px 18px -4px color-mix(in srgb, var(--cat-color) 30%, transparent)}.topic-complete-btn.done:hover{background:color-mix(in srgb, var(--cat-color) 22%, var(--surface))}.topic-complete-hint{opacity:.55;letter-spacing:0;font-size:.72rem;font-weight:500}.topic-nav{border-top:1px solid var(--border);gap:12px;margin:32px 68px 0;padding-top:24px;display:flex}.topic-nav-btn{background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:left;color:inherit;border-radius:10px;flex:1;align-items:center;gap:12px;padding:14px 18px;font-family:inherit;transition:all .18s;display:flex}.topic-nav-btn:hover{border-color:var(--border2);background:var(--surface2);transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.topic-nav-btn.next{text-align:right;flex-direction:row-reverse}.tnav-icon{color:var(--text-muted);flex-shrink:0;transition:color .15s}.topic-nav-btn:hover .tnav-icon{color:var(--accent)}.tnav-info{min-width:0}.tnav-label{text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);margin-bottom:3px;font-size:.69rem}.tnav-title{color:var(--text-sub);text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:.87rem;font-weight:600;transition:color .15s;overflow:hidden}.topic-nav-btn:hover .tnav-title{color:var(--text)}.topic-nav-btn.placeholder{opacity:.3;cursor:default;pointer-events:none}.settings-panel{background:var(--surface);border:1px solid var(--border2);z-index:300;contain:layout paint;will-change:transform, opacity;border-radius:14px;width:340px;max-height:calc(100vh - 88px);display:none;position:fixed;top:66px;right:14px;overflow-y:auto;box-shadow:0 24px 64px -8px #00000059,0 6px 16px -4px #00000029}.settings-panel.open{animation:.22s cubic-bezier(.34,1.56,.64,1) popIn;display:block}.settings-panel::-webkit-scrollbar{width:4px}.settings-panel::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}@keyframes popIn{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.sp-header{border-bottom:1px solid var(--border);color:var(--text-sub);justify-content:space-between;align-items:center;padding:13px 16px;font-size:.84rem;font-weight:600;display:flex}.sp-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;transition:color .15s;display:flex}.sp-close:hover{color:var(--text)}.sp-themes-section{padding:14px 14px 12px}.sp-themes-section+.sp-themes-section{padding-top:6px}.sp-themes-section:last-of-type{border-bottom:1px solid var(--border);padding-bottom:14px}.sp-themes-label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);align-items:center;gap:7px;margin-bottom:10px;font-size:.66rem;font-weight:800;display:flex}.sp-themes-label svg{color:var(--accent);opacity:.8}.sp-themes-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.tc-btn{border:1.5px solid var(--border);cursor:pointer;background:0 0;border-radius:10px;padding:0;transition:border-color .18s,transform .15s,box-shadow .2s;position:relative;overflow:hidden}.tc-btn:hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--border));transform:translateY(-2px);box-shadow:0 6px 16px -4px #0000002e}.tc-btn.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim), 0 6px 16px -4px #0003;border-width:2px}.tc-btn.active:after{content:"";background:var(--accent);border:2px solid var(--surface);width:14px;height:14px;box-shadow:0 0 0 1px var(--accent);border-radius:50%;position:absolute;top:5px;right:5px}.tc-preview{width:100%;height:56px;display:flex}.tc-sidebar{width:26%}.tc-body{flex-direction:column;flex:1;gap:4px;padding:7px 8px;display:flex}.tc-accent-bar{border-radius:2px;width:60%;height:4px}.tc-line{background:#80808038;border-radius:1px;width:90%;height:2.5px}.tc-line.s{width:60%}.tc-name{text-align:center;letter-spacing:-.005em;padding:5px 4px 6px;font-size:.66rem;font-weight:700;display:block}.sp-section{border-bottom:1px solid color-mix(in srgb, var(--border) 60%, transparent);padding:12px 16px}.sp-section:last-of-type{border-bottom:none}.sp-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:10px;font-size:.7rem;font-weight:700}.sp-row{align-items:center;gap:8px;display:flex}.sp-swatches{flex-wrap:wrap;flex:1;gap:6px;display:flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:5px;flex-shrink:0;width:22px;height:22px;transition:transform .12s,border-color .12s}.swatch:hover{transform:scale(1.2)}.swatch.active{border-color:var(--text);transform:scale(1.1)}.sp-picker{border:1px solid var(--border2);background:var(--surface2);cursor:pointer;border-radius:6px;flex-shrink:0;width:32px;height:32px;padding:2px}.sp-footer{padding:12px 16px}.sp-reset{border:1px solid var(--border2);width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:7px;font-family:inherit;font-size:.78rem;transition:all .15s;display:block}.sp-reset:hover{color:var(--text-sub);border-color:var(--text-muted);background:var(--surface2)}.cmd-overlay{-webkit-backdrop-filter:blur(14px)saturate(120%);z-index:1000;opacity:0;pointer-events:none;background:radial-gradient(at top,#00000073 0%,#000000b3 100%);justify-content:center;align-items:flex-start;padding-top:12vh;transition:opacity .22s;display:flex;position:fixed;inset:0}.cmd-overlay.open{opacity:1;pointer-events:all}.cmd-modal{background:var(--surface);border:1px solid color-mix(in srgb, var(--accent) 25%, var(--border2));width:620px;max-width:calc(100vw - 32px);box-shadow:0 32px 80px -8px #00000080, 0 8px 24px -4px #00000040, 0 0 0 1px color-mix(in srgb, var(--accent) 10%, transparent), inset 0 1px 0 color-mix(in srgb, var(--accent) 10%, transparent);border-radius:18px;transition:transform .26s cubic-bezier(.34,1.56,.64,1);overflow:hidden;transform:translateY(18px)scale(.96)}.cmd-overlay.open .cmd-modal{transform:translateY(0)scale(1)}.cmd-input-row{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 4%, var(--surface)) 0%, var(--surface) 100%);border-bottom:1px solid color-mix(in srgb, var(--border) 60%, transparent);align-items:center;gap:12px;padding:14px 16px;display:flex;position:relative}.cmd-input-row:after{content:"";background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--accent) 60%, transparent) 50%, transparent 100%);opacity:0;height:2px;transition:opacity .25s;position:absolute;bottom:-1px;left:16px;right:16px}.cmd-input-row:focus-within:after{opacity:1}.cmd-search-icon{color:var(--text-muted);flex-shrink:0;transition:color .2s,transform .25s}.cmd-input-row:focus-within .cmd-search-icon{color:var(--accent);transform:scale(1.08)}.cmd-input{color:var(--text);letter-spacing:-.01em;caret-color:var(--accent);background:0 0;border:none;outline:none;flex:1;padding:4px 0;font-family:inherit;font-size:1.05rem;font-weight:500}.cmd-input::placeholder{color:var(--text-muted);opacity:.8;font-weight:400}.cmd-esc-badge{background:var(--surface2);border:1px solid var(--border2);color:var(--text-muted);cursor:pointer;letter-spacing:.04em;border-radius:6px;flex-shrink:0;align-items:center;padding:4px 9px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.65rem;font-weight:700;transition:background .15s,color .15s,border-color .15s,transform .15s;display:inline-flex}.cmd-esc-badge:hover{color:var(--accent);background:var(--accent-dim);border-color:color-mix(in srgb, var(--accent) 40%, var(--border2));transform:scale(1.04)}.cmd-results{scrollbar-width:thin;scrollbar-color:var(--border2) transparent;max-height:380px;padding:6px;overflow-y:auto}.cmd-results::-webkit-scrollbar{width:4px}.cmd-results::-webkit-scrollbar-track{background:0 0}.cmd-results::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.cmd-results::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--accent) 40%, var(--border2))}.cmd-section-title{text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);padding:8px 14px 6px;font-size:.62rem;font-weight:800}.cmd-result-item{cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;transition:background .15s;display:flex;position:relative}.cmd-result-item:hover{background:var(--hover1)}.cmd-result-item.highlighted{background:color-mix(in srgb, var(--accent) 12%, transparent)}.cmd-result-item.highlighted:before{content:"";background:var(--accent);width:3px;height:60%;box-shadow:0 0 8px color-mix(in srgb, var(--accent) 50%, transparent);border-radius:2px;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.cmd-result-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.cmd-result-icon{background:var(--surface2);border:1px solid var(--border);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.05rem;transition:background .15s,border-color .15s;display:flex}.cmd-result-item.highlighted .cmd-result-icon{background:var(--accent-dim);border-color:color-mix(in srgb, var(--accent) 35%, transparent)}.cmd-result-info{flex:1;min-width:0}.cmd-result-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.008em;font-size:.92rem;font-weight:600;transition:color .15s;overflow:hidden}.cmd-result-item.highlighted .cmd-result-title{color:var(--accent)}.cmd-result-meta{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:.72rem;font-weight:500;overflow:hidden}.cmd-result-arrow{color:var(--text-muted);opacity:0;flex-shrink:0;transition:opacity .18s,transform .18s,color .18s;transform:translate(-4px)}.cmd-result-item.highlighted .cmd-result-arrow{opacity:1;color:var(--accent);transform:translate(0)}.cmd-empty{text-align:center;color:var(--text-muted);padding:56px 18px;font-size:.9rem}.cmd-empty-icon{opacity:.35;filter:grayscale(.5);margin-bottom:12px;font-size:2.4rem}.cmd-footer{border-top:1px solid color-mix(in srgb, var(--border) 60%, transparent);background:linear-gradient(180deg, var(--surface) 0%, color-mix(in srgb, var(--accent) 3%, var(--surface)) 100%);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:14px;padding:10px 16px;font-size:.7rem;display:flex}.cmd-footer-item{align-items:center;gap:5px;font-weight:500;display:flex}.cmd-footer kbd{background:var(--surface2);border:1px solid var(--border2);min-width:18px;height:18px;color:var(--text-sub);letter-spacing:0;border-bottom-width:2px;border-radius:4px;justify-content:center;align-items:center;padding:0 5px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.62rem;font-weight:700;display:inline-flex}@media (width<=540px){.cmd-overlay{padding-top:8vh}.cmd-modal{border-radius:14px}.cmd-input-row{gap:10px;padding:12px 14px}.cmd-input{font-size:.96rem}.cmd-results{max-height:60vh}.cmd-result-item{padding:9px 10px}.cmd-result-icon{width:28px;height:28px;font-size:.92rem}.cmd-result-title{font-size:.87rem}.cmd-footer{gap:10px;padding:9px 12px;font-size:.65rem}}.toast{background:var(--surface2);border:1px solid var(--border2);color:var(--text);opacity:0;pointer-events:none;z-index:900;border-radius:10px;align-items:center;gap:9px;padding:11px 18px;font-size:.85rem;font-weight:500;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(20px)scale(.95);box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0a}.toast.show{opacity:1;transform:translateY(0)scale(1)}.toast-icon{color:var(--green);flex-shrink:0}.back-to-top{background:var(--surface2);border:1px solid var(--border2);width:40px;height:40px;color:var(--text-sub);cursor:pointer;z-index:800;opacity:0;pointer-events:none;border-radius:10px;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;bottom:80px;right:24px;transform:translateY(10px)scale(.9);box-shadow:0 4px 14px #00000040}.back-to-top.visible{opacity:1;pointer-events:all;transform:translateY(0)scale(1)}.back-to-top:hover{background:var(--surface3);border-color:var(--accent);color:var(--accent);transform:translateY(-2px)scale(1.06)}@media (width<=1100px){.welcome-page{padding:40px 36px 72px}.topic-header{padding:32px 48px 28px}.topic-summary,.examples-heading,.example-block,.sample-tables-section,.topic-nav,.topic-complete{margin-left:48px;margin-right:48px}.hero-split{gap:32px}}@media (width<=900px){.welcome-page{padding:32px 24px 60px}.topic-header{padding:28px 32px 24px}.topic-summary,.examples-heading,.example-block,.sample-tables-section,.topic-nav,.topic-complete{margin-left:32px;margin-right:32px}.welcome-title{font-size:2.4rem}.hero-split{grid-template-columns:1fr;min-height:auto}.hero-code-card,.hero-split:before,.hero-split:after{display:none}}@media (width<=768px){.nb-nav{display:none}.nb-inner{gap:10px;padding:0 14px}.nb-search-text{display:none}.nb-search{padding:6px 9px}.nb-search-kbd{display:none}.nb-brand-text{font-size:.82rem}.overlay.open{display:block}.welcome-page{padding:28px 18px 60px}.welcome-title{font-size:1.9rem}.hero-split{margin-bottom:36px}.category-cards{grid-template-columns:1fr}.tb-content{grid-template-columns:repeat(2,1fr)}.welcome-stats{flex-wrap:wrap;gap:14px}.welcome-aside{display:none}.welcome-layout{grid-template-columns:1fr}.topic-header{padding:22px 18px 20px}.topic-summary,.examples-heading,.example-block,.sample-tables-section,.topic-nav,.topic-complete{margin-left:18px;margin-right:18px}.topic-title{font-size:1.7rem}.topic-nav,.sample-tables-grid{flex-direction:column}.sample-table-block{border-right:none;border-bottom:1px solid var(--border)}.sample-table-block:last-child{border-bottom:none}.topic-header-bg-emoji{font-size:5rem;right:16px}.settings-panel{width:auto;max-height:calc(100vh - 80px);top:64px;left:10px;right:10px}.cmd-modal{border-radius:14px;max-width:calc(100vw - 24px)}.toast{bottom:16px;left:16px;right:16px}.back-to-top{bottom:78px;right:76px!important}.container-diagram{padding:14px}.cd-children{gap:8px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr))!important}.cd-child{padding:9px 6px}.cd-child-label{font-size:.76rem}.flow-diagram,.columns-diagram{flex-wrap:wrap}.diagram-block{padding:14px}}@media (width<=480px){.nb{height:52px}.app-shell{padding-top:52px}.nb-brand-mark{width:22px;height:22px}.nb-brand-text{font-size:.78rem}.welcome-page{padding:20px 12px 50px}.welcome-title{font-size:1.55rem}.welcome-subtitle{font-size:.92rem}.features-grid{grid-template-columns:1fr}.stat-item{gap:2px}.topic-header{padding:18px 14px 16px}.topic-summary,.examples-heading,.example-block,.sample-tables-section,.topic-nav,.topic-complete{margin-left:12px;margin-right:12px}.topic-title{font-size:1.4rem;line-height:1.2}.code-body pre{padding:12px;font-size:.76rem}.tnav-title{max-width:130px}.topic-cat-badge{padding:4px 9px;font-size:.68rem}.topic-complete-btn{padding:10px 18px;font-size:.82rem}.topic-complete-hint{display:none}.cs-index{padding:24px 14px 50px}.cs-index-title{font-size:1.6rem}.cs-index-sub{font-size:.92rem}.cs-index-grid{gap:10px}.cs-index-card{gap:10px;padding:14px 12px}.cs-index-icon{width:44px;height:44px;font-size:1.6rem}.cs-page{padding:20px 14px 50px}.cs-page-title{font-size:1.2rem}.cs-page-icon{width:50px;height:50px;font-size:1.8rem}.cs-section{padding:14px}.cs-section-title{font-size:.92rem}.cs-code{padding:8px 10px;font-size:.72rem}.rm-page{padding:24px 14px 50px}.rm-title{font-size:1.6rem}.rm-sub{font-size:.92rem}.rm-tabs{gap:6px}.rm-tab{gap:6px;padding:8px 12px;font-size:.76rem}.rm-tab-icon{font-size:1rem}.rm-tab-name{font-size:.76rem}.rm-track{border-radius:14px;padding:14px}.rm-track-info{gap:10px;margin-bottom:16px;padding-bottom:16px}.rm-track-icon{width:40px;height:40px;font-size:1.4rem}.rm-track-title{font-size:1rem}.rm-track-desc{font-size:.76rem}.rm-track-count{padding:3px 8px;font-size:.65rem}.rm-node{gap:11px;padding:11px 12px}.rm-node-num{width:28px;height:28px;font-size:.72rem}.rm-node-label{font-size:.92rem}.rm-node-desc{font-size:.75rem}.rm-connector{height:14px;margin-left:21px}.dt-card{margin:0 12px 28px;padding:16px}.dt-title{font-size:1.05rem}.dt-body{font-size:.82rem;line-height:1.6}.dt-code{padding:10px 12px;font-size:.72rem}.dt-eyebrow{padding:3px 9px 3px 8px;font-size:.62rem}.dt-cat{font-size:.68rem}.mp-fab{width:38px;height:38px}.mp-panel{width:calc(100vw - 24px);max-width:320px;right:0}.mp-hint{max-width:60vw;font-size:.68rem;right:48px}.back-to-top{width:36px;height:36px;bottom:70px;right:64px!important}}@media (width<=360px){.nb-brand-text{display:none}.nb-search{padding:6px 8px}.welcome-title{font-size:1.4rem}.topic-title{font-size:1.25rem}.cs-index-title,.rm-title{font-size:1.4rem}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border2)}@media (prefers-reduced-motion:reduce){.bg-aurora:before,.bg-aurora:after,.bg-aurora .aurora-orb,.gradient-text,.welcome-eyebrow,.welcome-hero:before,.welcome-hero:after,.feature-card,.category-card,.aside-card,.hero-code-card,.cat-hero-orb-1,.cat-hero-orb-2,.nb-brand-mark:after,.cd-shared:before,.mp-fab.playing,.mp-fab.hinted,.mp-pulse,.hcc-cursor{animation:none!important}}@media (width<=768px){.bg-aurora:before,.bg-aurora:after,.bg-aurora .aurora-orb{filter:blur(45px)!important;animation:none!important}.bg-aurora .aurora-orb{display:none}.hero-split:before,.hero-split:after,.hero-code-card{animation:none!important}.cat-hero-orb-1,.cat-hero-orb-2{filter:blur(40px)!important;animation:none!important}.nb{-webkit-backdrop-filter:blur(14px)saturate(120%)}.cmd-overlay,.mp-fab,.mp-panel{-webkit-backdrop-filter:blur(8px)}.mp-hint{-webkit-backdrop-filter:blur(6px)}.settings-panel{-webkit-backdrop-filter:none}.mp-fab.playing{animation-duration:4s}.mp-fab.hinted{animation-duration:2s}.mp-pulse{animation-duration:3s}.cd-shared:before,.hero-code-card{animation:none!important}.cat-stat,.cat-sec,.cs-index-card,.dt-card,.topic-complete-btn,.nb-dd,.nb-mobile-panel,.cmd-modal{box-shadow:0 4px 12px -4px #0000002e!important}.theme-switching,.theme-switching *,.theme-switching :before,.theme-switching :after{transition-duration:.2s!important}.cat-stat:hover,.cs-index-card:hover,.rm-tab:hover,.topic-complete-btn:hover,.cs-print-btn:hover{transform:none!important}.bg-aurora:before,.bg-aurora:after{will-change:auto}.cat-sec,.cs-section,.rm-track,.example-block{contain:layout paint}}@media (width<=480px){.bg-aurora{display:none}.cat-hero,.cs-page,.rm-track{box-shadow:none!important}*,:before,:after{transition-duration:.15s!important}}:root[data-theme=light] .settings-panel{box-shadow:0 16px 48px #00000029,0 0 0 1px #0000000f}:root[data-theme=light] .cmd-modal{box-shadow:0 24px 64px #0003,0 0 0 1px #00000014}:root[data-theme=light] .toast{box-shadow:0 8px 28px #00000024,0 0 0 1px #0000000f}:root[data-theme=light] .category-card:hover{box-shadow:0 12px 36px #0000001f, 0 0 0 1px color-mix(in srgb, var(--cat-color) 20%, transparent), 0 0 32px color-mix(in srgb, var(--cat-color) 6%, transparent)}.topic-callouts{flex-direction:column;gap:12px;max-width:860px;margin:0 auto 1.5rem;padding:0 2rem;display:flex}.callout{border-left:4px solid;border-radius:12px;align-items:flex-start;gap:12px;padding:15px 20px;font-size:.875rem;line-height:1.75;transition:transform .15s,box-shadow .15s;display:flex}.callout:hover{transform:translate(2px)}.callout-icon{flex-shrink:0;margin-top:2px;font-size:1.1rem}.callout-text{color:var(--text);flex:1}.callout-text strong{font-weight:700}.callout-text code{border-radius:4px;padding:1px 5px;font-family:JetBrains Mono,monospace;font-size:.85em}.callout-warning{background:linear-gradient(135deg,#fbbf2429 0%,#fbbf2412 100%);border-color:#fbbf24;box-shadow:0 2px 12px #fbbf241a,inset 0 1px #fbbf2433}.callout-warning .callout-text code{color:#b45309;background:#fbbf242e}.callout-tip{border-color:var(--green);background:linear-gradient(135deg,#34d39926 0%,#34d3990f 100%);box-shadow:0 2px 12px #34d3991a,inset 0 1px #34d39933}.callout-tip .callout-text code{color:var(--green);background:#34d3992e}.callout-info{background:linear-gradient(135deg, color-mix(in srgb, var(--cat-color) 13%, transparent) 0%, color-mix(in srgb, var(--cat-color) 5%, transparent) 100%);border-color:var(--cat-color);box-shadow:0 2px 12px color-mix(in srgb, var(--cat-color) 10%, transparent), inset 0 1px 0 color-mix(in srgb, var(--cat-color) 20%, transparent)}.callout-info .callout-text code{background:color-mix(in srgb, var(--cat-color) 14%, transparent);color:var(--cat-color)}:root[data-theme=light] .callout-warning .callout-text code{color:#92400e}:root[data-theme=light] .callout-tip .callout-text code{color:#166534}.code-header-actions{align-items:center;gap:8px;display:flex}.run-btn{background:color-mix(in srgb, var(--cat-color,var(--accent)) 14%, transparent);color:var(--cat-color,var(--accent));border:1px solid color-mix(in srgb, var(--cat-color,var(--accent)) 28%, transparent);cursor:pointer;white-space:nowrap;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;padding:4px 11px;font-family:inherit;font-size:.72rem;font-weight:600;transition:all .15s;display:flex}.run-btn:hover:not(:disabled){background:color-mix(in srgb, var(--cat-color,var(--accent)) 24%, transparent);box-shadow:0 0 10px color-mix(in srgb, var(--cat-color,var(--accent)) 20%, transparent)}.run-btn:disabled{opacity:.55;cursor:default}.run-spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:10px;height:10px;animation:.65s linear infinite run-spin;display:inline-block}@keyframes run-spin{to{transform:rotate(360deg)}}.example-block{border-left:3px solid color-mix(in srgb, var(--cat-color,var(--accent)) 55%, transparent);box-shadow:-1px 0 0 color-mix(in srgb, var(--cat-color,var(--accent)) 15%, transparent), 0 2px 10px #00000024}.glossary-btn{border:1px solid var(--border);width:100%;color:var(--text-sub);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;margin-bottom:6px;padding:8px 12px;font-family:inherit;font-size:.78rem;transition:all .15s;display:flex}.glossary-btn:hover{background:var(--hover1);color:var(--accent);border-color:var(--accent-dim)}.glossary-page{padding-bottom:4rem}.glossary-header{max-width:860px;margin:0 auto;padding:3rem 2rem 2rem}.glossary-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);align-items:center;gap:6px;margin-bottom:1rem;font-size:.72rem;font-weight:600;display:inline-flex}.glossary-title{color:var(--title-color);letter-spacing:-.03em;margin-bottom:.5rem;font-size:2rem;font-weight:800}.glossary-subtitle{color:var(--text-sub);margin-bottom:1.5rem;font-size:.9rem;line-height:1.6}.glossary-search-row{align-items:center;gap:12px;margin-bottom:1rem;display:flex}.glossary-search-wrap{background:var(--surface2);border:1px solid var(--border2);border-radius:10px;flex:1;align-items:center;gap:10px;padding:8px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.glossary-search-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.glossary-search-wrap svg{color:var(--text-muted);flex-shrink:0}.glossary-search-wrap input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.9rem}.glossary-search-wrap input::placeholder{color:var(--text-muted)}.glossary-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.1rem;line-height:1;transition:color .15s}.glossary-search-clear:hover{color:var(--text)}.glossary-count{color:var(--text-muted);white-space:nowrap;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:6px 12px;font-size:.78rem}.glossary-letters{flex-wrap:wrap;gap:4px;display:flex}.letter-link{width:30px;height:30px;color:var(--text-muted);background:var(--surface2);border:1px solid var(--border);border-radius:6px;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:.78rem;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.letter-link:hover{color:var(--accent);border-color:var(--accent-dim);background:var(--accent-dim)}.glossary-body{max-width:860px;margin:0 auto;padding:0 2rem}.glossary-empty{text-align:center;color:var(--text-muted);padding:4rem 2rem}.glossary-empty-icon{margin-bottom:1rem;font-size:2.5rem}.glossary-group{margin-bottom:2.5rem;scroll-margin-top:80px}.glossary-letter{color:var(--accent);letter-spacing:-.02em;border-bottom:1px solid var(--border);margin-bottom:.75rem;padding-bottom:.5rem;font-family:JetBrains Mono,monospace;font-size:1.4rem;font-weight:800}.glossary-items{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;display:grid}.glossary-item{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-left:3px solid color-mix(in srgb, var(--cat-color) 40%, transparent);border-radius:10px;padding:14px 16px;transition:all .18s}.glossary-item:hover{background:var(--surface2);border-color:color-mix(in srgb, var(--cat-color) 35%, var(--border));border-left-color:var(--cat-color);transform:translateY(-1px);box-shadow:0 4px 16px #00000024}.glossary-item-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px;display:flex}.glossary-item-title{color:var(--title-color);flex:1;font-size:.88rem;font-weight:600}.glossary-cat-badge{letter-spacing:.04em;white-space:nowrap;border:1px solid;border-radius:4px;flex-shrink:0;padding:2px 7px;font-size:.65rem;font-weight:600}.glossary-item-desc{color:var(--text-sub);font-size:.8rem;line-height:1.55}@media (width<=600px){.glossary-header{padding:2rem 1rem 1.5rem}.glossary-body{padding:0 1rem}.glossary-title{font-size:1.5rem}.glossary-items{grid-template-columns:1fr}.topic-callouts{padding:0 1rem}}.example-block--visual{border-left-color:color-mix(in srgb, var(--cat-color,var(--accent)) 30%, transparent)}.code-header--visual{border-bottom:none;padding-bottom:.5rem}@keyframes diag-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes diag-pulse{0%,to{opacity:.45}50%{opacity:1}}.diagram-block{background:var(--surface);border-top:1px solid var(--border);padding:1.2rem 1.4rem 1.5rem;animation:.35s both diag-fade-in}.diagram-label{letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:.4rem;margin-bottom:1.1rem;font-size:.62rem;font-weight:700;display:flex}.diagram-caption{color:var(--text-muted);border-top:1px solid var(--border);margin-top:1rem;padding-top:.7rem;font-size:.7rem;font-style:italic;line-height:1.5}.flow-diagram{flex-wrap:wrap;align-items:stretch;gap:.35rem;display:flex}.flow-node{background:var(--surface2);border:1px solid color-mix(in srgb, var(--nc,var(--accent)) 30%, var(--border));border-top:3px solid var(--nc,var(--accent));border-radius:8px;flex:1;min-width:115px;padding:.85rem .9rem;position:relative;overflow:hidden}.flow-node:before{content:"";background:radial-gradient(ellipse at top left, color-mix(in srgb, var(--nc,var(--accent)) 6%, transparent), transparent 70%);pointer-events:none;position:absolute;inset:0}.fn-step{background:color-mix(in srgb, var(--nc,var(--accent)) 18%, transparent);border:1.5px solid color-mix(in srgb, var(--nc,var(--accent)) 50%, transparent);width:20px;height:20px;color:var(--nc,var(--accent));border-radius:50%;justify-content:center;align-items:center;margin-bottom:.5rem;font-size:.65rem;font-weight:800;display:inline-flex}.fn-label{letter-spacing:.08em;text-transform:uppercase;color:var(--nc,var(--accent));margin-bottom:.4rem;font-size:.65rem;font-weight:800}.fn-detail{color:var(--text-sub);white-space:pre-line;font-size:.72rem;line-height:1.6}.fn-note{color:var(--nc,var(--accent));background:color-mix(in srgb, var(--nc,var(--accent)) 10%, transparent);border:1px solid color-mix(in srgb, var(--nc,var(--accent)) 20%, transparent);border-radius:4px;margin-top:.55rem;padding:.15rem .45rem;font-size:.62rem;display:inline-block}.flow-arrow{color:var(--border2);flex-shrink:0;justify-content:center;align-self:center;align-items:center;padding:0 .05rem;animation:2s infinite diag-pulse;display:flex}.columns-diagram{grid-template-columns:repeat(var(--col-count,2), 1fr);gap:.8rem;display:grid}.col-node{border:1px solid color-mix(in srgb, var(--nc,var(--accent)) 25%, var(--border));background:var(--surface2);border-radius:8px;overflow:hidden}.col-node-header{background:color-mix(in srgb, var(--nc,var(--accent)) 14%, transparent);border-bottom:1px solid color-mix(in srgb, var(--nc,var(--accent)) 22%, transparent);letter-spacing:.07em;text-transform:uppercase;color:var(--nc,var(--accent));align-items:center;gap:.4rem;padding:.6rem .8rem;font-size:.65rem;font-weight:800;display:flex}.col-icon{font-size:.9rem}.col-node-body{padding:.75rem .8rem}.col-node-row{color:var(--text-sub);font-size:.72rem;line-height:1.85}.col-node-row--empty{height:.5rem;display:block}.phases-diagram{flex-direction:column;display:flex}.phase-item{gap:1rem;padding-bottom:0;display:flex}.phase-left{flex-direction:column;flex-shrink:0;align-items:center;width:36px;display:flex}.phase-num{background:color-mix(in srgb, var(--pc,var(--accent)) 14%, var(--surface3));border:2px solid color-mix(in srgb, var(--pc,var(--accent)) 50%, transparent);width:36px;height:36px;color:var(--pc,var(--accent));box-shadow:0 0 10px color-mix(in srgb, var(--pc,var(--accent)) 18%, transparent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;line-height:1;display:flex}.phase-connector{background:linear-gradient(to bottom, color-mix(in srgb, var(--pc,var(--accent)) 40%, transparent), transparent);flex:1;width:2px;min-height:1.2rem;margin:.3rem 0}.phase-body{flex:1;padding-bottom:1.2rem}.phase-label{letter-spacing:.1em;text-transform:uppercase;color:var(--pc,var(--accent));margin-top:.35rem;margin-bottom:.2rem;font-size:.6rem;font-weight:800}.phase-title{color:var(--text);margin-bottom:.55rem;font-size:.8rem;font-weight:600;line-height:1.4}.phase-points{flex-direction:column;gap:.25rem;margin-bottom:.55rem;list-style:none;display:flex}.phase-points li{color:var(--text-sub);align-items:baseline;gap:.5rem;font-size:.72rem;line-height:1.55;display:flex}.phase-points li:before{content:"›";color:var(--pc,var(--accent));flex-shrink:0;font-weight:700}.phase-badge{background:color-mix(in srgb, var(--pc,var(--accent)) 12%, transparent);border:1px solid color-mix(in srgb, var(--pc,var(--accent)) 28%, transparent);color:var(--pc,var(--accent));border-radius:20px;padding:.18rem .55rem;font-size:.62rem;font-weight:600;display:inline-block}.hierarchy-diagram{flex-direction:column;align-items:center;gap:0;display:flex}.hier-level{flex-wrap:wrap;justify-content:center;gap:.65rem;display:flex}.hier-node{border:1.5px solid color-mix(in srgb, var(--nc,var(--accent)) 40%, var(--border));background:color-mix(in srgb, var(--nc,var(--accent)) 6%, var(--surface2));text-align:center;min-width:110px;box-shadow:0 0 12px color-mix(in srgb, var(--nc,var(--accent)) 10%, transparent);border-radius:8px;padding:.7rem .9rem;position:relative}.hier-node--root{box-shadow:0 0 20px color-mix(in srgb, var(--nc,var(--accent)) 20%, transparent);border-width:2px;min-width:180px}.hier-node--grand{opacity:.85;min-width:100px}.hier-node-label{letter-spacing:.06em;text-transform:uppercase;color:var(--nc,var(--accent));margin-bottom:.3rem;font-size:.68rem;font-weight:800}.hier-node-sub{color:var(--text-sub);font-family:monospace;font-size:.68rem;line-height:1.4}.hier-badge{background:color-mix(in srgb, var(--nc,var(--accent)) 12%, transparent);border:1px solid color-mix(in srgb, var(--nc,var(--accent)) 22%, transparent);color:var(--nc,var(--accent));border-radius:20px;margin-top:.45rem;padding:.12rem .45rem;font-size:.6rem;display:inline-block}.hier-connector-row{align-items:center;gap:.5rem;width:100%;padding:.35rem 0;display:flex}.hier-vert-line{background:linear-gradient(to right, transparent, var(--border2), transparent);flex:1;height:1px}.hier-arrow-text{color:var(--text-muted);white-space:nowrap;border:1px solid var(--border);background:var(--surface3);border-radius:4px;padding:.15rem .5rem;font-size:.62rem}.diff-tree-diagram{flex-direction:column;gap:.75rem;display:flex}.diff-panels{grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;display:grid}.diff-panel{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:.1rem 0;overflow:hidden}.diff-panel-label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);margin-bottom:.3rem;padding:.55rem .75rem .45rem;font-size:.62rem;font-weight:700}.diff-row{align-items:baseline;gap:.4rem;padding:.22rem .75rem;font-size:.72rem;display:flex}.diff-icon{color:var(--dc,var(--text-muted));text-align:center;flex-shrink:0;width:.8rem;font-size:.7rem;font-weight:800}.diff-text{color:var(--dc,var(--text-sub));font-family:monospace}.diff-note{color:var(--dc,var(--text-muted));background:color-mix(in srgb, var(--dc,transparent) 10%, transparent);border-radius:3px;margin-left:.2rem;padding:.05rem .3rem;font-size:.62rem}.diff-sep{justify-content:center;align-items:center;display:flex}.diff-verdict{background:color-mix(in srgb, var(--vc,#888) 10%, transparent);border:1px solid color-mix(in srgb, var(--vc,#888) 28%, transparent);color:var(--vc,var(--text));border-radius:7px;align-items:center;gap:.5rem;padding:.6rem .85rem;font-size:.73rem;font-weight:500;line-height:1.4;display:flex}.diff-verdict-icon{flex-shrink:0;font-size:.85rem;font-weight:800}.queue-diagram{flex-direction:column;gap:.6rem;display:flex}.queue-trigger{color:var(--text-sub);background:var(--surface3);border:1px solid var(--border);border-radius:7px;align-items:center;gap:.4rem;width:fit-content;padding:.5rem .8rem;font-size:.72rem;font-weight:600;display:flex}.queue-calls{flex-direction:column;gap:.4rem;padding-left:1rem;display:flex}.queue-call{background:color-mix(in srgb, var(--qc,var(--accent)) 7%, var(--surface2));border:1px solid color-mix(in srgb, var(--qc,var(--accent)) 22%, var(--border));border-left:3px solid var(--qc,var(--accent));border-radius:7px;align-items:center;gap:.75rem;padding:.55rem .8rem;display:flex}.queue-call-num{background:color-mix(in srgb, var(--qc,var(--accent)) 18%, transparent);border:1.5px solid color-mix(in srgb, var(--qc,var(--accent)) 45%, transparent);width:20px;height:20px;color:var(--qc,var(--accent));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.65rem;font-weight:800;display:flex}.queue-call-body{flex-direction:column;flex:1;gap:.15rem;display:flex}.queue-code{color:var(--text);font-family:monospace;font-size:.73rem}.queue-snapshot{color:var(--text-muted);font-size:.62rem}.queue-tag{background:color-mix(in srgb, var(--qc,var(--accent)) 10%, transparent);color:var(--qc,var(--accent));border:1px solid color-mix(in srgb, var(--qc,var(--accent)) 20%, transparent);border-radius:4px;flex-shrink:0;padding:.12rem .4rem;font-size:.6rem}.queue-flush-arrow{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.62rem;display:flex}.queue-flush-line{background:var(--border);flex:1;height:1px}.queue-result{background:color-mix(in srgb, var(--qc,var(--accent)) 10%, var(--surface2));border:1.5px solid color-mix(in srgb, var(--qc,var(--accent)) 35%, transparent);box-shadow:0 0 14px color-mix(in srgb, var(--qc,var(--accent)) 12%, transparent);border-radius:8px;padding:.75rem 1rem}.queue-result-label{color:var(--qc,var(--accent));letter-spacing:.04em;margin-bottom:.3rem;font-size:.72rem;font-weight:800}.queue-result-note{color:var(--text-sub);font-size:.7rem;line-height:1.5}@media (width<=680px){.flow-diagram{flex-direction:column}.flow-arrow{align-self:center;transform:rotate(90deg)}.columns-diagram,.diff-panels{grid-template-columns:1fr}.diff-sep{transform:rotate(90deg)}.hier-level{gap:.4rem}.hier-node{min-width:80px}}.blog-page{max-width:820px;margin:0 auto;padding:3rem 1.8rem 6rem}.blog-hero{text-align:center;margin-bottom:2.5rem;position:relative}.blog-hero-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);background:var(--accent-dim);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);border-radius:99px;align-items:center;gap:.4rem;margin-bottom:1.3rem;padding:.22rem .9rem;font-size:.68rem;font-weight:700;display:inline-flex}.blog-hero-title{color:var(--text);letter-spacing:-.03em;margin-bottom:.9rem;font-size:clamp(2rem,5vw,2.8rem);font-weight:800;line-height:1.13}.blog-hero-sub{color:var(--text-sub);max-width:460px;margin:0 auto 1.1rem;font-size:.9rem;line-height:1.7}.blog-hero-stat{letter-spacing:.06em;color:var(--text-muted);background:var(--surface2);border:1px solid var(--border);border-radius:99px;align-items:center;padding:.2rem .8rem;font-size:.7rem;font-weight:700;display:inline-flex}.blog-tag-bar{flex-wrap:wrap;gap:.4rem;margin-bottom:2rem;display:flex}.blog-tag{border:1px solid var(--border2);background:var(--surface2);color:var(--text-sub);cursor:pointer;border-radius:99px;padding:.28rem .8rem;font-size:.7rem;font-weight:600;transition:all .15s}.blog-tag:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.blog-tag.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.blog-posts{flex-direction:column;gap:1.2rem;display:flex}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem;display:grid}.blog-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:14px;transition:border-color .2s,transform .2s,box-shadow .2s;position:relative;overflow:hidden}.blog-card:hover{border-color:color-mix(in srgb, var(--cat-color) 50%, transparent);box-shadow:0 12px 40px #0000004d, 0 0 0 1px color-mix(in srgb, var(--cat-color) 15%, transparent), 0 0 60px color-mix(in srgb, var(--cat-color) 5%, transparent);transform:translateY(-3px)}.blog-card--featured{background:color-mix(in srgb, var(--cat-color) 4%, var(--surface))}.blog-card-accent{background:linear-gradient(90deg, var(--cat-color), color-mix(in srgb, var(--cat-color) 30%, transparent));opacity:.8;height:2px;transition:opacity .2s,height .2s;position:absolute;top:0;left:0;right:0}.blog-card:hover .blog-card-accent{opacity:1;height:3px}.blog-card-body{padding:1.4rem 1.5rem 1.2rem}.blog-card--featured .blog-card-body{padding:1.8rem 2rem 1.5rem}.blog-card-meta{flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.85rem;display:flex}.blog-cat-badge{letter-spacing:.09em;text-transform:uppercase;background:color-mix(in srgb, var(--cat-color) 14%, transparent);border:1px solid color-mix(in srgb, var(--cat-color) 38%, transparent);color:var(--cat-color);border-radius:99px;padding:.18rem .7rem;font-size:.63rem;font-weight:800}.blog-dot{background:var(--border2);border-radius:50%;flex-shrink:0;width:3px;height:3px}.blog-date{color:var(--text-muted);font-size:.7rem}.blog-read-time{color:var(--text-muted);align-items:center;gap:.3rem;font-size:.68rem;display:flex}.blog-card-title{color:var(--text);letter-spacing:-.015em;margin-bottom:.55rem;font-size:.98rem;font-weight:700;line-height:1.38;transition:color .15s}.blog-card--featured .blog-card-title{font-size:1.25rem}.blog-card:hover .blog-card-title{color:var(--cat-color)}.blog-card-excerpt{color:var(--text-sub);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:.81rem;line-height:1.68;display:-webkit-box;overflow:hidden}.blog-card--featured .blog-card-excerpt{-webkit-line-clamp:4;font-size:.86rem}.blog-card-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.blog-card-tags{flex-wrap:wrap;gap:.3rem;display:flex}.blog-tag-pill{background:var(--surface3);border:1px solid var(--border2);color:var(--text-muted);cursor:pointer;border-radius:99px;padding:.14rem .52rem;font-size:.61rem;font-weight:600;transition:color .15s,border-color .15s,background .15s}.blog-tag-pill:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.blog-card-cta{color:var(--cat-color);opacity:0;flex-shrink:0;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;transition:opacity .2s,gap .2s;display:flex}.blog-card:hover .blog-card-cta{opacity:1;gap:.5rem}.blog-empty{text-align:center;color:var(--text-sub);flex-direction:column;align-items:center;gap:1.1rem;padding:5rem 0;font-size:.88rem;display:flex}.blog-empty-icon{background:var(--surface2);border:1px solid var(--border);width:52px;height:52px;color:var(--text-muted);border-radius:14px;justify-content:center;align-items:center;display:flex}.blog-empty-reset{color:var(--accent);background:var(--accent-dim);border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);cursor:pointer;border-radius:8px;padding:.4rem 1.1rem;font-size:.78rem;font-weight:700;transition:opacity .15s}.blog-empty-reset:hover{opacity:.75}.blog-post{max-width:700px;margin:0 auto;padding:2.2rem 1.8rem 7rem}.blog-post-back{margin-bottom:2rem}.blog-back-btn{color:var(--text-sub);background:var(--surface2);border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:.45rem;margin:0;padding:.38rem .9rem;font-size:.75rem;font-weight:600;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.blog-back-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.blog-post-header{border-bottom:1px solid var(--border);margin-bottom:1.8rem;padding-bottom:1.8rem}.blog-post-meta{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.1rem;display:flex}.blog-post-title{color:var(--text);letter-spacing:-.025em;margin-bottom:.9rem;font-size:clamp(1.55rem,4vw,2.1rem);font-weight:800;line-height:1.22}.blog-post-excerpt{color:var(--text-sub);border-left:3px solid var(--border2);margin-bottom:1.1rem;padding-left:.9rem;font-size:.9rem;line-height:1.75}.blog-post-tags{flex-wrap:wrap;gap:.35rem;display:flex}.blog-post-body{flex-direction:column;gap:1.2rem;display:flex}.blog-p{color:var(--text-sub);font-size:.9rem;line-height:1.85}.blog-p strong{color:var(--text);font-weight:700}.blog-p em{color:var(--accent);font-style:italic}.blog-p code{background:var(--surface3);border:1px solid var(--border2);color:var(--accent);border-radius:4px;padding:.08rem .4rem;font-family:Fira Code,monospace;font-size:.82em}.blog-h2{color:var(--text);letter-spacing:-.015em;border-left:3px solid var(--cat-color,var(--accent));margin-top:.8rem;padding-left:.85rem;font-size:1.12rem;font-weight:800}.blog-h3{color:var(--text);letter-spacing:-.01em;margin-top:.3rem;font-size:.96rem;font-weight:700}.blog-code-block{border:1px solid var(--border2);border-radius:12px;overflow:hidden}.blog-code-header{background:var(--surface2);border-bottom:1px solid var(--border);align-items:center;padding:.48rem .9rem;display:flex}.blog-code-lang{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:.6rem;font-weight:800}.blog-code-body{background:var(--code-bg);color:#cdd6f4;padding:1.1rem 1.2rem;overflow-x:auto}.blog-code-body pre{margin:0}.blog-code-body code{font-family:Fira Code,JetBrains Mono,monospace;font-size:.8rem;line-height:1.75}.blog-callout{border-left:3px solid;border-radius:10px;align-items:flex-start;gap:.8rem;padding:.95rem 1.15rem;font-size:.83rem;line-height:1.72;display:flex}.blog-callout strong{font-weight:700}.blog-callout code{background:#ffffff12;border-radius:3px;padding:.05rem .32rem;font-family:monospace;font-size:.82em}.blog-callout-icon{flex-shrink:0;margin-top:.12rem}.blog-callout--info{color:var(--text-sub);background:#a78bfa12;border-color:#a78bfa8c}.blog-callout--info .blog-callout-icon{color:#a78bfa}.blog-callout--warning{color:var(--text-sub);background:#fbbf2412;border-color:#fbbf248c}.blog-callout--warning .blog-callout-icon{color:#fbbf24}.blog-callout--tip{color:var(--text-sub);background:#34d39912;border-color:#34d3998c}.blog-callout--tip .blog-callout-icon{color:#34d399}.blog-list-items{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:.55rem;padding:.9rem 1.1rem;list-style:none;display:flex}.blog-list-items li{color:var(--text-sub);padding-left:1.2rem;font-size:.87rem;line-height:1.65;position:relative}.blog-list-items li:before{content:"›";color:var(--cat-color,var(--accent));font-weight:800;position:absolute;left:0}.blog-list-items li strong{color:var(--text)}.blog-list-items li code{background:var(--surface3);border:1px solid var(--border2);color:var(--accent);border-radius:3px;padding:.05rem .3rem;font-family:monospace;font-size:.82em}.blog-post-nav{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:4rem;padding-top:1.8rem;display:flex}.blog-nav-btn{background:var(--surface);border:1px solid var(--border2);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:.65rem;min-width:0;max-width:48%;padding:.9rem 1.2rem;transition:border-color .18s,transform .18s,background .18s;display:flex}.blog-nav-btn:hover{border-color:var(--accent);background:var(--accent-dim);transform:translateY(-2px)}.blog-nav-btn--next{text-align:right;margin-left:auto}.blog-nav-label{letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.25rem;font-size:.62rem;font-weight:700}.blog-nav-title{color:var(--text);font-size:.8rem;font-weight:700;line-height:1.3}.blog-nav-btn svg{color:var(--accent);flex-shrink:0}.blog-not-found{text-align:center;max-width:400px;color:var(--text-sub);flex-direction:column;align-items:center;gap:1.2rem;margin:6rem auto;font-size:.9rem;display:flex}@media (width<=680px){.blog-page{padding:1.8rem 1.1rem 4rem}.blog-post{padding:1.5rem 1.1rem 4rem}.blog-grid{grid-template-columns:1fr}.blog-nav-btn{max-width:100%}.blog-post-nav{flex-direction:column}}.wrd-page{min-height:calc(100vh - var(--nav-h,56px));position:relative}.wrd-page-bg{z-index:-1;pointer-events:none;background:#edeade;position:fixed;inset:0}.wrd-page-inner{max-width:600px;margin:0 auto;padding:2.5rem 1.25rem 6rem}.wrd-page-header{text-align:center;margin-bottom:1.25rem}.wrd-page-eyebrow{display:none}.wrd-page-title{color:#5a5040;letter-spacing:.02em;margin:0 0 .25rem;font-family:sans-serif;font-size:1.1rem;font-weight:700}.wrd-page-sub{color:#9a9080;margin:0;font-family:sans-serif;font-size:.78rem}.wrd-week-tabs{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-bottom:1.1rem;display:flex}.wrd-week-tab{color:#7a7060;cursor:pointer;background:#fffef5;border:1.5px solid #d8d4c0;border-radius:6px;align-items:center;gap:.4rem;padding:.3rem .8rem;font-family:sans-serif;font-size:.75rem;font-weight:500;transition:all .15s;display:flex}.wrd-week-tab:hover{color:#185fa5;border-color:#185fa5}.wrd-week-tab.active{color:#fff;background:#185fa5;border-color:#185fa5}.wrd-week-tab-count{background:#ffffff40;border-radius:99px;padding:.04rem .38rem;font-size:.65rem;font-weight:700}.wrd-mode-toggle{background:#e5e1d0;border-radius:8px;width:fit-content;margin:0 auto 1.5rem;padding:3px;display:flex}.wrd-mode-btn{color:#7a7060;cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;gap:.38rem;padding:.42rem 1.1rem;font-family:sans-serif;font-size:.78rem;font-weight:500;transition:all .15s;display:flex}.wrd-mode-btn.active{color:#333;background:#fffef5;font-weight:600;box-shadow:0 1px 3px #0000001a}.wrd-mode-btn:not(.active):hover{color:#444}.wrd-badge{letter-spacing:.02em;border-radius:99px;align-items:center;gap:.28rem;padding:.18rem .55rem;font-family:sans-serif;font-size:.68rem;font-weight:500;display:inline-flex}.wrd-badge-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.wrd-list-page{background:#fffef5;border:1.5px solid #e0dcc8;border-radius:8px;padding:1.75rem 2rem}.wrd-list-pagetitle{color:#888;text-align:center;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid #e0dcc8;margin-bottom:1.25rem;padding-bottom:10px;font-family:sans-serif;font-size:11px}.wrd-legend{flex-wrap:wrap;gap:14px;margin-bottom:1.25rem;display:flex}.wrd-legend-item{color:#666;align-items:center;gap:5px;font-family:sans-serif;font-size:11px;display:flex}.wrd-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.wrd-list{flex-direction:column;display:flex}.wrd-entry{border-bottom:1px dashed #e5e0cc;margin-bottom:1.2rem;padding-bottom:1.2rem}.wrd-entry:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.wrd-entry-top{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.wrd-entry-num{color:#aaa;min-width:16px;font-family:sans-serif;font-size:11px}.wrd-entry-word{font-family:Georgia,serif;font-size:20px;font-weight:700}.wrd-entry-word--isim{color:#185fa5}.wrd-entry-word--sıfat{color:#3b6d11}.wrd-entry-word--fiil{color:#993c1d}.wrd-entry-meaning{color:#555;margin-bottom:5px;font-family:sans-serif;font-size:13px}.wrd-entry-example{color:#333;margin-bottom:2px;font-family:Georgia,serif;font-size:13px;font-style:italic;line-height:1.6}.wrd-entry-example b{font-style:normal;text-decoration:underline #bbb}.wrd-entry-tr{color:#888;font-family:sans-serif;font-size:12px}.wrd-fc-wrap{flex-direction:column;align-items:center;gap:1.6rem;padding-top:.25rem;display:flex}.wrd-fc-progress-bar{background:#d8d4c0;border-radius:99px;width:100%;max-width:420px;height:4px;overflow:hidden}.wrd-fc-progress-fill{background:linear-gradient(90deg,#185fa5,#3b6d11);border-radius:99px;height:100%;transition:width .4s}.wrd-fc-progress-text{color:#9a9080;letter-spacing:.03em;font-family:sans-serif;font-size:.73rem}.wrd-fc-stage{justify-content:center;align-items:center;gap:1.25rem;width:100%;display:flex}.wrd-fc-nav-btn{color:#7a7060;cursor:pointer;background:#fffef5;border:1.5px solid #d8d4c0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .15s;display:flex;box-shadow:0 1px 3px #00000014}.wrd-fc-nav-btn:hover{color:#fff;background:#185fa5;border-color:#185fa5}.wrd-fc{perspective:1200px;cursor:pointer;user-select:none;flex-shrink:0;width:100%;max-width:400px;height:300px}.wrd-fc-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,0,.2,1),opacity .16s;position:relative}.wrd-fc.flipped .wrd-fc-inner{transform:rotateY(180deg)}.wrd-fc.fading .wrd-fc-inner{opacity:0}.wrd-fc-front,.wrd-fc-back{backface-visibility:hidden;text-align:center;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;padding:2rem 1.75rem;display:flex;position:absolute;inset:0}.wrd-fc-front{background:#fffef5;border:1.5px solid #e0dcc8;box-shadow:0 6px 24px #00000014,0 2px 8px #0000000d}.wrd-fc-back{background:#faf8ee;border:1.5px solid #d8d4c0;transform:rotateY(180deg);box-shadow:0 6px 24px #00000014,0 2px 8px #0000000d}.wrd-fc-hint{color:#aaa;letter-spacing:.06em;text-transform:uppercase;font-family:sans-serif;font-size:.67rem;font-weight:500}.wrd-fc-word{font-family:Georgia,serif;font-size:2.2rem;font-weight:700;line-height:1}.wrd-fc-word--sm{color:#888;font-family:Georgia,serif;font-size:1rem;font-weight:700}.wrd-fc-types{flex-wrap:wrap;justify-content:center;gap:.3rem;display:flex}.wrd-fc-counter{color:#aaa;letter-spacing:.02em;font-family:sans-serif;font-size:.67rem;font-weight:600;position:absolute;bottom:1rem;right:1.25rem}.wrd-fc-meaning{font-family:sans-serif;font-size:1.3rem;font-weight:700;line-height:1.2}.wrd-fc-divider{background:#d8d4c0;border-radius:99px;width:36px;height:1px}.wrd-fc-example{color:#444;font-family:Georgia,serif;font-size:.82rem;font-style:italic;line-height:1.6}.wrd-fc-example b{font-style:normal;text-decoration:underline #bbb}.wrd-fc-example-tr{color:#888;font-family:sans-serif;font-size:.76rem;line-height:1.5}.wrd-fc-actions{gap:.7rem;display:flex}.wrd-fc-act{cursor:pointer;letter-spacing:.01em;border:1.5px solid;border-radius:12px;align-items:center;gap:.45rem;padding:.62rem 1.5rem;font-size:.81rem;font-weight:700;transition:all .15s;display:flex}.wrd-fc-act--no{color:#712b13;background:#faece7;border-color:#993c1d4d}.wrd-fc-act--no:hover,.wrd-fc-act--no.selected{color:#fff;background:#993c1d;border-color:#993c1d}.wrd-fc-act--yes{color:#27500a;background:#eaf3de;border-color:#3b6d114d}.wrd-fc-act--yes:hover,.wrd-fc-act--yes.selected{color:#fff;background:#3b6d11;border-color:#3b6d11}.wrd-fc-done{text-align:center;background:#fffef5;border:1.5px solid #e0dcc8;border-radius:8px;flex-direction:column;align-items:center;gap:.8rem;width:100%;max-width:320px;padding:2.2rem;display:flex}.wrd-fc-done-emoji{font-size:2.5rem}.wrd-fc-done-title{color:#333;font-family:Georgia,serif;font-size:1.1rem;font-weight:700}.wrd-fc-done-sub{color:#888;font-family:sans-serif;font-size:.8rem}.wrd-fc-done-btn{color:#fff;cursor:pointer;background:#185fa5;border:1.5px solid #185fa5;border-radius:6px;margin-top:.4rem;padding:.55rem 1.5rem;font-family:sans-serif;font-size:.82rem;font-weight:600;transition:opacity .15s}.wrd-fc-done-btn:hover{opacity:.85}.wrd-speak-btn{color:#aaa;cursor:pointer;background:0 0;border:1px solid #d8d4c0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .15s;display:inline-flex}.wrd-speak-btn:hover{color:#555;background:#f0ede4;border-color:#bbb}.wrd-speak-btn.playing{background:#0000000a;border-color:currentColor}.wrd-spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=600px){.wrd-page-inner{padding:1.25rem .6rem 5rem}.wrd-list-page{padding:1.25rem 1rem}.wrd-entry-word{font-size:18px}.wrd-fc-wrap{gap:1.1rem}.wrd-fc-stage{align-items:center;gap:.4rem}.wrd-fc-nav-btn{flex-shrink:0;width:36px;height:36px}.wrd-fc{flex:1;max-width:100%;height:360px}.wrd-fc-front,.wrd-fc-back{border-radius:16px;gap:1rem;padding:2rem 1.5rem}.wrd-fc-word{font-size:2.6rem}.wrd-fc-word--sm{font-size:1.1rem}.wrd-fc-meaning{font-size:1.5rem}.wrd-fc-hint{font-size:.7rem}.wrd-fc-example{font-size:.86rem}.wrd-fc-example-tr{font-size:.8rem}.wrd-fc-actions{gap:.6rem;width:100%}.wrd-fc-act{border-radius:14px;flex:1;justify-content:center;padding:.75rem 1rem;font-size:.85rem}.wrd-fc-progress-bar{max-width:100%}}.music-player{z-index:95;--mp-color:#34d399;position:fixed;bottom:20px;right:20px}.mp-fab{border:1px solid color-mix(in srgb, var(--mp-color) 35%, var(--border));background:radial-gradient(circle at 30% 30%, color-mix(in srgb, var(--mp-color) 22%, transparent), transparent 60%), color-mix(in srgb, var(--code-bg) 90%, transparent);width:44px;height:44px;color:var(--mp-color);cursor:pointer;box-shadow:0 8px 24px -8px #00000080, 0 2px 6px -2px #0006, inset 0 1px 0 color-mix(in srgb, var(--mp-color) 18%, transparent);-webkit-backdrop-filter:blur(12px);border-radius:50%;justify-content:center;align-items:center;transition:transform .25s cubic-bezier(.34,1.56,.64,1),border-color .2s,box-shadow .2s;display:flex}.mp-fab:hover{border-color:color-mix(in srgb, var(--mp-color) 60%, transparent);box-shadow:0 12px 32px -8px #0009, 0 0 0 4px color-mix(in srgb, var(--mp-color) 12%, transparent), inset 0 1px 0 color-mix(in srgb, var(--mp-color) 25%, transparent);transform:scale(1.08)}.mp-fab.playing{animation:2.4s ease-in-out infinite mp-pulse-ring}@keyframes mp-pulse-ring{0%,to{box-shadow:0 8px 24px -8px #00000080, 0 0 0 0 color-mix(in srgb, var(--mp-color) 35%, transparent)}50%{box-shadow:0 8px 24px -8px #00000080, 0 0 0 8px color-mix(in srgb, var(--mp-color) 0%, transparent)}}.mp-fab.hinted{animation:1.4s ease-in-out infinite mp-hint-pulse}@keyframes mp-hint-pulse{0%,to{box-shadow:0 8px 24px -8px #00000080, 0 0 0 0 color-mix(in srgb, var(--mp-color) 50%, transparent);transform:scale(1)}50%{box-shadow:0 8px 24px -8px #00000080, 0 0 0 12px color-mix(in srgb, var(--mp-color) 0%, transparent);transform:scale(1.06)}}.mp-hint{border:1px solid color-mix(in srgb, var(--mp-color) 35%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--mp-color) 16%, var(--code-bg)), var(--code-bg));-webkit-backdrop-filter:blur(12px);white-space:nowrap;border-radius:12px;align-items:stretch;animation:.35s cubic-bezier(.34,1.56,.64,1) mp-hint-in,2.2s ease-in-out 1.5s 2 mp-hint-attn;display:flex;position:absolute;bottom:8px;right:56px;overflow:hidden;box-shadow:0 12px 28px -10px #0000008c,0 2px 6px -2px #0006}.mp-hint-main{color:var(--text);cursor:pointer;letter-spacing:-.005em;background:0 0;border:none;align-items:center;gap:8px;padding:9px 12px 9px 11px;font-family:inherit;font-size:.78rem;font-weight:600;transition:background .15s;display:flex}.mp-hint-main:hover{background:color-mix(in srgb, var(--mp-color) 12%, transparent)}.mp-hint-main svg{color:var(--mp-color);flex-shrink:0}.mp-hint-close{border:none;border-left:1px solid color-mix(in srgb, var(--border) 70%, transparent);width:30px;color:var(--text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.mp-hint-close:hover{color:#f87171;background:#f8717124}@keyframes mp-hint-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes mp-hint-attn{0%,to{transform:translate(0)}50%{transform:translate(-4px)}}@media (width<=640px){.mp-hint{bottom:52px;right:0}}.mp-bars{align-items:flex-end;gap:2px;height:14px;display:flex}.mp-bars span{background:var(--mp-color);border-radius:1px;width:2.5px;animation:1s ease-in-out infinite mp-bar;display:block}.mp-bars span:first-child{height:50%;animation-delay:-.7s}.mp-bars span:nth-child(2){height:100%;animation-delay:-.4s}.mp-bars span:nth-child(3){height:70%;animation-delay:-.2s}.mp-bars span:nth-child(4){height:90%;animation-delay:0s}@keyframes mp-bar{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.mp-panel{border:1px solid var(--border);background:linear-gradient(170deg, color-mix(in srgb, var(--mp-color) 6%, var(--code-bg)) 0%, var(--code-bg) 60%, var(--code-bg) 100%);width:280px;box-shadow:0 24px 48px -12px #0009, 0 4px 12px -4px #0006, inset 0 1px 0 color-mix(in srgb, var(--mp-color) 8%, transparent);-webkit-backdrop-filter:blur(20px);border-radius:16px;animation:.22s cubic-bezier(.34,1.56,.64,1) mp-pop;position:absolute;bottom:56px;right:0;overflow:hidden}@keyframes mp-pop{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.mp-header{border-bottom:1px solid color-mix(in srgb, var(--border) 60%, transparent);justify-content:space-between;align-items:center;padding:12px 14px 8px;display:flex}.mp-title{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);align-items:center;gap:8px;font-size:.68rem;font-weight:700;display:flex}.mp-pulse{background:var(--mp-color);width:7px;height:7px;box-shadow:0 0 0 0 color-mix(in srgb, var(--mp-color) 50%, transparent);border-radius:50%;animation:2s ease-out infinite mp-pulse}.mp-pulse.off{background:var(--text-muted);opacity:.5;box-shadow:none;animation:none}@keyframes mp-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--mp-color) 50%, transparent)}70%{box-shadow:0 0 0 8px color-mix(in srgb, var(--mp-color) 0%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--mp-color) 0%, transparent)}}.mp-close{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex}.mp-close:hover{background:var(--hover-bg);color:var(--text)}.mp-now{padding:14px}.mp-now-name{color:var(--text);letter-spacing:-.01em;font-size:1.02rem;font-weight:700}.mp-now-desc{color:var(--text-muted);margin-top:3px;font-size:.76rem}.mp-error{color:#f87171;background:#f8717114;border:1px solid #f8717140;border-radius:8px;margin-top:8px;padding:6px 10px;font-size:.7rem}.mp-controls{align-items:center;gap:14px;padding:0 14px 14px;display:flex}.mp-play{cursor:pointer;background:var(--mp-color);color:#0b1220;width:40px;height:40px;box-shadow:0 4px 12px -2px color-mix(in srgb, var(--mp-color) 50%, transparent);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .15s,box-shadow .2s,opacity .2s;display:flex}.mp-play:hover:not(:disabled){box-shadow:0 6px 16px -2px color-mix(in srgb, var(--mp-color) 60%, transparent);transform:scale(1.06)}.mp-play:disabled{opacity:.65;cursor:wait}.mp-play.playing{background:color-mix(in srgb, var(--mp-color) 90%, transparent)}.mp-spin{animation:1s linear infinite mp-spin}@keyframes mp-spin{to{transform:rotate(360deg)}}.mp-volume{color:var(--text-muted);flex:1;align-items:center;gap:8px;display:flex}.mp-volume input[type=range]{appearance:none;background:var(--border);cursor:pointer;border-radius:2px;outline:none;flex:1;height:3px}.mp-volume input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--mp-color);border:2px solid var(--code-bg);width:12px;height:12px;box-shadow:0 0 0 1px var(--mp-color);cursor:pointer;border-radius:50%;transition:transform .15s}.mp-volume input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.mp-volume input[type=range]::-moz-range-thumb{background:var(--mp-color);border:2px solid var(--code-bg);cursor:pointer;border-radius:50%;width:12px;height:12px}.mp-credit{border-top:1px solid color-mix(in srgb, var(--border) 60%, transparent);text-align:center;color:var(--text-muted);opacity:.6;border-top:1px solid color-mix(in srgb, var(--border) 60%, transparent);letter-spacing:.03em;padding:10px 14px;font-size:.65rem}@media (width<=640px){.music-player{bottom:14px;right:14px}.mp-panel{width:calc(100vw - 28px);max-width:320px}}.back-to-top{right:76px!important}@media (width<=640px){.back-to-top{right:70px!important}}.container-diagram{--cd-color:#61dafb;border:1.5px dashed color-mix(in srgb, var(--cd-color) 50%, transparent);background:radial-gradient(ellipse at top left, color-mix(in srgb, var(--cd-color) 10%, transparent) 0%, transparent 60%), linear-gradient(180deg, color-mix(in srgb, var(--cd-color) 4%, var(--code-bg)) 0%, var(--code-bg) 100%);border-radius:16px;padding:18px;position:relative;overflow:hidden}.container-diagram:before{content:"";background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--cd-color) 3%, transparent) 0, color-mix(in srgb, var(--cd-color) 3%, transparent) 1px, transparent 1px, transparent 12px);pointer-events:none;opacity:.5;position:absolute;inset:0}.cd-parent-header{background:color-mix(in srgb, var(--cd-color) 14%, transparent);border:1px solid color-mix(in srgb, var(--cd-color) 25%, transparent);border-radius:9px;align-items:center;gap:10px;margin-bottom:14px;padding:8px 12px;display:flex;position:relative}.cd-parent-icon{filter:drop-shadow(0 2px 4px #0000004d);font-size:1.2rem}.cd-parent-text{flex-direction:column;gap:1px;min-width:0;display:flex}.cd-parent-label{letter-spacing:.12em;text-transform:uppercase;color:var(--cd-color);font-size:.72rem;font-weight:800}.cd-parent-sub{color:var(--text-muted);letter-spacing:-.005em;font-size:.76rem}.cd-children{grid-template-columns:repeat(var(--cd-cols,3), 1fr);gap:10px;display:grid;position:relative}.cd-child{--cc-color:#34d399;background:linear-gradient(165deg, color-mix(in srgb, var(--cc-color) 22%, var(--code-bg)) 0%, color-mix(in srgb, var(--cc-color) 8%, var(--code-bg)) 100%);border:1px solid color-mix(in srgb, var(--cc-color) 40%, transparent);box-shadow:0 4px 12px -4px color-mix(in srgb, var(--cc-color) 30%, transparent), inset 0 1px 0 color-mix(in srgb, var(--cc-color) 25%, transparent);text-align:center;border-radius:11px;padding:12px 10px;transition:transform .2s,box-shadow .2s;position:relative}.cd-child:hover{box-shadow:0 8px 18px -4px color-mix(in srgb, var(--cc-color) 40%, transparent), inset 0 1px 0 color-mix(in srgb, var(--cc-color) 30%, transparent);transform:translateY(-2px)}.cd-child-icon{filter:drop-shadow(0 2px 3px #0000004d);margin-bottom:4px;font-size:1.1rem}.cd-child-label{color:var(--cc-color);letter-spacing:-.01em;font-size:.82rem;font-weight:700}.cd-child-detail{color:var(--text-muted);margin-top:3px;font-size:.68rem}.cd-connector{grid-template-columns:repeat(var(--cd-cols,3), 1fr);height:18px;margin-top:2px;display:grid;position:relative}.cd-connector-line{background:linear-gradient(to bottom, color-mix(in srgb, var(--cd-color) 50%, transparent) 0%, color-mix(in srgb, var(--cd-color) 20%, transparent) 100%);width:1.5px;height:100%;margin:0 auto;position:relative}.cd-connector-line:after{content:"";background:var(--cd-color);width:5px;height:5px;box-shadow:0 0 8px color-mix(in srgb, var(--cd-color) 60%, transparent);border-radius:50%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.cd-shared{--cs-color:#f59e0b;background:linear-gradient(90deg, color-mix(in srgb, var(--cs-color) 18%, var(--code-bg)) 0%, color-mix(in srgb, var(--cs-color) 28%, var(--code-bg)) 50%, color-mix(in srgb, var(--cs-color) 18%, var(--code-bg)) 100%);border:1px solid color-mix(in srgb, var(--cs-color) 45%, transparent);box-shadow:0 4px 14px -4px color-mix(in srgb, var(--cs-color) 35%, transparent), inset 0 1px 0 color-mix(in srgb, var(--cs-color) 30%, transparent);border-radius:10px;align-items:center;gap:12px;padding:11px 14px;display:flex;position:relative}.cd-shared:before{content:"";background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--cs-color) 15%, transparent) 50%, transparent 100%);pointer-events:none;border-radius:10px;animation:3s ease-in-out infinite cd-shimmer;position:absolute;inset:0}@keyframes cd-shimmer{0%,to{opacity:.3}50%{opacity:.8}}.cd-shared-icon{filter:drop-shadow(0 2px 4px #0000004d);font-size:1.15rem;position:relative}.cd-shared-text{flex-direction:column;gap:1px;display:flex;position:relative}.cd-shared-label{letter-spacing:.04em;color:var(--cs-color);font-size:.76rem;font-weight:700}.cd-shared-detail{color:var(--text-muted);font-size:.7rem}@media (width<=540px){.cd-children{grid-template-columns:repeat(var(--cd-cols,3), 1fr);gap:6px}.cd-child{padding:9px 6px}.cd-child-label{font-size:.72rem}.cd-child-detail{font-size:.62rem}}.dt-card{--dt-color:#a78bfa;border:1px solid color-mix(in srgb, var(--dt-color) 28%, var(--border));background:radial-gradient(ellipse at top right, color-mix(in srgb, var(--dt-color) 10%, transparent) 0%, transparent 60%), linear-gradient(180deg, color-mix(in srgb, var(--dt-color) 5%, var(--surface)) 0%, var(--surface) 100%);max-width:1260px;box-shadow:0 8px 28px -8px color-mix(in srgb, var(--dt-color) 25%, transparent), inset 0 1px 0 color-mix(in srgb, var(--dt-color) 12%, transparent);border-radius:16px;margin:0 auto 36px;padding:22px 26px;position:relative;overflow:hidden}.dt-card:before{content:"";background:linear-gradient(90deg, var(--dt-color) 0%, color-mix(in srgb, var(--dt-color) 50%, transparent) 100%);height:3px;position:absolute;top:0;left:0;right:0}.dt-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.dt-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.dt-eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--dt-color);background:color-mix(in srgb, var(--dt-color) 14%, transparent);border:1px solid color-mix(in srgb, var(--dt-color) 25%, transparent);border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 9px;font-size:.68rem;font-weight:800;display:inline-flex}.dt-cat{color:var(--text-muted);align-items:center;gap:6px;font-size:.72rem;font-weight:600;display:inline-flex}.dt-cat-icon{font-size:.9rem}.dt-controls{gap:4px;display:flex}.dt-ctrl{border:1px solid var(--border);background:var(--surface2);width:30px;height:30px;color:var(--text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s,transform .15s;display:flex}.dt-ctrl:hover{background:color-mix(in srgb, var(--dt-color) 12%, var(--surface2));border-color:color-mix(in srgb, var(--dt-color) 35%, var(--border));color:var(--dt-color);transform:translateY(-1px)}.dt-title{letter-spacing:-.02em;color:var(--text);margin:0 0 8px;font-size:1.45rem;font-weight:800;line-height:1.25}.dt-body{color:var(--text-sub);margin:0 0 14px;font-size:.95rem;line-height:1.7}.dt-body code{background:var(--surface2);color:var(--dt-color);border:1px solid color-mix(in srgb, var(--dt-color) 18%, var(--border));border-radius:5px;padding:1px 7px;font-family:JetBrains Mono,monospace;font-size:.82em}.dt-code{background:var(--code-bg);color:#cdd6f4;border:1px solid color-mix(in srgb, var(--dt-color) 15%, transparent);border-radius:10px;margin:0;padding:14px 18px;font-family:JetBrains Mono,monospace;font-size:.82rem;line-height:1.65;overflow-x:auto}@media (width<=768px){.dt-card{margin-left:18px;margin-right:18px;padding:18px 20px}.dt-title{font-size:1.2rem}.dt-body{font-size:.88rem}}.cs-index{max-width:1100px;margin:0 auto;padding:52px 48px 80px;animation:.35s fadeUp}.cs-index-hero{text-align:center;margin-bottom:48px}.cs-index-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);background:var(--accent-dim);border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);border-radius:999px;align-items:center;gap:7px;margin-bottom:18px;padding:5px 12px;font-size:.7rem;font-weight:800;display:inline-flex}.cs-index-title{letter-spacing:-.03em;color:var(--text);margin:0 0 14px;font-size:2.6rem;font-weight:800;line-height:1.1}.cs-index-sub{color:var(--text-muted);max-width:580px;margin:0 auto;font-size:1.05rem;line-height:1.55}.cs-index-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.cs-index-card{--cs-color:var(--accent);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:14px;align-items:center;gap:16px;padding:20px;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .25s,background .2s;display:flex;position:relative;overflow:hidden}.cs-index-card:before{content:"";background:var(--cs-color);transform-origin:top;width:4px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.cs-index-card:hover{border-color:color-mix(in srgb, var(--cs-color) 50%, var(--border));background:color-mix(in srgb, var(--cs-color) 4%, var(--surface));box-shadow:0 12px 28px -8px color-mix(in srgb, var(--cs-color) 30%, transparent), 0 2px 8px -2px #00000014;transform:translateY(-3px)}.cs-index-card:hover:before{transform:scaleY(1)}.cs-index-icon{background:color-mix(in srgb, var(--cs-color) 14%, transparent);border:1px solid color-mix(in srgb, var(--cs-color) 22%, transparent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:2rem;display:flex}.cs-index-info{flex:1;min-width:0}.cs-index-name{letter-spacing:-.015em;color:var(--text);margin:0 0 4px;font-size:1rem;font-weight:700}.cs-index-desc{color:var(--text-muted);margin:0 0 8px;font-size:.8rem;line-height:1.45}.cs-index-stats{color:var(--cs-color);opacity:.8;align-items:center;gap:8px;font-size:.68rem;font-weight:600;display:flex}.cs-index-arrow{color:var(--text-muted);flex-shrink:0;transition:color .2s,transform .2s}.cs-index-card:hover .cs-index-arrow{color:var(--cs-color);transform:translate(4px)}.cs-page{--cs-color:var(--accent);max-width:1280px;margin:0 auto;padding:32px 48px 60px;animation:.3s fadeUp}.cs-page-header{border-bottom:1px solid var(--border);margin-bottom:28px;padding-bottom:22px}.cs-breadcrumb{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:14px;font-size:.75rem;display:flex}.cs-bc-link{color:var(--text-sub);text-decoration:none;transition:color .15s}.cs-bc-link:hover{color:var(--cs-color)}.cs-bc-sep{opacity:.4}.cs-page-title-row{align-items:center;gap:18px;display:flex}.cs-page-icon{background:color-mix(in srgb, var(--cs-color) 14%, transparent);border:1px solid color-mix(in srgb, var(--cs-color) 22%, transparent);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:2.4rem;display:flex}.cs-page-title{letter-spacing:-.025em;color:var(--text);margin:0 0 4px;font-size:1.75rem;font-weight:800}.cs-page-desc{color:var(--text-muted);margin:0;font-size:.88rem;line-height:1.5}.cs-print-btn{border:1px solid var(--border2);background:var(--surface2);color:var(--text-sub);cursor:pointer;border-radius:9px;flex-shrink:0;align-items:center;gap:7px;margin-left:auto;padding:9px 16px;font-family:inherit;font-size:.82rem;font-weight:600;transition:background .15s,border-color .15s,color .15s,box-shadow .2s;display:flex}.cs-print-btn:hover{background:var(--surface3);border-color:var(--cs-color);color:var(--cs-color);box-shadow:0 4px 12px -4px color-mix(in srgb, var(--cs-color) 30%, transparent)}.cs-page-body{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));align-items:start;gap:16px;display:grid}.cs-section{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--cs-color);break-inside:avoid;page-break-inside:avoid;border-radius:12px;overflow:hidden}.cs-section-title{letter-spacing:.12em;text-transform:uppercase;color:var(--cs-color);background:color-mix(in srgb, var(--cs-color) 8%, var(--surface));border-bottom:1px solid color-mix(in srgb, var(--cs-color) 20%, var(--border));align-items:center;gap:9px;margin:0;padding:9px 14px;font-size:.67rem;font-weight:800;display:flex}.cs-section-num{background:color-mix(in srgb, var(--cs-color) 18%, transparent);border:1px solid color-mix(in srgb, var(--cs-color) 35%, transparent);width:20px;height:20px;color:var(--cs-color);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:.6rem;font-weight:900;display:flex}.cs-items{flex-direction:column;display:flex}.cs-item{border-bottom:1px solid var(--border);grid-template-columns:minmax(140px,55%) 1fr;min-height:38px;transition:background .1s;display:grid}.cs-item:last-child{border-bottom:none}.cs-item:nth-child(2n){background:color-mix(in srgb, var(--surface2) 60%, transparent)}.cs-item:hover{background:color-mix(in srgb, var(--cs-color) 6%, var(--surface))}.cs-code{white-space:pre-wrap;word-break:break-word;border-right:1px solid var(--border);background:0 0;border-bottom:none;align-items:center;margin:0;padding:8px 12px;font-family:JetBrains Mono,monospace;font-size:.77rem;line-height:1.55;display:flex;overflow-x:auto}.cs-code code{font-size:inherit;line-height:inherit;color:inherit;background:0 0;padding:0}.cs-desc{color:var(--text-muted);align-items:center;margin:0;padding:8px 12px;font-size:.73rem;line-height:1.5;display:flex}.cs-page-footer{border-top:1px solid var(--border);text-align:center;color:var(--text-muted);letter-spacing:.05em;margin-top:36px;padding-top:16px;font-size:.7rem}@media print{.nb,.nb-mobile-panel,.music-player,.back-to-top,.cs-print-btn,.cs-breadcrumb,.sidebar,.topic-nav,.topic-complete{display:none!important}@page{margin:1.5cm 1.8cm;size:A4}*{print-color-adjust:exact!important}html,body{font-size:11pt}body,.app-shell,.main-content{color:#111!important;background:#fff!important}.cs-page{max-width:100%!important;box-shadow:none!important;padding:0!important;animation:none!important}.cs-page-header{border-bottom:2px solid #222!important;margin-bottom:20px!important;padding-bottom:14px!important}.cs-page-title{color:#000!important;font-size:18pt!important}.cs-page-desc{color:#444!important;font-size:9pt!important}.cs-page-icon{font-size:22pt!important}.cs-page-body{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;display:grid!important}.cs-section{page-break-inside:avoid!important;break-inside:avoid!important;background:#fafafa!important;border:1px solid #ccc!important;border-left:3px solid #333!important;border-radius:5px!important}.cs-section-title{color:#333!important;letter-spacing:.08em!important;background:#efefef!important;border-bottom:1px solid #ccc!important;padding:5px 8px!important;font-size:7pt!important}.cs-section-num{color:#fff!important;background:#333!important;border:none!important;font-size:6pt!important}.cs-item{border-bottom:1px solid #e0e0e0!important;grid-template-columns:minmax(110px,55%) 1fr!important;min-height:26px!important}.cs-item:nth-child(2n){background:#f7f7f7!important}.cs-code{color:#111!important;border-right:1px solid #ddd!important;padding:4px 8px!important;font-size:7.5pt!important}.cs-code *{color:#1a1a1a!important}.cs-desc{color:#555!important;padding:4px 8px!important;font-size:7pt!important}.cs-page-footer{color:#888!important;border-top:1px solid #ddd!important;margin-top:14px!important;font-size:8pt!important}}@media (width<=768px){.cs-index{padding:32px 18px 60px}.cs-index-title{font-size:1.9rem}.cs-page{padding:24px 18px 50px}.cs-page-title-row{flex-wrap:wrap}.cs-page-title{font-size:1.4rem}.cs-print-btn{margin-left:0}.cs-page-body,.cs-item{grid-template-columns:1fr}.cs-code{border-right:none;border-bottom:1px solid var(--border)}.cs-desc{padding-left:12px}}.rm-page{max-width:1100px;margin:0 auto;padding:52px 48px 80px;animation:.35s fadeUp}.rm-hero{text-align:center;margin-bottom:36px}.rm-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);background:var(--accent-dim);border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);border-radius:999px;align-items:center;gap:7px;margin-bottom:18px;padding:5px 12px;font-size:.7rem;font-weight:800;display:inline-flex}.rm-title{letter-spacing:-.03em;color:var(--text);margin:0 0 14px;font-size:2.6rem;font-weight:800;line-height:1.1}.rm-sub{color:var(--text-muted);max-width:580px;margin:0 auto;font-size:1.05rem;line-height:1.55}.rm-tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:32px;display:flex}.rm-tab{--rm-color:var(--accent);border:1.5px solid var(--border);background:var(--surface);color:var(--text-sub);cursor:pointer;border-radius:11px;align-items:center;gap:9px;padding:11px 20px;font-family:inherit;font-size:.9rem;font-weight:700;transition:border-color .2s,transform .15s,box-shadow .25s,color .2s,background .2s;display:flex}.rm-tab:hover{border-color:color-mix(in srgb, var(--rm-color) 45%, var(--border));color:var(--rm-color);box-shadow:0 6px 18px -4px color-mix(in srgb, var(--rm-color) 25%, transparent);transform:translateY(-2px)}.rm-tab.active{border-color:var(--rm-color);background:color-mix(in srgb, var(--rm-color) 12%, var(--surface));color:var(--rm-color);box-shadow:0 8px 22px -6px color-mix(in srgb, var(--rm-color) 35%, transparent), inset 0 1px 0 color-mix(in srgb, var(--rm-color) 14%, transparent)}.rm-tab-icon{font-size:1.15rem}.rm-track{--rm-color:var(--accent);border:1px solid color-mix(in srgb, var(--rm-color) 25%, var(--border));background:radial-gradient(ellipse at top left, color-mix(in srgb, var(--rm-color) 8%, transparent) 0%, transparent 60%), var(--surface);box-shadow:0 12px 36px -10px color-mix(in srgb, var(--rm-color) 25%, transparent);border-radius:18px;padding:26px}.rm-track-info{border-bottom:1px dashed color-mix(in srgb, var(--rm-color) 30%, var(--border));align-items:center;gap:14px;margin-bottom:22px;padding-bottom:22px;display:flex}.rm-track-icon{background:color-mix(in srgb, var(--rm-color) 18%, transparent);border:1px solid color-mix(in srgb, var(--rm-color) 30%, transparent);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:2rem;display:flex}.rm-track-title{letter-spacing:-.02em;color:var(--text);margin:0 0 3px;font-size:1.35rem;font-weight:800}.rm-track-desc{color:var(--text-muted);margin:0;font-size:.85rem}.rm-track-count{color:var(--rm-color);background:color-mix(in srgb, var(--rm-color) 14%, transparent);border:1px solid color-mix(in srgb, var(--rm-color) 28%, transparent);letter-spacing:.04em;border-radius:999px;flex-shrink:0;margin-left:auto;padding:4px 11px;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:700}.rm-nodes{flex-direction:column;display:flex}.rm-node-wrap{position:relative}.rm-connector{background:linear-gradient(to bottom, var(--rm-color) 0%, color-mix(in srgb, var(--rm-color) 30%, transparent) 100%);border-radius:1px;width:2px;height:22px;margin-left:23px;position:relative}.rm-connector:after{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid var(--rm-color);opacity:.6;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.rm-node-link{color:inherit;text-decoration:none;transition:transform .2s;display:block}.rm-node{background:color-mix(in srgb, var(--rm-color) 4%, var(--surface));border:1px solid color-mix(in srgb, var(--rm-color) 20%, var(--border));border-radius:12px;gap:14px;padding:14px 16px;transition:border-color .2s,background .2s,box-shadow .25s;display:flex}.rm-node-link:hover .rm-node{border-color:var(--rm-color);background:color-mix(in srgb, var(--rm-color) 9%, var(--surface));box-shadow:0 8px 22px -6px color-mix(in srgb, var(--rm-color) 30%, transparent)}.rm-node.soon{background:var(--surface2);border-color:var(--border);opacity:.65}.rm-node-num{background:linear-gradient(135deg, color-mix(in srgb, var(--rm-color) 30%, transparent) 0%, color-mix(in srgb, var(--rm-color) 12%, transparent) 100%);border:1.5px solid color-mix(in srgb, var(--rm-color) 35%, transparent);width:32px;height:32px;color:var(--rm-color);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--rm-color) 25%, transparent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:.82rem;font-weight:800;display:flex}.rm-node.soon .rm-node-num{background:var(--surface3);border-color:var(--border2);color:var(--text-muted);box-shadow:none}.rm-node-content{flex:1;min-width:0;padding-top:2px}.rm-node-label{letter-spacing:-.012em;color:var(--text);margin:0;font-size:1.02rem;font-weight:700}.rm-soon{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);background:var(--surface3);border:1px solid var(--border2);border-radius:999px;padding:2px 7px;font-size:.6rem;font-weight:800}.rm-node-desc{color:var(--text-muted);margin:0 0 6px;font-size:.82rem;line-height:1.45}.rm-node-cta{color:var(--rm-color);letter-spacing:-.005em;opacity:.8;align-items:center;gap:4px;font-size:.72rem;font-weight:700;transition:opacity .15s,transform .15s;display:inline-flex}@media (width<=768px){.rm-page{padding:32px 18px 60px}.rm-title{font-size:1.9rem}.rm-tab{padding:9px 16px;font-size:.82rem}.rm-track{padding:18px}.rm-track-icon{width:44px;height:44px;font-size:1.6rem}.rm-track-title{font-size:1.1rem}.rm-connector{height:18px;margin-left:19px}}.page-loading{justify-content:center;align-items:center;gap:.5rem;min-height:40vh;padding:4rem 1rem;display:flex}.page-loading-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:.7s ease-in-out infinite pl-bounce}.page-loading-dot:nth-child(2){animation-delay:.15s}.page-loading-dot:nth-child(3){animation-delay:.3s}@keyframes pl-bounce{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-8px)}}.simulation-block{border:1px solid var(--border1);background:var(--surface1);border-radius:10px;margin:1rem 0;overflow:hidden}.sim-header{background:var(--surface2);border-bottom:1px solid var(--border1);align-items:center;gap:.6rem;padding:.65rem 1rem;display:flex}.sim-header-icon{color:var(--accent);opacity:.9;align-items:center;display:flex}.sim-title{color:var(--title-color);letter-spacing:-.01em;flex:1;font-size:.85rem;font-weight:700}.sim-counter{color:var(--text-muted);background:var(--surface3);border:1px solid var(--border1);border-radius:999px;padding:.18em .6em;font-size:.75rem;font-weight:600}.sim-body{flex-direction:column;gap:.9rem;padding:1.1rem 1.1rem .8rem;display:flex}.sim-nodes{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:0;display:flex}.sim-node-wrap{align-items:center;display:flex}.sim-node-sep{color:var(--border2);opacity:.6;align-items:center;padding:0 .15rem;display:flex}.sim-node{border:2px solid var(--border2);text-align:center;border-radius:8px;min-width:80px;max-width:120px;padding:.5rem .6rem;font-size:.78rem;transition:border-color .2s,background .2s,opacity .2s,box-shadow .2s;position:relative}.sim-node--pending{opacity:.3}.sim-node--skip{opacity:.2;text-decoration:line-through}.sim-node--active{border-color:var(--nc,var(--accent));background:var(--surface3);box-shadow:0 0 0 3px oklch(from var(--nc,var(--accent)) l c h / .18);opacity:1}.sim-node--done{background:var(--surface2);opacity:.85;border-color:#34d399}.sim-node--error{background:var(--surface2);opacity:1;border-color:#f87171}.sim-node-ico{margin-bottom:.2rem;font-size:.95rem}.sim-node-label{color:var(--title-color);font-size:.77rem;font-weight:700;line-height:1.3}.sim-node-detail{color:var(--text-muted);margin-top:.2rem;font-size:.68rem;line-height:1.35}.sim-info{background:var(--surface2);border-left:3px solid var(--accent);border-radius:8px;padding:.85rem 1rem}.sim-step-title{color:var(--title-color);letter-spacing:-.01em;margin-bottom:.35rem;font-size:.88rem;font-weight:700}.sim-step-desc{color:var(--summary-color);font-size:.83rem;line-height:1.65}.sim-step-desc code{font-family:var(--font-mono,monospace);background:var(--surface3);color:var(--accent);border-radius:4px;padding:.1em .35em;font-size:.8em}.sim-step-code{background:var(--surface3);font-family:var(--font-mono,monospace);color:var(--accent);border:1px solid var(--border1);white-space:pre;border-radius:6px;margin-top:.65rem;padding:.55rem .85rem;font-size:.8rem;overflow-x:auto}.sim-step-note{color:var(--text-muted);margin-top:.5rem;font-size:.77rem;font-style:italic}.sim-state-box{border:1px solid var(--border1);font-family:var(--font-mono,monospace);border-radius:8px;font-size:.78rem;overflow:hidden}.sim-state-title{background:var(--surface2);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border1);padding:.35rem .75rem;font-size:.72rem;font-weight:700}.sim-state-row{border-bottom:1px solid var(--border1);grid-template-columns:auto auto 1fr;align-items:center;gap:.4rem;padding:.35rem .75rem;transition:background .2s;display:grid}.sim-state-row:last-child{border-bottom:none}.sim-state-row--hi{background:var(--surface3)}.sim-state-k{color:var(--text-muted)}.sim-state-arr{color:var(--border2)}.sim-state-v{color:var(--accent);font-weight:500}.sim-controls{border-top:1px solid var(--border1);background:var(--surface2);justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem 1rem;display:flex}.sim-btn{background:var(--surface3);border:1px solid var(--border2);color:var(--title-color);cursor:pointer;border-radius:6px;min-width:70px;padding:.38em .9em;font-family:inherit;font-size:.8rem;font-weight:600;transition:background .15s,border-color .15s,color .15s,transform .1s}.sim-btn:hover:not(:disabled){background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-1px)}.sim-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.sim-btn--primary:not(:disabled){border-color:var(--accent);color:var(--accent)}.sim-btn--done{color:#34d399;cursor:default;border-color:#34d399}.sim-dots{flex:1;justify-content:center;align-items:center;gap:.35rem;display:flex}.sim-dot{background:var(--border2);cursor:pointer;border:none;border-radius:50%;width:7px;height:7px;padding:0;transition:background .15s,transform .15s}.sim-dot:hover{background:var(--text-muted)}.sim-dot--active{transform:scale(1.4);background:var(--accent)!important}.sim-dot--done{background:#34d399}.sim-caption{color:var(--text-muted);text-align:center;border-top:1px solid var(--border1);padding:.45rem 1rem;font-size:.75rem;font-style:italic}@media (width<=640px){.sim-nodes{gap:.1rem}.sim-node{min-width:60px;max-width:90px;font-size:.72rem}.sim-btn{min-width:54px;padding:.35em .7em;font-size:.74rem}}.rm-hero-stats{justify-content:center;align-items:center;gap:1.2rem;margin-top:1.4rem;display:flex}.rm-hero-stat{flex-direction:column;align-items:center;gap:.1rem;display:flex}.rm-hero-stat-num{color:var(--title-color);font-size:1.6rem;font-weight:800;line-height:1}.rm-hero-stat-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}.rm-hero-stat-div{background:var(--border2);width:1px;height:32px}.rm-phases{flex-direction:column;gap:0;max-width:780px;margin:0 auto;display:flex}.rm-phase{border:1px solid var(--border1);background:var(--surface1);border-radius:16px;margin-bottom:.1rem;overflow:hidden}.rm-phase-header{background:linear-gradient(135deg, color-mix(in srgb, var(--ph-color) 12%, transparent), transparent);border-bottom:1px solid var(--border1);align-items:center;gap:1rem;padding:1rem 1.2rem;display:flex}.rm-phase-icon{background:color-mix(in srgb, var(--ph-color) 15%, transparent);border:1px solid color-mix(in srgb, var(--ph-color) 30%, transparent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.5rem;display:flex}.rm-phase-info{flex:1;min-width:0}.rm-phase-label{color:var(--title-color);margin-bottom:.15rem;font-size:.95rem;font-weight:700}.rm-phase-desc{color:var(--text-muted);font-size:.78rem}.rm-phase-badge{letter-spacing:.04em;background:color-mix(in srgb, var(--ph-color) 15%, transparent);color:var(--ph-color);border:1px solid color-mix(in srgb, var(--ph-color) 30%, transparent);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:.25rem .65rem;font-size:.7rem;font-weight:700}.rm-phase-nodes{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.5rem;padding:.8rem;display:grid}.rm-node-link{color:inherit;border-radius:10px;text-decoration:none;transition:transform .15s;display:block}.rm-node-link:hover{transform:translateY(-2px)}.rm-node-link--soon{cursor:default}.rm-node-link--soon:hover{transform:none}.rm-node{border:1px solid var(--border1);background:var(--surface2);border-radius:10px;align-items:flex-start;gap:.75rem;height:100%;padding:.85rem 1rem;transition:background .15s,border-color .15s,box-shadow .15s;display:flex}.rm-node-link:hover .rm-node{border-color:var(--ph-color);box-shadow:0 0 0 1px color-mix(in srgb, var(--ph-color) 20%, transparent);background:color-mix(in srgb, var(--ph-color) 5%, var(--surface2))}.rm-node.soon{opacity:.6;filter:grayscale(.3)}.rm-node-num{background:color-mix(in srgb, var(--ph-color) 15%, transparent);width:26px;height:26px;color:var(--ph-color);border:1px solid color-mix(in srgb, var(--ph-color) 25%, transparent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex}.rm-node.soon .rm-node-num{background:var(--surface3);color:var(--text-muted);border-color:var(--border2)}.rm-node-content{flex:1;min-width:0}.rm-node-head{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.3rem;display:flex}.rm-node-label{color:var(--title-color);margin:0;font-size:.88rem;font-weight:700}.rm-soon{letter-spacing:.05em;text-transform:uppercase;background:var(--surface3);color:var(--text-muted);border:1px solid var(--border2);border-radius:999px;padding:.15rem .5rem;font-size:.62rem;font-weight:700}.rm-level{letter-spacing:.03em;border-radius:999px;padding:.15rem .45rem;font-size:.62rem;font-weight:600}.rm-level--baslangic{color:#34d399;background:#34d3991f}.rm-level--orta{color:#fbbf24;background:#fbbf241f}.rm-level--ileri{color:#f87171;background:#ef44441f}.rm-node-desc{color:var(--text-muted);font-size:.75rem;line-height:1.45}.rm-node-cta{color:var(--ph-color);opacity:.8;align-items:center;gap:.3rem;margin-top:.5rem;font-size:.72rem;font-weight:700;transition:opacity .15s,transform .15s;display:inline-flex}.rm-node-link:hover .rm-node-cta{opacity:1;transform:translate(2px)}.rm-phase-connector{justify-content:center;padding:.2rem 0;display:flex}.rm-footer-note{color:var(--text-muted);border:1px solid var(--border1);background:var(--surface1);border-radius:10px;justify-content:center;align-items:center;gap:.5rem;max-width:500px;margin-top:2rem;margin-left:auto;margin-right:auto;padding:.75rem 1rem;font-size:.78rem;display:flex}@media (width<=640px){.rm-phase-header{gap:.7rem;padding:.85rem 1rem}.rm-phase-icon{border-radius:10px;width:38px;height:38px;font-size:1.2rem}.rm-phase-label{font-size:.85rem}.rm-phase-nodes{grid-template-columns:1fr;gap:.4rem;padding:.6rem}.rm-hero-stat-num{font-size:1.3rem}}.pg-page{max-width:900px;margin:0 auto;padding:44px 20px 80px}.pg-hero{text-align:center;margin-bottom:36px}.pg-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);border:1px solid var(--border1);background:var(--surface1);border-radius:999px;align-items:center;gap:.4rem;margin-bottom:.7rem;padding:.3rem .8rem;font-size:.72rem;font-weight:700;display:inline-flex}.pg-title{letter-spacing:-.03em;color:var(--title-color);margin:0 0 .6rem;font-size:2.4rem;font-weight:800;line-height:1.1}.pg-sub{color:var(--text-muted);font-size:.95rem}.pg-summary{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2.5rem;display:flex}.pg-sum-card{border:1px solid var(--border1);background:var(--surface1);text-align:center;border-radius:14px;flex:1;min-width:130px;max-width:180px;padding:1.2rem 1rem}.pg-sum-num{margin-bottom:.35rem;font-size:2rem;font-weight:800;line-height:1}.pg-sum-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.74rem}.pg-cats{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.pg-cat-card{border:1px solid var(--border1);background:var(--surface1);border-radius:14px;flex-direction:column;gap:.75rem;padding:1.1rem 1.2rem;display:flex}.pg-cat-top{align-items:center;gap:.8rem;display:flex}.pg-cat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.pg-cat-meta{flex:1;min-width:0}.pg-cat-name{color:var(--title-color);font-size:.92rem;font-weight:700}.pg-cat-sub{color:var(--text-muted);align-items:center;gap:.3rem;font-size:.75rem;display:flex}.pg-dot{opacity:.4}.pg-cat-circle{flex-shrink:0;position:relative}.pg-cat-pct{color:var(--title-color);justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex;position:absolute;inset:0}.pg-cat-bar-wrap{align-items:center;gap:.6rem;display:flex}.pg-cat-bar{background:var(--surface3);border-radius:999px;flex:1;height:6px;overflow:hidden}.pg-cat-bar-fill{border-radius:999px;height:100%;transition:width .6s}.pg-cat-bar-lbl{color:var(--text-muted);white-space:nowrap;font-size:.7rem}.pg-recent{flex-direction:column;gap:.2rem;display:flex}.pg-recent-row{background:var(--surface2);border-radius:6px;justify-content:space-between;align-items:center;padding:.3rem .5rem;font-size:.76rem;display:flex}.pg-recent-topic{color:var(--text-muted);text-transform:capitalize}.pg-recent-score{border-radius:4px;padding:.1rem .45rem;font-size:.7rem;font-weight:700}.pg-recent-score.good{color:#34d399;background:#34d39926}.pg-recent-score.mid{color:#fbbf24;background:#fbbf2426}.pg-recent-score.low{color:#f87171;background:#ef444426}.pg-cat-link{color:var(--text-muted);align-items:center;gap:.35rem;margin-top:auto;font-size:.76rem;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex}.pg-cat-link:hover{color:var(--accent)}.pg-empty{text-align:center;padding:4rem 1rem}.pg-empty-icon{margin-bottom:1rem;font-size:3rem}.pg-empty-title{color:var(--title-color);margin-bottom:.4rem;font-size:1.2rem;font-weight:700}.pg-empty-sub{color:var(--text-muted);margin-bottom:1.5rem;font-size:.88rem}.pg-empty-btn{background:var(--accent);color:#fff;border-radius:10px;align-items:center;gap:.4rem;padding:.7rem 1.4rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:opacity .15s;display:inline-flex}.pg-empty-btn:hover{opacity:.85}.pg-reset-note{text-align:center;color:var(--text-muted);opacity:.6;margin-top:2rem;font-size:.74rem}@media (width<=640px){.pg-page{padding:28px 14px 60px}.pg-title{font-size:1.7rem}.pg-cats{grid-template-columns:1fr}.pg-summary{gap:.6rem}.pg-sum-card{min-width:100px;padding:.9rem .8rem}.pg-sum-num{font-size:1.6rem}}.grid-diagram{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;padding:.25rem;display:grid}.grid-item{--gi-color:var(--accent);border:1px solid color-mix(in srgb, var(--gi-color) 30%, var(--border));background:color-mix(in srgb, var(--gi-color) 8%, var(--surface));box-shadow:0 2px 8px -4px color-mix(in srgb, var(--gi-color) 25%, transparent);border-radius:10px;padding:.85rem 1rem;transition:transform .15s,box-shadow .15s;position:relative}.grid-item:hover{box-shadow:0 6px 18px -6px color-mix(in srgb, var(--gi-color) 35%, transparent);transform:translateY(-2px)}.grid-item:before{content:"";background:var(--gi-color);opacity:.8;border-radius:10px 10px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.grid-item-label{color:color-mix(in srgb, var(--gi-color) 80%, var(--text));margin-bottom:.3rem;font-size:.82rem;font-weight:700}.grid-item-sub{color:var(--text-sub);font-size:.74rem;line-height:1.4}.grid-item-badge{text-transform:uppercase;letter-spacing:.06em;background:color-mix(in srgb, var(--gi-color) 15%, transparent);color:color-mix(in srgb, var(--gi-color) 90%, var(--text));border-radius:20px;margin-top:.4rem;padding:.15rem .5rem;font-size:.65rem;font-weight:700;display:inline-block}@media (width<=540px){.grid-diagram{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}.grid-item{padding:.7rem .75rem}}.code-editor-section{margin:2rem 0 0}.code-editor-section-label,.quiz-section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);align-items:center;gap:7px;margin-bottom:.75rem;font-size:.7rem;font-weight:700;display:flex}.code-editor-wrap{border:1px solid var(--border);background:var(--code-bg);border-radius:12px;overflow:hidden}.code-editor-topbar{background:#ffffff0a;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:.55rem .9rem;display:flex}.code-editor-topbar-left{align-items:center;gap:.5rem;display:flex}.code-editor-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.code-editor-dot.red{background:#ff5f57}.code-editor-dot.yellow{background:#febc2e}.code-editor-dot.green{background:#28c840}.code-editor-lang{color:#ffffff73;margin-left:.35rem;font-size:.72rem;font-weight:600}.code-editor-topbar-right{align-items:center;gap:.6rem;display:flex}.code-editor-hint{color:#ffffff40;font-family:monospace;font-size:.66rem}.code-editor-run-btn{background:var(--cat-color,var(--accent));color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.75rem;font-weight:700;transition:opacity .15s,transform .1s;display:flex}.code-editor-run-btn:hover{opacity:.85;transform:translateY(-1px)}.code-editor-run-btn:active{opacity:.75;transform:translateY(0)}.code-editor-cm-wrap{border-bottom:1px solid #ffffff0a;width:100%}.code-editor-cm-wrap .cm-editor{min-height:160px}.code-editor-output{background:#00000040;border-top:1px solid #ffffff12;position:relative}.code-editor-table-wrap{overflow:hidden}.code-editor-table-scroll{max-height:320px;overflow:auto}.code-editor-table{border-collapse:collapse;width:100%;font-family:monospace;font-size:.78rem}.code-editor-table th{color:#ffffffb3;text-align:left;white-space:nowrap;background:#ffffff0f;border-bottom:1px solid #ffffff14;padding:.4rem .75rem;font-weight:600;position:sticky;top:0}.code-editor-table td{color:#fffc;border-bottom:1px solid #ffffff0a;padding:.35rem .75rem}.code-editor-table tr:hover td{background:#ffffff08}.code-editor-table td.td-null{color:#ffffff4d;font-style:italic}.code-editor-rowcount{color:#ffffff4d;text-align:right;border-top:1px solid #ffffff0d;padding:.35rem .75rem;font-size:.7rem}.code-editor-console{min-height:2.5rem;padding:.65rem 1rem;font-family:monospace;font-size:.8rem;line-height:1.6}.console-line{color:#fffc}.console-line.console-error{color:#f87171}.console-line.console-warn{color:#fbbf24}.console-line.console-info{color:#60a5fa}.code-editor-error{color:#f87171;align-items:flex-start;gap:.5rem;padding:.65rem 1rem;font-family:monospace;font-size:.8rem;line-height:1.5;display:flex}.code-editor-empty{color:#ffffff4d;padding:.65rem 1rem;font-size:.78rem;font-style:italic;display:block}.code-editor-clear{color:#fff3;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.15rem .3rem;font-size:.72rem;transition:color .15s,background .15s;position:absolute;top:.4rem;right:.5rem}.code-editor-clear:hover{color:#ffffff80;background:#ffffff0f}.code-editor-tables-hint{color:#ffffff40;border-top:1px solid #ffffff0a;padding:.45rem .9rem;font-size:.7rem}.code-editor-tables-hint code{color:#fff6;background:#ffffff14;border-radius:3px;padding:.05em .35em;font-size:.72rem}.quiz-section-wrap{margin:2rem 0 0}.quiz-wrap{border:1px solid var(--border);background:var(--surface);border-radius:14px;overflow:hidden}.quiz-idle{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.3rem;display:flex}.quiz-idle-left{align-items:center;gap:.85rem;display:flex}.quiz-icon-circle{background:var(--accent-dim);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.3rem;display:flex}.quiz-title{color:var(--text);font-size:.9rem;font-weight:700}.quiz-subtitle{color:var(--text-muted);margin-top:2px;font-size:.76rem}.quiz-idle-right{align-items:center;gap:.75rem;display:flex}.quiz-badge-score{border-radius:20px;padding:.3em .75em;font-size:.72rem;font-weight:700}.quiz-badge-score.good{background:var(--green-dim);color:var(--green)}.quiz-badge-score.mid{color:#f59e0b;background:#fbbf241a}.quiz-badge-score.low{color:var(--red);background:#dc262614}.quiz-start-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.5rem 1.1rem;font-size:.8rem;font-weight:700;transition:opacity .15s,transform .1s}.quiz-start-btn:hover{opacity:.85;transform:translateY(-1px)}.quiz-active{padding:0}.quiz-progress-bar-wrap{background:var(--border);height:3px}.quiz-progress-bar-fill{background:var(--accent);height:100%;transition:width .35s}.quiz-active-header{justify-content:space-between;align-items:center;padding:.75rem 1.3rem .5rem;display:flex}.quiz-q-num{color:var(--text-muted);font-size:.72rem;font-weight:700}.quiz-q-label{color:var(--text-muted);font-size:.72rem}.quiz-question{color:var(--text);padding:.1rem 1.3rem .9rem;font-size:.93rem;font-weight:600;line-height:1.5}.quiz-options{flex-direction:column;gap:.45rem;padding:0 1.3rem .85rem;display:flex}.quiz-opt{background:var(--surface2);border:1.5px solid var(--border);color:var(--text);cursor:pointer;text-align:left;border-radius:9px;align-items:flex-start;gap:.65rem;padding:.65rem .85rem;font-size:.84rem;line-height:1.4;transition:border-color .15s,background .15s;display:flex}.quiz-opt:hover{border-color:var(--accent);background:var(--accent-dim)}.quiz-opt.selected{border-color:var(--accent);background:var(--accent-dim);color:var(--text)}.quiz-opt-letter{background:var(--border);width:22px;height:22px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;transition:background .15s,color .15s;display:flex}.quiz-opt.selected .quiz-opt-letter{background:var(--accent);color:#fff}.quiz-opt-text{flex:1;padding-top:2px}.quiz-next-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:9px;width:calc(100% - 2.6rem);margin:0 1.3rem 1.3rem;padding:.65rem;font-size:.84rem;font-weight:700;transition:opacity .15s,transform .1s;display:block}.quiz-next-btn:hover:not(:disabled){opacity:.85;transform:translateY(-1px)}.quiz-next-btn:disabled{opacity:.35;cursor:not-allowed}.quiz-done{padding:1.3rem}.quiz-done-top{text-align:center;border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:1.1rem}.quiz-done-emoji{margin-bottom:.4rem;font-size:2.2rem;display:block}.quiz-done-score{color:var(--text);font-size:2.2rem;font-weight:800;line-height:1}.quiz-done-score span{color:var(--text-muted);font-size:1.2rem;font-weight:500}.quiz-done-pct{color:var(--accent);margin-top:.2rem;font-size:1.1rem;font-weight:700}.quiz-done-msg{color:var(--text-muted);margin-top:.4rem;font-size:.82rem}.quiz-review{flex-direction:column;gap:.6rem;margin-bottom:1rem;display:flex}.quiz-review-item{border:1.5px solid var(--border);background:var(--surface2);border-radius:9px;padding:.7rem .85rem}.quiz-review-item.correct{background:var(--green-dim);border-color:#16a34a4d}.quiz-review-item.wrong{background:#dc26260d;border-color:#dc262640}.quiz-review-q{color:var(--text);align-items:baseline;gap:.5rem;margin-bottom:.4rem;font-size:.83rem;font-weight:600;display:flex}.quiz-review-icon{flex-shrink:0;font-weight:800}.quiz-review-item.correct .quiz-review-icon{color:var(--green)}.quiz-review-item.wrong .quiz-review-icon{color:var(--red)}.quiz-review-opts{flex-wrap:wrap;gap:.35rem;padding-left:1.2rem;display:flex}.quiz-review-opts .opt-correct{background:var(--green-dim);color:var(--green);border-radius:20px;padding:.2em .6em;font-size:.73rem;font-weight:600}.quiz-review-opts .opt-wrong{color:var(--red);background:#dc26261a;border-radius:20px;padding:.2em .6em;font-size:.73rem;text-decoration:line-through}.quiz-review-opts .opt-neutral{color:var(--text-muted);border-radius:20px;padding:.2em .6em;font-size:.73rem}.quiz-retry-btn{background:var(--surface3);width:100%;color:var(--text);border:1px solid var(--border);cursor:pointer;text-align:center;border-radius:9px;padding:.6rem;font-size:.82rem;font-weight:700;transition:background .15s;display:block}.quiz-retry-btn:hover{background:var(--border)}@media (width<=600px){.quiz-idle{flex-direction:column;align-items:flex-start}.quiz-idle-right{justify-content:space-between;width:100%}.code-editor-hint{display:none}}