:root{--bg:#f7f4ec;--ink:#1a2332;--muted:#6b7280;--card:#fff;--accent:#2f5d3a;--accent-soft:#e8f0e9;--line:#e5e0d2;--greek:"Gentium Plus", "SBL Greek", Georgia, "Times New Roman", serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--ink);margin:0;font-family:-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px}#root{background:var(--bg);max-width:560px;min-height:100dvh;margin:0 auto;padding-bottom:84px}.greek{font-family:var(--greek)}.screen{padding:20px 18px 32px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:14px;padding:18px;box-shadow:0 1px 3px #1a23320f}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:12px}h1{margin:4px 0 8px;font-size:26px}h2{margin:0 0 8px;font-size:19px}p{margin:8px 0;line-height:1.55}.muted{color:var(--muted)}.btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:12px;padding:15px;font-size:17px;font-weight:600;display:block}.btn:active{transform:scale(.99)}.btn.ghost{color:var(--accent);border:1.5px solid var(--accent);background:0 0}.btn.small{padding:10px;font-size:15px}.signout{color:var(--muted);cursor:pointer;background:0 0;border:0;margin:4px 18px 0 auto;padding:6px 0;display:block}.nav{background:var(--card);border-top:1px solid var(--line);width:100%;max-width:560px;padding:8px 4px calc(8px + env(safe-area-inset-bottom));display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav button{color:var(--muted);cursor:pointer;background:0 0;border:none;flex:1;padding:8px 0;font-size:12px;position:relative}.nav button.active{color:var(--accent);font-weight:700}.nav .dot{color:#fff;background:#b3402e;border-radius:10px;padding:1px 6px;font-size:10px;position:absolute;top:4px;right:calc(50% - 20px)}.step{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:13px 4px;font-size:16px;display:flex}.step:last-child{border-bottom:none}.step .box{border:2px solid var(--line);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:flex}.step.done .box{background:var(--accent);border-color:var(--accent);color:#fff}.step.done{color:var(--muted)}.step.current{font-weight:700}.step.current .box{border-color:var(--accent)}.chunk{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:12px;padding:16px}.chunk .greek{font-size:23px;line-height:2}.chunk .greek span.w{cursor:pointer;border-radius:6px;padding:2px 1px}.chunk .greek span.w:active{background:var(--accent-soft)}.chunk-tools{gap:8px;margin-top:10px;display:flex}.chip{border:1px solid var(--line);background:var(--bg);cursor:pointer;color:var(--ink);border-radius:20px;padding:7px 13px;font-size:13px}.chip:active{background:var(--accent-soft)}.english{border-top:1px dashed var(--line);color:var(--muted);margin-top:10px;padding-top:10px;font-style:italic}.sheet-back{z-index:40;background:#1a233273;position:fixed;inset:0}.sheet{background:var(--card);z-index:41;width:100%;max-width:560px;padding:20px 20px calc(20px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;max-height:70dvh;position:fixed;bottom:0;left:50%;overflow-y:auto;transform:translate(-50%)}.sheet .greek{font-size:34px}.sheet .gloss{margin-top:4px;font-size:19px;font-weight:600}.sheet .parse{margin-top:10px;font-size:15px}.sheet .detail{color:var(--muted);margin-top:6px;font-family:monospace;font-size:13px}.sheet-row{gap:10px;margin-top:14px;display:flex}.sheet-row .btn{margin-top:0}.big-card{text-align:center;padding:34px 20px}.big-card .greek{margin-bottom:6px;font-size:44px}.big-card .answer{margin:12px 0 4px;font-size:21px;font-weight:700}.stat{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;padding:12px 0;display:flex}.stat:last-child{border:none}.stat .n{font-size:24px;font-weight:700}.bar{background:var(--line);border-radius:6px;height:10px;margin-top:8px;overflow:hidden}.bar>div{background:var(--accent);height:100%}.trend-down{color:var(--accent);font-weight:700}.trend-up{color:#b3402e;font-weight:700}.confrow{gap:10px;margin-top:12px;display:flex}.confrow .btn{margin-top:0}.vocabrow{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.vocabrow:last-child{border:none}.vocabrow .greek{font-size:20px}.iconbtn{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:10px;padding:8px 12px;font-size:15px}.center{text-align:center}.welcome{text-align:center;padding:48px 24px}.welcome .greek{margin:18px 0;font-size:40px}.opt{text-align:left;border:1.5px solid var(--line);background:var(--card);cursor:pointer;border-radius:12px;width:100%;margin:8px 0;padding:13px 15px;font-size:16px;display:block}.opt.picked-correct{border-color:var(--accent);background:var(--accent-soft)}.opt.picked-wrong{background:#fbeeea;border-color:#b3402e}.opt:disabled{cursor:default}.explain{background:var(--accent-soft);border-radius:10px;margin-top:10px;padding:12px;font-size:15px}