:root{--bg:#0c0c12;--surface:rgba(255,255,255,0.028);--surface-alt:rgba(255,255,255,0.045);--border:rgba(255,255,255,0.07);--border-strong:rgba(255,255,255,0.14);--card:#141418;--card-border:#222228;--text:#cdc8d8;--dim:#8d8aa2;--muted:#8d8aa2;--accent:#d8512b;--accent-dim:rgba(216,81,43,0.09);--accent-glow:rgba(216,81,43,0.22);--green:#41b88f;--green-dim:rgba(65,184,143,0.06);--blue:#5a72e0;--blue-dim:rgba(90,114,224,0.06);--red:#dc5454;--red-dim:rgba(220,84,84,0.06);--nav-bg:rgba(12,12,18,0.88);--input-bg:rgba(255,255,255,0.055);--input-border:rgba(255,255,255,0.1);--highlight:#e5b13e;--highlight-dim:rgba(229,177,62,0.06);--purple:#9683e0;--purple-dim:rgba(150,131,224,0.06);--rust:#cc6638;--rust-dim:rgba(204,102,56,0.06);--dotnet:#5a3fc4;--dotnet-dim:rgba(90,63,196,0.06);--pytorch:#ee4c2c;--pytorch-dim:rgba(238,76,44,0.06);--mlops:#2a9d8f;--mlops-dim:rgba(42,157,143,0.06);--ruby:#cc342d;--ruby-dim:rgba(204,52,45,0.06);--rails:#dc2e4d;--rails-dim:rgba(220,46,77,0.06);--genai:#c026d3;--genai-dim:rgba(192,38,211,0.07);--radius-sm:8px;--radius-md:14px;--radius-lg:20px}[data-theme=light]{--bg:#f5f4f0;--surface:#ffffff;--surface-alt:#f8f7f4;--border:#e4e2dc;--card:#ffffff;--card-border:#e0ddd6;--border-strong:#c8c5bc;--text:#1a1a2e;--dim:#6f6d75;--muted:#6f6d75;--accent:#c93a16;--accent-dim:rgba(232,72,32,0.08);--accent-glow:rgba(232,72,32,0.18);--green:#059669;--green-dim:rgba(5,150,105,0.08);--blue:#2563eb;--blue-dim:rgba(37,99,235,0.08);--red:#dc2626;--red-dim:rgba(220,38,38,0.08);--nav-bg:rgba(245,244,240,0.92);--input-bg:rgba(0,0,0,0.04);--input-border:rgba(0,0,0,0.12);--highlight:#b45309;--highlight-dim:rgba(180,83,9,0.08);--purple:#7c3aed;--purple-dim:rgba(124,58,237,0.08);--rust:#C45A20;--rust-dim:rgba(196,90,32,0.08);--dotnet:#4B21C1;--dotnet-dim:rgba(75,33,193,0.08);--pytorch:#d83b1c;--pytorch-dim:rgba(216,59,28,0.08);--mlops:#1f8576;--mlops-dim:rgba(31,133,118,0.08);--ruby:#c2242d;--ruby-dim:rgba(194,36,45,0.08);--rails:#c81e43;--rails-dim:rgba(200,30,67,0.08);--genai:#a21caf;--genai-dim:rgba(162,28,175,0.09)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Sora,Helvetica Neue,-apple-system,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}body.theme-ready{transition:background-color .3s,color .2s}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}input:focus,textarea:focus{outline:none}input[type=range]{cursor:pointer}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input::placeholder,textarea::placeholder{color:var(--dim);opacity:.5}.num-cell{background:var(--input-bg);border:2px solid var(--input-border);color:var(--text);border-radius:var(--radius-sm);text-align:center;font-weight:700;font-family:JetBrains Mono,monospace;transition:border-color .2s}.num-cell:focus{border-color:var(--accent)}.insight-box>p{margin:0 0 .75em}.insight-box>p:first-child{margin-top:0}.insight-box>p:last-child{margin-bottom:0}.insight-box>ol,.insight-box>ul{margin:0 0 .75em;padding-left:1.25em}.insight-box>ol:last-child,.insight-box>ul:last-child{margin-bottom:0}.insight-box>li{margin-bottom:.25em}.insight-box>li:last-child{margin-bottom:0}.note-textarea{background:var(--surface-alt);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);font-family:Sora,sans-serif;line-height:1.7;resize:vertical;transition:border-color .2s,background .2s}.note-textarea:focus{border-color:var(--blue);background:var(--input-bg)}.anchor-host{scroll-margin-top:120px}.anchor-link{display:inline-flex;align-items:center;opacity:0;transition:opacity .15s,color .15s;color:var(--dim);background:none;border:none;padding:0 4px;cursor:pointer;text-decoration:none}@media (hover:none){.anchor-link{opacity:.5}}.anchor-host:hover .anchor-link,.anchor-link:focus-visible{opacity:1}.anchor-link:hover{color:var(--accent)}.anchor-link.copied{opacity:1;color:var(--green)}.resource-row{border-radius:var(--radius-sm);margin:0 -12px;padding-left:12px!important;padding-right:12px!important;transition:background .15s}.resource-row:hover{background:var(--surface-alt)}.resource-row:hover .resource-arrow{opacity:1;transform:translateX(2px)}.resource-arrow{opacity:.5;transition:opacity .15s,transform .15s}.unit-popover-row{transition:background .15s}.unit-popover-row[data-current=false]:hover{background:var(--surface-alt)}.unit-popover{animation:unit-popover-in .16s ease-out}@keyframes unit-popover-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.quiz-option[data-state=idle]:hover{background:var(--surface-alt)!important;border-color:var(--border-strong)!important;color:var(--text)!important}.quiz-option[data-state=idle]:hover .quiz-dot{opacity:.7}.quiz-option:hover{filter:none}::selection{background:var(--accent-dim);color:var(--text)}a{color:inherit;text-decoration:none;transition:color .15s}a:hover{color:var(--text)}button{cursor:pointer}button:hover{filter:brightness(1.1)}button:active{transform:scale(.97)}button.phase-toggle:hover{filter:none}button.phase-toggle:active{transform:none}button.btn-ghost:hover{background:var(--surface-alt)!important;filter:none}button.pill-idle:hover{border-bottom-color:var(--pill-tease,var(--border-strong))!important}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{scrollbar-width:none}@keyframes draftPulse{0%,to{opacity:1}50%{opacity:.5}}.draft-badge{animation:draftPulse 2s ease-in-out infinite}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .4s ease-out both}.stagger-1{animation-delay:.04s}.stagger-2{animation-delay:.08s}.stagger-3{animation-delay:.12s}.stagger-4{animation-delay:.16s}.stagger-5{animation-delay:.2s}.stagger-6{animation-delay:.24s}.stagger-7{animation-delay:.28s}.stagger-8{animation-delay:.32s}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes vizPulseIn{0%{transform:scale(.85);opacity:.4}60%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}.viz-pulse-in{animation:vizPulseIn .45s ease-out}@keyframes vizScalarPulse{0%{transform:scale(.85)}60%{transform:scale(1.08)}to{transform:scale(1)}}.viz-scalar-pulse{animation:vizScalarPulse .5s ease-out}@keyframes vizPulseHalo{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(2.4);opacity:0}}.viz-pulse-halo{transform-box:fill-box;transform-origin:center;animation:vizPulseHalo 1.6s ease-out infinite}@keyframes vizPulseHint{0%,to{opacity:.55}50%{opacity:1}}.viz-pulse-hint{animation:vizPulseHint 1.6s ease-in-out infinite}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-alt) 50%,var(--surface) 75%);background-size:800px 100%;animation:shimmer 1.6s ease-in-out infinite;border-radius:10px}@media (max-width:640px){.two-col-grid{grid-template-columns:1fr!important}.bottom-bar-nav-hint,.bottom-bar-sep-left,.bottom-bar-sep-right,.bottom-bar-title,.bottom-bar-unit,.header-breadcrumb-label{display:none!important}.sn-grid,.topic-card-grid{grid-template-columns:1fr!important}.sn-grid{padding-left:16px!important;padding-right:16px!important}.sn-hero{padding:64px 16px 40px!important}.sn-nav-inner{padding:0 16px!important}.hide-on-mobile{display:none!important}}