:root,[data-mode=light]{--esa-ink: #231f20;--esa-surface: #ffffff;--esa-surface-2: #f7f6f6;--esa-surface-3: #eceaea;--esa-border: #d4cfcf;--esa-muted: #6b6567;--esa-primary: #1d3979;--esa-accent: #00959e;--de-e: #00959e;--de-r: #9b2143;--de-t: #006ab6;--warning: #9b2143;--header-bg: rgb(255 255 255 / .96);--toolbar-bg: rgb(255 255 255 / .96);--shadow-sm: 0 1px 2px rgb(35 31 32 / .04)}[data-mode=dark]{--esa-ink: #f3f2f2;--esa-surface: #141316;--esa-surface-2: #1e1c20;--esa-surface-3: #2a272b;--esa-border: #4a4548;--esa-muted: #b5afb2;--esa-primary: #8ebee7;--esa-accent: #5c9f77;--de-e: #5c9f77;--de-r: #e4a3bb;--de-t: #8ebee7;--warning: #e4a3bb;--header-bg: rgb(20 19 22 / .96);--toolbar-bg: rgb(20 19 22 / .96);--shadow-sm: 0 1px 2px rgb(0 0 0 / .2)}:root{--font: "Segoe UI", system-ui, -apple-system, sans-serif;--radius-sm: 4px;--radius-md: 6px;--header-height: 3rem;--sticky-top: var(--header-height)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);background:var(--esa-surface-2);color:var(--esa-ink);line-height:1.55;-webkit-font-smoothing:antialiased;transition:background-color .2s ease,color .2s ease}h1,h2,h3,p{margin:0}button,input{font:inherit;color:inherit}.app-shell{min-height:100dvh}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-header{position:sticky;top:0;z-index:30;background:var(--header-bg);border-bottom:1px solid var(--esa-border)}.app-header-inner{max-width:720px;margin:0 auto;padding:.6rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:var(--header-height)}.site-title{margin:0;font-size:.88rem;color:var(--esa-muted);line-height:1.3}.site-title strong{color:var(--esa-ink);font-weight:700}.site-title-sep{margin:0 .35rem;color:var(--esa-border)}.mode-toggle{flex-shrink:0;border:1px solid var(--esa-border);background:var(--esa-surface);color:var(--esa-ink);border-radius:var(--radius-sm);padding:.35rem .65rem;font-size:.78rem;cursor:pointer}.mode-toggle:hover{background:var(--esa-surface-3)}.page-main{max-width:720px;margin:0 auto;padding:0 1rem 3rem}.page-hero{margin-top:1.5rem;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--esa-border)}.page-hero h1{font-size:1.25rem;font-weight:700;line-height:1.35;color:var(--esa-ink);margin-bottom:.5rem}.hero-meta{font-size:.85rem;color:var(--esa-muted)}.sticky-toolbar{position:sticky;top:var(--header-height);z-index:25;background:var(--toolbar-bg);border-bottom:1px solid var(--esa-border);margin-bottom:1rem}.sticky-toolbar-inner{padding:.4rem 1rem .45rem}.progress-compact{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.progress-count{flex-shrink:0;font-size:.72rem;font-weight:600;color:var(--esa-muted);min-width:2.25rem;text-align:right;font-variant-numeric:tabular-nums}.progress-track{flex:1;height:4px;background:var(--esa-surface-3);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--esa-primary);border-radius:inherit;transition:width .35s ease}.jump-details{border-top:1px solid var(--esa-border);padding-top:.3rem}.jump-summary{display:flex;align-items:center;justify-content:space-between;gap:.5rem;cursor:pointer;font-size:.72rem;font-weight:600;color:var(--esa-muted);list-style:none;padding:.15rem 0;-webkit-user-select:none;user-select:none}.jump-summary::-webkit-details-marker{display:none}.jump-summary:before{content:"";display:inline-block;width:.35rem;height:.35rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);margin-right:.35rem;transition:transform .2s;vertical-align:middle}.jump-details[open] .jump-summary:before{transform:rotate(45deg);margin-top:-.1rem}.jump-summary-count{font-size:.68rem;font-weight:600;color:var(--esa-muted)}.jump-nav{display:grid;grid-template-columns:repeat(9,1fr);gap:.2rem;margin-top:.35rem}.jump-chip{min-height:1.5rem;padding:.1rem;border:1px solid var(--esa-border);border-radius:3px;background:var(--esa-surface);font-size:.68rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.jump-chip:hover{background:var(--esa-surface-3)}.jump-chip.answered{border-color:var(--esa-primary);background:color-mix(in srgb,var(--esa-primary) 10%,var(--esa-surface));color:var(--esa-primary)}.questions-stack{display:grid;gap:1rem}.q-card{padding:1rem;border:1px solid var(--esa-border);border-left:3px solid var(--esa-border);background:var(--esa-surface);border-radius:var(--radius-md);scroll-margin-top:calc(var(--sticky-top) + 4rem)}.q-card.answered{border-left-color:var(--esa-primary)}.q-prompt{font-size:1rem;font-weight:600;margin-bottom:.85rem;line-height:1.4}.q-index{display:inline-block;min-width:1.75rem;margin-right:.35rem;font-size:.85rem;font-weight:700;color:var(--esa-muted)}.option-list{display:grid;gap:.5rem}.option-item{display:flex;align-items:flex-start;gap:.65rem;padding:.75rem .9rem;border:1px solid var(--esa-border);border-radius:var(--radius-sm);background:var(--esa-surface-2);cursor:pointer;transition:border-color .15s,background .15s}.option-item:hover{background:var(--esa-surface-3)}.option-item.selected{border-color:var(--esa-primary);background:var(--esa-surface)}.option-item input{margin-top:.2rem;width:1rem;height:1rem;accent-color:var(--esa-primary);flex-shrink:0}.option-key{font-weight:700;min-width:1.2rem;color:var(--esa-primary)}.option-copy{flex:1;font-size:.93rem}.results-block{padding:1.25rem;border:1px solid var(--esa-border);background:var(--esa-surface);border-radius:var(--radius-md);margin-top:1.75rem}.results-block h2{font-size:1.15rem;font-weight:700;margin-bottom:1.1rem;color:var(--esa-primary)}.result-row{display:grid;gap:.35rem;margin-bottom:.85rem}.result-row:last-of-type{margin-bottom:0}.result-label{display:flex;justify-content:space-between;font-size:.9rem;font-weight:600}.result-de.de-e{color:var(--de-e)}.result-de.de-r{color:var(--de-r)}.result-de.de-t{color:var(--de-t)}.result-track{height:10px;background:var(--esa-surface-3);border-radius:999px;overflow:hidden}.result-fill{height:100%;border-radius:inherit;transition:width .4s ease}.result-fill.de-e{background:var(--de-e)}.result-fill.de-r{background:var(--de-r)}.result-fill.de-t{background:var(--de-t)}.tie-message,.incomplete-hint,.storage-warning{font-size:.88rem;margin-top:1.25rem;padding:.85rem 1rem;border:1px solid var(--esa-border);border-radius:var(--radius-md);background:var(--esa-surface)}.incomplete-hint{color:var(--esa-muted)}.storage-warning{color:var(--warning);border-color:color-mix(in srgb,var(--warning) 40%,var(--esa-border))}.btn-secondary{border:1px solid var(--esa-border);background:transparent;color:var(--esa-ink);border-radius:var(--radius-sm);padding:.65rem 1.15rem;font-weight:600;cursor:pointer;margin-top:1.25rem;transition:background .15s}.btn-secondary:hover{background:var(--esa-surface-3)}.actions{margin-top:.5rem}@media(max-width:480px){.page-main,.app-header-inner,.sticky-toolbar-inner{padding-inline:.75rem}.jump-nav{grid-template-columns:repeat(6,1fr)}.q-card{padding:.9rem}}