:root{--paper:#f6f1e7;--paper-2:#fffaf0;--ink:#1f2937;--muted:#5b6472;--accent:#0b7285;--accent-2:#d9480f;--danger:#b42318;--border:rgba(31,41,55,0.18);--shadow:rgba(17,24,39,0.10);--radius:16px;--mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--serif:"Iowan Old Style",Palatino,Georgia,serif;--sans:"Gill Sans","Avenir Next","Trebuchet MS",sans-serif;--maxw:1200px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--ink);background:radial-gradient(1200px 700px at 15% 10%,rgba(11,114,133,0.12),transparent 60%),radial-gradient(900px 500px at 85% 0%,rgba(217,72,15,0.10),transparent 55%),linear-gradient(135deg,rgba(255,255,255,0.18),rgba(255,255,255,0)),var(--paper);font-family:var(--serif)}noscript{display:block;padding:12px 16px;background:#fff;border-bottom:1px solid var(--border);font-family:var(--sans)}.topbar{position:sticky;top:0;z-index:5;padding:14px 18px;background:linear-gradient(180deg,rgba(255,250,240,0.92),rgba(255,250,240,0.74));backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:14px;max-width:var(--maxw);margin:0 auto 10px auto}.mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-family:var(--sans);font-weight:800;letter-spacing:.04em;color:var(--paper-2);background:radial-gradient(18px 18px at 30% 30%,rgba(255,255,255,0.35),rgba(255,255,255,0)),linear-gradient(135deg,var(--accent),#074c58);box-shadow:0 10px 24px var(--shadow)}.titles .h1{font-size:20px;font-weight:800;font-family:var(--sans)}.titles .sub{font-size:12px;color:var(--muted);font-family:var(--sans);max-width:70ch}.tabs{display:flex;gap:8px;flex-wrap:wrap;max-width:var(--maxw);margin:0 auto}.tab{border:1px solid var(--border);background:rgba(255,255,255,0.65);color:var(--ink);padding:8px 10px;border-radius:999px;font-family:var(--sans);font-size:13px;cursor:pointer;transition:transform 120ms ease,background 120ms ease,border-color 120ms ease}.tab:hover{transform:translateY(-1px);border-color:rgba(11,114,133,0.35)}.tab.active{background:rgba(11,114,133,0.14);border-color:rgba(11,114,133,0.55)}.shell{max-width:var(--maxw);margin:0 auto;padding:18px}.view{display:none;animation:fadeUp 180ms ease both}.view.active{display:block}@keyframes fadeUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.review-grid{grid-template-columns:1fr 1.3fr}.deck-grid{grid-template-columns:1.3fr .9fr}.io-grid{grid-template-columns:1fr 1fr}.panel{background:radial-gradient(400px 250px at 10% 0%,rgba(11,114,133,0.05),transparent 55%),linear-gradient(180deg,rgba(255,255,255,0.78),rgba(255,255,255,0.55));border:1px solid var(--border);box-shadow:0 22px 50px rgba(17,24,39,0.08);border-radius:var(--radius);padding:16px}.panel-title{font-family:var(--sans);font-weight:800;letter-spacing:.01em;margin:0 0 10px 0}.panel-sub{font-family:var(--sans);color:var(--muted);font-size:12px;margin:-6px 0 12px 0}.form{display:grid;gap:12px}.field .label{font-family:var(--sans);font-size:12px;font-weight:700;margin-bottom:6px}textarea,input[type="text"],input[type="url"],input[type="search"],input[type="file"]{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(31,41,55,0.18);background:rgba(255,255,255,0.78);color:var(--ink);font-family:var(--serif);font-size:14px;outline:0;transition:border-color 120ms ease,box-shadow 120ms ease}input[type="search"]{font-family:var(--sans)}textarea:focus,input:focus{border-color:rgba(11,114,133,0.55);box-shadow:0 0 0 4px rgba(11,114,133,0.12)}.hint{margin-top:6px;font-family:var(--sans);font-size:12px;color:var(--muted)}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.row2-right{display:flex;justify-content:flex-end;gap:8px;align-items:center}.row3{display:grid;grid-template-columns:1fr 1.2fr auto;gap:10px;align-items:center;margin-top:10px}.toggle{display:flex;align-items:center;gap:10px;font-family:var(--sans);font-size:13px;color:var(--ink);user-select:none}.toggle input{display:none}.toggle-ui{width:44px;height:24px;border-radius:999px;background:rgba(31,41,55,0.18);position:relative;border:1px solid rgba(31,41,55,0.16);transition:background 140ms ease,border-color 140ms ease}.toggle-ui::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,0.95);box-shadow:0 8px 16px rgba(17,24,39,0.18);transition:transform 140ms ease}.toggle input:checked+.toggle-ui{background:rgba(11,114,133,0.40);border-color:rgba(11,114,133,0.55)}.toggle input:checked+.toggle-ui::after{transform:translateX(20px)}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.btn{border:1px solid var(--border);background:rgba(255,255,255,0.70);color:var(--ink);padding:10px 12px;border-radius:12px;font-family:var(--sans);font-weight:750;font-size:13px;cursor:pointer;transition:transform 120ms ease,box-shadow 120ms ease,background 120ms ease,border-color 120ms ease,color 120ms ease}.btn:hover{transform:translateY(-1px);border-color:rgba(11,114,133,0.40)}.btn:active{transform:translateY(0)}.btn.primary{background:radial-gradient(16px 16px at 25% 25%,rgba(255,255,255,0.35),rgba(255,255,255,0)),linear-gradient(135deg,var(--accent),#074c58);color:var(--paper-2);border-color:rgba(11,114,133,0.65);box-shadow:0 16px 34px rgba(7,76,88,0.22)}.btn.ghost{background:transparent}.btn.danger{background:radial-gradient(16px 16px at 25% 25%,rgba(255,255,255,0.32),rgba(255,255,255,0)),linear-gradient(135deg,var(--danger),#7a271a);color:var(--paper-2);border-color:rgba(180,35,24,0.65)}.btn.chip{padding:8px 10px;border-radius:999px;font-weight:700;background:rgba(255,255,255,0.55)}.divider{height:1px;background:rgba(31,41,55,0.16);margin:14px 0}.word-actions{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 12px 0}.words{display:grid;gap:10px}.word-row{display:grid;grid-template-columns:auto 1fr 1.2fr;gap:10px;align-items:center;padding:10px 10px;border-radius:14px;border:1px solid rgba(31,41,55,0.14);background:rgba(255,255,255,0.62)}.word-row .w{font-family:var(--sans);font-weight:900;letter-spacing:.01em}.word-row .meta{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:2px}.mini-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.mini-link{font-family:var(--sans);font-size:12px;font-weight:750;color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(11,114,133,0.35)}.mini-link:hover{border-bottom-color:rgba(11,114,133,0.75)}.word-row input[type="checkbox"]{width:18px;height:18px;accent-color:var(--accent)}.word-row input[type="text"]{font-family:var(--serif)}.stats{display:grid;gap:6px;margin-bottom:12px;font-family:var(--sans);color:var(--muted);font-size:13px;white-space:pre-line}.card{border-radius:var(--radius);border:1px solid rgba(31,41,55,0.16);background:radial-gradient(500px 250px at 0 0,rgba(217,72,15,0.08),transparent 52%),linear-gradient(180deg,rgba(255,255,255,0.78),rgba(255,255,255,0.55));padding:16px;min-height:240px}.card-sentence{font-size:20px;line-height:1.35;margin-bottom:10px}.card-meta{font-family:var(--mono);font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.card-actions{display:flex;gap:10px;margin-bottom:10px}.card-answer.hidden{display:none}.answer-block{margin:12px 0}.answer-label{font-family:var(--sans);font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:rgba(31,41,55,0.75);margin-bottom:6px}.answer-text{white-space:pre-wrap;background:rgba(255,255,255,0.55);border:1px solid rgba(31,41,55,0.14);padding:10px 12px;border-radius:14px}.wordlist{display:grid;gap:8px}.worditem{display:grid;grid-template-columns:1fr 1.5fr;gap:10px;align-items:start;padding:10px 10px;border-radius:14px;border:1px solid rgba(31,41,55,0.14);background:rgba(255,255,255,0.58)}.worditem .left{font-family:var(--sans);font-weight:900}.worditem .right{color:var(--muted)}.grade{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.grade.hidden{display:none}.deck,.lex{display:grid;gap:12px}.deck-item{padding:12px 12px;border-radius:14px;border:1px solid rgba(31,41,55,0.14);background:rgba(255,255,255,0.58)}.deck-item .sentence{font-size:16px;line-height:1.35;margin-bottom:8px}.deck-item .meta{font-family:var(--mono);font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.deck-item .actions{gap:8px}.lex-item{padding:10px 12px;border-radius:14px;border:1px solid rgba(31,41,55,0.14);background:rgba(255,255,255,0.58);display:grid;grid-template-columns:1fr 1.8fr;gap:10px}.lex-item .w{font-family:var(--sans);font-weight:900}.lex-item .t{color:var(--muted);white-space:pre-wrap}.radio-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:10px 0 12px 0;font-family:var(--sans)}.radio{display:inline-flex;align-items:center;gap:8px}.bottombar{position:sticky;bottom:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;background:linear-gradient(180deg,rgba(255,250,240,0.72),rgba(255,250,240,0.92));border-top:1px solid var(--border);backdrop-filter:blur(10px)}.footer-status{font-family:var(--sans);font-size:12px;color:var(--muted)}.dialog::backdrop{background:rgba(17,24,39,0.25)}.dialog{border:1px solid rgba(31,41,55,0.20);border-radius:18px;padding:0;max-width:840px;width:calc(100% - 24px);background:rgba(255,255,255,0.82);box-shadow:0 30px 80px rgba(17,24,39,0.20)}.dialog-inner{padding:16px}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.dialog-title{font-family:var(--sans);font-weight:900}.about .prose{font-family:var(--serif);line-height:1.6;color:var(--ink)}.about code{font-family:var(--mono);font-size:.95em}@media(max-width:980px){.grid{grid-template-columns:1fr}.row2{grid-template-columns:1fr}.row3{grid-template-columns:1fr}.review-grid,.deck-grid,.io-grid{grid-template-columns:1fr}}