:root{--paper:#eef2f9;--paper-2:#e4eaf4;--ink:#16213d;--card:#fff;--line:#d3dcec;--muted:#5e6a82;--accent:#1d3b72;--accent-700:#142a52;--accent-050:#e9eef8;--accent2:#c2902f;--accent2-050:#f6eed8;--good:#1f7a4d;--bad:#b23a2e;--gold:#d8a23e;--ring:0 0 0 3px rgba(29,59,114,.25);--shadow-sm:0 1px 2px rgba(20,30,60,.07),0 1px 1px rgba(20,30,60,.05);--shadow-md:0 8px 24px -8px rgba(20,30,60,.2),0 2px 6px rgba(20,30,60,.08);--shadow-lg:0 22px 48px -14px rgba(20,30,60,.3);--radius:12px;--radius-sm:8px;--font-display:"Fraunces","Iowan Old Style",Georgia,serif;--font-body:"Hanken Grotesk",ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body,html{padding:0;margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:15.5px;line-height:1.55;min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{z-index:-2;background:radial-gradient(1100px 560px at 10% -12%,rgba(29,59,114,.14),transparent 60%),radial-gradient(820px 520px at 114% 2%,rgba(194,144,47,.1),transparent 55%),linear-gradient(var(--paper),var(--paper-2))}body:after,body:before{content:"";position:fixed;inset:0}body:after{z-index:-1;pointer-events:none;opacity:.04;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:var(--accent);text-underline-offset:2px}.mono{font-family:ui-monospace,SFMono-Regular,Courier New,monospace}::selection{background:rgba(29,59,114,.18);color:var(--ink)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:#b9c4d8;border-radius:8px;border:3px solid var(--paper)}header.top{position:-webkit-sticky;position:sticky;top:0;z-index:50;display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:12px 20px;background:linear-gradient(118deg,var(--accent-700),var(--accent) 70%);color:#eef2f9;border-bottom:2px solid var(--accent2);box-shadow:var(--shadow-md)}header.top b{font-family:var(--font-display);font-weight:600;font-size:17px;letter-spacing:.2px;display:inline-flex;align-items:center}header.top .spacer{flex:1 1}nav.top-nav{display:flex;gap:6px;flex-wrap:wrap;align-items:center}nav.top-nav a,nav.top-nav button{font:inherit;font-size:13.5px;font-weight:500;cursor:pointer;color:rgba(238,242,249,.85);background:transparent;border:1px solid transparent;padding:7px 13px;border-radius:8px;text-decoration:none;line-height:1;transition:background .15s,color .15s}nav.top-nav a:hover,nav.top-nav button:hover{background:rgba(238,242,249,.14);color:#fff}nav.top-nav a.active{background:rgba(238,242,249,.95);color:var(--accent-700);font-weight:600}.wrap{max-width:1020px;margin:0 auto;padding:36px 20px 90px;animation:pageIn .4s ease both}@keyframes pageIn{0%{opacity:0}to{opacity:1}}.tag{display:inline-block;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--accent);background:var(--accent-050);border:1px solid rgba(29,59,114,.18);padding:4px 11px;border-radius:999px;margin-bottom:16px}.tag,h1.scr{font-weight:600}h1.scr{font-family:var(--font-display);font-size:clamp(28px,4vw,40px);line-height:1.08;letter-spacing:-.015em;margin:.05em 0 .12em}.sub{color:var(--muted);margin:0 0 26px;font-size:15px;max-width:64ch}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin:0 0 18px;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease;animation:cardIn .5s cubic-bezier(.2,.7,.2,1) both}.card:hover{box-shadow:var(--shadow-md)}@keyframes cardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.card:first-child{animation-delay:.02s}.card:nth-child(2){animation-delay:.06s}.card:nth-child(3){animation-delay:.1s}.card:nth-child(4){animation-delay:.14s}.card:nth-child(5){animation-delay:.18s}.card:nth-child(6){animation-delay:.22s}.card strong{font-weight:700}.grid{display:grid;grid-gap:18px;gap:18px}.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}@media (max-width:760px){.g2,.g3{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#f3f6fc;border:1px solid var(--accent-700);padding:11px 18px;border-radius:var(--radius-sm);font:inherit;font-size:14.5px;font-weight:600;cursor:pointer;text-decoration:none;line-height:1.1;box-shadow:var(--shadow-sm);transition:transform .12s ease,box-shadow .2s ease,filter .2s ease,background .2s ease}.btn:hover{filter:brightness(1.1);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:active{transform:translateY(0);filter:brightness(.97)}.btn:focus-visible{outline:none;box-shadow:var(--ring)}.btn:disabled{opacity:.5;cursor:not-allowed;filter:none;transform:none;box-shadow:none}.btn.alt{background:transparent;color:var(--accent);border-color:var(--accent);box-shadow:none}.btn.alt:hover{background:var(--accent-050);filter:none}.btn.warn{background:var(--accent2);border-color:#9c7223;color:#fff}.pill{display:inline-flex;align-items:center;font-size:11.5px;font-weight:600;letter-spacing:.3px;padding:3px 10px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--muted)}.pill.free{color:var(--good);border-color:rgba(31,122,77,.4);background:rgba(31,122,77,.07)}.pill.paid{color:var(--accent2);border-color:rgba(194,144,47,.45);background:rgba(194,144,47,.1)}.muted{color:var(--muted)}.rule{height:1px;background:linear-gradient(90deg,var(--line),transparent);border:0;margin:16px 0}table{width:100%;border-collapse:collapse;font-size:14.5px}td,th{text-align:left;padding:11px 8px;border-bottom:1px solid var(--line)}th{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);font-weight:600}tbody tr{transition:background .12s}tbody tr:hover td{background:rgba(29,59,114,.04)}.bar{height:10px;background:rgba(22,33,61,.08);overflow:hidden}.bar,.bar>i{border-radius:999px}.bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#3a5da0);transition:width .6s cubic-bezier(.2,.7,.2,1)}.note{font-size:12.5px;color:#6e5a2f;background:var(--accent2-050);border-left:3px solid var(--accent2)}.err,.note{padding:8px 12px;border-radius:0 8px 8px 0;margin:12px 0}.err{font-size:13.5px;color:var(--bad);background:rgba(178,58,46,.07);border-left:3px solid var(--bad)}.player{display:grid;grid-template-columns:1fr 240px;grid-gap:18px;gap:18px}@media (max-width:760px){.player{grid-template-columns:1fr}}.palette{flex-wrap:wrap;gap:7px}.palette,.q{display:flex}.q{width:36px;height:36px;border-radius:9px;border:1px solid var(--line);align-items:center;justify-content:center;font-size:13px;font-weight:600;cursor:pointer;background:#fff;color:var(--ink);transition:transform .1s,box-shadow .15s,background .15s}.q:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.q.ans{background:var(--accent);color:#fff;border-color:var(--accent-700)}.q.mark{background:var(--gold);border-color:#b9892f;color:#3a2c08}.q.cur{outline:2px solid var(--accent2);outline-offset:2px}.opt{display:flex;gap:12px;align-items:flex-start;border:1.5px solid var(--line);border-radius:10px;padding:13px 15px;margin:10px 0;cursor:pointer;background:#fff;width:100%;text-align:left;font:inherit;font-size:15px;transition:border-color .15s,background .15s,box-shadow .15s,transform .1s}.opt:hover{box-shadow:var(--shadow-sm)}.opt.sel,.opt:hover{border-color:var(--accent)}.opt.sel{background:var(--accent-050)}.opt.correct{border-color:var(--good);background:rgba(31,122,77,.08)}.opt.wrong{border-color:var(--bad);background:rgba(178,58,46,.07)}.opt b{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;border-radius:7px;background:rgba(22,33,61,.06);font-size:13px;flex-shrink:0}.opt.sel b{background:var(--accent);color:#fff}.opt.correct b{background:var(--good);color:#fff}.opt.wrong b{background:var(--bad);color:#fff}.timer{font-size:23px;letter-spacing:.5px;color:var(--accent);display:inline-flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);padding:8px 16px;border-radius:999px;box-shadow:var(--shadow-sm)}.timer.danger{color:var(--bad);border-color:rgba(178,58,46,.4);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:var(--shadow-sm)}50%{box-shadow:0 0 0 5px rgba(178,58,46,.14)}}.kpi{font-family:var(--font-display);font-weight:600;font-size:42px;line-height:1;letter-spacing:-.02em;color:var(--ink)}.kpi.sm{font-size:28px}.legend{font-size:12.5px;color:var(--muted);display:flex;gap:16px;flex-wrap:wrap;margin-top:12px}.dot{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:6px;vertical-align:middle}.field{display:block;width:100%;font:inherit;font-size:14.5px;padding:11px 13px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;color:var(--ink);margin:6px 0;transition:border-color .15s,box-shadow .15s}.field:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}.field::placeholder{color:#9aa3b4}select.field{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%231d3b72' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center}footer.foot{text-align:center;color:var(--muted);font-size:12.5px;padding:28px 20px;border-top:1px solid var(--line);margin-top:24px}.center-min{min-height:60vh;display:flex;align-items:center;justify-content:center}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}