:root{--bg:#f3f2ee;--card:#ffffff;--ink:#1b1b2b;--muted:#6b6b7b;--line:#e7e6e1;--blue:#1c2bc9;--blue-soft:#eef0ff;--green:#1faa6a;--green-soft:#e6f6ee;--coral:#f56b6b;--coral-soft:#fdecec;--shadow:0 3px 16px rgba(30,30,60,0.05);--radius:18px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}.page{max-width:760px;margin:0 auto;padding:32px 20px 64px}.topbar{justify-content:space-between;margin-bottom:20px;gap:12px}.topbar,.topbar-right{display:flex;align-items:center}.topbar-right{gap:4px}.brand-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.topbar-status{display:inline-block;background:#eef0ff;color:#2238c8;font-size:12px;font-weight:700;border-radius:999px;padding:4px 12px;line-height:1.4}.topbar-status.off{background:#fde9e7;color:#e2483f}.topbar-status.role{background:#f1f0ec;color:var(--ink-soft,#6b7290)}.topbar-subtitle{color:var(--muted);font-size:14px}.page.narrow{max-width:460px}.page.wide{max-width:1220px}.acct-login{font-size:14px;font-weight:700;color:#fff;background:var(--blue);padding:8px 16px;border-radius:10px;text-decoration:none}.acct{display:flex;align-items:center;gap:10px}.acct-info{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.acct-name{font-size:14px;font-weight:700}.acct-role{font-size:11px;color:var(--muted)}.acct-out{font:inherit;font-size:13px;font-weight:600;color:var(--muted);background:#f1f0ec;border:none;padding:6px 12px;border-radius:9px;cursor:pointer}.acct-out:hover{color:var(--coral)}.auth-tabs{width:100%;margin-bottom:18px}.auth-tabs button{flex:1 1}.auth-form{gap:14px}.auth-form,.field{display:flex;flex-direction:column}.field{gap:6px;font-size:13px;font-weight:600;color:var(--muted);flex:1 1}.field input,.field select{font:inherit;font-size:15px;font-weight:500;color:var(--ink);padding:11px 12px;border-radius:10px;border:1.5px solid var(--line);background:#fff}.field input:focus,.field select:focus{outline:none;border-color:var(--blue)}.field-row{display:flex;gap:12px}.auth-error{background:var(--coral-soft);color:var(--coral);font-size:14px;font-weight:600;padding:10px 14px;border-radius:10px}.auth-submit{margin-top:4px}.greet{margin-bottom:18px;padding:18px 22px}.greet-hi{font-size:17px;font-weight:700}.greet-stats{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px;font-size:14px;color:var(--muted)}.greet-stats b{color:var(--blue);font-size:15px}.brand-row{display:flex;flex-direction:column;gap:2px}.brand{font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--ink);text-decoration:none}.brand span{color:var(--blue)}.backlink{font-size:13px;font-weight:600;color:var(--muted);text-decoration:none}.backlink:hover{color:var(--blue)}.hello{font-size:26px;font-weight:700;letter-spacing:-.02em;margin:8px 0 2px}.hello-sub{color:var(--muted);margin:0 0 22px}.modes{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:14px;gap:14px}.mode{position:relative;display:flex;flex-direction:column;gap:4px;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;text-decoration:none;color:var(--ink);border:1.5px solid transparent;transition:border-color .12s,transform .12s}.mode:hover{border-color:var(--blue);transform:translateY(-2px)}.mode-icon{font-size:26px}.mode-title{font-size:17px;font-weight:700}.mode-desc{font-size:13px;color:var(--muted)}.mode.disabled{opacity:.6;box-shadow:none;border:1.5px dashed var(--line)}.mode-soon{position:absolute;top:14px;right:14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:#f1f0ec;padding:3px 8px;border-radius:999px}.theme-list{display:flex;flex-direction:column;gap:8px}.theme-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--card);border-radius:12px;box-shadow:var(--shadow);padding:14px 18px;text-decoration:none;color:var(--ink);border:1.5px solid transparent;transition:border-color .12s}.theme-row:hover{border-color:var(--blue)}.theme-name{font-size:15px;font-weight:600}.theme-count{font-size:13px;font-weight:700;color:var(--muted);background:#f1f0ec;padding:3px 10px;border-radius:999px}.subtle{color:var(--muted);font-size:14px}.controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.seg{display:inline-flex;background:#eceae4;border-radius:12px;padding:4px;gap:4px}.seg a,.seg button{font:inherit;font-size:14px;font-weight:600;padding:8px 16px;border:none;border-radius:9px;background:transparent;color:var(--muted);cursor:pointer;text-decoration:none;display:inline-block}.seg a.active,.seg button.active{background:#fff;color:var(--blue);box-shadow:0 1px 4px rgba(30,30,60,.08)}.ticketpick{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--muted)}.ticketpick select{font:inherit;font-size:15px;font-weight:600;color:var(--ink);padding:8px 12px;border-radius:10px;border:1.5px solid var(--line);background:#fff;cursor:pointer}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.chip{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--blue-soft);color:var(--blue)}.chip.count,.chip.theme{background:#f1f0ec;color:var(--muted)}.chip.count{margin-left:auto}.result{text-align:center}.result-badge{display:inline-block;font-size:15px;font-weight:700;padding:8px 22px;border-radius:999px;margin-bottom:12px}.result-badge.ok{background:var(--green-soft);color:var(--green)}.result-badge.no{background:var(--coral-soft);color:var(--coral)}.result-score{font-size:17px;margin:0 0 8px}.result-mistakes{text-align:left;margin-top:18px;padding:16px;border-radius:12px;background:#faf9f6;border:1px solid var(--line)}.result-mistakes h4{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.result-mistakes ul{margin:0;padding-left:18px;font-size:14px}.result-mistakes li{margin-bottom:4px}.result-mistakes .mq{font-weight:600}.result .nav{justify-content:center;gap:16px}a.btn{text-decoration:none;display:inline-block}.qtext{font-size:19px;font-weight:600;margin:0 0 16px;letter-spacing:-.01em}.qimage{width:100%;max-height:320px;object-fit:contain;border-radius:12px;background:#f6f5f1;margin-bottom:16px}.answers{display:flex;flex-direction:column;gap:10px}.answer{text-align:left;font:inherit;font-size:15px;padding:14px 16px;border-radius:12px;border:1.5px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;transition:border-color .12s,background .12s;display:flex;gap:12px;align-items:flex-start}.answer:hover:not(:disabled){border-color:var(--blue)}.answer:disabled{cursor:default}.answer .ord{font-weight:700;color:var(--muted);min-width:18px}.answer.correct{border-color:var(--green);background:var(--green-soft)}.answer.correct .ord{color:var(--green)}.answer.wrong{border-color:var(--coral);background:var(--coral-soft)}.answer.wrong .ord{color:var(--coral)}.explain{margin-top:16px;padding:16px;border-radius:12px;background:#faf9f6;border:1px solid var(--line);font-size:14px}.explain h4{margin:0 0 6px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.explain p{margin:0 0 10px}.explain p:last-child{margin-bottom:0}.verdict{margin-top:16px;font-weight:600}.verdict.ok{color:var(--green)}.verdict.no{color:var(--coral)}.nav{display:flex;align-items:center;justify-content:space-between;margin-top:20px;gap:12px}.btn{font:inherit;font-size:15px;font-weight:600;padding:11px 18px;border-radius:12px;border:1.5px solid var(--line);background:#fff;color:var(--ink);cursor:pointer}.btn.primary,.btn:hover:not(:disabled){border-color:var(--blue)}.btn.primary{background:var(--blue);color:#fff}.btn:disabled{opacity:.45;cursor:default}.progress{font-size:14px;color:var(--muted);font-weight:600}