.learn-hero .learn-meta{letter-spacing:.2em;text-transform:uppercase;color:var(--accent-bright);margin-top:1.1rem;font-size:.72rem;font-weight:600}.learn-split{grid-template-columns:minmax(0,1fr);align-items:start;gap:clamp(1.5rem,4vw,3rem);max-width:1360px;margin:0 auto;display:grid}@media (min-width:1024px){.learn-split{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}}.learn-prose{max-width:62ch;color:var(--text-secondary);font-size:1rem;line-height:1.72}.lp .wrap>.learn-prose{margin:0 auto 0 0;padding-left:clamp(0rem,6vw,5.5rem)}.learn-prose>*+*{margin-top:1rem}.learn-prose strong{color:var(--text-primary);font-weight:600}.learn-prose h3{color:var(--text-primary);margin-top:1.6rem;font-size:1.08rem;font-weight:700}.learn-prose ul{padding-left:1.15rem;list-style:outside}.learn-prose li+li{margin-top:.45rem}.learn-prose li::marker{color:var(--accent-bright)}.lab{border:1px solid var(--lp-line-strong);background:linear-gradient(#ffffff0a,#ffffff03);border-radius:20px;margin:0;overflow:hidden;box-shadow:0 30px 80px -40px #7c3aed73}.lab-head{border-bottom:1px solid var(--lp-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;padding:.85rem 1.1rem;display:flex}.lab-kicker{letter-spacing:.24em;text-transform:uppercase;color:var(--accent-bright);font-size:.64rem;font-weight:700}.lab-title{margin-top:.15rem;font-size:.98rem;font-weight:700}.lab-stage{background:#08080a;position:relative}.lab-canvas{aspect-ratio:16/10;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;display:block}.lab-canvas-wide{aspect-ratio:2}.lab-canvas-tall{aspect-ratio:4/3}.lab-canvas-square{aspect-ratio:5/4}@media (max-width:640px){.lab-canvas-wide{aspect-ratio:16/10}}.lab-controls{border-top:1px solid var(--lp-line);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.9rem 1.4rem;padding:1rem 1.1rem 1.1rem;display:grid}.lab-caption{color:var(--text-muted);padding:0 1.1rem 1.1rem;font-size:.85rem;line-height:1.6}.lab-range{display:block}.lab-range-top{color:var(--text-secondary);justify-content:space-between;gap:.5rem;margin-bottom:.45rem;font-size:.75rem;font-weight:500;display:flex}.lab-range-val{color:var(--accent-bright);font-variant-numeric:tabular-nums;font-weight:600}.lab-slider{width:100%;accent-color:var(--accent);cursor:pointer}.lab-seg{border:1px solid var(--lp-line-strong);border-radius:14px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.lab-seg button{color:var(--text-secondary);border-radius:11px;padding:.4rem .75rem;font-size:.76rem;font-weight:600;transition:background .15s,color .15s}.lab-seg button:hover{color:var(--text-primary)}.lab-seg button[aria-pressed=true]{background:var(--accent-deep);color:#fff}.lab-toggle{color:var(--text-secondary);cursor:pointer;align-self:end;align-items:center;gap:.6rem;padding-bottom:.2rem;font-size:.8rem;display:inline-flex;position:relative}.lab-toggle input{opacity:0;width:1px;height:1px;position:absolute}.lab-toggle-track{background:#ffffff24;border-radius:999px;flex:none;width:34px;height:20px;transition:background .15s;position:relative}.lab-toggle-track:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:3px;left:3px}.lab-toggle input:checked+.lab-toggle-track{background:var(--accent-deep)}.lab-toggle input:checked+.lab-toggle-track:after{transform:translate(14px)}.lab-toggle input:focus-visible+.lab-toggle-track{outline:2px solid var(--accent-bright);outline-offset:2px}.lab-btn{border:1px solid var(--lp-line-strong);color:var(--text-primary);background:#ffffff0a;border-radius:999px;padding:.38rem .85rem;font-size:.75rem;font-weight:600;transition:background .15s}.lab-btn:hover{background:#ffffff1a}.lab-readout{pointer-events:none;flex-wrap:wrap;gap:.35rem;max-width:calc(100% - 1.3rem);display:flex;position:absolute;top:.65rem;left:.65rem}.lab-readout-bottom{top:auto;bottom:.65rem}.lab-chip{border:1px solid var(--lp-line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b0b0dbd;border-radius:10px;padding:.28rem .55rem}.lab-chip .k{letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);font-size:.56rem;font-weight:700}.lab-chip .v{font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:600}@media (max-width:640px){.lab-readout .lab-chip:nth-child(n+4){display:none}}.lab-legend{max-width:70%;color:var(--text-secondary);pointer-events:none;flex-wrap:wrap;justify-content:flex-end;gap:.35rem .8rem;font-size:.68rem;display:flex;position:absolute;bottom:.65rem;right:.65rem}.lab-legend i{border-radius:50%;width:8px;height:8px;margin-right:.35rem;display:inline-block}.lab-probe{border:1px solid var(--lp-line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#0b0b0dcc;border-radius:12px;width:min(230px,60%);padding:.6rem .7rem;position:absolute;bottom:.65rem;right:.65rem}.lab-probe-title{letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.35rem;font-size:.58rem;font-weight:700}.lab-probe-row{grid-template-columns:10px 64px 1fr 34px;align-items:center;gap:.4rem;font-size:.7rem;display:grid}.lab-probe-row+.lab-probe-row{margin-top:.22rem}.lab-probe-row .sw{border-radius:3px;width:10px;height:10px}.lab-probe-row .bar{background:#ffffff14;border-radius:3px;height:5px;overflow:hidden}.lab-probe-row .bar span{height:100%;display:block}.lab-probe-row .v{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-secondary)}.lab-size{padding:1.2rem 1.1rem 1rem}.lab-size-row{grid-template-columns:minmax(0,150px) 1fr 70px;align-items:center;gap:.8rem;display:grid}.lab-size-row+.lab-size-row{margin-top:.9rem}.lab-size-k span{font-size:.85rem;font-weight:600;display:block}.lab-size-k small{color:var(--text-muted);font-size:.7rem;display:block}.lab-size-bar{background:#ffffff0f;border-radius:7px;height:14px;overflow:hidden}.lab-size-bar span{background:linear-gradient(90deg, var(--accent-deep), var(--accent-bright));border-radius:7px;height:100%;transition:width .25s;display:block}.lab-size-v{text-align:right;font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:700}.lab-size-foot{border-top:1px solid var(--lp-line);color:var(--text-secondary);margin-top:1.2rem;padding-top:.9rem;font-size:.85rem}.lab-size-foot strong{color:var(--accent-bright)}.lab-size-hint{color:var(--text-muted);font-size:.75rem}@media (max-width:520px){.lab-size-row{grid-template-columns:1fr 64px}.lab-size-bar{grid-area:2/1/auto/-1}}.lab-loop{padding:1.2rem 1.1rem}.lab-loop-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.lab-loop-steps button{border:1px solid var(--lp-line);text-align:left;background:#ffffff08;border-radius:14px;flex-direction:column;align-items:flex-start;gap:.35rem;width:100%;height:100%;padding:.75rem .7rem;transition:all .2s;display:flex}.lab-loop-steps button[aria-pressed=true]{border-color:var(--accent);background:#7c3aed38;box-shadow:0 0 30px -8px #8b5cf6b3}.lab-loop-steps .n{color:var(--accent-bright);font-size:.65rem;font-weight:800}.lab-loop-steps .t{font-size:.82rem;font-weight:700;line-height:1.2}.lab-loop-desc{min-height:3.2em;color:var(--text-secondary);margin-top:1rem;font-size:.95rem;line-height:1.6}.lab-loop-fps{border-top:1px solid var(--lp-line);flex-wrap:wrap;gap:.6rem 2rem;margin-top:1rem;padding-top:.9rem;display:flex}.lab-loop-fps .k{letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);font-size:.6rem;font-weight:700}.lab-loop-fps .v{font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:800}@media (max-width:520px){.lab-loop-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}.learn-keys{border:1px solid var(--lp-line);background:#7c3aed12;border-radius:20px;padding:1.3rem 1.4rem}.learn-keys ul{margin-top:.8rem}.learn-keys li{color:var(--text-secondary);padding-left:1.3rem;font-size:.95rem;line-height:1.55;position:relative}.learn-keys li+li{margin-top:.6rem}.learn-keys li:before{content:"◆";color:var(--accent-bright);font-size:.6rem;position:absolute;top:.1rem;left:0}.learn-quiz{gap:1rem;display:grid}.learn-quiz-q{border:1px solid var(--lp-line);background:#ffffff05;border-radius:16px;min-width:0;padding:1rem 1.1rem}.learn-quiz-q legend{float:left;width:100%;font-size:.95rem;font-weight:600;line-height:1.45}.learn-quiz-n{background:var(--accent-deep);border-radius:50%;place-items:center;width:1.4rem;height:1.4rem;margin-right:.55rem;font-size:.7rem;font-weight:800;display:inline-grid}.learn-quiz-opts{clear:both;flex-wrap:wrap;gap:.45rem;padding-top:.8rem;display:flex}.learn-quiz-opt{border:1px solid var(--lp-line-strong);color:var(--text-secondary);text-align:left;border-radius:999px;padding:.45rem .85rem;font-size:.82rem;transition:all .15s}.learn-quiz-opt:not(:disabled):hover{border-color:var(--accent);color:var(--text-primary)}.learn-quiz-opt:disabled{cursor:default;opacity:.55}.learn-quiz-opt.right{color:#fff;opacity:1;background:#34d39924;border-color:#34d399}.learn-quiz-opt.wrong{color:#fff;opacity:1;background:#f8717124;border-color:#f87171}.learn-quiz-why{color:var(--text-secondary);margin-top:.7rem;font-size:.85rem;line-height:1.55}.learn-quiz-why strong{color:var(--text-primary)}.learn-quiz-foot{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.learn-pills{border:1px solid var(--lp-line);border-radius:999px;align-items:center;gap:.2rem;padding:3px}.learn-pills a{color:var(--text-secondary);border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .8rem;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.learn-pills a:hover{color:var(--text-primary)}.learn-pills a[aria-current=page]{background:var(--accent-deep);color:#fff}.learn-pills .l{opacity:.7;font-size:.62rem;font-weight:800}.lp .learn-pager-sec{padding-top:1rem}.learn-pager{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.learn-pager-card{border:1px solid var(--lp-line-strong);background:#ffffff06;border-radius:20px;flex-direction:column;gap:.3rem;padding:1.3rem 1.4rem;transition:all .15s;display:flex}.learn-pager-card:hover{border-color:var(--accent);background:#7c3aed1a}.learn-pager-card.next{text-align:right}.learn-pager-card .k{letter-spacing:.18em;text-transform:uppercase;color:var(--accent-bright);font-size:.7rem;font-weight:700}.learn-pager-card .t{font-size:1.15rem;font-weight:700}.learn-paths{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;display:grid}.learn-path{border:1px solid var(--lp-line-strong);background:linear-gradient(#ffffff0a,#ffffff03);border-radius:20px;flex-direction:column;gap:.6rem;padding:1.4rem;transition:all .2s;display:flex}.learn-path:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 20px 50px -30px #8b5cf6cc}.learn-path .letter{background:linear-gradient(135deg, var(--accent), var(--accent-deep));border-radius:12px;place-items:center;width:2.2rem;height:2.2rem;font-weight:800;display:grid}.learn-path h3{font-size:1.15rem;font-weight:700}.learn-path p{color:var(--text-secondary);flex:1;font-size:.88rem;line-height:1.55}.learn-path .meta{letter-spacing:.16em;text-transform:uppercase;color:var(--accent-bright);font-size:.68rem;font-weight:700}.learn-gloss{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:0 2rem;display:grid}.learn-gloss div{border-bottom:1px solid var(--lp-line);padding:.9rem 0}.learn-gloss dt{font-weight:700}.learn-gloss dd{color:var(--text-secondary);margin-top:.25rem;font-size:.88rem;line-height:1.55}