/*! Copyright © Dark Reader Ltd 2026. All rights reserved. */
:root{--mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.pix{width:1em;height:1em;vertical-align:-.15em}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);display:flex;flex-direction:column;align-items:center;height:100vh;height:100dvh;overflow:hidden}@media(max-height:720px){body{height:auto;min-height:100dvh;overflow-y:auto}header{position:sticky;top:0;z-index:10;background:var(--bg)}}header{width:100%;max-width:560px;padding:14px 16px 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);flex-shrink:0}.brand-title{font-family:var(--mono);font-size:23px;font-weight:600;display:flex;align-items:baseline;gap:1px}.brand-title .kw{color:var(--pink)}.brand-title .lit{color:var(--const)}.brand-title .punc{color:var(--dim)}.brand-sub{font-size:13px;color:var(--dim);font-family:var(--sans);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}header>div:first-child{min-width:0}.icon-row{display:flex;align-items:center;gap:6px;flex-shrink:0}.theme-select{height:34px;max-width:116px;border-radius:6px;border:1px solid var(--border);background:var(--panel);color:var(--dim);font-family:var(--sans);font-size:13px;padding:0 6px;cursor:pointer}.theme-select:hover{border-color:var(--blue);color:var(--fg)}.icon-btn{width:34px;height:34px;border-radius:6px;border:1px solid var(--border);background:var(--panel);color:var(--dim);display:flex;align-items:center;justify-content:center;cursor:pointer;font-family:var(--sans);font-size:18px}.icon-btn:hover{border-color:var(--btn);color:var(--btn)}.progress-strip{width:100%;max-width:560px;padding:10px 16px 4px;display:flex;align-items:center;gap:10px;font-family:var(--sans);font-size:13px;color:var(--dim);flex-shrink:0}.progress-track{flex:1;height:6px;background:var(--panel-2);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--green);width:0%;transition:width .3s ease}.score-pill{color:var(--yellow)}.streak-pill{color:var(--orange);font-weight:700;animation:streak-pop .25s ease}@keyframes streak-pop{0%{transform:scale(1.5)}to{transform:scale(1)}}main{width:100%;max-width:520px;display:flex;flex-direction:column;align-items:center;padding:16px 16px 8px;flex:1;min-height:0}footer{color:var(--dim);font-family:var(--sans);font-size:12.5px;padding:8px 16px 10px;text-align:center;flex-shrink:0}#toast-wrap{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:60;display:flex;flex-direction:column;align-items:center;gap:8px;width:90%;max-width:340px}.toast{background:var(--panel);border:1px solid var(--green);color:var(--fg);font-family:var(--sans);font-size:14.5px;padding:10px 14px;border-radius:7px;box-shadow:0 4px 14px #00000080;text-align:center}.toast.ach{border-color:var(--yellow);color:var(--yellow)}.overlay{position:fixed;inset:0;background:#0a0a06c7;backdrop-filter:blur(2px);display:none;align-items:center;justify-content:center;z-index:80;padding:16px}.overlay.open{display:flex}.modal{background:var(--panel);border:1px solid var(--border);border-radius:8px;width:100%;max-width:380px;padding:20px;position:relative;max-height:86vh;overflow-y:auto}.modal-close{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--dim);font-size:21.5px;cursor:pointer}.modal h2{font-family:var(--sans);font-size:18px;margin:0 0 4px;color:var(--fg)}.modal .sub{font-family:var(--sans);font-size:13px;color:var(--dim);margin-bottom:14px;text-wrap:balance}.ach-list .ach-row.locked{opacity:.4}.ach-list .ach-row.locked .name{color:var(--fg)}@media(max-width:400px){.brand-title{font-size:20px}.menu-title{font-size:21px}#results .score-big{font-size:46px}}