:root{color-scheme:light;font-family:IBM Plex Sans,Avenir Next,Hiragino Sans,sans-serif;line-height:1.5;font-weight:400;color:#172033;background:radial-gradient(circle at top left,rgba(255,180,81,.18),transparent 26%),radial-gradient(circle at right 20%,rgba(42,122,102,.16),transparent 24%),linear-gradient(180deg,#f7f3e9,#f4efe4);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--panel: rgba(255, 252, 247, .82);--panel-border: rgba(23, 32, 51, .09);--accent: #cf5f2f;--accent-soft: rgba(207, 95, 47, .12);--teal: #246b64;--teal-soft: rgba(36, 107, 100, .12);--ink-soft: rgba(23, 32, 51, .66);--shadow: 0 24px 60px rgba(58, 43, 18, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-shell{padding:28px}.top-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.top-nav-button{padding:11px 16px;border-radius:999px;border:1px solid rgba(23,32,51,.08);background:#ffffffbd;transition:transform .16s ease,border-color .16s ease,background .16s ease}.top-nav-button:hover{transform:translateY(-1px)}.top-nav-button.is-selected{border-color:#246b6457;background:#246b6414}.section-jump-nav{display:none}.learning-support{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr) minmax(260px,.7fr);gap:14px;margin-bottom:22px}.support-details{border-radius:22px;border:1px solid var(--panel-border);background:#fffcf7bd;box-shadow:var(--shadow);overflow:hidden}.support-details summary{cursor:pointer;padding:14px 16px;color:var(--teal);font-weight:800;list-style:none}.support-details summary::-webkit-details-marker{display:none}.support-details summary:before{content:"+ "}.support-details[open] summary:before{content:"- "}.roadmap-grid,.glossary-grid{display:grid;gap:10px;padding:0 14px 14px}.roadmap-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.glossary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.roadmap-card,.glossary-card{display:grid;gap:6px;padding:13px;border-radius:17px;border:1px solid rgba(23,32,51,.07);background:#ffffffad}.roadmap-card{text-align:left;transition:transform .16s ease,border-color .16s ease,background .16s ease}.roadmap-card:hover{transform:translateY(-1px)}.roadmap-card.is-selected{border-color:#246b6457;background:#246b6414}.roadmap-card span,.roadmap-card small,.glossary-card span{color:var(--ink-soft);font-size:.86rem}.roadmap-card strong,.glossary-card strong{font-size:.98rem}.support-notes{min-width:0}.support-notes .field-label{padding:0 14px}.study-note-input{display:block;width:calc(100% - 28px);min-height:136px;margin:0 14px 14px;padding:13px 14px;resize:vertical;border-radius:16px;border:1px solid rgba(23,32,51,.12);background:#ffffffdb;color:#172033}.hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:24px}.hero h1,.panel h2{margin:0;font-family:Fraunces,Times New Roman,serif;font-size:clamp(1.8rem,2vw + 1rem,3.3rem);font-weight:600;letter-spacing:-.04em}.hero-copy{margin:12px 0 0;max-width:60ch;color:var(--ink-soft)}.hero-meta{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.hero-badge,.formula-pill{display:inline-flex;align-items:center;border-radius:999px;padding:8px 14px;background:#fffcf7bd;border:1px solid var(--panel-border);box-shadow:var(--shadow);font-size:.92rem}.workspace{display:grid;grid-template-columns:minmax(260px,320px) minmax(420px,1fr) minmax(260px,320px);gap:20px}.visual-column{display:grid;gap:20px;min-width:0}.panel{background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--panel-border);border-radius:28px;padding:22px;box-shadow:var(--shadow);min-width:0}.panel-header{margin-bottom:18px}.panel-header h2{font-size:1.7rem}.panel-copy{margin:10px 0 0;color:var(--ink-soft)}.eyebrow{margin:0 0 6px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);font-weight:700}.panel-section+.panel-section{margin-top:22px}.field-label,.detail-label{display:block;margin-bottom:8px;color:var(--ink-soft);font-size:.9rem;font-weight:600}.text-input{width:100%;padding:13px 14px;border-radius:16px;border:1px solid rgba(23,32,51,.12);background:#ffffffe6}.select-input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.field-label-spaced{margin-top:12px}.checkbox-row{display:flex;align-items:center;gap:9px;margin-top:14px;color:var(--ink-soft);font-size:.9rem;font-weight:700}.checkbox-row input{width:17px;height:17px;accent-color:var(--teal)}.button-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.button-row>.accent-button:first-child:nth-last-child(3),.button-row>.secondary-button:nth-child(2):nth-last-child(2),.button-row>.secondary-button:nth-child(3):last-child{grid-column:span 1}.accent-button,.secondary-button,.speed-button,.scenario-card{border-radius:16px;border:1px solid rgba(23,32,51,.08);transition:transform .16s ease,border-color .16s ease,background .16s ease}.accent-button:hover,.secondary-button:hover,.speed-button:hover,.scenario-card:hover{transform:translateY(-1px)}.accent-button{padding:12px 16px;background:linear-gradient(135deg,#d56934,#b84f24);color:#fff}.single-action{width:100%;margin-top:12px}.secondary-button{padding:12px 16px;background:#ffffffd1;color:#172033}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}.section-heading span,.section-subtitle{color:var(--ink-soft);font-size:.88rem}.strategy-toggle{display:grid;grid-template-columns:1fr;gap:10px}.strategy-button{padding:12px 14px;border-radius:16px;border:1px solid rgba(23,32,51,.08);background:#ffffffb8;text-align:left;transition:transform .16s ease,border-color .16s ease,background .16s ease}.strategy-button:hover{transform:translateY(-1px)}.strategy-button.is-selected{border-color:#246b6457;background:#246b6414}.scenario-list{display:grid;gap:10px}.scenario-card{display:grid;gap:6px;width:100%;text-align:left;padding:14px;background:#ffffffa8}.scenario-card strong{font-size:.98rem}.scenario-card span{font-size:.88rem;color:var(--ink-soft)}.scenario-card.is-selected{border-color:#246b6457;background:#246b6414}.panel-timeline{padding:18px}.step-timeline-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px;cursor:pointer;list-style:none}.step-timeline-summary::-webkit-details-marker{display:none}.panel-timeline:not([open]) .step-timeline-summary{margin-bottom:0}.step-timeline-summary strong{display:block;font-size:1.1rem}.step-timeline-current{flex:0 0 auto;padding:7px 10px;border-radius:999px;background:#246b6414;color:var(--ink-soft);font-size:.82rem;font-weight:800}.step-timeline-list{display:grid;gap:8px;max-height:260px;margin:0;padding:0;overflow-y:auto;list-style:none}.step-timeline-button{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:15px;border:1px solid rgba(23,32,51,.07);background:#ffffffad;color:#172033;text-align:left;transition:transform .16s ease,border-color .16s ease,background .16s ease}.step-timeline-button:hover{transform:translateY(-1px)}.step-timeline-button.is-active{border-color:#d569345c;background:#d569341f}.step-timeline-index{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:30px;border-radius:999px;background:#246b641a;color:var(--teal);font-size:.78rem;font-weight:900}.step-timeline-title{color:var(--ink);font-size:.9rem;font-weight:800;overflow-wrap:anywhere}.range-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.comparison-card{gap:14px}.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.comparison-metric{display:grid;gap:4px;padding:12px;border-radius:16px;border:1px solid rgba(23,32,51,.08);background:#ffffffb3}.comparison-metric span,.comparison-metric small{color:var(--ink-soft)}.comparison-metric strong{font-size:1rem}.speed-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.speed-button{padding:10px 8px;background:#ffffffb3}.speed-button.is-selected{border-color:#cf5f2f66;background:var(--accent-soft)}.formula-strip{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:20px}.formula-note{color:var(--ink-soft)}.bucket-list{display:grid;gap:12px}.slot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:12px}.slot-card{display:grid;gap:8px;min-height:96px;padding:14px;border-radius:20px;background:#ffffff9e;border:1px solid rgba(23,32,51,.06);transition:border-color .18s ease,transform .18s ease,background .18s ease}.slot-card.is-active{border-color:#cf5f2f66;background:#fff4eef2;transform:translateY(-2px)}.slot-card.is-empty{background:#ffffff6b}.slot-card.is-deleted{background:#775cd914;border-color:#775cd92e}.slot-card.is-found{background:#32a76a29;border-color:#32a76a57}.slot-card.is-insert{background:#ffd77566;border-color:#b6791057}.slot-card.is-delete{background:#cf5f2f29;border-color:#cf5f2f57}.slot-card.is-duplicate{background:#775cd91f;border-color:#775cd94d}.slot-index{text-transform:uppercase;letter-spacing:.08em;font-size:.74rem;color:var(--ink-soft)}.slot-card strong{font-size:1.28rem}.bucket-row{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center;padding:16px;border-radius:20px;background:#ffffff9e;border:1px solid rgba(23,32,51,.06);transition:border-color .18s ease,transform .18s ease,background .18s ease}.bucket-row.is-active{border-color:#cf5f2f66;background:#fff4eef2;transform:translate(4px)}.bucket-index{display:grid;gap:4px;justify-items:start}.bucket-index span{text-transform:uppercase;letter-spacing:.08em;font-size:.74rem;color:var(--ink-soft)}.bucket-index strong{font-size:1.7rem}.bucket-chain{display:flex;flex-wrap:wrap;gap:10px;align-items:center;min-height:60px}.chain-segment{display:flex;align-items:center;gap:10px}.chain-node,.empty-slot{min-width:58px;padding:10px 14px;border-radius:16px;text-align:center;border:1px solid rgba(23,32,51,.08);background:#fff}.empty-slot{color:var(--ink-soft);background:#ffffff80;border-style:dashed}.chain-node{font-weight:700;box-shadow:0 10px 20px #1720330f;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.chain-node.is-active{background:#246b641f;border-color:#246b644d;transform:translateY(-2px)}.chain-node.is-found{background:#32a76a29;border-color:#32a76a57}.chain-node.is-delete{background:#cf5f2f29;border-color:#cf5f2f57}.chain-node.is-insert{background:#ffd77566;border-color:#b6791057}.chain-node.is-duplicate{background:#775cd91f;border-color:#775cd94d}.chain-arrow{color:var(--ink-soft);font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.stat-card,.detail-card,.concept-card,.watch-points-card{padding:14px;border-radius:18px;background:#ffffffa8;border:1px solid rgba(23,32,51,.06)}.stat-card span,.detail-card span,.concept-card span,.watch-points-card li{display:block;color:var(--ink-soft);font-size:.9rem}.stat-card strong,.detail-card strong,.watch-points-card strong{display:block;margin:6px 0;font-size:1.25rem}.detail-card+.detail-card,.detail-card+.concept-card,.watch-points-card+.stats-grid{margin-top:12px}.watch-points-card{margin-bottom:16px}.watch-points-card ul{margin:10px 0 0;padding-left:1.1rem}.watch-points-card li+li{margin-top:6px}.language-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.language-button{padding:10px 12px;border-radius:14px;border:1px solid rgba(23,32,51,.08);background:#ffffffb8;transition:transform .16s ease,border-color .16s ease,background .16s ease}.language-button:hover{transform:translateY(-1px)}.language-button.is-selected{border-color:#246b6457;background:#246b6414}.code-card{padding:14px;border-radius:18px;background:#ffffffb3;border:1px solid rgba(23,32,51,.06)}.code-card strong{display:block;margin-bottom:6px;font-size:1rem}.code-card span{display:block;color:var(--ink-soft);font-size:.9rem}.code-block{margin:12px 0 0;padding:14px;overflow-x:auto;border-radius:16px;background:#1d2433;color:#edf3ff;font-family:SFMono-Regular,SF Mono,IBM Plex Mono,Menlo,monospace;font-size:.86rem;line-height:1.65}.code-block code{white-space:pre}.code-details{margin-top:12px}.code-details summary{cursor:pointer;color:var(--teal);font-weight:700;list-style:none}.code-details summary::-webkit-details-marker{display:none}.code-details summary:before{content:"+ "}.code-details[open] summary:before{content:"- "}.code-card-full{margin-top:10px}.ring-visual{display:flex;justify-content:center}.ring-svg{width:100%;max-width:480px;height:auto}.ring-outline{fill:#ffffff75;stroke:#17203324;stroke-width:2}.ring-inner{fill:#f7f3e9d9;stroke:#1720330f;stroke-width:1}.ring-node-line{stroke:#17203324;stroke-width:1.5}.ring-node-line.is-assigned{stroke:#cf5f2f70;stroke-width:2.4}.ring-node-dot{stroke:#fff;stroke-width:3}.ring-node-dot.is-active{filter:drop-shadow(0 0 .35rem rgba(23,32,51,.18))}.ring-resource-line{stroke:#cf5f2f70;stroke-width:1.5;stroke-dasharray:6 6}.ring-resource-line.is-active{stroke-width:2.2}.ring-resource-dot{fill:#246b64;stroke:#fff;stroke-width:2.5}.ring-resource-dot.is-active{fill:#cf5f2f}.ring-resource-dot.is-unassigned{fill:#9b5b4c}.ring-resource-dot.is-preview{stroke-dasharray:3 2}.ring-node-label,.ring-resource-label{fill:#172033;font-size:12px}.ring-node-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:18px}.ring-node-chip{display:grid;gap:10px;padding:10px 12px;border-radius:20px;background:#ffffffb8;border:1px solid rgba(23,32,51,.08)}.ring-node-chip.is-active{border-color:#cf5f2f66;background:#fff4eef2}.ring-node-swatch{width:10px;height:10px;border-radius:999px}.ring-node-chip-header{display:flex;align-items:center;gap:8px}.ring-resource-list{display:flex;flex-wrap:wrap;gap:8px}.ring-resource-chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#246b641a;border:1px solid rgba(36,107,100,.16);font-size:.82rem}.ring-resource-chip.is-active{background:#cf5f2f1f;border-color:#cf5f2f47}.ring-resource-chip.is-empty,.ring-resource-chip.is-unassigned{background:#ffffff8f;border-style:dashed;color:var(--ink-soft)}.ring-unassigned{margin-top:14px}.chord-hop-line{stroke:#cf5f2f8a;stroke-width:2.4;stroke-dasharray:7 6}.chord-node-dot-next{filter:drop-shadow(0 0 .45rem rgba(36,107,100,.24))}.chord-path-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.chord-path-pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#246b641a;border:1px solid rgba(36,107,100,.16);font-size:.88rem}.chord-node-card{text-align:left}.chord-node-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--ink-soft);font-size:.82rem}.finger-table{display:grid;gap:8px;margin-top:8px}.finger-table-row{display:grid;grid-template-columns:40px 56px 1fr 1fr;gap:8px;padding:10px 12px;border-radius:14px;background:#ffffff8f;border:1px solid rgba(23,32,51,.06);font-size:.88rem}.finger-table-row.is-header{background:#246b6414;border-color:#246b6429;font-weight:700}.finger-table-row.is-active{background:#fff4eef2;border-color:#cf5f2f3d}.bloom-hash-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin-bottom:18px}.bloom-hash-card{padding:12px 14px;border-radius:18px;background:#ffffffa8;border:1px solid rgba(23,32,51,.06)}.bloom-hash-card.is-active{background:#fff4eef2;border-color:#cf5f2f47}.bloom-hash-card span,.bloom-hash-card strong{display:block}.bloom-bit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:10px}.bloom-bit-card{display:grid;gap:6px;padding:12px;border-radius:18px;background:#ffffff94;border:1px solid rgba(23,32,51,.06);transition:border-color .18s ease,transform .18s ease,background .18s ease}.bloom-bit-card.is-set{background:#246b641f;border-color:#246b642e}.bloom-bit-card.is-unset{color:var(--ink-soft)}.bloom-bit-card.is-active{background:#ffd77557;border-color:#b6791052;transform:translateY(-2px)}.bloom-item-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.bloom-item-chip{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:#ffffffb8;border:1px solid rgba(23,32,51,.08);font-size:.88rem}.bloom-item-chip.is-active{background:#cf5f2f1f;border-color:#cf5f2f3d}.btree-visual{overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.btree-node-wrapper{display:grid;justify-items:center;gap:18px}.btree-node{display:inline-flex;align-items:center;gap:8px;min-height:54px;padding:10px 12px;border-radius:18px;background:#ffffffb8;border:1px solid rgba(23,32,51,.08);box-shadow:0 10px 20px #1720330d}.btree-node.is-active{background:#fff4eef2;border-color:#cf5f2f47}.btree-key-chip{display:inline-flex;align-items:center;justify-content:center;min-width:36px;padding:6px 10px;border-radius:12px;background:#246b641a;border:1px solid rgba(36,107,100,.16);font-weight:700}.btree-key-chip.is-active{background:#ffd77557;border-color:#b6791052}.btree-key-chip.is-promoted{background:#6b5bd224;border-color:#6b5bd238}.btree-key-chip.is-collected{background:#246b6438;border-color:#246b6457}.btree-key-chip.is-current-collect{background:#ffd77570;border-color:#b679106b}.btree-key-chip.is-empty{color:var(--ink-soft);border-style:dashed;background:#ffffff94}.btree-children{display:flex;align-items:flex-start;justify-content:center;gap:18px;width:max-content}.bplus-node{gap:6px}.bplus-node.is-leaf{background:#246b6414}.bplus-node.is-internal{background:#ffffffd1}.bplus-node.is-next{border-color:#246b6457;box-shadow:0 10px 24px #246b641f}.bplus-node-kind{padding-right:6px;color:var(--ink-soft);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.bplus-separator-key{background:#6b5bd21a;border-color:#6b5bd22e}.bplus-leaf-key{background:#246b641f;border-color:#246b642e}.bplus-leaf-strip{margin-top:20px}.bplus-leaf-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.bplus-leaf-chain-item{display:inline-flex;align-items:center;gap:10px}.bepsilon-visual{padding:4px 0 12px}.bepsilon-node{display:grid;gap:12px;min-width:220px;max-width:280px;padding:14px;border-radius:22px;background:#ffffffc2;border:1px solid rgba(23,32,51,.08);box-shadow:0 12px 24px #1720330d;transition:transform .18s ease,border-color .18s ease,background .18s ease}.bepsilon-node.is-active{transform:translateY(-2px);background:#fff4eef5;border-color:#cf5f2f52}.bepsilon-node.is-target{border-color:#246b645c;box-shadow:0 12px 28px #246b641f}.bepsilon-node.is-leaf{background:#246b6412}.bepsilon-node-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.bepsilon-node-head span{color:var(--ink-soft);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.bepsilon-node-head strong{font-size:1.1rem}.bepsilon-separator-row,.bepsilon-record-row,.bepsilon-buffer-row{display:grid;gap:6px}.bepsilon-chip-row{display:flex;flex-wrap:wrap;gap:7px}.bepsilon-message-chip{display:inline-flex;align-items:center;justify-content:center;min-width:54px;padding:6px 9px;border-radius:999px;border:1px solid rgba(23,32,51,.08);background:#ffffffc7;font-size:.82rem;font-weight:700}.bepsilon-message-chip.is-insert{background:#ffd77557;border-color:#b6791042}.bepsilon-message-chip.is-delete{background:#cf5f2f24;border-color:#cf5f2f47}.bepsilon-message-chip.is-active{outline:2px solid rgba(36,107,100,.36);outline-offset:2px}.bepsilon-message-chip.is-empty{color:var(--ink-soft);border-style:dashed;background:#ffffff85}.lsm-flow{display:grid;gap:12px}.lsm-layer-card{display:grid;gap:12px;padding:15px;border-radius:22px;background:#ffffffb8;border:1px solid rgba(23,32,51,.08);transition:transform .18s ease,border-color .18s ease,background .18s ease}.lsm-layer-card.is-active{transform:translateY(-2px);background:#fff4eef5;border-color:#cf5f2f4d}.lsm-layer-header{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.lsm-layer-header strong{font-size:1.06rem}.lsm-layer-header span{color:var(--ink-soft);font-size:.86rem;font-weight:700}.lsm-record-row{display:flex;flex-wrap:wrap;gap:8px}.lsm-record-chip,.lsm-empty-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;border:1px solid rgba(36,107,100,.16);background:#246b641a;font-size:.86rem;font-weight:800}.lsm-record-chip small{color:var(--ink-soft);font-size:.72rem;font-weight:700}.lsm-record-chip.is-tombstone{background:#cf5f2f24;border-color:#cf5f2f47}.lsm-record-chip.is-active{outline:2px solid rgba(207,95,47,.34);outline-offset:2px}.lsm-empty-chip{color:var(--ink-soft);border-style:dashed;background:#ffffff94}.lsm-flow-arrow{justify-self:center;color:var(--ink-soft);font-weight:900}.lsm-sstable-stack{display:grid;gap:10px}.lsm-sstable-card{box-shadow:inset 0 4px #6b5bd238}.paxos-stage{display:grid;gap:16px}.paxos-proposer-row,.paxos-acceptor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.paxos-acceptor-grid{grid-template-columns:repeat(5,minmax(130px,1fr))}.paxos-proposer-card,.paxos-acceptor-card,.paxos-learner-card{display:grid;gap:12px;padding:15px;border-radius:22px;background:#ffffffbd;border:1px solid rgba(23,32,51,.08);transition:transform .18s ease,border-color .18s ease,background .18s ease}.paxos-proposer-card.is-active,.paxos-acceptor-card.is-active{transform:translateY(-2px);background:#fff4eef5;border-color:#cf5f2f52}.paxos-learner-card.is-chosen{background:#246b641a;border-color:#246b6438}.paxos-card-header{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.paxos-card-header strong{font-size:1.12rem}.paxos-card-header span{color:var(--ink-soft);font-size:.78rem;font-weight:800;text-transform:uppercase}.paxos-state-list{display:grid;gap:8px;margin:0}.paxos-state-list div{display:grid;gap:3px}.paxos-state-list dt{color:var(--ink-soft);font-size:.74rem;font-weight:800;text-transform:uppercase}.paxos-state-list dd{margin:0;font-size:.9rem;font-weight:800;overflow-wrap:anywhere}.paxos-message-lane{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-height:58px;padding:12px;border-radius:20px;background:linear-gradient(90deg,#246b6414,#cf5f2f14),#ffffff85;border:1px dashed rgba(23,32,51,.12)}.paxos-message,.paxos-empty-message{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;border:1px solid rgba(36,107,100,.18);background:#246b641a;font-size:.82rem;font-weight:800}.paxos-message small{color:var(--ink-soft);font-size:.72rem;font-weight:800}.paxos-message.is-dropped{opacity:.62;text-decoration:line-through;background:#cf5f2f1f;border-color:#cf5f2f38}.paxos-empty-message{color:var(--ink-soft);border-style:dashed;background:#ffffff94}.paxos-learner-content{display:grid;gap:5px}.paxos-learner-content span,.paxos-learner-content small{color:var(--ink-soft);font-size:.84rem;font-weight:700}.paxos-learner-content strong{font-size:2rem;letter-spacing:-.06em}.buffer-disk-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.buffer-disk-page{display:inline-flex;align-items:center;justify-content:center;min-width:42px;padding:7px 10px;border-radius:999px;border:1px solid rgba(23,32,51,.08);background:#ffffffa3;color:var(--ink-soft);font-size:.84rem;font-weight:800}.buffer-disk-page.is-active{color:#172033;background:#ffd77570;border-color:#b679104d}.buffer-frame-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.buffer-frame-card{display:grid;gap:12px;min-height:172px;padding:15px;border-radius:22px;background:#ffffffbd;border:1px solid rgba(23,32,51,.08);box-shadow:inset 0 4px #246b6429;transition:transform .18s ease,border-color .18s ease,background .18s ease}.buffer-frame-card.is-active{transform:translateY(-2px);background:#fff4eef5;border-color:#cf5f2f52}.buffer-frame-card.is-victim{background:#cf5f2f21;border-color:#cf5f2f57}.buffer-frame-card.is-dirty{box-shadow:inset 0 4px #cf5f2f52}.buffer-frame-card.is-pinned{outline:2px solid rgba(107,91,210,.2);outline-offset:2px}.buffer-frame-header{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.buffer-frame-header strong{font-size:1rem}.buffer-frame-header span{font-size:1.55rem;font-weight:900;letter-spacing:-.06em}.buffer-frame-flags{display:flex;flex-wrap:wrap;gap:7px}.buffer-flag{padding:6px 8px;border-radius:999px;border:1px solid rgba(23,32,51,.08);background:#ffffff9e;color:var(--ink-soft);font-size:.76rem;font-weight:800}.buffer-flag.is-on{color:#172033;background:#246b641f;border-color:#246b6438}.buffer-frame-meta{display:grid;gap:4px;color:var(--ink-soft);font-size:.78rem;font-weight:700}.buffer-policy-strip{display:grid;gap:10px;padding:14px;border-radius:22px;background:linear-gradient(90deg,#246b6414,#ffd7751f),#ffffff8a;border:1px dashed rgba(23,32,51,.12)}.buffer-policy-label{color:var(--teal);font-size:.78rem;font-weight:900;letter-spacing:.12em}.buffer-policy-chain,.buffer-clock-ring{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.buffer-page-chip,.buffer-end-chip,.buffer-clock-slot{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:999px;border:1px solid rgba(36,107,100,.16);background:#246b641a;font-size:.84rem;font-weight:900}.buffer-page-chip small,.buffer-clock-slot small{color:var(--ink-soft);font-size:.72rem;font-weight:800}.buffer-end-chip{color:var(--ink-soft);border-style:dashed;background:#ffffff94}.buffer-clock-slot{border-radius:16px}.buffer-clock-slot.is-hand{background:#ffd7756b;border-color:#b679104d}.wa-engine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.wa-engine-card{display:grid;gap:14px;padding:16px;border-radius:24px;background:#ffffffb8;border:1px solid rgba(23,32,51,.08);transition:transform .18s ease,border-color .18s ease,background .18s ease}.wa-engine-card.is-active{transform:translateY(-2px);background:#fff4eef5;border-color:#cf5f2f47}.wa-engine-btree{box-shadow:inset 0 4px #cf5f2f4d}.wa-engine-bepsilon{box-shadow:inset 0 4px #246b644d}.wa-engine-lsm{box-shadow:inset 0 4px #6b5bd242}.wa-engine-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.wa-engine-header strong{display:block;font-size:1.7rem;letter-spacing:-.04em}.wa-engine-header span{padding:6px 9px;border-radius:999px;background:#ffffffbd;color:var(--ink-soft);font-size:.84rem;font-weight:700;white-space:nowrap}.wa-event-list{display:grid;gap:9px}.wa-event-row{display:grid;grid-template-columns:82px 1fr auto;align-items:center;gap:8px;padding:10px;border-radius:15px;background:#ffffffb3;border:1px solid rgba(23,32,51,.06)}.wa-event-row.is-active{background:#ffd77557;border-color:#b6791047}.wa-event-row.is-memory{border-style:dashed}.wa-event-layer{color:var(--teal);font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.wa-event-row strong{font-size:.9rem}.wa-event-units{color:var(--ink-soft);font-size:.86rem;font-weight:800}.wa-model-note{margin-top:14px;padding:13px 14px;border-radius:16px;background:#246b6414;color:var(--ink-soft);border:1px solid rgba(36,107,100,.12);font-size:.9rem}.wa-engine-toggle{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-playback-dock{display:none}@media (max-width: 1240px){.workspace{grid-template-columns:minmax(260px,320px) minmax(0,1fr);align-items:start}.visual-column{display:contents}.panel-controls{grid-column:1;grid-row:1 / span 4}.panel-visualizer{grid-column:2;grid-row:1}.panel-inspector{grid-column:2;grid-row:2}.panel-timeline{grid-column:2;grid-row:3}.panel-code{grid-column:2;grid-row:4}}@media (max-width: 1080px){.workspace{display:flex;flex-direction:column}.wa-engine-grid{grid-template-columns:1fr}.hero{flex-direction:column}.panel-controls{order:1}.panel-visualizer{order:2}.panel-inspector{order:3}.panel-timeline{order:4}.panel-code{order:5}}@media (max-width: 720px){.app-shell{padding:14px 14px calc(88px + env(safe-area-inset-bottom))}.top-nav{flex-wrap:nowrap;gap:8px;margin:0 -14px 18px;padding:0 14px 4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.top-nav::-webkit-scrollbar{display:none}.top-nav-button{flex:0 0 auto;min-height:42px;padding:10px 13px;font-size:.88rem;white-space:nowrap}.section-jump-nav{position:sticky;top:8px;z-index:30;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 14px;padding:7px;border-radius:18px;background:#fffcf7e6;border:1px solid rgba(23,32,51,.08);box-shadow:0 14px 34px #3a2b121a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.section-jump-nav button{min-height:36px;padding:7px 6px;border-radius:13px;border:1px solid rgba(23,32,51,.07);background:#ffffffbd;color:#172033;font-size:.76rem;font-weight:800}.learning-support{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.support-details{border-radius:18px}.support-details[open]{grid-column:1 / -1}.support-details summary{padding:11px 9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}.roadmap-grid,.glossary-grid{grid-template-columns:1fr;max-height:42vh;overflow-y:auto;padding:0 12px 12px;-webkit-overflow-scrolling:touch}.hero{gap:10px;margin-bottom:12px}.hero h1,.panel h2{font-size:clamp(1.45rem,7vw,2.05rem);line-height:1.12}.hero-copy{margin-top:8px;font-size:.9rem}.hero-meta{display:none}.hero-badge,.formula-pill{padding:7px 10px;font-size:.82rem}.workspace,.visual-column{gap:14px}.workspace{display:flex;flex-direction:column}.visual-column{display:contents}.panel-controls{order:1}.panel-visualizer{order:2}.panel-inspector{order:3}.panel-timeline{order:4}.panel-code{order:5}.panel{width:100%;max-width:100%;border-radius:22px;padding:16px}.panel-header{margin-bottom:14px}.panel-header h2{font-size:1.35rem}.panel-section+.panel-section{margin-top:14px}.panel-controls>.panel-section:first-of-type{display:none}.panel-controls .panel-header{margin-bottom:12px}.panel-controls .strategy-toggle{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-controls .strategy-button,.panel-controls .scenario-card{padding:10px 11px}.panel-controls .button-row{grid-template-columns:repeat(3,minmax(0,1fr))}.panel-controls .button-row .accent-button,.panel-controls .button-row .secondary-button{min-height:42px;padding:9px 6px}.mobile-playback-dock{position:fixed;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));left:12px;z-index:1000;display:grid;grid-template-columns:66px minmax(0,1fr);align-items:center;gap:6px;padding:6px;border-radius:16px;background:#fffcf7f0;border:1px solid rgba(23,32,51,.1);box-shadow:0 18px 46px #3a2b122e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-playback-dock-header{display:grid;gap:2px;margin-bottom:0}.mobile-playback-dock-header .eyebrow{display:none}.mobile-playback-dock-header span{color:var(--ink-soft);font-size:.7rem;font-weight:800;line-height:1.12;white-space:nowrap}.mobile-playback-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.mobile-playback-buttons .accent-button,.mobile-playback-buttons .secondary-button{min-height:36px;padding:6px 4px;border-radius:11px;font-size:.76rem}.text-input,.accent-button,.secondary-button{min-height:42px}.scenario-card,.step-timeline-button,.strategy-button{padding:12px}.scenario-list{display:flex;gap:8px;margin-inline:-16px;padding:0 16px 4px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scenario-list::-webkit-scrollbar{display:none}.scenario-card{flex:0 0 230px;gap:4px}.scenario-card span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.range-input-grid,.comparison-grid,.language-toggle,.wa-engine-toggle{grid-template-columns:1fr}.speed-row{gap:8px}.formula-strip{display:grid;justify-content:stretch;gap:8px}.formula-note{font-size:.9rem}.slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bucket-row{grid-template-columns:64px minmax(0,1fr);gap:10px;padding:10px 12px;border-radius:16px}.bucket-index{align-content:center}.bucket-index strong{font-size:1.35rem}.bucket-chain{min-height:42px}.bucket-chain,.bplus-leaf-row,.chord-path-row,.ring-resource-list,.bloom-item-list{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.chain-segment,.bplus-leaf-chain-item{flex:0 0 auto}.button-row{grid-template-columns:1fr}.panel-inspector .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{gap:8px}.stat-card,.detail-card,.concept-card,.watch-points-card,.panel-timeline,.code-card{padding:12px;border-radius:16px}.step-timeline-summary{gap:10px}.step-timeline-current{white-space:nowrap}.step-timeline-list{max-height:36vh}.stat-card strong,.detail-card strong,.watch-points-card strong{font-size:1.06rem;overflow-wrap:anywhere}.code-block{margin-top:10px;padding:12px;border-radius:14px;font-size:.78rem;line-height:1.55}.ring-svg{min-width:320px}.ring-visual{overflow-x:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch}.ring-node-list{grid-template-columns:1fr}.finger-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.finger-table-row{grid-template-columns:34px 48px 96px 96px;width:max-content;min-width:100%;font-size:.8rem}.bloom-hash-list{grid-template-columns:repeat(2,minmax(0,1fr))}.bloom-bit-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.bloom-bit-card{padding:10px 8px;min-width:0}.btree-visual{margin:0 -16px;padding:2px 16px 10px}.btree-node-wrapper{gap:14px}.btree-children{gap:12px}.btree-node{min-height:48px;padding:8px 10px;border-radius:15px}.btree-key-chip{min-width:32px;padding:5px 8px;font-size:.88rem}.bepsilon-node{min-width:205px;max-width:240px;padding:12px}.bepsilon-message-chip{min-width:48px;font-size:.76rem}.lsm-layer-card{padding:12px;border-radius:18px}.lsm-record-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.lsm-record-chip,.lsm-empty-chip{flex:0 0 auto;font-size:.78rem}.paxos-proposer-row,.paxos-acceptor-grid{grid-template-columns:1fr}.paxos-message-lane,.paxos-acceptor-grid{overflow-x:auto;-webkit-overflow-scrolling:touch}.paxos-acceptor-grid{display:flex;gap:10px}.paxos-acceptor-card{flex:0 0 190px;padding:12px;border-radius:18px}.paxos-proposer-card,.paxos-learner-card{padding:12px;border-radius:18px}.paxos-message{flex:0 0 auto}.buffer-disk-row,.buffer-policy-chain,.buffer-clock-ring{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.buffer-frame-grid{display:flex;gap:10px;overflow-x:auto;margin-inline:-16px;padding:2px 16px 8px;-webkit-overflow-scrolling:touch}.buffer-frame-card{flex:0 0 210px;min-height:160px;padding:12px;border-radius:18px}.buffer-disk-page,.buffer-page-chip,.buffer-end-chip,.buffer-clock-slot{flex:0 0 auto;font-size:.78rem}.buffer-policy-strip{padding:12px;border-radius:18px}.wa-engine-grid{gap:10px}.wa-engine-card{padding:13px;border-radius:20px}.wa-engine-header strong{font-size:1.35rem}.wa-event-row{grid-template-columns:68px 1fr auto;gap:6px;padding:9px}.wa-event-layer{font-size:.66rem;letter-spacing:.04em}.wa-event-row strong,.wa-event-units{font-size:.78rem}}@media (max-width: 420px){.app-shell{padding:10px 10px calc(82px + env(safe-area-inset-bottom))}.top-nav{margin-inline:-10px;padding-inline:10px}.panel{padding:14px;border-radius:20px}.panel-controls>.panel-section:first-of-type{display:none}.mobile-playback-dock{right:8px;left:8px;bottom:calc(8px + env(safe-area-inset-bottom))}.slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.slot-card{min-height:74px;padding:10px}.bloom-bit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wa-event-row{grid-template-columns:1fr auto}.wa-event-layer{grid-column:1 / -1}}