:root{--red:#ff2801;--red-hover:#e81f00;--red-press:#cc1c00;--red-tint:#fff1ee;--red-tint-strong:#ffe2db;--ink:#1a1512;--ink-2:#57504a;--muted:#8a8078;--line:#ece6df;--line-2:#ded5cc;--bg:#f7f4f0;--bg-sunken:#efe9e2;--card:#ffffff;--accent:#2f6bff;--accent-tint:#eef3ff;--good:#12855a;--good-tint:#e7f6ee;--warn:#b26a00;--warn-tint:#fdf3e3;--bad:#c0362c;--bad-tint:#fcecea;--bubble-me:#f0e7df;--font-display:"Archivo",ui-sans-serif,system-ui,sans-serif;--font-text:"Inter",ui-sans-serif,system-ui,sans-serif;--fs-display:30px;--fs-h1:24px;--fs-h2:19px;--fs-h3:16px;--fs-body:15px;--fs-sm:13.5px;--fs-xs:12px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s12:48px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-pill:999px;--e1:0 1px 2px rgba(26,21,18,0.04),0 1px 3px rgba(26,21,18,0.06);--e2:0 2px 4px rgba(26,21,18,0.05),0 4px 12px rgba(26,21,18,0.07);--e3:0 8px 24px rgba(26,21,18,0.1);--ring:0 0 0 3px rgba(255,40,1,0.16);--dur:0.16s;--ease:cubic-bezier(0.2,0.6,0.2,1)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{min-height:100dvh;background:var(--bg);color:var(--ink);font-family:var(--font-text);font-size:var(--fs-body);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:6px}.wrap{max-width:880px;margin:0 auto;padding:var(--s6) var(--s5) 96px}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(247,244,240,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-inner{max-width:880px;margin:0 auto;padding:0 var(--s5);display:flex;align-items:center;gap:var(--s4);height:56px}.nav-brand{font-family:var(--font-display);font-weight:800;font-size:15px;letter-spacing:-.01em;white-space:nowrap}.nav-links{display:flex;gap:var(--s1);margin-left:auto;align-items:center}.nav-link{position:relative;font-size:var(--fs-sm);font-weight:600;color:var(--ink-2);padding:8px 12px;border-radius:var(--r-sm);white-space:nowrap;transition:color var(--dur),background var(--dur)}.nav-link:hover{color:var(--ink);background:rgba(26,21,18,.04)}.nav-link.active{color:var(--red)}.nav-link.active:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:var(--red);border-radius:2px}.tabbar{display:none}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s5);box-shadow:var(--e1)}.card-link,a.card,button.card{transition:border-color var(--dur),box-shadow var(--dur),transform var(--dur)}.card-link:hover,a.card:hover,button.card:hover{border-color:var(--line-2);box-shadow:var(--e2);transform:translateY(-2px)}.card-flat{background:transparent;padding:var(--s3) var(--s4);box-shadow:none}.btn,.card-flat{border:none;border-radius:var(--r-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);background:var(--red);color:#fff;padding:11px 18px;font-family:inherit;font-weight:600;font-size:var(--fs-body);box-shadow:var(--e1);transition:background var(--dur),box-shadow var(--dur),transform .05s}.btn:not(:disabled):hover{background:var(--red-hover);box-shadow:var(--e2)}.btn:not(:disabled):active{transform:translateY(1px) scale(.99);background:var(--red-press)}.btn-sm{padding:8px 13px;font-size:var(--fs-sm);border-radius:var(--r-sm)}.btn-ghost,.btn.ghost{background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:none}.btn-ghost:not(:disabled):hover,.btn.ghost:not(:disabled):hover{background:#fffdfb;border-color:var(--line-2)}.btn-quiet{background:transparent;color:var(--ink-2);border:none;box-shadow:none}.btn-quiet:not(:disabled):hover{background:rgba(26,21,18,.05);color:var(--ink)}.btn:disabled{background:var(--bg-sunken);color:var(--muted);cursor:not-allowed;box-shadow:none}.badge,.pill{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs);font-weight:600;letter-spacing:.01em;padding:4px 10px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--card);color:var(--ink-2)}.badge-good{background:var(--good-tint);border-color:transparent;color:var(--good)}.badge-progress{background:var(--accent-tint);border-color:transparent;color:var(--accent)}.badge-idle{background:var(--bg-sunken);color:var(--muted)}.badge-idle,.tag-brand{border-color:transparent}.tag-brand{background:var(--red-tint);color:var(--red);font-weight:700}input,textarea{font-family:inherit;font-size:var(--fs-body);border:1px solid var(--line);border-radius:var(--r-md);padding:12px 14px;width:100%;background:var(--card);color:var(--ink)}textarea{resize:vertical}input:focus,textarea:focus{outline:none;border-color:var(--red);box-shadow:var(--ring)}input::placeholder,textarea::placeholder{color:var(--muted)}.option{display:block;width:100%;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:12px 14px;font-size:var(--fs-body);transition:border-color var(--dur),background var(--dur),box-shadow var(--dur)}.option:not(:disabled):hover{border-color:var(--line-2);box-shadow:var(--e1)}.option.sel{border-color:var(--red);background:var(--red-tint)}.option.correct{border-color:var(--good);background:var(--good-tint)}.option.wrong{border-color:var(--bad);background:var(--bad-tint)}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--e1);padding:16px 14px;text-align:center}.stat-num{font-family:var(--font-display);font-weight:800;font-size:26px;line-height:1}.stat-label{font-size:var(--fs-xs);color:var(--muted);margin-top:4px;text-transform:uppercase;letter-spacing:.04em}.segmented{display:inline-flex;background:var(--bg-sunken);border-radius:var(--r-md);padding:3px;gap:2px}.segmented button{border:none;background:transparent;padding:7px 14px;border-radius:calc(var(--r-md) - 3px);font-size:var(--fs-sm);font-weight:600;color:var(--ink-2);transition:background var(--dur),color var(--dur)}.segmented button.on{background:var(--card);color:var(--ink);box-shadow:var(--e1)}.track{height:8px;background:var(--bg-sunken);overflow:hidden}.track,.track>span{border-radius:var(--r-pill)}.track>span{display:block;height:100%;background:var(--red);transition:width .4s var(--ease)}.sim-input{position:-webkit-sticky;position:sticky;bottom:12px}@keyframes blink{0%,60%,to{opacity:.2}30%{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.wrap{padding:var(--s4) var(--s4) 88px}.card{padding:var(--s4)}.nav-inner{padding:0 var(--s4);height:52px}.nav-links{display:none}.tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(247,244,240,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:6px 6px calc(6px + env(safe-area-inset-bottom));justify-content:space-around}.tab{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;border-radius:var(--r-md);color:var(--muted);font-size:11px;font-weight:600;text-align:center;min-width:0;transition:color var(--dur)}.tab .tab-ico{font-size:20px;line-height:1}.tab.active{color:var(--red)}.sim-input{bottom:calc(64px + env(safe-area-inset-bottom))}}