:root{--serif: "New York", ui-serif, Georgia, "Times New Roman", serif;--sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--ink: #1a1410;--paper: #f4ece0;--paper2: #ebe0cf;--card: #fbf6ec;--burg: #6e1f2a;--burg-d: #511620;--gold: #b5832e;--teal: #2f5d57;--line: #cbbca3;--ok: #3d6b4a;--no: #9a3b3b;--muted: #7a6a55;--shadow: rgba(40, 25, 15, .18)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}button{touch-action:manipulation;font-family:var(--sans)}html,body{height:100%}body{font-family:var(--sans);background:var(--paper);background-image:radial-gradient(circle at 12% 8%,rgba(181,131,46,.08),transparent 42%),radial-gradient(circle at 88% 92%,rgba(110,31,42,.06),transparent 46%);color:var(--ink);min-height:100vh;-webkit-user-select:none;user-select:none;overflow-x:hidden}.wrap{max-width:640px;margin:0 auto;padding:26px 18px 70px}header{text-align:center;margin-bottom:18px}.kicker{font-size:11px;letter-spacing:.35em;text-transform:uppercase;color:var(--burg);font-weight:600}h1{font-family:var(--serif);font-weight:600;font-size:38px;line-height:1;margin:6px 0 4px;letter-spacing:-.02em}.sub{font-size:13px;color:var(--muted);font-style:italic;font-family:var(--serif)}.modes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.mode{position:relative;text-align:left;padding:18px 14px;border:1px solid var(--line);border-radius:15px;background:var(--card);box-shadow:0 2px 8px var(--shadow);cursor:pointer}.mode:active{transform:scale(.98)}.mode .mi{font-size:22px;margin-bottom:9px;display:block}.mode h3{font-family:var(--serif);font-size:19px;font-weight:600;margin-bottom:5px}.mode p{font-size:12.5px;color:var(--muted);line-height:1.45}.mode .due{position:absolute;top:12px;right:12px;font-size:11px;font-weight:700;color:var(--paper);background:var(--burg);border-radius:999px;padding:2px 8px}.backbtn{background:none;border:none;color:var(--burg);font-size:14px;font-weight:600;cursor:pointer;padding:6px 0;margin-bottom:10px}.card-face{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 3px 10px var(--shadow);padding:34px 20px;text-align:center;margin-bottom:16px}.card-face .big{font-family:var(--serif);font-size:28px;font-weight:600;line-height:1.25}.card-face .mid{font-size:17px;line-height:1.45}.card-face .domain{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:12px}.card-face .note{font-size:13px;color:var(--muted);margin-top:12px;font-style:italic}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid1{display:grid;grid-template-columns:1fr;gap:10px}.choice{padding:14px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card);font-size:15.5px;cursor:pointer;text-align:center;line-height:1.3}.choice:active{transform:scale(.98)}.choice.correct{background:#e4eee6;border-color:var(--ok);color:var(--ok);font-weight:700}.choice.wrong{background:#f3e2e2;border-color:var(--no);color:var(--no)}.choice .g{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:3px}.btn{display:block;width:100%;padding:15px;border:none;border-radius:13px;background:var(--burg);color:var(--paper);font-size:16px;font-weight:600;cursor:pointer}.btn:active{background:var(--burg-d)}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}.gradebar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.gradebar button{padding:13px 4px;border:none;border-radius:11px;font-size:14px;font-weight:600;color:var(--paper);cursor:pointer}.g-again{background:var(--no)}.g-hard{background:var(--gold)}.g-good{background:var(--teal)}.g-easy{background:var(--ok)}.statline{text-align:center;font-size:12.5px;color:var(--muted);margin:12px 0}.pill{display:inline-block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--paper2);color:var(--muted);margin-left:6px}.pill.colloq{background:#efe3d0;color:var(--gold)}.audio-btn{background:none;border:1px solid var(--line);border-radius:999px;width:44px;height:44px;font-size:18px;cursor:pointer;margin:8px auto;display:block}.tabs{display:flex;gap:8px;margin-bottom:14px}.tab{flex:1;padding:10px;border:1px solid var(--line);border-radius:999px;background:transparent;font-size:13.5px;font-weight:600;color:var(--muted);cursor:pointer}.tab.active{background:var(--burg);border-color:var(--burg);color:var(--paper)}.brief{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 16px;margin-bottom:14px}.brief h3{font-family:var(--serif);font-size:19px;margin-bottom:3px}.brief .date{font-size:11.5px;color:var(--muted);margin-bottom:10px}.brief table{width:100%;border-collapse:collapse;font-size:14px;margin:8px 0}.brief td{padding:5px 4px;border-bottom:1px solid var(--paper2);vertical-align:top}.brief td:first-child{font-weight:600}.brief .sentence{padding:8px 0;border-bottom:1px solid var(--paper2);font-size:14.5px}.brief .sentence .en{color:var(--muted);font-size:12.5px}.brief .pattern{background:var(--paper2);border-radius:10px;padding:10px 12px;margin-top:10px;font-size:13.5px}.brief .pattern b{color:var(--burg)}.contrast{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:12px}.contrast .sit{font-size:13.5px;color:var(--muted);font-style:italic;margin-bottom:8px}.contrast .form{font-family:var(--serif);font-size:18px;font-weight:600}.contrast .form.ev{color:var(--teal)}.contrast .why{font-size:12.5px;color:var(--muted);margin-top:6px}.summary{text-align:center;padding:30px 0}.summary .big{font-family:var(--serif);font-size:32px;font-weight:600}.timerbar{height:4px;background:var(--paper2);border-radius:2px;margin-bottom:12px;overflow:hidden}.timerbar>div{height:100%;background:var(--gold);transition:width 1s linear}