.learn-shell{position:relative;z-index:1;isolation:isolate;width:min(960px,100%);margin:0 auto;padding:calc(20px + var(--safe-top)) calc(16px + var(--safe-right)) calc(72px + var(--safe-bottom)) calc(16px + var(--safe-left));display:grid;gap:22px}.learn-shell:after,.learn-shell:before{content:"";position:fixed;inset:0;pointer-events:none}.learn-shell:before{z-index:-3;background:radial-gradient(circle at 16% 10%,rgba(255,255,255,.07),transparent 24%),radial-gradient(circle at 82% 18%,rgba(163,174,198,.08),transparent 24%),radial-gradient(circle at 52% 74%,rgba(88,97,119,.12),transparent 28%);filter:blur(96px);opacity:.58}.learn-shell:after{z-index:-2;inset:8% 0 auto;height:48vh;background:radial-gradient(circle at 50% 16%,rgba(255,255,255,.05),transparent 18%),radial-gradient(circle at 28% 58%,rgba(120,131,154,.12),transparent 24%),radial-gradient(circle at 74% 54%,rgba(85,94,116,.12),transparent 22%);filter:blur(68px);opacity:.48}.learn-topbar{display:flex;justify-content:space-between;gap:10px;min-height:52px;padding:8px 2px 0;border-radius:0;border:1px solid transparent;background:transparent;backdrop-filter:none;box-shadow:none}.learn-back-btn,.learn-topbar{align-items:center;min-width:0}.learn-back-btn{display:inline-flex;gap:6px;font-size:.84rem;font-weight:600;color:var(--muted);padding:8px 12px;border-radius:12px;border:1px solid rgba(184,194,218,.12);background:var(--surface-glass);text-decoration:none;transition:color .14s ease,border-color .14s ease,background .14s ease}.learn-back-btn:hover{color:var(--text);border-color:rgba(184,194,218,.22);background:var(--surface-glass-strong)}.learn-locale-toggle{display:inline-flex;gap:3px;flex-shrink:0;padding:4px;border-radius:12px;border:1px solid rgba(128,141,170,.12);background:rgba(16,20,28,.66);backdrop-filter:blur(16px)}.learn-locale-btn{padding:5px 11px;border-radius:7px;border:1px solid transparent;background:transparent;font-size:.78rem;font-weight:700;letter-spacing:.04em;color:var(--muted);cursor:pointer;transition:color .12s ease,background .12s ease,border-color .12s ease}.learn-locale-btn:hover{color:var(--text)}.learn-locale-btn.active{color:var(--text);background:rgba(255,255,255,.07);border-color:rgba(184,194,218,.14)}.learn-hero{position:relative;text-align:center;min-width:0;padding:12px 8px 2px}.learn-hero:before{content:"";position:absolute;inset:-18px 12% auto;height:160px;background:radial-gradient(circle at 50% 50%,rgba(145,218,255,.12),transparent 62%);filter:blur(18px);pointer-events:none;z-index:-1}.learn-hero h1{font-size:clamp(1.9rem,5vw,3rem);font-weight:800;letter-spacing:-.04em;background:linear-gradient(180deg,#ffffff,#ecf2ff 52%,#8cdfff);-webkit-background-clip:text;color:transparent;margin:0 0 10px;line-height:1.1;text-wrap:balance;text-shadow:0 16px 36px rgba(124,210,255,.08)}.learn-hero p{color:#cbd5ee;font-size:clamp(.92rem,2vw,1.06rem);margin:0;line-height:1.6;max-width:720px;margin-inline:auto}.learn-nav{position:sticky;top:calc(10px + var(--safe-top));z-index:5;display:flex;flex-wrap:wrap;gap:8px;min-width:0;padding:10px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.014)),var(--panel);backdrop-filter:blur(24px) saturate(145%);box-shadow:var(--shadow-soft),inset 0 1px 0 rgba(255,255,255,.05)}.learn-nav-pill{flex:0 0 auto;padding:8px 13px;border-radius:999px;border:1px solid rgba(128,141,170,.22);background:rgba(255,255,255,.028);font-size:.76rem;font-weight:600;color:var(--muted);white-space:nowrap;text-decoration:none;transition:color .12s ease,border-color .12s ease,background .12s ease}.learn-nav-pill:hover{color:var(--text);background:rgba(255,255,255,.04)}.learn-nav-pill:nth-child(5n+1){color:var(--cyan);border-color:rgba(34,211,238,.28);background:rgba(34,211,238,.04)}.learn-nav-pill:nth-child(5n+2){color:var(--amber);border-color:rgba(255,214,10,.28);background:rgba(255,214,10,.04)}.learn-nav-pill:nth-child(5n+3){color:var(--green);border-color:rgba(50,215,75,.28);background:rgba(50,215,75,.04)}.learn-nav-pill:nth-child(5n+4){color:var(--red);border-color:rgba(255,69,58,.28);background:rgba(255,69,58,.04)}.learn-nav-pill:nth-child(5n+5){color:#9ad9ff;border-color:rgba(154,217,255,.28);background:rgba(154,217,255,.05)}.learn-card{border-radius:26px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.042),rgba(255,255,255,.012)),var(--panel);backdrop-filter:blur(26px) saturate(145%);box-shadow:var(--shadow-soft),inset 0 1px 0 rgba(255,255,255,.05);padding:clamp(20px,3vw,26px);min-width:0;scroll-margin-top:104px}.learn-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap}.learn-category-badge{padding:4px 10px;border-radius:8px;font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;border:1px solid rgba(128,141,170,.22);color:var(--muted);background:rgba(255,255,255,.018)}.learn-complexity-row{display:flex;gap:6px;flex-wrap:wrap}.learn-complexity-pill{padding:4px 10px;border-radius:8px;border:1px solid rgba(126,140,172,.28);background:rgba(14,17,24,.6);color:#93dfff;font-size:.78rem;font-family:JetBrains Mono,monospace}.learn-card h2{margin:0 0 4px;font-size:clamp(1.35rem,3vw,1.8rem);font-weight:800;letter-spacing:-.03em;color:var(--text);line-height:1.15}.learn-book-ref{font-size:.72rem;color:#8d97b5;margin:0 0 18px;text-transform:uppercase;letter-spacing:.07em}.learn-card-body{display:grid;gap:18px;grid-template-columns:1fr;min-width:0}@media (min-width:640px){.learn-card-body{grid-template-columns:1fr 1fr;align-items:start}}.learn-text-col{display:grid;gap:12px;min-width:0}.learn-description{color:var(--text);font-size:.92rem;line-height:1.65;margin:0}.learn-key-idea{color:var(--cyan);font-size:.86rem;line-height:1.55;margin:0;padding:10px 14px;border-left:2px solid rgba(34,211,238,.42);background:rgba(34,211,238,.04);border-radius:0 8px 8px 0}.learn-editor-tip{color:var(--muted);font-size:.82rem;line-height:1.6;margin:0}.learn-input-block{display:flex;flex-direction:column;gap:5px}.learn-input-label{font-size:.7rem;font-weight:700;color:var(--muted-soft);text-transform:uppercase;letter-spacing:.08em}.learn-input-snippet{font-family:JetBrains Mono,monospace;font-size:.76rem;color:#93dfff;background:rgba(16,19,25,.72);border:1px solid rgba(116,129,158,.18);border-radius:8px;padding:8px 12px;margin:0;overflow-x:auto;white-space:pre;line-height:1.55}.learn-try-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:14px;border:1px solid rgba(184,194,218,.18);background:linear-gradient(180deg,rgba(255,255,255,.042),rgba(255,255,255,.018)),rgba(255,255,255,.016);color:var(--text);font-size:.84rem;font-weight:600;text-decoration:none;width:fit-content;transition:background .14s ease,border-color .14s ease}.learn-try-btn:hover{background:rgba(255,255,255,.05);border-color:rgba(184,194,218,.32)}.learn-image-slot{border-radius:20px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.05),transparent 32%),linear-gradient(180deg,rgba(18,22,30,.9),rgba(10,13,20,.82));min-height:224px;display:flex;min-width:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),var(--shadow-soft)}.mini-viz{flex:1;display:flex;flex-direction:column;min-width:0}.mini-viz-canvas{flex:1;display:flex;min-height:176px;min-width:0;padding:6px 6px 0}.mini-bars{flex:1;display:flex;align-items:flex-end;gap:4px;padding:12px 12px 0}.mini-bar{flex:1;border-radius:5px 5px 0 0;transition:height 80ms ease,background 90ms ease,opacity 90ms ease}.mini-graph-svg{flex:1;width:100%}.mini-maze{flex:1;display:grid;gap:2px;padding:12px;align-content:stretch}.mini-maze-cell{border-radius:2px;transition:background 55ms ease}.mini-bucket-input-bars,.mini-heap-bars{display:flex;align-items:flex-end;gap:2px;height:40px;flex-shrink:0;padding:0 12px}.mini-bucket-grid{flex:1;display:flex;gap:4px;padding:8px 12px 0;align-items:flex-end}.mini-bucket-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px}.mini-bucket-col.active .mini-bucket-label{color:var(--cyan)}.mini-bucket-items{display:flex;flex-direction:column;gap:2px;min-height:100px;justify-content:flex-end;width:100%}.mini-bucket-item{font-size:.52rem;font-family:JetBrains Mono,monospace;border-radius:3px;border:1px solid;text-align:center;padding:1px 0;line-height:1.4;color:rgba(210,220,240,.85)}.mini-bucket-label{font-size:.54rem;color:var(--muted-soft);font-family:JetBrains Mono,monospace;padding-bottom:4px}.mini-radix-wrap{flex:1;display:flex;flex-direction:column}.mini-radix-pass{font-size:.6rem;font-weight:700;letter-spacing:.06em;text-align:center;color:var(--muted);padding:4px 0 2px;font-family:JetBrains Mono,monospace}.mini-radix-counts{display:flex;gap:2px;padding:0 10px 6px;flex-shrink:0}.mini-radix-cell{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;border-radius:4px;border:1px solid;padding:2px 1px;transition:background .16s ease,border-color .16s ease}.mini-radix-cell-digit{font-size:.5rem;color:var(--muted-soft)}.mini-radix-cell-digit,.mini-radix-cell-val{font-family:JetBrains Mono,monospace;line-height:1}.mini-radix-cell-val{font-size:.6rem;font-weight:700;color:var(--text)}.mini-radix-output{display:flex;gap:2px;padding:0 10px 6px;flex-shrink:0}.mini-radix-out-cell{flex:1;border-radius:4px;border:1px solid;text-align:center;font-size:.52rem;font-weight:700;font-family:JetBrains Mono,monospace;color:var(--text);padding:2px 1px;min-height:16px;transition:background .16s ease,border-color .16s ease}.mini-viz-footer{justify-content:space-between;gap:12px;padding:10px 12px 12px;border-top:1px solid rgba(128,141,170,.12);background:linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.008)),rgba(16,19,26,.72);backdrop-filter:blur(18px)}.mini-viz-controls,.mini-viz-footer{display:flex;align-items:center;min-width:0}.mini-viz-controls{gap:10px}.mini-viz-progress{font-size:.7rem;font-weight:600;font-family:JetBrains Mono,monospace;color:var(--muted-soft);letter-spacing:.03em}.mini-speed-stack{display:grid;gap:6px;min-width:0;justify-items:end}.mini-speed-caption{font-size:.64rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8d97b5}.mini-speed-control{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:999px;border:1px solid rgba(128,141,170,.16);background:rgba(255,255,255,.03)}.mini-speed-option{min-width:50px;padding:6px 10px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:color .12s ease,background .12s ease,box-shadow .12s ease}.mini-speed-option:hover{color:var(--text)}.mini-speed-option.active{color:var(--text);background:rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.mini-play-btn{width:40px;height:40px;border-radius:12px;border:1px solid rgba(184,194,218,.14);background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.02)),rgba(13,16,22,.78);backdrop-filter:blur(14px);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .12s ease,border-color .12s ease,background .12s ease}.mini-play-btn:hover{color:var(--text);border-color:rgba(184,194,218,.28);background:rgba(255,255,255,.05)}.mini-play-btn--done{color:var(--green);border-color:rgba(50,215,75,.24)}.mini-play-btn--done:hover{color:var(--green);background:rgba(50,215,75,.06);border-color:rgba(50,215,75,.4)}.learn-how-to .learn-code-snippet{font-family:JetBrains Mono,monospace;font-size:.8rem;padding:16px;border-radius:14px;background:rgba(16,19,25,.82);border:1px solid rgba(116,129,158,.22);color:#d6def7;overflow-x:auto;line-height:1.65;margin:0;white-space:pre}.learn-footer{text-align:center;color:var(--muted-soft);font-size:.78rem;padding-top:8px;border-top:1px solid rgba(114,126,152,.1)}@media (max-width:640px){.learn-shell{gap:18px}.learn-topbar{flex-wrap:wrap;justify-content:flex-start;min-height:50px;padding:9px 10px;border-radius:18px;border-color:rgba(128,141,170,.14);background:linear-gradient(180deg,rgba(20,24,34,.84),rgba(10,13,20,.58)),rgba(8,10,16,.44);backdrop-filter:blur(22px) saturate(155%);box-shadow:var(--shadow-soft),inset 0 1px 0 rgba(255,255,255,.05)}.learn-locale-toggle{margin-left:auto}.learn-hero{padding-top:18px}.learn-hero h1{font-size:clamp(1.72rem,9vw,2.2rem);line-height:1.06}.learn-nav{top:calc(8px + var(--safe-top));gap:7px;padding:8px;border-radius:16px}.learn-nav-pill{max-width:100%;padding:7px 11px;font-size:.72rem}.learn-card{border-radius:22px;scroll-margin-top:96px}.learn-image-slot{min-height:212px}.mini-viz-footer{flex-direction:column;align-items:stretch}.mini-viz-controls{justify-content:space-between}.mini-speed-stack{justify-items:stretch}.mini-speed-control{width:100%;justify-content:space-between}.mini-speed-option{flex:1;min-width:0}}