:root,:root[data-theme=default]{--bg: #f4ede0;--bg-alt: #ede4d0;--paper: #fbf6e9;--ink: #1a1812;--ink-soft: #3d3930;--ink-muted: #7a7565;--ink-faint: #b0a993;--rule: #d9cfae;--rule-soft: #ebe2cc;--accent: #2d5a2c;--accent-deep: #1a3a19;--accent-bright: #3d7a3c;--accent-wash: rgba(45, 90, 44, .08);--secondary: #a86b1a;--secondary-deep: #845212;--secondary-wash: rgba(168, 107, 26, .08);--tertiary: #6b4870;--serif: "Source Serif 4", "IBM Plex Serif", Georgia, serif;--sans: "Inter", -apple-system, system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SF Mono", monospace;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 40px;--space-7: 60px;--radius: 7px;--sidenav-w: 280px}:root[data-theme=warm]{--bg: #fff8e8;--bg-alt: #ffedc4;--paper: #ffffff;--ink: #1a1810;--ink-soft: #3d3a28;--ink-muted: #807965;--ink-faint: #b8ad8e;--rule: #f0d8a0;--rule-soft: #f8e6bc;--accent: #2d5a2c;--accent-deep: #1a3a19;--accent-bright: #3d7a3c;--accent-wash: rgba(45, 90, 44, .08);--secondary: #a86b1a;--secondary-deep: #845212;--secondary-wash: rgba(168, 107, 26, .08);--tertiary: #6b4870}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--serif);font-size:16px;line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased}body{min-height:100vh}a{color:var(--accent);text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:3px}a:hover{color:var(--accent-bright)}p{margin:0 0 var(--space-3)}p:last-child{margin-bottom:0}em{color:var(--ink-soft)}strong{font-weight:600;color:var(--ink)}code,.mono{font-family:var(--mono);font-size:.92em;background:var(--accent-wash);color:var(--accent-deep);padding:1px 6px;border-radius:3px;font-weight:500}ul,ol{margin:0 0 var(--space-3);padding-left:var(--space-4)}li{margin-bottom:var(--space-1)}button{font-family:var(--sans);cursor:pointer;border:none;background:none;color:inherit}.app{display:grid;grid-template-columns:var(--sidenav-w) 1fr;min-height:100vh}.main{padding:var(--space-7) clamp(24px,5vw,80px) var(--space-7) clamp(24px,5vw,80px);max-width:1100px}.section{padding-block:var(--space-6) var(--space-6);border-bottom:1px solid var(--rule-soft)}.section:last-child{border-bottom:none}.section-header{max-width:880px;margin-bottom:var(--space-7)}.h2{font-family:var(--serif);font-size:clamp(36px,5vw,56px);font-weight:500;letter-spacing:-1.5px;line-height:1;margin:0 0 var(--space-4);color:var(--ink)}.h3{font-family:var(--serif);font-size:32px;font-weight:500;letter-spacing:-.5px;line-height:1.15;margin:0 0 var(--space-3);color:var(--ink)}.h4{font-family:var(--serif);font-size:22px;font-weight:500;margin:0 0 var(--space-2)}.lede{font-family:var(--serif);font-size:20px;font-weight:400;font-style:italic;line-height:1.55;color:var(--ink-soft);margin:0 0 var(--space-3);max-width:820px}.kicker{font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--secondary);margin:0 0 var(--space-3);display:block}.label{font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:.6px;text-transform:uppercase;color:var(--ink-muted)}.caption{font-family:var(--serif);font-style:italic;font-size:14px;color:var(--ink-muted);margin-top:var(--space-2)}.footnote{border-left:2px solid var(--rule);padding:var(--space-3) var(--space-4);background:var(--bg-alt);border-radius:0 var(--radius) var(--radius) 0;margin-top:var(--space-5)}.footnote ul{list-style:none;padding:0;margin:0}.footnote li{padding-left:var(--space-3);position:relative;margin-bottom:var(--space-2);color:var(--ink-soft);font-size:15px}.footnote li:before{content:"·";position:absolute;left:0;color:var(--ink-faint)}@media (max-width: 768px){.app{grid-template-columns:1fr}.main{padding:var(--space-5) var(--space-4)}}.sidenav{position:sticky;top:0;align-self:start;height:100vh;width:var(--sidenav-w);border-right:1px solid var(--rule-soft);padding:var(--space-7) var(--space-4);display:flex;flex-direction:column;gap:var(--space-5);background:var(--bg)}.sidenav__brand{font-family:var(--serif);font-size:20px;font-weight:600;color:var(--ink);letter-spacing:-.3px;line-height:1.1}.sidenav__brand-mark{display:block;font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--secondary);margin-bottom:var(--space-2)}.sidenav__nav{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1);flex:1}.sidenav__nav a{font-family:var(--sans);font-size:13px;color:var(--ink-soft);text-decoration:none;padding:var(--space-1) 0;display:flex;gap:var(--space-2);align-items:baseline}.sidenav__nav a:hover{color:var(--ink)}.sidenav__nav a.is-active{color:var(--accent-deep);font-weight:500}.sidenav__nav-num{font-family:var(--mono);font-size:11px;color:var(--ink-faint);background:none;padding:0;border-radius:0}.sidenav__nav a.is-active .sidenav__nav-num{color:var(--accent)}.card{position:relative;background:var(--paper);border-radius:var(--radius);transition:transform .18s cubic-bezier(.2,.7,.3,1);display:flex;flex-direction:column}.card:before{content:"";position:absolute;top:3px;right:-1px;bottom:-3px;left:-1px;background:var(--bg-alt);border-radius:var(--radius);z-index:-1;filter:drop-shadow(0 4px 6px rgba(0,0,0,.08))}.card:hover{transform:translateY(-3px)}.key-card{width:100%;min-width:96px;padding:var(--space-3) var(--space-2);align-items:center;text-align:center;gap:var(--space-1)}.key-card__notation{font-family:var(--mono);font-size:22px;font-weight:500;color:var(--ink);background:none;padding:0;letter-spacing:-.5px;line-height:1;margin-bottom:var(--space-1)}.key-card__name{font-family:var(--serif);font-size:13px;color:var(--ink-soft);line-height:1.25;margin-bottom:2px}.key-card__gloss{font-family:var(--sans);font-size:11px;color:var(--ink-muted);letter-spacing:.2px;line-height:1.3}.modes-frieze{display:flex;flex-direction:column}.mode-entry{padding-top:var(--space-5);padding-bottom:var(--space-5);border-top:1px solid var(--rule-soft)}.mode-entry:first-child{border-top:none;padding-top:0}.mode-entry:last-child{padding-bottom:0}.mode-entry__header{display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3)}.mode-entry__num{font-family:var(--serif);font-size:36px;font-weight:400;color:var(--accent);letter-spacing:-1px;line-height:1;min-width:48px}.mode-entry__name{font-family:var(--serif);font-size:28px;font-weight:500;letter-spacing:-.3px;margin:0;color:var(--ink);line-height:1.1}.mode-entry__signature{font-family:var(--sans);font-size:13px;color:var(--ink-muted);letter-spacing:.2px}.mode-entry__banner{font-family:var(--mono);font-size:12px;color:var(--accent-deep);background:var(--accent-wash);padding:1px 6px;border-radius:3px}.mode-entry__banner-empty{font-family:var(--serif);font-style:italic;color:var(--ink-faint)}.mode-entry__purpose{font-family:var(--serif);font-style:italic;font-size:17px;line-height:1.55;color:var(--ink-soft);max-width:640px;margin:0 0 var(--space-4)}.mode-entry__facets{display:grid;grid-template-columns:140px 1fr;row-gap:var(--space-2);column-gap:var(--space-4);margin:0;max-width:760px}.mode-entry__facets dt{font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:.6px;text-transform:uppercase;color:var(--ink-muted);padding-top:4px}.mode-entry__facets dd{font-family:var(--serif);font-size:15px;color:var(--ink-soft);margin:0;line-height:1.55}.mode-entry__facets dd code{font-size:13px;padding:1px 5px}@media (max-width: 768px){.mode-entry__facets{grid-template-columns:1fr;row-gap:var(--space-1)}.mode-entry__facets dt{padding-top:var(--space-2)}.mode-entry__facets dt:first-child{padding-top:0}}.filter-pills{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}.pill{font-family:var(--sans);font-size:13px;font-weight:500;padding:6px 14px;border-radius:100px;background:transparent;color:var(--ink-soft);border:1px solid var(--rule);display:inline-flex;align-items:baseline;gap:var(--space-2);transition:background .15s,color .15s,border-color .15s}.pill:hover{border-color:var(--ink-muted);color:var(--ink)}.pill--active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.pill__count{font-family:var(--mono);font-size:11px;color:inherit;opacity:.7}.artifact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-3)}.artifact-group{margin-bottom:var(--space-5)}.artifact-group:last-child{margin-bottom:0}.artifact-group__header{font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:.6px;text-transform:uppercase;color:var(--ink-muted);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--rule-soft)}.outcome{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-4);align-items:stretch;margin-bottom:var(--space-5)}.outcome__panel{background:var(--paper);border-radius:var(--radius);padding:var(--space-4);border:1px solid var(--rule-soft);font-family:var(--mono);font-size:13px;white-space:pre;line-height:1.55;color:var(--ink);overflow-x:auto}.outcome__panel-label{font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:.6px;text-transform:uppercase;color:var(--ink-muted);margin-bottom:var(--space-2);display:block}.outcome__keys{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-3)}.outcome__keys-arrow{font-family:var(--serif);font-size:24px;color:var(--ink-faint);line-height:1}.outcome__keys-seq{font-family:var(--mono);font-size:16px;font-weight:500;color:var(--accent-deep);background:var(--accent-wash);padding:6px 12px;border-radius:4px;white-space:nowrap}.outcome__title{font-family:var(--serif);font-size:18px;font-weight:500;margin-bottom:var(--space-3);color:var(--ink)}.outcome__container{margin-bottom:var(--space-5)}@media (max-width: 768px){.outcome{grid-template-columns:1fr}.outcome__keys{padding:var(--space-2)}.outcome__keys-arrow{transform:rotate(90deg)}}.walkthrough{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-5)}.walkthrough__step{display:grid;grid-template-columns:auto 1fr 1.2fr;gap:var(--space-4);align-items:start;padding-bottom:var(--space-5);border-bottom:1px solid var(--rule-soft)}.walkthrough__step:last-child{border-bottom:none}.walkthrough__number{font-family:var(--serif);font-size:56px;font-weight:500;line-height:1;color:var(--accent);letter-spacing:-2px;min-width:60px}.walkthrough__body,.walkthrough__visual{padding-top:6px}.buffer-panel{background:var(--ink);color:var(--bg);border-radius:var(--radius);font-family:var(--mono);font-size:13px;line-height:1.6;overflow:hidden;border:1px solid var(--ink)}.buffer-panel__chrome{background:#2a2a22;padding:6px 12px;font-family:var(--sans);font-size:11px;color:var(--ink-faint);letter-spacing:.4px;display:flex;justify-content:space-between;border-bottom:1px solid #3a3a32}.buffer-panel__body{padding:var(--space-3);white-space:pre;min-height:140px}.buffer-panel__line{display:flex;gap:var(--space-3)}.buffer-panel__lineno{color:var(--ink-faint);-webkit-user-select:none;user-select:none;min-width:24px;text-align:right}.buffer-panel__cursor-block{background:var(--accent-bright);color:var(--ink)}.buffer-panel__cursor-line{border-left:2px solid var(--accent-bright);margin-left:-2px}.buffer-panel__statusline{background:var(--ink);color:var(--bg);padding:6px 12px;font-size:12px;font-family:var(--mono);border-top:1px solid #3a3a32;display:flex;justify-content:space-between}.buffer-panel__statusline-mode{background:var(--accent);color:var(--paper);padding:1px 8px;border-radius:2px;font-weight:600;letter-spacing:.5px}.walkthrough__controls{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.btn{font-family:var(--sans);font-size:13px;font-weight:500;padding:8px 16px;border-radius:4px;background:var(--accent);color:var(--paper);border:none;cursor:pointer;transition:background .15s}.btn:hover{background:var(--accent-bright)}.btn:disabled{background:var(--ink-faint);cursor:not-allowed}.btn--ghost{background:transparent;color:var(--ink-soft);border:1px solid var(--rule)}.btn--ghost:hover{background:var(--bg-alt);color:var(--ink)}@media (max-width: 768px){.walkthrough__step{grid-template-columns:1fr}.walkthrough__number{font-size:36px;min-width:auto}}.at-a-glance{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}.glance-card{background:var(--paper);border:1px solid var(--rule-soft);border-radius:var(--radius);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.glance-card__keys{font-family:var(--mono);font-size:18px;font-weight:500;color:var(--accent-deep);background:var(--accent-wash);padding:6px 10px;border-radius:4px;align-self:flex-start}.glance-card__name{font-family:var(--serif);font-size:15px;color:var(--ink);font-weight:500}.glance-card__summary{font-family:var(--serif);font-size:14px;color:var(--ink-soft);line-height:1.45}.glance-card__badge{font-family:var(--sans);font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--ink-muted);margin-top:auto}.combinator{background:var(--paper);border:1px solid var(--rule-soft);border-radius:var(--radius);padding:var(--space-4);margin-top:var(--space-5);display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:var(--space-4);align-items:stretch}.combinator__column{display:flex;flex-direction:column;gap:var(--space-2)}.combinator__label{font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:.6px;text-transform:uppercase;color:var(--ink-muted);margin-bottom:var(--space-1)}.combinator__option{font-family:var(--sans);font-size:13px;text-align:left;padding:8px 12px;border-radius:4px;border:1px solid var(--rule);background:transparent;color:var(--ink-soft);cursor:pointer;display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2)}.combinator__option:hover{border-color:var(--ink-muted);color:var(--ink)}.combinator__option.is-active{background:var(--accent-wash);border-color:var(--accent);color:var(--accent-deep)}.combinator__option-key{font-family:var(--mono);font-weight:500;font-size:13px}.combinator__result{background:var(--bg-alt);border-radius:var(--radius);padding:var(--space-3);display:flex;flex-direction:column;justify-content:center;gap:var(--space-2)}.combinator__result-keys{font-family:var(--mono);font-size:32px;font-weight:500;color:var(--ink);letter-spacing:-1px;background:none;padding:0}.combinator__result-name{font-family:var(--serif);font-size:16px;color:var(--ink-soft)}.combinator__result-empty{font-family:var(--serif);font-style:italic;color:var(--ink-muted);font-size:14px}@media (max-width: 768px){.combinator{grid-template-columns:1fr}}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.comparison__column{background:var(--paper);border-radius:var(--radius);padding:var(--space-4);border:1px solid var(--rule-soft)}.comparison__column header{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;display:flex;align-items:center;gap:var(--space-1);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--rule-soft)}.comparison__column--valid header{color:var(--accent)}.comparison__column--invalid header{color:var(--secondary)}.comparison__example{margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px dashed var(--rule-soft)}.comparison__example:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.comparison__example-keys{font-family:var(--mono);font-size:16px;font-weight:500;color:var(--ink);background:none;padding:0;margin-bottom:var(--space-1);display:block}.comparison__example-note{font-family:var(--serif);font-size:14px;color:var(--ink-soft);margin:0;line-height:1.45}.comparison__tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);border-bottom:1px solid var(--rule-soft)}.comparison__tab{font-family:var(--sans);font-size:13px;font-weight:500;padding:8px 16px;background:transparent;border:none;color:var(--ink-muted);border-bottom:2px solid transparent;cursor:pointer;margin-bottom:-1px}.comparison__tab.is-active{color:var(--ink);border-bottom-color:var(--ink)}@media (max-width: 768px){.comparison{grid-template-columns:1fr}}.action-table{display:flex;flex-direction:column}.action-row{display:grid;grid-template-columns:1.6fr 1.6fr 1.4fr 1fr;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--rule-soft);align-items:start}.action-row:last-child{border-bottom:none}.action-row__name{display:flex;flex-direction:column;gap:2px}.action-row__name-keys{font-family:var(--mono);font-size:22px;font-weight:500;color:var(--ink);background:none;padding:0;letter-spacing:-.5px}.action-row__name-spoken{font-family:var(--serif);font-style:italic;font-size:14px;color:var(--ink-soft)}.action-row__name-literal{font-family:var(--serif);font-size:14px;color:var(--ink-muted)}.action-row__description{font-family:var(--serif);font-size:15px;line-height:1.45;color:var(--ink-soft)}.action-row__description strong{display:block;color:var(--ink);font-size:16px;margin-bottom:2px;font-weight:500}.action-row__example{font-family:var(--mono);font-size:12px;background:var(--bg-alt);padding:var(--space-2);border-radius:4px;color:var(--ink-soft);white-space:pre;line-height:1.45;overflow-x:auto}.action-row__timing{display:flex;flex-direction:column;gap:var(--space-1)}.badge{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;padding:3px 8px;border-radius:3px;background:var(--accent-wash);color:var(--accent-deep);align-self:flex-start}.badge--secondary{background:var(--secondary-wash);color:var(--secondary-deep)}.action-row__timing-note{font-family:var(--serif);font-size:13px;color:var(--ink-muted);line-height:1.4}@media (max-width: 768px){.action-row{grid-template-columns:1fr;gap:var(--space-2)}}.ladder{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.ladder__rank{display:grid;grid-template-columns:auto 1fr;gap:var(--space-4);padding:var(--space-3);background:var(--paper);border-radius:var(--radius);border:1px solid var(--rule-soft)}.ladder__number{font-family:var(--serif);font-size:48px;font-weight:500;color:var(--accent);line-height:1;letter-spacing:-2px;min-width:50px}.ladder__title{font-family:var(--serif);font-size:18px;font-weight:500;margin:0 0 var(--space-1);color:var(--ink);display:flex;align-items:baseline;gap:var(--space-2)}.ladder__title code{font-size:14px}.ladder__body p{font-family:var(--serif);font-size:14px;color:var(--ink-soft);line-height:1.5;margin:0}.formula{background:var(--paper);border:1px solid var(--rule-soft);border-radius:var(--radius);padding:var(--space-4);margin-top:var(--space-3)}.formula__expression{font-family:var(--mono);font-size:22px;color:var(--ink);background:none;padding:0;margin-bottom:var(--space-3);letter-spacing:-.3px}.formula__legend{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-2) var(--space-4)}.formula__legend li{font-family:var(--serif);font-size:14px;color:var(--ink-soft);margin:0}.formula__legend code{font-size:13px;margin-right:var(--space-1)}.theme-switcher{display:flex;flex-direction:column;gap:var(--space-2)}.theme-switcher__label{font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:.6px;text-transform:uppercase;color:var(--ink-muted)}.swatches{display:flex;gap:var(--space-2)}.swatch{width:28px;height:28px;border-radius:50%;border:1px solid var(--rule);cursor:pointer;padding:0;transition:transform .15s,border-color .15s}.swatch:hover{transform:scale(1.08)}.swatch.is-active{border-color:var(--ink);border-width:2px}.swatch--default{background:#f4ede0}.swatch--warm{background:#fff8e8}