:root{--ink:#17211c;--muted:#667168;--paper:#f4f1e9;--card:#fffefa;--line:#d9ddd5;--green:#176b4b;--green-soft:#e5f2eb;--red:#b33a32;--red-soft:#fbe9e6;--amber:#9a6516;--amber-soft:#fff1d2;--shadow:0 18px 55px rgba(28,43,34,.09)}
*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% 0,#dfece1 0,transparent 29rem),var(--paper)}button,select{font:inherit}button{cursor:pointer}.shell{width:min(760px,100%);margin:auto;padding:22px 18px calc(34px + env(safe-area-inset-bottom))}.brand{display:flex;align-items:center;justify-content:space-between;margin:4px 0 26px}.brand-mark{font-size:13px;font-weight:800;letter-spacing:.13em;color:var(--green)}.ghost{border:1px solid var(--line);background:rgba(255,255,255,.55);border-radius:12px;padding:9px 13px;color:var(--muted)}h1{font-size:clamp(32px,8vw,58px);line-height:1.03;letter-spacing:-.045em;margin:0;max-width:650px}.lead{font-size:17px;color:var(--muted);line-height:1.7;margin:18px 0 30px;max-width:590px}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:28px}.summary>div{background:rgba(255,255,255,.6);border:1px solid rgba(217,221,213,.9);border-radius:16px;padding:14px}.num{display:block;font-size:25px;font-weight:800;letter-spacing:-.04em}.label{font-size:12px;color:var(--muted)}.modes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mode{min-height:148px;text-align:left;border:1px solid var(--line);background:var(--card);border-radius:20px;padding:19px;box-shadow:var(--shadow);transition:.15s transform,.15s border-color}.mode:hover{transform:translateY(-2px);border-color:#9ab9a6}.mode strong{display:block;font-size:19px;margin:12px 0 7px}.mode p{margin:0;color:var(--muted);line-height:1.5}.mode-icon{font-size:21px}.settings{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin-top:18px;padding:15px 17px;border:1px solid var(--line);border-radius:16px;color:var(--muted)}select{border:1px solid var(--line);border-radius:10px;padding:8px;background:#fff}.quiz-head{display:grid;gap:12px;margin-bottom:18px}.topline{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:14px}.progress{height:6px;background:#dfe3dc;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:var(--green);border-radius:99px;transition:width .25s}.card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:clamp(20px,5vw,34px);box-shadow:var(--shadow)}.meta{display:flex;gap:8px;margin-bottom:18px}.pill{font-size:12px;font-weight:700;background:var(--green-soft);color:var(--green);padding:6px 9px;border-radius:999px}.question{font-size:clamp(20px,4.6vw,28px);line-height:1.48;font-weight:760;margin:0 0 22px}.options{display:grid;gap:10px}.option{display:grid;grid-template-columns:35px 1fr;gap:12px;align-items:center;text-align:left;border:1.5px solid var(--line);background:white;border-radius:16px;padding:14px 15px;color:var(--ink);line-height:1.45;min-height:58px}.option:hover{border-color:#8cb29b}.option.selected{border-color:var(--green);background:var(--green-soft)}.option.correct{border-color:var(--green);background:var(--green-soft)}.option.wrong{border-color:var(--red);background:var(--red-soft)}.key{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#f0f1ed;font-weight:800;font-size:13px}.option.selected .key,.option.correct .key{background:var(--green);color:white}.option.wrong .key{background:var(--red);color:white}.actions{position:sticky;bottom:0;padding:14px 0 calc(8px + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--paper) 24%);display:grid;grid-template-columns:1fr;gap:10px}.primary{border:0;background:var(--green);color:white;border-radius:15px;padding:15px 20px;font-weight:800;min-height:54px}.primary:disabled{opacity:.4;cursor:not-allowed}.result{margin-top:20px;border-radius:16px;padding:17px;background:var(--green-soft);border:1px solid #b8d9c5}.result.bad{background:var(--red-soft);border-color:#efbbb5}.result h3{margin:0 0 10px;font-size:19px}.result p{margin:7px 0;line-height:1.55}.result small{color:var(--muted)}.confidence{margin-top:17px}.confidence>p{font-weight:750;margin:0 0 10px}.confidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.confidence-grid button{border:1px solid var(--line);background:white;border-radius:12px;padding:12px 8px;font-weight:700}.confidence-grid button:hover{border-color:var(--green);color:var(--green)}.exam-nav{display:flex;gap:8px}.exam-nav button{flex:1}.secondary{border:1px solid var(--line);background:white;color:var(--ink);border-radius:15px;padding:14px 18px;font-weight:700}.report-list{display:grid;gap:10px;margin-top:20px}.report-item{display:flex;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid var(--line);background:white;border-radius:14px}.good{color:var(--green)}.bad-text{color:var(--red)}.empty{padding:60px 20px;text-align:center;color:var(--muted)}.toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);background:var(--ink);color:white;padding:10px 15px;border-radius:12px;font-size:14px;z-index:5}.hint{font-size:12px;color:var(--muted);text-align:center;margin-top:4px}
@media(max-width:560px){.shell{padding:14px 12px calc(24px + env(safe-area-inset-bottom))}.brand{margin-bottom:19px}.modes{grid-template-columns:1fr}.mode{min-height:auto}.summary{gap:7px}.summary>div{padding:11px}.num{font-size:21px}.card{border-radius:20px;padding:18px}.option{padding:12px;min-height:56px}.hint{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Mobile app shell */
*{-webkit-tap-highlight-color:transparent}body{min-height:100dvh;overscroll-behavior-y:none}button{touch-action:manipulation}.shell{padding-top:calc(22px + env(safe-area-inset-top))}.install-card{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;border:0;background:var(--ink);color:#fff;border-radius:17px;padding:14px 16px;margin:0 0 15px}.install-card span{display:grid;gap:3px}.install-card small{color:#c6d1ca}.install-card>strong{background:#fff;color:var(--ink);padding:8px 12px;border-radius:10px;font-size:13px}.option{min-height:62px;touch-action:manipulation}.option:active,.mode:active{transform:scale(.985)}.actions{z-index:3;padding-top:22px}.primary,.secondary{min-height:58px}.primary{box-shadow:0 10px 25px rgba(23,107,75,.18)}.confidence-grid button{min-height:50px;padding:14px 6px}
@media(max-width:560px){body{background:var(--paper)}.shell{padding:calc(12px + env(safe-area-inset-top)) 12px calc(20px + env(safe-area-inset-bottom))}.quiz-head{position:sticky;top:0;z-index:4;background:var(--paper);padding-top:4px}.modes{grid-template-columns:1fr 1fr;gap:9px}.mode{min-height:132px;padding:15px;border-radius:18px}.mode strong{font-size:17px;margin:8px 0 5px}.mode p{font-size:12px}.summary{margin-bottom:10px}.label{font-size:10px}.install-card{margin-bottom:10px}.card{padding:17px 14px}.question{font-size:20px}.option{padding:12px 11px;min-height:64px}.settings{margin-top:11px}.report-item{display:grid}}