:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:dark;--bg:#091a2b;--panel:#122b43;--ink:#effaff;--muted:#adc6d5;--teal:#7ae0c8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}main{max-width:760px;margin:auto;padding:28px 16px 70px}.eyebrow{letter-spacing:.18em;color:var(--teal);font-weight:800;font-size:.75rem}h1{font-size:clamp(2rem,6vw,3.4rem);margin:8px 0}h2{font-size:1.22rem;margin:0 0 12px}p{line-height:1.56}header{margin-bottom:24px}.pill{display:inline-block;border:1px solid #385671;border-radius:25px;padding:8px 12px;color:var(--teal);font-size:.84rem}.notice{border-left:4px solid #e9bf72;padding:14px;background:#302b26;border-radius:8px;font-size:.9rem}.modebar{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.panel{background:var(--panel);padding:22px;border:1px solid #2c5068;border-radius:18px;margin:15px 0}.panel .muted,.muted,footer{color:var(--muted);font-size:.9rem}.buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}button,select{font:inherit;background:#203c56;color:var(--ink);border:1px solid #426681;border-radius:12px;min-height:48px;padding:12px 16px;cursor:pointer}button:focus-visible,select:focus-visible{outline:3px solid #f8d487;outline-offset:2px}button.primary,button.active{background:var(--teal);color:#0a292b;font-weight:800}select{width:100%;max-width:100%}.lessonText{font-size:1.15rem;min-height:70px;padding:12px;background:#1b3b4c;border-radius:12px}.term{font-size:2rem;color:var(--teal);font-weight:800}.en{color:#a1e5e5}.answer{display:block;width:100%;margin:9px 0;text-align:left}#feedback{min-height:32px}.pack{margin-top:20px;padding:12px;background:#244351;border-radius:10px}.pack audio{width:100%;display:block;margin:12px 0}a{color:var(--teal)}footer{margin-top:35px;border-top:1px solid #29465d;padding-top:12px}@media(max-width:520px){.modebar{grid-template-columns:1fr}.panel{padding:16px}}