:root{--bg:#f5f7fb;--card:#fff;--text:#172033;--muted:#6c7688;--line:#e5e9f2;--primary:#315efb;--danger:#d33b44;--success:#16855b;--shadow:0 10px 30px rgba(30,48,80,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;line-height:1.55}.wrap{width:min(1040px,calc(100% - 28px));margin:auto}.topbar{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.topbar-inner{height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:800;text-decoration:none;color:var(--text);font-size:20px}.topbar nav{display:flex;align-items:center;gap:16px;overflow:auto;white-space:nowrap}.topbar nav a,.link-button{color:#4f5b70;text-decoration:none;font-size:14px}.link-button{border:0;background:transparent;padding:0;cursor:pointer}.inline-form{display:inline}.main{padding:32px 0 70px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow);margin-bottom:20px}.narrow{max-width:620px;margin-left:auto;margin-right:auto}.auth-card{max-width:430px;margin:60px auto}.center{text-align:center}.grid{display:grid;gap:20px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:20px}.hero{display:flex;align-items:center;justify-content:space-between;gap:24px}.eyebrow,.muted{color:var(--muted)}h1,h2,h3{line-height:1.2}h1{font-size:32px;margin:8px 0 14px}h2{font-size:20px;margin-top:0}.money-box{min-width:210px;background:#111c35;color:#fff;padding:20px;border-radius:16px}.money-box span,.money-box small{display:block;color:#c9d1e2}.money-box strong{display:block;font-size:32px;margin:3px 0}.big-number{font-size:34px;font-weight:800}.big-number span{font-size:14px;color:var(--muted);margin-left:5px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:6px;border:1px solid transparent;border-radius:11px;padding:11px 16px;font-weight:700;text-decoration:none;cursor:pointer;font-size:15px}.btn.primary{background:var(--primary);color:#fff}.btn.ghost{background:#fff;border-color:#cad2e2;color:#34405a}.btn.danger{background:#fff1f2;color:var(--danger);border-color:#ffd6d9}.btn.small{padding:7px 10px;font-size:13px}.btn.wide{width:100%;margin-top:12px}.action-card{text-decoration:none;color:inherit;transition:.15s}.action-card:hover{transform:translateY(-2px);border-color:#b8c5ff}.flash{padding:12px 15px;border-radius:10px;margin-bottom:16px;background:#eef2ff}.flash.error{background:#fff0f1;color:#a52831}.flash.success{background:#eaf8f2;color:#116a49}.flash.info{background:#eef4ff;color:#35517e}label{display:block;font-weight:700;margin:14px 0 6px}input,textarea,select{width:100%;font:inherit;border:1px solid #cfd6e4;border-radius:10px;padding:11px 12px;background:#fff;color:var(--text)}textarea{min-height:100px}.check{display:flex;align-items:center;gap:8px}.check input{width:auto}.question-shell{max-width:720px;margin:auto}.progress-label{color:var(--muted);text-align:center;margin-bottom:12px}.question-card{text-align:center;padding:32px}.type-badge,.badge{display:inline-block;background:#eef2ff;color:#3956a5;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.headword{font-size:44px;margin:26px 0}.choices{text-align:left;display:grid;gap:10px;margin:25px 0}.choice{margin:0;font-weight:600}.choice input{display:none}.choice span{display:block;border:1px solid #d7ddea;border-radius:13px;padding:15px;cursor:pointer;background:#fff}.choice input:checked+span{border-color:var(--primary);background:#eef2ff;box-shadow:0 0 0 2px rgba(49,94,251,.12)}.result-card{max-width:660px;margin:auto;text-align:center;border-top:5px solid var(--success)}.result-card.wrong{border-top-color:var(--danger)}.result-mark{font-size:28px;font-weight:800;color:var(--success)}.wrong .result-mark{color:var(--danger)}.answer-row{display:grid;gap:4px;padding:14px;border-radius:12px;background:#f7f8fb;margin:12px 0}.answer-row span{font-size:12px;color:var(--muted)}.answer-row strong{font-size:20px}.correct-answer{background:#ecf8f3}.reward-line{font-size:30px;font-weight:900;margin:20px 0}.balance-mini{font-weight:800}.celebrate{width:64px;height:64px;border-radius:50%;background:#e9f8f1;color:var(--success);display:grid;place-items:center;font-size:30px;margin:auto}.stat{text-align:center;margin-bottom:0;padding:18px 10px}.stat span{display:block;color:var(--muted);font-size:13px}.stat strong{display:block;font-size:25px;margin-top:4px}.wallet-card{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.wallet-card div{padding:18px;background:#f6f8fb;border-radius:14px}.wallet-card span{display:block;color:var(--muted);font-size:13px}.wallet-card strong{font-size:28px}.wallet-card .accent{background:#eef2ff}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:12px 10px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-size:12px}.plus{color:var(--success);font-weight:700}.minus{color:var(--danger);font-weight:700}.page-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.button-row,.search-row{display:flex;gap:8px;align-items:center}.search-row input{max-width:420px}
@media(max-width:760px){.topbar-inner{height:auto;padding:12px 0;align-items:flex-start;flex-direction:column}.topbar nav{width:100%;padding-bottom:3px}.main{padding-top:20px}.grid.two,.wallet-card{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.hero{align-items:stretch;flex-direction:column}.money-box{min-width:0}.headword{font-size:36px}.question-card{padding:22px 16px}.card{padding:19px}.page-head{align-items:flex-start}.button-row{flex-wrap:wrap}}
.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.four-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin:8px 0 20px}.mini-stat{padding:14px;background:#f7f8fb;border-radius:14px}.mini-stat span{display:block;color:var(--muted);font-size:12px}.mini-stat strong{display:block;font-size:26px;margin-top:3px}.source-bars{display:grid;gap:12px}.source-row{display:grid;grid-template-columns:minmax(130px,220px) 1fr 64px;gap:14px;align-items:center}.source-row small{display:block;color:var(--muted)}.progress-track,.progress-mini{height:10px;background:#e9edf5;border-radius:999px;overflow:hidden}.progress-track span,.progress-mini span{display:block;height:100%;background:var(--primary);border-radius:999px}.progress-mini{width:110px;display:inline-block;margin-right:8px;vertical-align:middle}.source-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;padding:8px 0}.badge.on{background:#eaf8f2;color:#116a49}.badge.off{background:#f1f3f7;color:#6c7688}
@media(max-width:760px){.grid.three,.four-stats{grid-template-columns:repeat(2,1fr)}.source-row{grid-template-columns:1fr 70px}.source-row .progress-track{grid-column:1/-1;grid-row:2}.source-checks{grid-template-columns:1fr}}