:root{--bg:#f4f6f8;--card:#fff;--ink:#16181d;--dim:#667085;--faint:#98a2b3;--line:#e7eaf0;--accent:#a3e635;--accent-ink:#1a2b06;--accent-soft:#f0fdc4;--radius:18px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}button{font:inherit;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0}.app{max-width:480px;margin:0 auto;padding:0 16px 110px}.topbar{z-index:20;background:linear-gradient(var(--bg) 70%, transparent);padding:14px 0 10px;position:sticky;top:0}.topbar h1{letter-spacing:-.5px;font-size:26px;font-weight:800}.topbar .sub{color:var(--dim);margin-top:2px;font-size:13px}.pill{background:var(--accent-soft);color:var(--accent-ink);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.sheet{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin-top:12px;padding:16px}.sheet h3{letter-spacing:-.2px;font-size:16px;font-weight:800}.block{margin-top:12px}.block .term{font-size:14.5px;font-weight:800}.block .text{color:#2a2f3a;margin-top:3px;font-size:14px;line-height:1.55}.block .src{color:var(--faint);margin-top:4px;font-size:12px;font-style:italic}.obj{gap:10px;margin-top:10px;display:flex}.obj .n{background:var(--ink);color:#fff;border-radius:8px;flex:0 0 24px;place-items:center;height:24px;font-size:12px;font-weight:800;display:grid}.obj .t{padding-top:2px;font-size:13.5px;line-height:1.45}ol.vlist{counter-reset:v;margin-top:10px;padding-left:0;list-style:none}ol.vlist li{counter-increment:v;border-bottom:1px solid var(--line);padding:8px 0 8px 34px;font-size:14px;line-height:1.45;position:relative}ol.vlist li:last-child{border-bottom:0}ol.vlist li:before{content:counter(v);background:var(--accent-soft);width:24px;height:24px;color:var(--accent-ink);border-radius:8px;place-items:center;font-size:12px;font-weight:800;display:grid;position:absolute;top:8px;left:0}ol.vlist .head{font-weight:700}ol.vlist .ex{color:var(--dim);margin-top:2px;font-size:12.5px}.seg{gap:8px;margin-top:14px;padding-bottom:2px;display:flex;overflow-x:auto}.seg button{border:1px solid var(--line);background:var(--card);color:var(--dim);border-radius:999px;flex:none;padding:8px 14px;font-size:13px;font-weight:700}.seg button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.flipwrap{perspective:1200px;margin-top:16px}.flipcard{width:100%;min-height:260px;transform-style:preserve-3d;cursor:pointer;transition:transform .5s cubic-bezier(.2,.7,.2,1);position:relative}.flipcard.flipped{transform:rotateY(180deg)}.flip-face{backface-visibility:hidden;border-radius:22px;flex-direction:column;justify-content:center;padding:22px;display:flex;position:absolute;inset:0}.flip-front{background:var(--ink);color:#fff;text-align:center;align-items:center}.flip-front .t{letter-spacing:-.3px;font-size:22px;font-weight:800}.flip-front .tap{color:#aab2c0;margin-top:12px;font-size:12px}.flip-back{background:var(--card);border:1px solid var(--line);transform:rotateY(180deg)}.flip-back .t{color:var(--accent-ink);background:var(--accent-soft);border-radius:999px;align-self:flex-start;margin-bottom:10px;padding:3px 10px;font-size:11px;font-weight:800}.flip-back .d{color:#23272f;font-size:15px;line-height:1.55}.cardbtns{gap:10px;margin-top:16px;display:flex}.cardbtns button{border-radius:16px;flex:1;padding:14px;font-size:14px;font-weight:800}.btn-rev{border:1.5px solid var(--line);color:var(--ink);background:#fff}.btn-got{background:var(--accent);color:var(--accent-ink)}.progress{background:var(--line);border-radius:3px;height:6px;margin-top:14px;overflow:hidden}.progress i{background:var(--accent);border-radius:3px;height:100%;transition:width .3s;display:block}.qcard{margin-top:14px}.qtype{letter-spacing:.06em;text-transform:uppercase;color:var(--dim);font-size:11px;font-weight:800}.qtext{letter-spacing:-.2px;margin-top:8px;font-size:17px;font-weight:800;line-height:1.35}.opt{text-align:left;background:var(--card);border:1.5px solid var(--line);border-radius:14px;width:100%;margin-top:9px;padding:13px 14px;font-size:14px;font-weight:600;transition:all .15s;display:block}.opt.sel{border-color:var(--ink);background:#f7f8fa}.opt.right{color:#14532d;background:#f0fdf4;border-color:#16a34a}.opt.wrong{color:#7f1d1d;background:#fef2f2;border-color:#dc2626}.opt .mark{float:right;font-weight:800}.bigbtn{background:var(--ink);color:#fff;border-radius:16px;width:100%;margin-top:14px;padding:16px;font-size:15px;font-weight:800;display:block}.bigbtn.lime{background:var(--accent);color:var(--accent-ink)}.bigbtn:disabled{opacity:.35}.chipbank{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.chip{border:1.5px solid var(--line);background:var(--card);border-radius:999px;padding:10px 14px;font-size:13.5px;font-weight:700}.chip.used{opacity:.25;pointer-events:none}.slot{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:9px 0;font-size:13.5px;display:flex}.slot .n{background:var(--accent-soft);height:24px;color:var(--accent-ink);border-radius:8px;flex:0 0 24px;place-items:center;font-size:12px;font-weight:800;display:grid}.slot .ok{color:#16a34a;margin-left:auto;font-weight:800}.slot .no{color:#dc2626;margin-left:auto;font-weight:800}.slot .real{color:var(--dim);font-size:12px}.score-ring{place-items:center;margin-top:20px;display:grid}.score-num{letter-spacing:-2px;font-size:56px;font-weight:900}.nav{z-index:30;position:fixed;bottom:0;left:0;right:0}.nav-inner{max-width:480px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--line);background:#ffffffd1;margin:0 auto;display:flex}.nav-inner button{color:var(--faint);flex-direction:column;flex:1;align-items:center;gap:3px;font-size:11px;font-weight:700;display:flex}.nav-inner button.on{color:var(--ink)}.nav-inner .ico{font-size:20px;line-height:1}.center{text-align:center}.pagecard{border:1px solid var(--line);background:var(--card);border-radius:14px;margin-top:14px;position:relative;overflow:hidden;box-shadow:0 1px 3px #1418200f}.pagecard img{width:100%;display:block}.pgnum{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#16181db8;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;position:absolute;bottom:10px;right:10px}.quad{grid-template-columns:1fr 1fr;gap:9px;margin-top:12px;display:grid;position:relative}.quad-center{color:#fff;background:var(--ink);z-index:2;border-radius:50%;place-items:center;width:52px;height:52px;margin:auto;font-size:15px;font-weight:900;display:grid;position:absolute;inset:0}.quad-cell{border:1px solid var(--line);background:#f7f8fa;border-top:3px solid;border-radius:12px;padding:11px 12px}.quad-cell .qh{font-size:13.5px;font-weight:800}.quad-cell .qs{color:var(--dim);margin-top:4px;font-size:12.5px}.tl{margin-top:12px}.tl-row{border-bottom:1px dashed var(--line);gap:12px;padding:10px 0;display:flex}.tl-row:last-child{border-bottom:0}.tl-when{color:var(--accent-ink);background:var(--accent-soft);text-align:center;border-radius:10px;flex:0 0 74px;height:fit-content;padding:5px 0;font-size:13px;font-weight:900}.tl-head{font-size:14px;font-weight:800}.tl-text{color:var(--dim);margin-top:3px;font-size:13px;line-height:1.5}.vs-head{text-align:center;margin-top:12px;font-size:13.5px;font-weight:800}.vs-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.vs-col{background:#f2f7f2;border:1px solid #dce7dc;border-radius:14px;padding:13px}.vs-col.alt{background:#f9f7ef;border-color:#e9e2c8}.vs-colh{letter-spacing:.04em;text-align:center;border:1px solid var(--line);background:#fff;border-radius:10px;padding:6px;font-size:13px;font-weight:900}.vs-note{margin-top:8px;font-size:12.5px;line-height:1.5}.vs-sub{text-transform:uppercase;color:var(--faint);margin-top:10px;font-size:11px;font-weight:800}.vs-li{color:#3d4451;margin-top:5px;font-size:12px;line-height:1.45}.vs-grid3{display:block}.vs-grid3>.vs-colh{width:calc(50% - 32px);display:inline-block}.vs-grid3 .vs-keyh{display:none}.vs-trio{border-bottom:1px dashed var(--line);align-items:center;gap:8px;padding:7px 0;display:flex}.vs-trio:last-child{border-bottom:0}.vs-k{text-align:center;letter-spacing:.05em;color:#fff;background:var(--ink);border-radius:999px;flex:0 0 56px;padding:4px 0;font-size:10.5px;font-weight:900}.vs-l,.vs-r{flex:1;font-size:12.5px;line-height:1.4}.vs-l{text-align:right;color:var(--dim)}.vs-r{color:var(--ink);font-weight:700}.tblwrap{border:1px solid var(--line);border-radius:12px;margin-top:12px;overflow-x:auto}.tbl{border-collapse:collapse;width:100%;font-size:12.5px}.tbl th{background:var(--ink);color:#fff;text-align:left;white-space:nowrap;padding:8px 10px;font-weight:700}.tbl td{border-top:1px solid var(--line);vertical-align:top;padding:8px 10px;line-height:1.45}.tbl tr:nth-child(2n) td{background:#f7f8fa}.muted{color:var(--dim);font-size:13.5px;line-height:1.5}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--faint);margin-top:18px;font-size:11px;font-weight:800}