:root{--bg: #0a0a0a;--ink: #e8e6e0;--ink-dim: rgba(232, 230, 224, .58);--faint: rgba(232, 230, 224, .18);--line: rgba(232, 230, 224, .1);--accent: #d4a843;--serif: "Cormorant Garamond", Georgia, serif;--mono: "DM Mono", ui-monospace, Menlo, monospace;--sans: "DM Sans", -apple-system, system-ui, sans-serif;--ctl-s: 24px;--ctl: 28px;--ctl-l: 36px;--tile: 44px;--r-inner: 4px;--r-inset: 8px;--r-panel: 12px;--glass: rgba(10, 10, 10, .86);--glass-solid: rgba(10, 10, 10, .96);--track: .04em;--track-lg: .12em;--measure: 34em;--measure-serif: 26em;--plate: max(300px, min(520px, 100vh - 480px))}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;letter-spacing:inherit}button{background:none;border:none;color:inherit;cursor:pointer}[hidden]{display:none!important}strong,b{font-weight:500}button:disabled,button[aria-disabled=true]{opacity:.45;cursor:default}input[type=range],input[type=checkbox],input[type=radio]{accent-color:var(--accent)}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-inner)}.graf-ctl{min-height:var(--ctl);display:inline-flex;align-items:center;justify-content:center}.graf-tab:hover:not([data-active="1"]){color:var(--ink)}.graf-tab:active:not([data-active="1"]),.graf-foot:active{background:#d4a84324}@media (pointer: coarse){.graf-ctl{min-height:var(--tile)}.graf-footer{height:auto!important;min-height:52px}}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.scroll::-webkit-scrollbar{width:6px}.scroll::-webkit-scrollbar-track{background:transparent}.scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.scroll::-webkit-scrollbar-thumb:hover{background:var(--faint)}@media (max-width: 760px){body{font-size:13px}.graf-canon-layout{display:block!important}.graf-canon-sidebar{width:100%!important;max-height:none!important;border-right:none!important;border-bottom:1px solid var(--line)!important}.graf-canon-sidebar .graf-canon-list{display:flex!important;flex-direction:row!important;overflow-x:auto!important;padding:8px 12px!important;gap:4px;-webkit-overflow-scrolling:touch}.graf-canon-sidebar .graf-canon-list>button{flex-shrink:0;width:auto!important;min-width:160px;max-width:220px;padding:10px 12px!important;border-left:none!important;border-bottom:2px solid transparent!important}.graf-canon-sidebar .graf-canon-list>button[data-active="1"]{border-bottom-color:var(--accent)!important;border-left-color:transparent!important}.graf-fingerprint-grid{grid-template-columns:1fr!important}.graf-fingerprint-card{min-height:320px!important;order:-1}.graf-metric-row{grid-template-columns:minmax(0,1fr) auto!important;row-gap:2px!important}.graf-metric-note{grid-column:1 / -1}.graf-pair-atlas-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))!important}.graf-mix-sources{grid-template-columns:1fr!important}.graf-forge-split{grid-template-columns:minmax(0,1fr)!important;display:grid;gap:14px}.graf-header{height:auto!important;padding:12px 14px!important;flex-wrap:wrap!important;gap:10px!important;row-gap:14px!important}.graf-header .graf-header-brand{flex:1 1 auto;min-width:0}.graf-header .graf-header-nav{order:3;width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.graf-header .graf-header-nav::-webkit-scrollbar{display:none}.graf-header .graf-header-meta{display:none!important}.graf-footer{padding:0 12px!important;gap:4px!important;font-size:10px!important}.graf-footer .graf-footer-version{display:none!important}.graf-narrow-stack{grid-template-columns:1fr!important;display:block!important}.graf-narrow-stack>*+*{margin-top:14px}}.graf-fingerprint-svg svg{display:block;width:100%;height:100%}@media (max-width: 1100px){.graf-anatomy-split{grid-template-columns:1fr!important}.graf-anatomy-stage{min-height:min(72vw,560px);padding-top:72px!important}.graf-anatomy-notes{border-left:none!important;border-top:1px solid var(--line);overflow:visible!important}}@media (max-width: 1000px){.graf-header-tagline{display:none}}.graf-lesson-blurb{font-size:14px}@media (min-width: 1100px){.graf-lesson-header{display:grid;grid-template-columns:minmax(0,var(--measure)) minmax(0,26em);column-gap:48px;align-items:start}.graf-lesson-meta,.graf-lesson-title{grid-column:1 / -1}.graf-lesson-source{margin-top:3px!important;font-size:13px}}@media (max-height: 900px){.graf-lesson-blurb{font-size:13px;line-height:1.45!important}}@media (max-width: 360px){.graf-footer{flex-wrap:wrap;row-gap:0!important;justify-content:center!important}.graf-footer>a{display:none!important}.graf-footer>div{flex-wrap:wrap;justify-content:center;gap:0!important}.graf-foot{padding:0 4px!important}}.graf-mobile-advisory{background:#d4a84314;border-bottom:1px solid var(--line);color:var(--ink-dim);font-family:var(--serif);font-style:italic;font-size:13px;padding:8px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.graf-mobile-advisory strong{color:var(--accent);font-style:normal;font-family:var(--mono);font-size:10px;letter-spacing:var(--track-lg);text-transform:uppercase}.graf-mobile-advisory button{background:transparent;border:1px solid var(--line);color:var(--ink-dim);padding:3px 8px;border-radius:var(--r-inner);font-family:var(--mono);font-size:10px;min-width:var(--tile);min-height:var(--tile);letter-spacing:var(--track-lg);text-transform:uppercase;flex-shrink:0;cursor:pointer}.graf-ring{animation:grafRing 1.6s ease-out;border-radius:var(--r-inner)}@keyframes grafRing{0%,60%{box-shadow:0 0 0 2px var(--accent)}to{box-shadow:0 0 0 2px #d4a84300}}