:root{--text-strong: #221e1a;--text: #2b2622;--text-body: #5c5346;--text-muted: #6b6152;--text-soft: #8a7f6f;--text-faint: #a99e8c;--bg: #efe7db;--panel: #faf6ef;--surface: #ffffff;--surface-sunken: #f0ece2;--line: #eee3d3;--line-frame: #e8ddcd;--line-soft: #e2d6c4;--r-pill: 999px;--r-card: 18px;--r-card-sm: 14px;--r-frame: 40px;--shadow-card: 0 1px 2px rgba(60, 40, 20, .04);--shadow-cta: 0 8px 20px -8px var(--accent, #c0684a);--fs-display: 32px;--fs-title: 26px;--fs-h2: 19px;--fs-h3: 17px;--fs-body-lg: 16px;--fs-body: 15px;--fs-sm: 14px;--fs-xs: 13px;--fs-2xs: 12px;--page-x: 24px;--page-top: 8px;--page-bottom: 26px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);font-family:Assistant,-apple-system,system-ui,sans-serif}a{color:var(--accent, #c0684a);text-decoration:none}a:hover{color:var(--accent-ink, #7d3d29)}:focus-visible{outline:2px solid var(--accent, #c0684a);outline-offset:2px;border-radius:4px}.scr::-webkit-scrollbar{width:0;background:transparent}.scr{scrollbar-width:none}input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:6px;border-radius:999px;background:#e3d8c7;outline:none;margin:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:34px;height:34px;border-radius:50%;background:var(--accent, #c0684a);border:5px solid #fff;box-shadow:0 3px 10px #46281440;cursor:pointer}input[type=range]::-moz-range-thumb{width:34px;height:34px;border-radius:50%;background:var(--accent, #c0684a);border:5px solid #fff;box-shadow:0 3px 10px #46281440;cursor:pointer;box-sizing:border-box}.serif{font-family:Frank Ruhl Libre,Assistant,serif}.app-frame{container-type:inline-size;container-name:app-frame;position:relative;width:min(94vw,460px);height:min(92vh,800px);background:var(--panel);border-radius:var(--r-frame);box-shadow:0 2px 4px #3c28141a,0 30px 70px -20px #3c281473;border:1px solid var(--line-frame);overflow:hidden;display:flex;flex-direction:column}@media (min-width: 760px){.app-frame{width:min(88vw,1180px);height:min(88vh,860px);border-radius:30px}}.results-grid{display:flex;flex-direction:column;gap:13px}.breakdown-grid{display:flex;flex-direction:column;gap:16px}.home-split{display:block}.page-column{width:100%;max-width:800px;margin:0 auto}.quiz-column{display:flex;flex-direction:column;flex:1;width:100%;max-width:560px;margin:0 auto}@container app-frame (min-width: 680px){.home-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:32px;align-items:start}.results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.results-card-full{grid-column:1 / -1}.breakdown-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;row-gap:18px}}.page-body{flex:1;overflow-y:auto;padding:var(--page-top) var(--page-x) var(--page-bottom)}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:var(--fs-2xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink, #7d3d29)}.eyebrow:before{content:"";width:22px;height:2px;background:var(--accent, #c0684a);border-radius:2px}.site-footer{flex:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 16px;padding:12px var(--page-x);border-top:1px solid var(--line-frame);background:var(--panel)}.site-footer nav{display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center}.site-footer nav a{padding:4px 9px;border-radius:var(--r-pill);font-size:var(--fs-sm);font-weight:700;color:var(--text-muted)}.site-footer nav a:hover{color:var(--text-strong);background:var(--surface-sunken)}.site-footer nav a[aria-current=page]{color:var(--accent-ink, #7d3d29);background:var(--accent-soft, #f4e5dd)}.site-footer .credit{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:var(--fs-xs);color:var(--text-soft)}