:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#18312b;background:#f5f8f5;--green: #16784a;--green-dark: #13683e;--green-soft: #dff3e5;--border: #e4ece7;--muted: #6a817a}*{box-sizing:border-box}body{margin:0}h1{font-size:clamp(28px,5vw,45px);margin:.2em 0}h2{margin-top:0}.muted{color:var(--muted)}.eyebrow{color:#37895b;font-weight:800;font-size:12px;letter-spacing:.12em}.app{max-width:1180px;margin:auto;padding:20px 24px 90px}aside{position:fixed;top:105px;left:max(20px,calc(50% - 590px));display:grid;gap:7px}aside button,.bottom button{border:0;background:transparent;color:#749087;text-align:left;padding:11px;border-radius:12px;cursor:pointer;font:inherit}aside button.active{background:var(--green-soft);color:var(--green-dark)}aside b{font-size:18px;margin-right:10px}main{margin-left:170px;max-width:900px;padding-top:45px}.btn{background:var(--green);color:#fff;border:0;border-radius:12px;padding:13px 18px;font:inherit;font-weight:750;cursor:pointer}.btn:hover{background:var(--green-dark)}.btn:disabled{opacity:.65;cursor:wait}.soft{border:1px solid #cce0d2;background:#fff;border-radius:9px;padding:8px 11px;color:#2c6046;font:inherit;cursor:pointer}.soft:hover{background:#f0f7f2}.soft:disabled{opacity:.65;cursor:wait}.link{border:0;background:transparent;color:#147644;margin-top:15px;cursor:pointer;font:inherit}.mini-btn{border:1px solid #cce0d2;border-radius:8px;background:#fff;color:#286245;padding:6px 9px;cursor:pointer;font:inherit;font-size:12px;font-weight:650}.mini-btn:hover{background:#f0f7f2}.mini-btn.danger{color:#b34a4a;border-color:#edcaca}.mini-btn.danger:hover{background:#fbf1f1}input,textarea,select{display:block;width:100%;border:1px solid #cbdcd1;border-radius:12px;padding:13px;margin-top:8px;background:#fff;font:inherit}label{display:block;margin:16px 0 0;font-weight:700}.hero{padding:42px;border-radius:28px;background:linear-gradient(125deg,#d9f4e2,#eff9ec);min-height:280px}.hero .btn{margin-top:10px}.grid{display:grid;gap:16px;margin:18px 0}.three{grid-template-columns:repeat(3,1fr)}.metric,.panel,.plans article{background:#fff;border:1px solid var(--border);border-radius:18px;padding:20px}.metric strong{font-size:30px;display:block}.metric span{color:var(--muted);font-size:14px}.row{display:flex;align-items:center;gap:12px;border-top:1px solid #edf1ee;padding:13px 0}.row p{margin:4px 0;color:#769087;font-size:14px}.row .soft{margin-left:auto}.dot{width:10px;height:10px;border-radius:50%;background:#60ba75;flex-shrink:0}.create{max-width:760px}.create textarea{height:110px;resize:vertical}.create>.btn{margin-top:20px}.create details{margin-top:22px}.create details summary{cursor:pointer;font-weight:700;color:#2c6046}.create details input{margin:12px 0}.notice{background:#edf8ef;border-radius:9px;padding:12px;color:#276e42;margin-top:14px}.mode-hint{background:#eef4fb;border-radius:9px;padding:12px;color:#2c5a8a;margin:14px 0 0}.notice.error{background:#fbf1ef;color:#a04b3a}.chart{height:230px;display:flex;align-items:stretch;gap:10px;padding:18px 22px}.chart-col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.chart-bar{width:100%;background:#54af70;border-radius:8px 8px 2px 2px;min-height:4px}.chart-count{font-size:12px;color:var(--muted);min-height:16px}.chart-label{font-size:12px;color:var(--muted)}.plans,.admin-grid{display:grid;gap:15px;margin-top:25px}.plans{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:repeat(3,1fr)}.plans strong{font-size:35px;display:block}.plans .featured{background:#e9f7ec;border-color:#8acc9d}.plans .btn{margin-top:10px}.bottom{display:none}@media (max-width: 750px){.app{padding:12px 16px 88px}aside{display:none}main{margin:0;padding-top:24px}.bottom{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #dfe9e2;display:flex;justify-content:space-around;padding:7px 3px calc(7px + env(safe-area-inset-bottom));z-index:3}.bottom button{display:grid;text-align:center;padding:5px;gap:3px}.bottom b{font-size:17px}.bottom small{font-size:10px}.bottom .active{color:var(--green-dark)}.hero{padding:28px 22px;min-height:240px}.three{grid-template-columns:1fr 1fr}.three .metric:last-child{grid-column:span 2}.plans,.admin-grid{grid-template-columns:1fr}}header{height:58px;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:850;font-size:21px;text-decoration:none;color:#173d34}.brand span{color:#7c9b7f;font-weight:500}.header-actions{display:flex;gap:10px;align-items:center}.account-button{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:6px 13px;border:1px solid #cce0d2;border-radius:12px;background:#fff;color:#1d5639;font:inherit;font-size:14px;font-weight:750;white-space:nowrap;cursor:pointer}.account-button:hover{background:#f0f7f2}.account-initial{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#16784a;color:#fff;font-size:13px;flex-shrink:0}.account-label{max-width:140px;overflow:hidden;text-overflow:ellipsis}@media (max-width: 480px){.account-button{min-height:42px;padding:6px 10px;font-size:13px}.account-initial{width:25px;height:25px}.account-label{max-width:90px}.header-actions .soft{font-size:12px}}.study{width:100%;max-width:720px;margin:0 auto;text-align:center}.study .deck-picker{text-align:left;margin-bottom:6px}.study-top{display:flex;justify-content:space-between;color:var(--muted);margin:18px 0}.card-wrap{position:relative}.card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:340px;border-radius:25px;border:1px solid #c9ded0;background:#fff;padding:38px 38px 92px;color:#133d30;cursor:pointer;box-shadow:0 10px 25px #23421a0d;font:inherit;text-align:center}.card.flip{background:#e9f8ec}.card small{color:var(--muted);letter-spacing:.06em}.card h1{font-size:clamp(30px,6vw,42px);margin:24px 0 8px;overflow-wrap:anywhere}.card .example{color:#3f6a55;margin:8px 0 0}.ipa-line{display:block;margin-top:4px;color:#4d8a68;font-size:20px;font-weight:600;letter-spacing:.04em}.audio-control{position:absolute;right:22px;bottom:22px;width:58px;height:58px;border:1px solid #b9d8c3;border-radius:50%;background:#fff;font-size:28px;cursor:pointer;box-shadow:0 4px 12px #205b3626}.audio-control:hover{background:#eaf6ed}.mic-control{position:absolute;left:22px;bottom:22px;display:inline-flex;align-items:center;gap:7px;height:58px;padding:0 20px;border:1px solid #b9d8c3;border-radius:999px;background:#fff;color:#236445;font:inherit;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #205b3626}.mic-control:hover{background:#eaf6ed}.mic-control:disabled{opacity:.7;cursor:wait}.mic-control.recording{background:#b3402f;border-color:#b3402f;color:#fff;animation:rec-pulse 1.2s ease-in-out infinite}.mic-control.recording:hover{background:#9c3626}@keyframes rec-pulse{0%,to{box-shadow:0 0 #b3402f73}50%{box-shadow:0 0 0 10px #b3402f00}}.side-toggle{position:absolute;left:50%;bottom:22px;transform:translate(-50%);margin:0}.side-toggle select{display:inline-block;width:auto;margin:0;height:42px;padding:0 12px;border:1px solid #b9d8c3;border-radius:999px;background:#fff;color:#236445;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #205b361a}.side-toggle select:hover{background:#eaf6ed}.pronounce-status{margin-top:12px}.rec-hint{margin:0 0 4px;color:#7c4a1e;font-size:14px}.pronounce-status .notice{text-align:left}.answer-form label{margin-top:20px;text-align:left}.answer-row{display:flex;gap:8px;align-items:stretch}.answer-row input{flex:1;margin-top:8px}.answer-row .btn{margin-top:8px;white-space:nowrap}.good{color:#17804a;font-weight:700;margin:20px 0 0}.hint{color:#9a7119;font-weight:600;margin:20px 0 0}.grades{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-width:520px;margin:18px auto}.grades button{border:1px solid #cde2d2;background:#fff;border-radius:12px;padding:13px;cursor:pointer;color:#275c3d;font:inherit;font-weight:700}.grades button small{font-weight:500;color:var(--muted)}.grades button:hover{background:#f0f7f2}.grades button.know{background:var(--green-soft);border-color:#a5d5b6}.grades button.know:hover{background:#cfeeda}.study-empty{margin-top:18px;padding:40px 24px}.study-empty .btn{margin-top:12px}@media (max-width: 750px){.card{min-height:265px;padding:28px 24px 86px}.audio-control{right:16px;bottom:16px;width:52px;height:52px;font-size:24px}.mic-control{left:16px;bottom:16px;height:52px;padding:0 12px;font-size:13px}.side-toggle{bottom:21px}.side-toggle select{height:42px;padding:0 8px;font-size:12px}.answer-row{flex-direction:column}}.create-box{margin:20px 0;padding:18px;border:1px solid #d7e5dc;border-radius:18px;background:#f0f7f2}.create-box h2{margin:0 0 12px;font-size:18px;color:#20543b}.group-card{margin:16px 0;padding:20px;box-shadow:0 8px 22px #254c360f}.group-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.group-heading h2{margin:0}.group-heading>span{display:flex;align-items:center;gap:7px;flex-shrink:0}.deck-block{border-top:1px solid #edf1ee;margin-top:10px;padding:8px 0 14px}.deck-row{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:12px 13px;border:0;border-radius:10px;background:#f7faf8;color:#18312b;text-align:left;font:inherit;cursor:pointer}.deck-row:hover{background:#eaf5ed}.deck-row em{margin-left:auto;color:#789188;font-style:normal;font-size:13px}.deck-tools{display:flex;gap:6px;justify-content:flex-end;padding:8px 0 3px}.new-card-form{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin:8px 0}.new-card-form input{margin:0;min-height:42px;padding:10px 12px}.new-card-form .btn{padding:10px 14px}.flashcard-line{display:grid;grid-template-columns:minmax(80px,.7fr) 1fr auto;align-items:center;gap:12px;padding:7px 10px;margin:5px 0 0;border:1px solid #e3eee7;border-radius:8px;background:#f4f8f5;font-size:13px}.flashcard-line span{color:#6d8178}.card-del{width:22px;height:22px;padding:0;border:0;border-radius:50%;background:transparent;color:#b34a4a;font-size:13px;line-height:1;display:grid;place-items:center;cursor:pointer;justify-self:end}.card-del:hover{background:#f6e3e3}.deck-actions{display:flex;gap:8px;align-items:center;margin:12px 0 0;padding-top:10px}.deck-actions input{flex:1;margin:0;min-height:42px}.deck-actions .btn{white-space:nowrap;min-height:42px;padding:10px 14px}@media (max-width: 480px){.group-heading{align-items:flex-start}.group-heading h2{font-size:18px}.deck-actions{flex-wrap:wrap}.deck-actions input{min-width:100%}.deck-actions .btn{width:100%}.new-card-form{grid-template-columns:1fr}.flashcard-line{grid-template-columns:1fr auto}.flashcard-line span{grid-column:1 / -1}.flashcard-line .card-del{grid-row:1;grid-column:2}}.auth{max-width:480px;margin:auto}.auth form{display:grid;gap:12px;margin-top:14px}.auth form input{margin:0}.turnstile{margin:5px 0;min-height:65px}.auth-submit{width:100%;min-height:52px;font-size:16px}.account-panel h1{font-size:clamp(20px,4vw,28px);overflow-wrap:anywhere}.account-panel .btn{margin-top:10px}