:root{--c:#e07b39;--cl:#e07b3914;--cm:#e07b392e;--bg:#faf7f2;--card:#fff;--tx:#2c2416;--t2:#6b5e4a;--r:14px;--sh:0 2px 12px #2c241614}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--tx);-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:DM Sans,system-ui,sans-serif;transition:background .4s,color .4s}.header{z-index:20;background:var(--card);justify-content:space-between;align-items:center;padding:14px 18px;transition:background .4s;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #0000000d}.logo{letter-spacing:-.3px;color:var(--c);align-items:baseline;gap:6px;font-size:21px;font-weight:700;transition:color .4s;display:flex}.logo span{opacity:.55;font-size:13px;font-weight:400}.lang-picker{position:relative}.lang-circle{cursor:pointer;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;font-weight:700;transition:all .4s;display:flex;box-shadow:0 2px 8px #0000001f}.lang-overlay{z-index:24;width:100%;height:100%;position:fixed;top:0;left:0}.lang-dropdown{background:var(--card);border-radius:var(--r);z-index:25;width:220px;max-height:420px;position:absolute;top:48px;right:0;overflow-y:auto;box-shadow:0 8px 30px #0000001f}.lang-group{margin-bottom:2px}.lang-group-hdr{text-transform:uppercase;letter-spacing:.8px;color:var(--t2);opacity:.7;padding:8px 16px 3px;font-size:10px;font-weight:700}.lang-dd-item{cursor:pointer;width:100%;color:var(--tx);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:background .12s;display:flex}.lang-dd-item:hover{background:var(--cl)}.lang-dd-item.active{background:var(--cl);font-weight:700}.lang-dot{border-radius:50%;flex-shrink:0;width:11px;height:11px}.lang-dd-item .eng{color:var(--t2);margin-left:auto;font-size:11px}main{max-width:540px;margin:0 auto;padding:14px 14px 48px}.banner{text-align:center;padding:20px 0 16px;transition:all .4s}.banner h1{color:var(--c);letter-spacing:-.4px;font-size:30px;font-weight:700;transition:color .4s}.banner .sub{color:var(--t2);margin-top:3px;font-size:13px}.banner .desc{color:var(--t2);max-width:460px;margin:8px auto 0;font-size:13px;line-height:1.6}.search-wrap{margin-bottom:14px;position:relative}.search-wrap input{border:1.5px solid var(--cm);border-radius:var(--r);background:var(--card);width:100%;color:var(--tx);outline:none;padding:12px 16px 12px 42px;font-family:inherit;font-size:15px;transition:all .2s}.search-wrap input:focus{border-color:var(--c);box-shadow:0 0 0 3px var(--cl)}.search-wrap input::placeholder{color:var(--t2);opacity:.6}.search-icon{opacity:.5;pointer-events:none;font-size:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-clear{background:var(--cm);cursor:pointer;width:24px;height:24px;color:var(--t2);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.tabs{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);gap:0;margin-bottom:14px;padding:3px;display:flex}.tab-btn{color:var(--t2);cursor:pointer;background:0 0;border:none;border-radius:11px;flex:1;padding:10px 0;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s}.tab-btn.active{background:var(--c);color:#fff;font-weight:600;box-shadow:0 2px 8px #0000001a}.tab-count{opacity:.7;margin-left:3px;font-size:11px}.filters{flex-wrap:wrap;gap:7px;margin-bottom:16px;display:flex}.f-pill{border:1.5px solid var(--cm);color:var(--t2);cursor:pointer;white-space:nowrap;background:0 0;border-radius:18px;padding:6px 13px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s}.f-pill:hover{border-color:var(--c);color:var(--c)}.f-pill.active{background:var(--c);border-color:var(--c);color:#fff}.f-pill .count{opacity:.7;margin-left:3px;font-size:10px}.stats{text-align:center;color:var(--t2);margin-bottom:4px;padding:6px 0;font-size:12px}.stats .highlight{color:var(--c);font-weight:600}.cards{flex-direction:column;gap:10px;display:flex}.card{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);cursor:pointer;border-left:4px solid var(--c);padding:16px 18px;transition:all .25s;position:relative}.card:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0000001a}.card-hw{color:var(--tx);letter-spacing:-.2px;margin-bottom:3px;font-size:21px;font-weight:700;line-height:1.2}.card-ph{color:var(--c);letter-spacing:.2px;margin-bottom:8px;font-size:12px;font-weight:500}.card-def{color:var(--tx);font-size:14px;line-height:1.5}.card-meta{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.card-tag{background:var(--cl);color:var(--c);text-transform:capitalize;border-radius:9px;padding:2px 9px;font-size:10px;font-weight:600}.audio-btn{border:1.5px solid var(--cm);background:var(--card);cursor:pointer;opacity:.4;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;transition:all .2s;display:flex;position:absolute;top:12px;right:14px}.audio-btn:hover{opacity:1;border-color:var(--c)}.audio-btn.queued{opacity:1;border-color:var(--c);background:var(--cl)}.audio-btn.stored{opacity:1;background:#2e7d3214;border-color:#2e7d32;animation:none}.audio-queue-btn{border:2px solid var(--cm);background:var(--bg);cursor:pointer;color:var(--tx);border-radius:20px;width:100%;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s}.audio-queue-btn:hover{border-color:var(--c);background:var(--cl)}.audio-queue-btn.queued{border-color:var(--c);background:var(--cl);font-weight:600}.phrase-card .card-hw{font-size:19px}.phrase-note{color:var(--t2);border-left:2px solid var(--cm);margin-top:8px;padding-left:10px;font-size:12px;line-height:1.5}.phrase-note strong{text-transform:uppercase;letter-spacing:.5px;color:var(--c);margin-bottom:2px;font-size:10px;display:block}.empty{text-align:center;color:var(--t2);padding:40px 20px}.empty .emoji{margin-bottom:12px;font-size:40px}.empty h3{color:var(--tx);margin-bottom:4px;font-size:17px}.empty p{font-size:14px}.modal-overlay{z-index:100;background:#2c24168c;justify-content:center;align-items:flex-end;width:100%;height:100%;animation:.2s fIn;display:flex;position:fixed;top:0;left:0}@keyframes fIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--card);border-radius:20px 20px 0 0;width:100%;max-width:540px;max-height:85dvh;animation:.28s sUp;overflow-y:auto;box-shadow:0 -4px 30px #00000026}@keyframes sUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-handle{background:#d4cdc0;border-radius:2px;width:32px;height:4px;margin:10px auto 6px}.modal-body{padding:6px 22px 30px}.modal-close{float:right;background:var(--bg);cursor:pointer;width:30px;height:30px;color:var(--t2);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:all .15s;display:flex;position:sticky;top:8px}.modal-close:hover{background:var(--cm);color:var(--tx)}.modal-hw{color:var(--tx);letter-spacing:-.4px;font-size:26px;font-weight:700;line-height:1.2}.modal-ph{color:var(--c);margin:5px 0 14px;font-size:15px;font-weight:500}.modal-tags{flex-wrap:wrap;gap:5px;margin-bottom:14px;display:flex}.m-tag{background:var(--cl);color:var(--c);border-radius:12px;padding:3px 11px;font-size:11px;font-weight:600}.m-section{margin-bottom:16px}.m-label{text-transform:uppercase;letter-spacing:.7px;color:var(--t2);margin-bottom:5px;font-size:10px;font-weight:700}.m-text{color:var(--tx);font-size:14px;line-height:1.6}.sense-block{background:var(--bg);border-left:3px solid var(--c);border-radius:10px;margin-bottom:8px;padding:12px 14px}.sense-block .sn{text-transform:uppercase;letter-spacing:.5px;color:var(--c);margin-bottom:3px;font-size:10px;font-weight:700}.sense-block .sd{color:var(--tx);margin-bottom:4px;font-size:14px;line-height:1.5}.sense-block .s-sw{color:var(--t2);font-size:12px}.sense-block .s-ex{border-left:2px solid var(--cm);color:var(--tx);margin-top:8px;padding-left:10px;font-size:14px;font-style:italic}.sense-block .s-ex-tr{color:var(--t2);margin-top:2px;font-size:12px}.sense-block .s-use{color:var(--t2);margin-top:5px;font-size:11px;font-style:italic}.s-badge{letter-spacing:.4px;border-radius:5px;padding:2px 7px;font-size:9px;font-weight:700;display:inline-block}.s-badge.t1{color:#2e7d32;background:#e8f5e9}.s-badge.t2{color:#1565c0;background:#e3f2fd}.s-badge.t3{color:#e65100;background:#fff3e0}.s-badge.t4{color:#c62828;background:#fce4ec}.v-badge{color:#7b1fa2;background:#f3e5f5;border-radius:5px;margin-left:6px;padding:2px 7px;font-size:9px;font-weight:700;display:inline-block}.desc-toggle{color:var(--c);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px;font-weight:600}.audio-queue-stat{color:var(--c);margin-left:12px;font-size:12px;font-weight:600}.admin-bar{align-items:center;gap:8px;margin-right:auto;display:flex}.admin-badge{color:#e65100;letter-spacing:.4px;background:#fff3e0;border-radius:6px;padding:2px 8px;font-size:10px;font-weight:700}.admin-export{background:var(--cl);color:var(--c);cursor:pointer;border:none;border-radius:6px;padding:2px 8px;font-family:inherit;font-size:10px;font-weight:600}.admin-export:hover{background:var(--cm)}@media (width<=400px){.header{padding:10px 12px}.logo{font-size:18px}main{padding:10px 8px 40px}.card{padding:13px 14px}.card-hw{font-size:19px}.modal-body{padding:6px 16px 26px}.modal-hw{font-size:22px}}