:root{--bg: #e2e6e6;--surface: #edefef;--surface-2: #e7eaea;--ink: #1f2529;--muted: #5c6669;--line: #cbd1d1;--line-strong: #aeb6b6;--accent: #2f5b53;--accent-ink: #edefef;--warn: #8f5136;--ok: #2f5b53;--bad: #9a3529;--font: "IBM Plex Sans", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: "IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%;overflow-x:hidden}h1,h2,h3,h4{font-weight:600;line-height:1.25;margin:0 0 .4em}p{margin:0 0 .8em}a{color:var(--accent)}button{font-family:inherit;font-size:1rem;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:2px;padding:.5rem .9rem;cursor:pointer}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}button.link{background:none;border:none;padding:.2rem 0;color:var(--accent);text-decoration:underline}.app{max-width:960px;margin:0 auto;padding:1.25rem 1rem 4rem}.masthead{border-bottom:2px solid var(--ink);padding-bottom:.9rem;margin-bottom:1.4rem}.masthead h1{font-size:1.35rem;max-width:34ch}.masthead .sub{color:var(--muted);font-size:.95rem;max-width:60ch;margin:0}.notice{border:1px solid var(--warn);border-left-width:1px;background:var(--surface-2);padding:.7rem .85rem;margin:1.1rem 0;font-size:.88rem;color:var(--ink)}.notice strong{color:var(--warn)}.home-framing{max-width:64ch}.tier-list{list-style:none;margin:1.4rem 0 0;padding:0}.tier-list li{border-top:1px solid var(--line-strong)}.tier-list li:last-child{border-bottom:1px solid var(--line-strong)}.tier-row{display:block;width:100%;text-align:left;background:none;border:none;border-radius:0;padding:1rem .25rem}.tier-row:hover{background:var(--surface-2)}.tier-row .lvl{font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--warn)}.tier-row h3{font-size:1.05rem;margin:.15rem 0 .2rem}.tier-row p{margin:0;color:var(--muted);font-size:.9rem;max-width:58ch}.tier-row .done{font-family:var(--mono);font-size:.78rem;color:var(--accent)}.practice-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1rem;margin-bottom:.4rem}.practice-head .where{font-family:var(--mono);font-size:.8rem;color:var(--muted)}.practice-head .score{font-family:var(--mono);font-size:.8rem;color:var(--accent);margin-left:auto}.progress-track{height:4px;background:var(--line);margin:.3rem 0 1rem}.progress-fill{height:100%;background:var(--accent)}.profile-meta{margin-bottom:.6rem}.profile-meta h2{font-size:1.1rem;margin-bottom:.1rem}.profile-meta p{color:var(--muted);font-size:.9rem;margin:0}.task-line{font-size:.92rem;color:var(--muted);border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);padding:.6rem 0;margin:.8rem 0 1.2rem;max-width:64ch}.epg-caption{font-size:.82rem;color:var(--muted);margin:0 0 .5rem;max-width:62ch}.epg-legend{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-family:var(--mono);font-size:.74rem;color:var(--muted);margin-bottom:.5rem}.epg-legend span{display:inline-flex;align-items:center;gap:.35rem}.epg-legend i{width:11px;height:11px;display:inline-block}.epg-scroll{overflow-x:auto;overflow-y:hidden;border:1px solid var(--line-strong);background:var(--surface);-webkit-overflow-scrolling:touch}.epg-panels{display:flex;flex-wrap:wrap;gap:0}.epg-panel{margin:0;padding:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);width:286px;flex:0 0 286px}.epg-panel figcaption{font-family:var(--mono);font-size:.76rem;padding:.3rem .5rem .15rem;color:var(--ink);border-bottom:1px solid var(--line)}.epg-panel svg{display:block;width:100%;height:auto}.locus-block{border-top:1px solid var(--line-strong);padding:.85rem 0}.locus-block:first-child{border-top:none}.locus-block h4{font-family:var(--mono);font-size:.85rem;margin-bottom:.5rem}.allele-grid{display:flex;flex-wrap:wrap;gap:.35rem}.allele-grid button{min-width:2.6rem;padding:.4rem .5rem;font-family:var(--mono);font-size:.9rem}.allele-grid button[aria-pressed=true]{background:var(--ink);color:var(--surface);border-color:var(--ink)}.hint{font-size:.8rem;color:var(--muted);margin-top:.4rem}.peak-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.4rem 0;border-top:1px dotted var(--line-strong);font-size:.9rem}.peak-row:first-of-type{border-top:none}.peak-row .peak-id{font-family:var(--mono);font-size:.82rem;color:var(--muted);min-width:10.5rem}.segmented{display:inline-flex}.segmented button{border-radius:0;padding:.35rem .7rem;font-size:.85rem;border-left-width:0}.segmented button:first-child{border-left-width:1px}.segmented button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.dropout-line{margin-top:.6rem;display:flex;align-items:center;gap:.5rem;font-size:.88rem}.mixture-call{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}.submit-bar{position:sticky;bottom:0;background:var(--bg);border-top:1px solid var(--line-strong);padding:.8rem 0;margin-top:1rem;display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.submit-bar .note{font-size:.8rem;color:var(--muted)}.verdict{font-family:var(--mono);font-size:.9rem;padding:.5rem .7rem;border:1px solid var(--line-strong);margin-bottom:1rem}.verdict.good{border-color:var(--ok);color:var(--ok)}.verdict.bad{border-color:var(--bad);color:var(--bad)}.feedback-item{border-top:1px solid var(--line-strong);padding:.7rem 0}.feedback-item .fi-head{font-family:var(--mono);font-size:.82rem;display:flex;gap:.5rem;align-items:baseline;margin-bottom:.2rem}.feedback-item .mark{font-weight:500}.feedback-item .mark.good{color:var(--ok)}.feedback-item .mark.bad{color:var(--bad)}.feedback-item p{margin:0;font-size:.92rem}.summary-score{font-family:var(--mono);font-size:1.4rem;margin:.5rem 0 .2rem}.breakdown{margin:1.2rem 0}.breakdown h3{font-size:1rem;margin-bottom:.2rem}.breakdown>p{color:var(--muted);font-size:.9rem;max-width:62ch;margin-bottom:.6rem}.breakdown-list{list-style:none;padding:0;margin:0}.breakdown-list li{border-top:1px solid var(--line-strong);padding:.6rem 0}.breakdown-list li:last-child{border-bottom:1px solid var(--line-strong)}.bd-count{font-family:var(--mono);font-weight:500;color:var(--bad);margin-right:.6rem}.bd-label{font-size:.95rem}.bd-note{margin:.25rem 0 0;font-size:.86rem;color:var(--muted);max-width:64ch}.missed-list{list-style:none;padding:0;margin:1rem 0}.missed-list li{border-top:1px solid var(--line-strong);padding:.6rem 0}.missed-list li:last-child{border-bottom:1px solid var(--line-strong)}.missed-list .m-head{font-family:var(--mono);font-size:.8rem;color:var(--muted)}.missed-list p{margin:.2rem 0 0;font-size:.9rem}.row-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.2rem}.practice-topbar{margin-bottom:.6rem}.practice-topbar .back{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong)}.practice-topbar .back svg{display:block}.tier-intro{font-size:.95rem;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);padding:.7rem 0;margin:.8rem 0 1.2rem;max-width:64ch}.epg-wrap{position:relative}.epg-wrap>.epg-caption{padding-right:3.25rem}.epg-zoom{position:absolute;top:0;right:0;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;color:var(--accent);background:var(--surface);border:1px solid var(--line-strong);opacity:0;transition:opacity .18s ease}.epg-zoom svg{display:block}.epg-wrap:hover .epg-zoom,.epg-zoom:focus{opacity:1}@media (hover: none){.epg-zoom{opacity:1}}.epg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#14181a8c;display:flex;align-items:flex-start;justify-content:center;padding:1rem;overflow:auto}.epg-overlay-inner{background:var(--bg);border:1px solid var(--line-strong);width:100%;max-width:560px;padding:.85rem}.epg-overlay-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem;font-family:var(--mono);font-size:.82rem;margin-bottom:.5rem}.epg-overlay-head button{font-size:.82rem;padding:.35rem .7rem}.epg-panels.large{flex-wrap:nowrap;flex-direction:column}.epg-panels.large .epg-panel{width:100%;flex:none;border-right:none}.rule-ref{margin-top:.5rem}.rule-ref summary{font-size:.82rem;color:var(--accent);cursor:pointer}.rule-ref p{margin:.4rem 0 0;font-size:.88rem;color:var(--muted);max-width:64ch}@media (max-width: 560px){.app{padding:1rem .8rem 4rem}.masthead h1{font-size:1.2rem}.peak-row .peak-id{min-width:100%}}