:root{--bg: #eef1f5;--surface: #ffffff;--surface-2: #e2e7ed;--surface-3: #d3dae2;--ink: #1b232c;--ink-soft: #57626f;--ink-faint: #8b95a3;--accent: #b96f27;--accent-soft: #f3e3d1;--accent-2: #2f7d70;--accent-2-soft: #dcefec;--accent-3: #6f5aa8;--accent-3-soft: #e7e1f5;--line: #d7dee6;--code-bg: #182028;--code-ink: #d7dee6;--on-accent: #ffffff;--font-sans: -apple-system, "Avenir Next", "Segoe UI", system-ui, sans-serif;--font-serif: ui-serif, Georgia, "Times New Roman", serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace}:root[data-theme=dark]{--bg: #10151c;--surface: #171e27;--surface-2: #212b36;--surface-3: #2a3441;--ink: #e7ecf1;--ink-soft: #94a3b3;--ink-faint: #5c6b7a;--accent: #e0a24f;--accent-soft: #3a2c1a;--accent-2: #57c2ae;--accent-2-soft: #16302c;--accent-3: #a692e0;--accent-3-soft: #251f3d;--line: #2a3441;--code-bg: #0d1218;--code-ink: #cdd8e0;--on-accent: #10151c}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.container{max-width:1180px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 1px 2px #0f17200f,0 8px 24px #0f17200f;padding:1.25rem}.eyebrow{text-transform:uppercase;font-size:.7rem;letter-spacing:.12em;font-weight:700;color:var(--accent)}.eyebrow.faint{color:var(--ink-faint)}h1,h2,h3{letter-spacing:-.01em;margin:0}.page-title{font-size:clamp(1.6rem,2.6vw,2.1rem);font-weight:700}.serif{font-family:var(--font-serif);color:var(--ink-soft)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem}.site-brand{display:flex;align-items:baseline;gap:.6rem;text-decoration:none}.site-brand .brand-mark{align-self:center;flex:none;color:var(--ink)}.site-brand .logo{font-weight:800;font-size:1.15rem;letter-spacing:-.02em}.site-brand .logo em{color:var(--accent);font-style:normal}.btn{border:1px solid transparent;border-radius:8px;padding:.5rem .85rem;font-size:.85rem;font-weight:600;background:var(--surface-2);color:var(--ink);transition:background .15s ease}.btn:hover:not(:disabled){background:var(--surface-3)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);color:var(--on-accent)}.btn.primary:hover:not(:disabled){filter:brightness(1.06);background:var(--accent)}.btn.icon{padding:.5rem .65rem;line-height:1}.badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.72rem;font-weight:700;font-family:var(--font-mono)}.badge.easy{background:var(--accent-2-soft);color:var(--accent-2)}.badge.medium{background:var(--accent-soft);color:var(--accent)}.badge.hard{background:var(--accent-3-soft);color:var(--accent-3)}.stats-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.stat-card{flex:1 1 150px}.stat-card .num{font-size:1.6rem;font-weight:800;font-family:var(--font-mono)}.stat-card .lbl{font-size:.78rem;color:var(--ink-soft)}.progress-card{display:flex;align-items:center;gap:2rem;flex-wrap:wrap;margin-bottom:1.5rem}.progress-card.signed-out{justify-content:space-between;gap:1rem}.progress-ring-wrap{flex:0 0 auto}.streak-block{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;padding:0 .6rem;min-width:5.5rem}.streak-num{font-size:2rem;font-weight:800;color:var(--accent-3);line-height:1}.streak-lbl{font-size:.72rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em}.streak-best{font-size:.72rem;color:var(--ink-faint);margin-top:.15rem}.progress-diffs{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:.55rem}.diff-line{display:flex;align-items:center;gap:.6rem}.diff-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.diff-name{font-weight:700;font-size:.85rem;width:4.2rem}.diff-count{font-size:.85rem;min-width:4.5rem}.diff-bar{flex:1;height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden;max-width:260px}.diff-bar>span{display:block;height:100%;border-radius:3px;transition:width .3s ease}.diff-hint{font-size:.8rem;color:var(--ink-faint);margin:.35rem 0 0}.qcheck{width:1.4rem;height:1.4rem;border-radius:50%;flex-shrink:0;border:2px solid var(--line);background:none;color:transparent;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;padding:0;line-height:1;transition:background .15s ease,border-color .15s ease,color .15s ease}.qcheck:hover{border-color:var(--accent-2);color:var(--accent-2)}.qcheck.on{background:var(--accent-2);border-color:var(--accent-2);color:#fff}.qcheck.on:hover{filter:brightness(1.08);color:#fff}.qrow.solved .qtitle{color:var(--ink-soft)}.search-bar{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;margin-bottom:1.25rem}.search-input{flex:1 1 220px;min-width:0;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:.55rem .8rem;font-size:.9rem;color:var(--ink)}.diff-filter{display:flex;gap:.4rem;flex-wrap:wrap}.diff-chip{border:1px solid var(--line);border-radius:999px;padding:.35rem .85rem;font-size:.8rem;font-weight:700;background:var(--surface-2);color:var(--ink-soft)}.diff-chip.active.all{background:var(--accent-3-soft);color:var(--accent-3);border-color:var(--accent-3)}.diff-chip.active.easy{background:var(--accent-2-soft);color:var(--accent-2);border-color:var(--accent-2)}.diff-chip.active.medium{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.diff-chip.active.hard{background:var(--accent-3-soft);color:var(--accent-3);border-color:var(--accent-3)}.cat{margin-bottom:.85rem;overflow:hidden;padding:0}.cat-head{width:100%;display:flex;align-items:center;gap:.85rem;background:none;border:none;padding:1rem 1.25rem;font-size:1rem;font-weight:700;color:var(--ink);text-align:left}.cat-head:hover{background:color-mix(in srgb,var(--surface-2) 45%,transparent)}.cat-head .chev{color:var(--ink-faint);transition:transform .2s ease;font-size:.8rem}.cat-head .chev.open{transform:rotate(90deg)}.cat-head .count{margin-left:auto;font-size:.78rem;color:var(--ink-soft);font-family:var(--font-mono)}.cat-progress{height:4px;border-radius:2px;background:var(--surface-2);width:130px;overflow:hidden}.cat-progress>div{height:100%;background:var(--accent);border-radius:2px}.btn.primary.locked{background:var(--surface-3);color:var(--ink-soft)}.btn.primary.locked:hover{background:var(--surface-3);filter:brightness(1.06)}.qrow{display:flex;align-items:center;gap:.85rem;padding:.7rem 1.25rem;border-top:1px solid var(--line)}.qrow:hover{background:color-mix(in srgb,var(--surface-2) 35%,transparent)}.qrow .qtitle{font-weight:600;font-size:.92rem}.qrow .qid{color:var(--ink-faint);font-size:.78rem;width:2.6rem;text-align:right}.qrow .spacer{flex:1}.lc-link{color:var(--ink-faint);text-decoration:none;font-size:.85rem;padding:.3rem .45rem;border-radius:6px;line-height:1;display:inline-flex;align-items:center}.lc-link:hover{background:var(--surface-2)}.lc-link svg{opacity:.85;transition:opacity .15s ease,transform .15s ease}.lc-link:hover svg{opacity:1;transform:scale(1.12)}.qrow .lc-link{margin-right:.35rem}.soon{font-size:.75rem;color:var(--ink-faint);font-style:italic;padding:.5rem .4rem}.viz-header{margin-bottom:1.25rem}.viz-header .desc{margin-top:.35rem;font-size:1rem}.input-panel{display:flex;flex-wrap:wrap;gap:.85rem;align-items:flex-end;margin-bottom:1rem}.field{display:flex;flex-direction:column;gap:.3rem}.field label{font-size:.7rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint)}.field input{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:.5rem .7rem;font-family:var(--font-mono);font-size:.85rem;color:var(--ink);min-width:90px}.field input.lg{min-width:260px}.input-error{color:#c0392b;font-size:.82rem;width:100%}:root[data-theme=dark] .input-error{color:#e88074}.transport{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem}.transport .scrub{flex:1;min-width:140px;accent-color:var(--accent)}.transport .counter{font-size:.8rem;color:var(--ink-soft);white-space:nowrap}.transport select{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:.4rem .5rem;font-size:.8rem;color:var(--ink)}.trace-line{font-family:var(--font-serif);font-size:1.02rem;color:var(--ink);padding:.85rem 1.1rem;margin-bottom:1.25rem;border-left:3px solid var(--accent)}.tag-chip{display:inline-block;font-family:var(--font-mono);font-size:.82rem;font-weight:700;border-radius:6px;padding:.05rem .4rem;margin:0 .1rem}.tag-chip.a{background:var(--accent-soft);color:var(--accent)}.tag-chip.b{background:var(--accent-2-soft);color:var(--accent-2)}.tag-chip.c{background:var(--accent-3-soft);color:var(--accent-3)}.tag-chip.f{background:var(--surface-2);color:var(--ink-faint);text-decoration:line-through}.viz-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:1.25rem;margin-bottom:1.25rem}@media (max-width: 900px){.viz-grid{grid-template-columns:1fr}}.viz-left{display:flex;flex-direction:column;gap:1.25rem;min-width:0}.widget-title{margin-bottom:.85rem}.code-panel{padding:0;overflow:hidden;display:flex;flex-direction:column}.code-tabs{display:flex;gap:.25rem;padding:.6rem .75rem;border-bottom:1px solid var(--line)}.code-tab{border:none;background:none;border-radius:6px;padding:.3rem .7rem;font-size:.8rem;font-weight:700;color:var(--ink-soft)}.code-tab.active{background:var(--accent-soft);color:var(--accent)}.code-body{background:var(--code-bg);color:var(--code-ink);font-family:var(--font-mono);font-size:.78rem;line-height:1.55;padding:.75rem 0;overflow-x:auto;flex:1}.code-line{display:flex;white-space:pre;padding:0 .75rem}.code-line .ln{width:2em;text-align:right;margin-right:.9em;-webkit-user-select:none;user-select:none;color:#a0afbe73;flex-shrink:0}.code-line.hl-a{background:#e0a24f38;box-shadow:inset 3px 0 #e0a24f}.code-line.hl-b{background:#57c2ae29;box-shadow:inset 3px 0 #57c2ae}.result-panel{text-align:center;padding:1.5rem;margin-bottom:1.25rem}.result-panel .rlabel{margin-bottom:.4rem}.result-panel .rvalue{font-size:2rem;font-weight:800;font-family:var(--font-mono);color:var(--accent-3)}.result-panel .rdetail{color:var(--ink-soft);font-size:.9rem;margin-top:.3rem}.note-panel{font-family:var(--font-serif);color:var(--ink-soft);font-size:.98rem;margin-bottom:1.25rem}.note-panel strong{color:var(--ink)}.complexity{display:flex;gap:2rem;color:var(--ink-soft);font-size:.85rem;flex-wrap:wrap}.complexity b{font-family:var(--font-mono);color:var(--ink)}.complexity .cx-vs{color:var(--ink-faint)}.complexity .cx-vs b{color:var(--ink-soft)}.approach-tabs{display:flex;gap:.5rem;margin-bottom:.9rem;flex-wrap:wrap}.approach-tab{display:flex;align-items:baseline;gap:.5rem;padding:.45rem .85rem;border-radius:999px;cursor:pointer;background:var(--surface-2);border:1px solid var(--line);color:var(--ink-soft);font-size:.85rem;font-weight:600;transition:background .18s ease,border-color .18s ease,color .18s ease}.approach-tab:hover{border-color:var(--accent)}.approach-tab.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.approach-cx{font-size:.72rem;opacity:.75}.boxes{display:flex;gap:.35rem;flex-wrap:nowrap;overflow-x:auto;padding:.5rem .25rem 0}.boxcol{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:2.4rem}.box{min-width:2.4rem;height:2.4rem;padding:0 .3rem;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;font-family:var(--font-mono);font-size:.9rem;font-weight:600;transition:background .22s ease,border-color .22s ease,opacity .22s ease}.box.win{background:var(--accent-2-soft);border-color:var(--accent-2)}.box.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.box.good{background:var(--accent-2-soft);border-color:var(--accent-2);color:var(--accent-2)}.box.final{background:var(--accent-3-soft);border-color:var(--accent-3);color:var(--accent-3)}.box.dim{opacity:.35;border-style:dashed}.box-index{font-size:.65rem;color:var(--ink-faint);font-family:var(--font-mono)}.ptr-caret{font-size:.68rem;font-weight:700;font-family:var(--font-mono);line-height:1.15;text-align:center;min-height:1.1em}.ptr-caret.a{color:var(--accent)}.ptr-caret.b{color:var(--accent-2)}.ptr-caret.c{color:var(--accent-3)}.aggs{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.9rem}.agg{border:1px solid var(--line);border-radius:8px;padding:.35rem .7rem;font-size:.8rem;color:var(--ink-soft);background:var(--surface-2)}.agg b{font-family:var(--font-mono);color:var(--ink)}.agg.a b{color:var(--accent)}.agg.b b{color:var(--accent-2)}.agg.c b{color:var(--accent-3)}.bars{display:flex;align-items:flex-end;gap:.3rem;height:150px;padding:.5rem .25rem 0}.barcol{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.2rem;flex:1;height:100%}.bar{width:100%;max-width:2.2rem;border-radius:5px 5px 0 0;background:var(--surface-3);border:1px solid var(--line);border-bottom:none;transition:height .22s ease,background .22s ease}.bar.active{background:var(--accent);border-color:var(--accent)}.bar.win{background:var(--accent-2);border-color:var(--accent-2)}.numline{padding:1.6rem .5rem .5rem}.numline .track{position:relative;height:10px;border-radius:5px;background:var(--surface-2)}.numline .range{position:absolute;top:0;bottom:0;border-radius:5px;background:var(--accent-2-soft);border:1px solid var(--accent-2);transition:left .22s ease,width .22s ease}.numline .marker{position:absolute;top:-1.55rem;transform:translate(-50%);font-family:var(--font-mono);font-size:.72rem;font-weight:700;text-align:center;transition:left .22s ease}.numline .marker:after{content:"▼";display:block;font-size:.6rem}.numline .marker.mid{color:var(--accent)}.numline .marker.best{color:var(--accent-3)}.numline .ends{display:flex;justify-content:space-between;margin-top:.45rem;font-size:.72rem;color:var(--ink-faint);font-family:var(--font-mono)}.numline .lohi{display:flex;justify-content:space-between;margin-top:.15rem;font-size:.75rem;font-family:var(--font-mono);color:var(--ink-soft)}.probe-box{margin-top:1rem;padding:.7rem .9rem;border-radius:10px;border:1px dashed var(--line);font-size:.85rem;color:var(--ink-soft);display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.verdict{font-weight:700;font-family:var(--font-mono);font-size:.78rem;padding:.1rem .5rem;border-radius:6px}.verdict.yes{color:var(--accent-2);background:var(--accent-2-soft)}.verdict.no{color:var(--ink-faint);background:var(--surface-2);text-decoration:line-through}.tree-wrap{display:flex;gap:1rem;align-items:flex-start;flex-wrap:wrap}.tree-svg{flex:1 1 320px;min-width:0}.tree-svg .edge{stroke:var(--line);stroke-width:1.5;transition:all .22s ease}.tree-svg .node circle{fill:var(--surface-2);stroke:var(--line);stroke-width:1.5;transition:all .22s ease}.tree-svg .node.current circle{fill:var(--accent-soft);stroke:var(--accent)}.tree-svg .node.done circle{fill:var(--accent-2-soft);stroke:var(--accent-2)}.tree-svg .node.queued circle{fill:var(--surface);stroke:var(--accent-3);stroke-dasharray:3 2}.tree-svg .node text{font-family:var(--font-mono);font-size:12px;font-weight:700;fill:var(--ink)}.tree-svg .node .nbadge{font-size:9px;fill:var(--accent-3);font-weight:700}.tree-svg .node{transition:transform .22s ease}.side-stack{flex:0 0 170px}.side-stack h4{margin:0 0 .5rem;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.side-stack .frame{font-family:var(--font-mono);font-size:.74rem;padding:.3rem .55rem;border:1px solid var(--line);border-radius:6px;margin-bottom:.3rem;background:var(--surface-2);color:var(--ink-soft)}.side-stack .frame.top{background:var(--accent-soft);color:var(--accent);border-color:var(--accent);font-weight:700}.side-stack .empty{font-size:.75rem;color:var(--ink-faint);font-style:italic}.tree-svg .edge.mark{stroke:var(--accent);stroke-width:2.5}.tree-svg .edge.dimmed{stroke-dasharray:4 3;opacity:.4}.mtx{border-collapse:separate;border-spacing:3px}.mtx-lbl{font-family:var(--font-mono);font-size:.68rem;color:var(--ink-faint);text-align:center;padding:.15rem .3rem;min-width:1.9rem}.mtx-cell{min-width:2.1rem;height:2.1rem;text-align:center;background:var(--surface-2);border:1px solid var(--line);border-radius:7px;font-family:var(--font-mono);font-size:.82rem;font-weight:600;padding:0 .25rem;transition:background .22s ease,border-color .22s ease}.mtx-cell.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.mtx-cell.good,.mtx-cell.win{background:var(--accent-2-soft);border-color:var(--accent-2);color:var(--accent-2)}.mtx-cell.final{background:var(--accent-3-soft);border-color:var(--accent-3);color:var(--accent-3)}.mtx-cell.src{border-color:var(--accent-3);border-style:dashed;color:var(--accent-3)}.mtx-cell.dim{opacity:.35;border-style:dashed}.stack-wrap{display:flex;gap:1.25rem;align-items:flex-start;flex-wrap:wrap}.stack-col{flex:0 0 150px}.stack-col h4{margin:0 0 .5rem;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.stack-box{border:1px solid var(--line);border-radius:10px;border-top-style:dashed;padding:.4rem;min-height:3rem;display:flex;flex-direction:column;gap:.3rem}.stack-item{font-family:var(--font-mono);font-size:.8rem;font-weight:600;text-align:center;padding:.3rem .5rem;border:1px solid var(--line);border-radius:6px;background:var(--surface-2);color:var(--ink-soft)}.stack-item.top{border-color:var(--accent)}.stack-item.a{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.stack-item.b{background:var(--accent-2-soft);color:var(--accent-2);border-color:var(--accent-2)}.stack-item.c{background:var(--accent-3-soft);color:var(--accent-3);border-color:var(--accent-3)}.stack-item.f{opacity:.4;text-decoration:line-through}.stack-box .empty{font-size:.75rem;color:var(--ink-faint);font-style:italic;text-align:center;padding:.5rem}.chain-row{display:flex;align-items:flex-start;gap:.6rem;margin-bottom:.5rem;overflow-x:auto;padding-top:.4rem}.chain-label{font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint);padding-top:.7rem;min-width:4.2rem}.chain,.chain-cell{display:flex;align-items:flex-start}.chain-node{display:flex;flex-direction:column;align-items:center;gap:.2rem}.chain-arrow{color:var(--ink-faint);padding:.55rem .3rem 0;font-family:var(--font-mono);font-size:.9rem}.chain-arrow.faint{opacity:.55;font-size:.8rem}.bits-row{display:flex;align-items:center;gap:.7rem;margin-bottom:.45rem;overflow-x:auto}.bits-label{font-family:var(--font-mono);font-size:.75rem;color:var(--ink-soft);min-width:5.5rem;text-align:right}.bits-label.a{color:var(--accent);font-weight:700}.bits-label.b{color:var(--accent-2);font-weight:700}.bits-label.c{color:var(--accent-3);font-weight:700}.bits{display:flex;gap:.2rem}.bit{width:1.6rem;height:1.6rem;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.78rem;font-weight:700;background:var(--surface-2);border:1px solid var(--line);border-radius:5px;color:var(--ink-faint)}.bit.on{color:var(--ink);background:var(--surface-3)}.bit.hl{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.ivl-wrap{padding:.4rem .2rem}.ivl-row{position:relative;height:1.75rem;margin-bottom:.3rem}.ivl-bar{position:absolute;top:0;height:1.45rem;border-radius:6px;background:var(--surface-3);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:var(--font-mono);font-size:.68rem;font-weight:700;color:var(--ink-soft);transition:left .22s ease,width .22s ease,background .22s ease}.ivl-bar.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.ivl-bar.good,.ivl-bar.win{background:var(--accent-2-soft);border-color:var(--accent-2);color:var(--accent-2)}.ivl-bar.final{background:var(--accent-3-soft);border-color:var(--accent-3);color:var(--accent-3)}.ivl-bar.dim{opacity:.4;border-style:dashed;text-decoration:line-through}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.header-actions{display:flex;align-items:center;gap:.6rem}.header-actions .btn{text-decoration:none}.auth-greeting{font-size:.85rem;color:var(--ink-soft)}.auth-wrap{display:flex;justify-content:center;padding:2rem 0 3rem}.auth-panel{width:100%;max-width:400px;padding:1.75rem}.auth-title{font-size:1.5rem;letter-spacing:-.01em;margin:.35rem 0 .2rem}.auth-sub{font-family:var(--font-serif);color:var(--ink-soft);font-size:.95rem;margin-bottom:1.25rem}.auth-field{margin-bottom:.95rem}.auth-field input{width:100%;font-family:inherit;font-size:.95rem}.auth-hint{font-size:.75rem;color:var(--ink-faint)}.password-input{position:relative;display:flex}.password-input input{width:100%;padding-right:2.5rem}.password-toggle{position:absolute;right:.2rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;background:none;border:none;padding:.35rem;cursor:pointer;color:var(--ink-faint);border-radius:6px}.password-toggle:hover{color:var(--ink)}.password-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.auth-submit{width:100%;margin-top:.35rem;padding:.6rem;font-size:.95rem}.auth-alt{margin-top:1.1rem;font-size:.85rem;color:var(--ink-soft);text-align:center}.auth-alt a{color:var(--accent);font-weight:600}.auth-divider{display:flex;align-items:center;gap:.75rem;margin:1.1rem 0;font-size:.8rem;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.04em}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--line)}.google-signin-btn{display:flex;justify-content:center}.link-btn{background:none;border:none;padding:0;font:inherit;cursor:pointer;color:var(--accent);font-weight:600;text-decoration:underline}.device-list{display:flex;flex-direction:column;gap:.7rem;margin:.5rem 0 .25rem}.device-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border:1px solid var(--line);border-radius:10px;padding:.7rem .9rem;background:var(--surface-2)}.device-label{font-weight:700;font-size:.92rem}.device-date{font-size:.75rem;color:var(--ink-faint);margin-top:.1rem}.upgrade-panel{max-width:440px}.price-row{display:flex;align-items:baseline;gap:.4rem;margin:1rem 0 1.1rem}.price-amount{font-size:2.2rem;font-weight:800;color:var(--accent)}.price-period{font-size:.85rem;color:var(--ink-faint)}.feature-list{list-style:none;margin:0 0 1.25rem;padding:0;display:flex;flex-direction:column;gap:.55rem}.feature-list li{display:flex;align-items:flex-start;gap:.55rem;font-size:.9rem;color:var(--ink-soft)}.feature-check{color:var(--accent-2);font-weight:800;flex-shrink:0}.upgrade-note{text-align:center;margin-top:.6rem}@media (max-width: 640px){.container{padding:1.5rem 1rem 3rem}.site-header{flex-direction:column;align-items:flex-start;gap:.6rem;margin-bottom:1.5rem}.site-brand{flex-wrap:wrap;row-gap:.2rem}.header-actions{width:100%;justify-content:flex-end;flex-wrap:wrap;row-gap:.5rem}.auth-greeting{flex-basis:100%;text-align:right}.page-title{font-size:1.5rem}.progress-card{padding:1rem;gap:1.25rem}.cat-head{padding:.85rem 1rem;gap:.6rem;font-size:.92rem}.cat-head .count{font-size:.7rem}.cat-progress{display:none}.qrow{flex-wrap:wrap;row-gap:.5rem;padding:.75rem 1rem}.qrow .qtitle{flex:1 1 auto;min-width:0}.qrow .badge{margin-left:auto}.qrow .spacer{flex-basis:100%;height:0}.qrow .lc-link{margin-left:auto}.qrow .btn.primary{padding:.45rem .7rem;font-size:.8rem}.complexity{flex-wrap:wrap;gap:.75rem 1.5rem}}.site-nav{display:flex;gap:.15rem}.site-nav a{text-decoration:none;font-size:.82rem;font-weight:700;padding:.4rem .7rem;border-radius:8px;color:var(--ink-soft)}.site-nav a:hover{background:var(--surface-2);color:var(--ink)}.site-nav a.on{background:var(--accent-soft);color:var(--accent)}.db-unit{margin-bottom:1.6rem}.db-unit-head{display:flex;align-items:baseline;gap:.7rem;margin:0 0 .7rem;padding-bottom:.45rem;border-bottom:1px solid var(--line)}.db-unit-head h2{font-size:1.02rem;font-weight:800}.db-unit-head .count{margin-left:auto;font-size:.75rem;color:var(--ink-faint);font-family:var(--font-mono)}.db-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:.85rem}.db-card{display:flex;flex-direction:column;gap:.4rem;padding:1rem;text-decoration:none;color:inherit;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.db-card:hover{transform:translateY(-2px);border-color:var(--accent)}.db-card-top{display:flex;align-items:center;gap:.55rem}.db-card-num{font-size:.72rem;font-weight:800;font-family:var(--font-mono);color:var(--accent);background:var(--accent-soft);padding:.12rem .4rem;border-radius:5px}.db-card-mins{margin-left:auto;font-size:.72rem;color:var(--ink-faint);font-family:var(--font-mono)}.db-card-title{font-size:.98rem;font-weight:700;line-height:1.3}.db-card-blurb{font-family:var(--font-serif);color:var(--ink-soft);font-size:.87rem;line-height:1.45;margin:0;flex:1}.db-chips{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.15rem}.db-chip{font-size:.68rem;font-weight:700;padding:.13rem .45rem;border-radius:999px;background:var(--surface-2);color:var(--ink-soft)}.db-chip.free{background:var(--accent-2-soft);color:var(--accent-2)}.db-chip.hot{background:var(--accent-3-soft);color:var(--accent-3)}.db-card.locked{opacity:.72}.db-card.locked:hover{border-color:var(--line);transform:none}.db-card-lock{font-size:.72rem;font-weight:700;color:var(--ink-faint)}.db-topic-head{margin-bottom:1.1rem}.db-topic-head .db-back{font-size:.8rem;color:var(--ink-soft);text-decoration:none;font-weight:600}.db-topic-head .db-back:hover{color:var(--accent)}.db-topic-head h1{font-size:clamp(1.5rem,2.6vw,2rem);font-weight:800;margin-top:.35rem}.db-topic-head .desc{margin-top:.4rem;font-size:1rem}.db-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:1.6rem;align-items:start}.db-toc{position:sticky;top:1.2rem;padding:.9rem}.db-toc .eyebrow{margin-bottom:.5rem}.db-toc ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.12rem}.db-toc button{display:block;width:100%;text-align:left;font:inherit;cursor:pointer;background:none;border:none;font-size:.82rem;line-height:1.35;color:var(--ink-soft);padding:.32rem .45rem;border-radius:6px;border-left:2px solid transparent}.db-toc button:hover{background:var(--surface-2);color:var(--ink)}.db-toc button.on{color:var(--accent);border-left-color:var(--accent);background:var(--accent-soft)}.db-toc button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.db-body{min-width:0;display:flex;flex-direction:column;gap:1rem}.db-section{scroll-margin-top:1rem}.db-section>h2{font-size:1.12rem;font-weight:800;margin-bottom:.6rem;padding-bottom:.45rem;border-bottom:1px solid var(--line)}.db-h3{font-size:.95rem;font-weight:800;color:var(--accent);margin:1rem 0 .35rem}.db-h3:first-child{margin-top:0}.db-p{font-family:var(--font-serif);font-size:1rem;line-height:1.62;color:var(--ink-soft);margin:0 0 .7rem}.db-p b,.db-list b,.db-note-body b{color:var(--ink);font-weight:700}.db-p code,.db-list code,.db-note-body code,.db-qa-a code,.db-figure figcaption code{font-family:var(--font-mono);font-size:.86em;background:var(--surface-2);padding:.08em .34em;border-radius:4px;color:var(--ink)}.db-list{font-family:var(--font-serif);color:var(--ink-soft);line-height:1.6;margin:0 0 .8rem;padding-left:1.15rem}.db-list li{margin-bottom:.32rem}.db-list li::marker{color:var(--accent);font-weight:700}.db-steps{display:flex;flex-direction:column;gap:.55rem;margin-bottom:.9rem}.db-step{display:flex;gap:.65rem;align-items:flex-start}.db-step-n{flex:0 0 auto;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800}.db-step-t{font-weight:700;font-size:.9rem}.db-step-d{font-family:var(--font-serif);color:var(--ink-soft);font-size:.94rem;line-height:1.5}.db-figure{margin:0 0 1rem}.db-figure-canvas{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:1rem;display:flex;justify-content:center;overflow-x:auto}.db-figure figcaption{font-family:var(--font-serif);font-size:.85rem;color:var(--ink-faint);text-align:center;margin-top:.45rem;line-height:1.5}svg.dg{display:block;width:100%;height:auto;font-family:var(--font-sans)}.db-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px}.db-table{border-collapse:collapse;width:100%;font-size:.87rem}.db-table th,.db-table td{padding:.5rem .7rem;text-align:left;vertical-align:top}.db-table thead th{background:var(--surface-2);font-weight:800;font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);white-space:nowrap}.db-table tbody tr+tr td{border-top:1px solid var(--line)}.db-table tbody td:first-child{font-weight:700}.db-table td{color:var(--ink-soft)}.db-code{background:var(--code-bg);border-radius:10px;overflow:hidden;margin:0 0 1rem}.db-code-title{font-size:.7rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint);padding:.55rem .9rem 0}.db-code pre{margin:0;padding:.8rem .9rem;overflow-x:auto;font-family:var(--font-mono);font-size:.83rem;line-height:1.65;color:var(--code-ink)}.db-note{border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 10px 10px 0;padding:.7rem .9rem;margin:0 0 1rem}.db-note.tip{border-color:var(--accent-2);background:var(--accent-2-soft)}.db-note.exam{border-color:var(--accent-3);background:var(--accent-3-soft)}.db-note-label{font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:.2rem}.db-note.tip .db-note-label{color:var(--accent-2)}.db-note.exam .db-note-label{color:var(--accent-3)}.db-note-body{font-family:var(--font-serif);font-size:.94rem;line-height:1.55;color:var(--ink-soft)}.db-qa{display:flex;flex-direction:column;gap:.4rem}.db-qa-toggle{align-self:flex-start;margin-bottom:.2rem}.db-qa-item{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}.db-qa-item.open{border-color:var(--accent-3)}.db-qa-q{width:100%;display:flex;align-items:flex-start;gap:.6rem;text-align:left;background:none;border:0;padding:.7rem .85rem;color:inherit;font-size:.92rem;font-weight:600;line-height:1.4}.db-qa-q:hover{background:color-mix(in srgb,var(--surface-2) 45%,transparent)}.db-qa-n{flex:0 0 auto;font-size:.72rem;font-weight:800;color:var(--accent-3);padding-top:.15rem}.db-qa-text{flex:1;min-width:0}.db-qa-chev{flex:0 0 auto;color:var(--ink-faint);transition:transform .18s ease}.db-qa-item.open .db-qa-chev{transform:rotate(180deg)}.db-qa-a{padding:0 .85rem .8rem 2.05rem;font-family:var(--font-serif);font-size:.95rem;line-height:1.6;color:var(--ink-soft)}.db-qa-a b{color:var(--ink)}.db-nav{display:flex;gap:.75rem;margin-top:1.25rem}.db-nav a{flex:1;text-decoration:none;color:inherit;padding:.8rem .95rem;display:flex;flex-direction:column;gap:.15rem}.db-nav a:hover{border-color:var(--accent)}.db-nav .dir{font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.db-nav .t{font-size:.9rem;font-weight:700}.db-nav a.next{text-align:right}.db-gate{text-align:center;padding:2.5rem 1.5rem}.db-gate h2{font-size:1.2rem;margin-bottom:.4rem}@media (max-width: 900px){.db-layout{grid-template-columns:1fr}.db-toc{position:static}.db-toc ol{flex-direction:row;flex-wrap:wrap;gap:.3rem}.db-toc button{width:auto;border-left:0;border:1px solid var(--line)}}@media (max-width: 640px){.db-cards{grid-template-columns:1fr}.db-nav{flex-direction:column}.db-nav a.next{text-align:left}.db-figure-canvas{padding:.7rem}}.mod-row{display:grid;gap:.85rem;margin-bottom:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.mod-cta{display:flex;align-items:center;gap:.95rem;padding:1rem 1.1rem;text-decoration:none;color:inherit;border-left-width:3px;border-left-style:solid;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.mod-cta.a{border-left-color:var(--accent)}.mod-cta.b{border-left-color:var(--accent-2)}.mod-cta:hover{transform:translateY(-2px);box-shadow:0 2px 4px #0f172014,0 12px 28px #0f17201a}.mod-cta-icon{font-size:1.7rem;line-height:1;flex:0 0 auto}.mod-cta-body{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0}.mod-cta-title{font-weight:700;font-size:1rem;letter-spacing:-.01em}.mod-cta-tagline{font-family:var(--font-serif);font-size:.86rem;line-height:1.4;color:var(--ink-soft)}.mod-cta-meta{font-size:.74rem;color:var(--ink-faint);margin-top:.1rem}.mod-cta-go{flex:0 0 auto;font-size:1.15rem;color:var(--ink-faint);transition:transform .15s ease,color .15s ease}.mod-cta:hover .mod-cta-go{transform:translate(3px)}.mod-cta.a:hover .mod-cta-go{color:var(--accent)}.mod-cta.b:hover .mod-cta-go{color:var(--accent-2)}@media (max-width: 640px){.mod-row{grid-template-columns:1fr}.mod-cta{padding:.85rem .95rem;gap:.7rem}.mod-cta-icon{font-size:1.4rem}}.mod-group{margin-bottom:1.5rem}.mod-group+.mod-group{margin-top:1.75rem}.mod-group-head{display:flex;align-items:baseline;gap:.7rem;margin:0 0 .7rem;padding-bottom:.45rem;border-bottom:1px solid var(--line)}.mod-group-head h2{font-size:1rem;font-weight:800}.mod-group-head .count{margin-left:auto;font-size:.75rem;color:var(--ink-faint)}.mod-group-all{margin-left:auto;font-size:.78rem;font-weight:700;color:var(--accent);text-decoration:none}.mod-group-all:hover{text-decoration:underline}.mod-group .mod-row{margin-bottom:0}