:root{--navy: #16325c;--navy-2: #22457a;--gold: #ffd166;--red: #e4572e;--green: #2a9d5b;--amber: #e9a23b;--bg: #fbf7f0;--card: #ffffff;--ink: #1d2433;--muted: #6b7280;--line: #eee6d8;--radius: 16px;--shadow: 0 2px 10px rgba(22, 50, 92, .08);font-family:Nunito,Noto Sans Ethiopic,system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}html,body{margin:0;background:var(--bg)}body{min-height:100vh;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,textarea{font:inherit}h1,h2,h3{margin:0 0 8px;line-height:1.2}h2{font-size:1.3rem}h3{font-size:1.05rem}p{line-height:1.5}.geez{font-family:Noto Sans Ethiopic,Nunito,sans-serif}.muted{color:var(--muted)}.tiny{font-size:.8rem;color:var(--muted)}.error{color:#b42318;background:#fdecea;padding:8px 12px;border-radius:10px}.center{text-align:center;padding:40px 16px}.app{max-width:720px;margin:0 auto;padding-bottom:90px}.page{padding:16px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--navy);color:#fff;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-size:1.05rem}.brand b{color:var(--gold)}.logo{font-family:Noto Sans Ethiopic,sans-serif;font-weight:700;background:var(--gold);color:var(--navy);border-radius:10px;padding:2px 8px}.who{display:flex;align-items:center;gap:12px;font-size:.9rem}.who .name{opacity:.9;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .link{color:#fff;opacity:.85}.tabs{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;justify-content:center;gap:4px;background:#fff;border-top:1px solid var(--line);padding:6px 8px calc(6px + env(safe-area-inset-bottom))}.tab{flex:1;max-width:160px;border:0;background:transparent;border-radius:12px;padding:6px 4px;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--muted);font-weight:600;font-size:.75rem}.tab-icon{font-size:1.3rem}.tab.active{color:var(--navy);background:#eef3fb}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;margin-bottom:14px}.btn{border:0;background:var(--navy);color:#fff;font-weight:700;padding:10px 18px;border-radius:12px}.btn:hover:not(:disabled){background:var(--navy-2)}.btn.big{padding:14px 22px;font-size:1.05rem;width:100%}.btn.small{padding:7px 12px;font-size:.9rem}.btn.ghost{background:transparent;color:var(--navy);box-shadow:inset 0 0 0 2px var(--navy)}.btn.ghost:hover:not(:disabled){background:#eef3fb}.btn.good{background:var(--green)}.btn.warn{background:var(--amber)}.btn.bad{color:#b42318;box-shadow:inset 0 0 0 2px #f1b5ad}.link{border:0;background:none;color:var(--navy);text-decoration:underline;padding:4px}.chip{display:inline-block;background:#fff4d6;color:#8a5a00;border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:700;text-transform:capitalize}.row-between{display:flex;align-items:center;justify-content:space-between;gap:8px}.actions{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:12px}.actions.inline{flex-direction:row;justify-content:flex-start}.actions.wrap{flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:6px;margin:14px 0 4px;text-align:left}.field>span{font-weight:700;font-size:.95rem}.field small{color:var(--muted);font-weight:400}.field input,.field textarea{border:2px solid var(--line);border-radius:12px;padding:11px 12px;font-size:1.05rem;background:#fffdf9;width:100%}.field input:focus,.field textarea:focus{outline:none;border-color:var(--navy)}.bar{height:10px;background:#efe7d9;border-radius:999px;overflow:hidden}.bar.big{height:14px}.bar-fill{height:100%;background:var(--red);border-radius:999px;transition:width .4s}.bar-fill.green{background:var(--green)}.seg{display:inline-flex;background:#efe7d9;border-radius:12px;padding:3px;gap:2px}.seg button{border:0;background:transparent;padding:6px 12px;border-radius:10px;font-weight:700;color:var(--muted);font-size:.85rem;white-space:nowrap}.seg button.on{background:#fff;color:var(--navy);box-shadow:var(--shadow)}.seg.scroll{display:flex;overflow-x:auto;margin:8px 0 10px;max-width:100%}.toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%);background:var(--green);color:#fff;font-weight:700;padding:10px 18px;border-radius:999px;box-shadow:var(--shadow)}.banner{padding:10px 14px;border-radius:12px;font-weight:600}.banner.warn{background:#fff4d6;color:#7a4d00}.welcome{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at 20% 10%,#22457a 0%,var(--navy) 60%)}.welcome-card{background:#fff;border-radius:22px;padding:28px 22px;max-width:440px;width:100%;text-align:center;box-shadow:0 10px 40px #00000040}.big-logo{font-family:Noto Sans Ethiopic,sans-serif;font-weight:700;font-size:3rem;background:var(--gold);color:var(--navy);display:inline-block;border-radius:20px;padding:4px 20px;margin-bottom:12px}.big-logo.small{font-size:2rem;padding:2px 14px}.welcome h1{font-size:1.8rem}.welcome h1 span{color:var(--red)}.lead{color:#374151}.how{text-align:left;padding-left:22px;line-height:1.8}.consent-box{text-align:left;background:#f7f3ec;border-radius:12px;padding:12px 14px;margin-top:14px;font-size:.92rem}.consent-box p{margin:0 0 6px}.consent-box ul{margin:0;padding-left:18px;line-height:1.6}.check{display:flex;align-items:center;gap:10px;margin:14px 0;font-weight:700;justify-content:center}.check input{width:22px;height:22px}.goal-strip{margin-bottom:14px}.goal-text{font-size:.95rem;margin-bottom:6px}.streak{color:var(--red);font-weight:700}.prompt-card{text-align:center}.prompt-meta{display:flex;justify-content:space-between;align-items:center}.ask{color:var(--muted);margin:14px 0 4px;font-weight:600}.english{font-size:1.6rem;font-weight:800;color:var(--navy);margin:4px 0 12px}.rec-item .english{font-size:1.15rem;margin:8px 0}.recorder{margin:18px 0 6px;display:flex;flex-direction:column;align-items:center}.mic{width:150px;height:150px;border-radius:50%;border:0;background:var(--red);color:#fff;font-weight:800;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;box-shadow:0 8px 24px #e4572e59}.mic-dot{width:26px;height:26px;border-radius:50%;background:#fff}.mic-square{width:24px;height:24px;border-radius:4px;background:#fff}.mic.recording{background:var(--navy);animation:pulse 1.2s infinite}@keyframes pulse{0%{box-shadow:0 0 #16325c80}70%{box-shadow:0 0 0 22px #16325c00}to{box-shadow:0 0 #16325c00}}.playback{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}audio{width:100%;max-width:420px}.tips{margin-top:6px;color:#374151}.tips summary{cursor:pointer;font-weight:700;color:var(--navy)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.stat{background:#fff;border-radius:14px;box-shadow:var(--shadow);padding:12px 8px;display:flex;flex-direction:column;align-items:center}.stat b{font-size:1.4rem;color:var(--navy)}.stat span{font-size:.78rem;color:var(--muted);font-weight:600}.stat.good b{color:var(--green)}.stat.warn b{color:var(--amber)}.chart-box{position:relative;height:200px}.board{list-style:none;padding:0;margin:12px 0 6px}.board li{display:flex;align-items:center;gap:12px;padding:10px 8px;border-bottom:1px solid var(--line)}.board li.me{background:#fff8e6;border-radius:10px}.rank{width:30px;text-align:center;font-weight:800}.who-name{flex:1;font-weight:700}.score b{font-size:1.1rem;color:var(--navy)}.score small{color:var(--muted)}.rec-list{list-style:none;padding:0;margin:10px 0}.rec-item{background:#fff;border-radius:14px;box-shadow:var(--shadow);padding:14px;margin-bottom:12px;border-left:5px solid var(--line)}.rec-item.status-pending{border-left-color:var(--navy)}.rec-item.status-approved,.rec-item.status-auto_approved{border-left-color:var(--green)}.rec-item.status-rerecord{border-left-color:var(--amber)}.rec-item.status-rejected{border-left-color:#c0c4cc}.badge{font-size:.75rem;font-weight:800;padding:3px 9px;border-radius:999px;background:#eef3fb;color:var(--navy)}.badge.approved,.badge.auto_approved{background:#e5f4e4;color:#1d6b3f}.badge.rerecord{background:#fff1d6;color:#8a5a00}.badge.rejected{background:#f0efec;color:#555}.note{background:#fff4d6;border-radius:10px;padding:8px 10px;font-size:.92rem}.tig{font-size:1.15rem;margin:8px 0 0}.redo{border-top:1px dashed var(--line);margin-top:12px;padding-top:6px;display:flex;flex-direction:column;align-items:center;gap:8px}@media(min-width:720px){.stats{grid-template-columns:repeat(6,1fr)}.tabs{position:sticky;top:56px;bottom:auto;border-top:0;border-bottom:1px solid var(--line)}.app{padding-bottom:20px}.toast{bottom:30px}}.to-tag{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:.85rem;padding:4px 12px;border-radius:999px;margin-bottom:4px}.to-tag.big{font-size:1.05rem;padding:8px 16px;margin:0 0 6px}.to-tag.man{background:#e3eefc;color:#1d4f91}.to-tag.woman{background:#fbe4ee;color:#9b2c5a}.choice{display:flex;gap:10px}.choice button{flex:1;border:2px solid var(--line);background:#fffdf9;border-radius:12px;padding:12px;font-weight:800;font-size:1rem;color:var(--ink)}.choice button.on{border-color:var(--navy);background:#eef3fb;color:var(--navy)}