:root{--c:#33691e;--cl:#33691e14;--cm:#33691e2e;--bg:#faf7f2;--card:#fff;--tx:#2c2416;--t2:#6b5e4a;--r:14px;--sh:0 2px 12px #2c241614}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font,"DM Sans"), system-ui, sans-serif;background:var(--bg);color:var(--tx);-webkit-font-smoothing:antialiased;min-height:100dvh}.app{max-width:540px;margin:0 auto;padding:0 14px 88px}.header{z-index:20;background:var(--bg);justify-content:space-between;align-items:center;padding:14px 4px;display:flex;position:sticky;top:0}.logo{letter-spacing:-.3px;color:var(--c);align-items:baseline;gap:6px;font-size:21px;font-weight:700;display:flex}.logo span{opacity:.55;font-size:13px;font-weight:400}.sub{color:var(--t2);font-size:12px}.export{border:1.5px solid var(--cm);color:var(--c);cursor:pointer;background:0 0;border-radius:8px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600}.export:hover{background:var(--cl)}.font-wrap{position:relative}.font-btn{border:1.5px solid var(--cm);width:34px;height:34px;color:var(--t2);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-family:Georgia,Times New Roman,serif;font-size:13px;font-weight:700;transition:all .15s;display:flex}.font-btn:hover{border-color:var(--c);color:var(--c)}.font-menu{z-index:30;background:var(--card);border-radius:12px;min-width:170px;padding:4px;position:absolute;top:42px;right:0;box-shadow:0 8px 30px #00000026}.font-opt{text-align:left;cursor:pointer;width:100%;color:var(--tx);background:0 0;border:none;border-radius:9px;padding:9px 13px;font-size:15px;transition:background .12s;display:block}.font-opt:hover{background:var(--cl)}.font-opt.on{background:var(--cl);color:var(--c);font-weight:600}.fab{z-index:40;background:var(--c);color:#fff;cursor:pointer;border:none;border-radius:24px;padding:13px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .15s;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 14px #33691e59}.fab:hover{transform:translateY(-1px);box-shadow:0 6px 18px #33691e73}.submit-hint{color:var(--t2);margin:2px 0 16px;font-size:13px;line-height:1.5}.save:disabled{opacity:.45;cursor:not-allowed}.tabbar{z-index:30;background:var(--card);border-top:1px solid var(--cm);padding:6px 8px calc(6px + env(safe-area-inset-bottom));max-width:540px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #2c24160f}.tb{cursor:pointer;color:var(--t2);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:5px 0;font-family:inherit;font-size:17px;transition:color .15s;display:flex}.tb span{font-size:10.5px;font-weight:500}.tb.on{color:var(--c)}.tb.on span{font-weight:700}.phrase-hw{font-size:17px;font-weight:600}.phrase-m-hw{font-size:22px;line-height:1.3}.m-ph{color:var(--c);margin:3px 0 12px;font-size:14px;font-weight:500}.m-tags{flex-wrap:wrap;gap:5px;margin-bottom:12px;display:flex}.profile{padding-top:8px}.pf-title{color:var(--c);margin-bottom:14px;font-size:28px;font-weight:700}.pf-facts{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.pf-fact{background:var(--card);box-shadow:var(--sh);border-radius:12px;justify-content:space-between;align-items:baseline;gap:12px;padding:11px 15px;display:flex}.pf-lbl{text-transform:uppercase;letter-spacing:.6px;color:var(--t2);white-space:nowrap;font-size:10px;font-weight:700}.pf-val{color:var(--tx);text-align:right;font-size:13.5px;font-weight:500}.pf-sec{margin-bottom:20px}.pf-sec h3{text-transform:uppercase;letter-spacing:.7px;color:var(--c);margin-bottom:6px;font-size:13px;font-weight:700}.pf-sec p{color:var(--tx);font-size:14.5px;line-height:1.7}.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%)}.az-strip{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:5px;padding:2px 0 12px;display:flex;overflow-x:auto}.az-strip::-webkit-scrollbar{display:none}.az-chip{border:1.5px solid var(--cm);min-width:34px;height:32px;color:var(--t2);cursor:pointer;background:0 0;border-radius:16px;flex:none;justify-content:center;align-items:center;padding:0 9px;font-family:inherit;font-size:13px;font-weight:600;transition:background .12s,color .12s,border-color .12s;display:flex}.az-chip:hover{border-color:var(--c);color:var(--c)}.az-chip.on{background:var(--c);border-color:var(--c);color:#fff}.stats{text-align:center;color:var(--t2);margin-bottom:4px;padding:6px 0;font-size:12px}.stats b{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}.c-head{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.hw{color:var(--tx);letter-spacing:-.2px;font-size:21px;font-weight:700;line-height:1.2}.scount{color:var(--c);background:var(--cl);border-radius:10px;padding:2px 8px;font-size:10.5px;font-weight:600}.hasclip{font-size:12px}.def-gk{color:var(--tx);margin-top:4px;font-size:15px;font-weight:500;line-height:1.5}.def-en{color:var(--t2);margin-top:3px;font-size:13px;line-height:1.5}.meta{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.tag{background:var(--cl);color:var(--c);text-transform:capitalize;border-radius:9px;padding:2px 9px;font-size:10px;font-weight:600}.empty{text-align:center;color:var(--t2);padding:40px 20px}.empty h3{color:var(--tx);margin-bottom:4px;font-size:17px}.empty p{font-size:14px}.ov{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;position:relative;overflow-y:auto;box-shadow:0 -4px 30px #00000026}@keyframes sUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.m-handle{background:#d4cdc0;border-radius:2px;width:32px;height:4px;margin:10px auto 6px}.m-close{float:right;background:var(--bg);cursor:pointer;width:30px;height:30px;color:var(--t2);z-index:2;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:all .15s;display:flex;position:sticky;top:8px}.m-close:hover{background:var(--cm);color:var(--tx)}.m-body{padding:6px 22px 30px;position:relative}.edit-btn{border:1.5px solid var(--cm);color:var(--t2);cursor:pointer;background:0 0;border-radius:8px;padding:5px 11px;font-family:inherit;font-size:12px;position:absolute;top:0;right:44px}.edit-btn:hover{border-color:var(--c);color:var(--c)}.m-hw{color:var(--tx);letter-spacing:-.4px;margin:6px 0 4px;font-size:26px;font-weight:700;line-height:1.2}.mtag{background:var(--cl);color:var(--c);border-radius:12px;margin:0 6px 8px 0;padding:3px 11px;font-size:11px;font-weight:600;display:inline-block}.sense{border-top:1px dashed var(--cm);padding:10px 0}.sense:first-of-type{border-top:none;padding-top:2px}.sense-label{text-transform:uppercase;letter-spacing:.6px;color:var(--c);margin:4px 0 6px;font-size:10px;font-weight:700}.m-section{margin-bottom:14px}.m-label{text-transform:uppercase;letter-spacing:.7px;color:var(--t2);margin-bottom:4px;font-size:10px;font-weight:700}.m-text{color:var(--t2);font-size:13px;line-height:1.6}.gk-text{color:var(--tx);font-size:16px;font-weight:500;line-height:1.6}.ex{color:var(--t2);font-style:italic}.m-note{color:#4a4032;background:var(--bg);border-left:3px solid var(--c);border-radius:10px;padding:10px 13px;font-size:13px;line-height:1.5}.m-learn{border-top:1px dashed var(--cm);margin-top:16px;padding-top:14px}.m-learn-h{text-transform:uppercase;letter-spacing:.7px;color:var(--t2);margin-bottom:8px;font-size:10px;font-weight:700}.m-kv{border-bottom:1px solid var(--bg);justify-content:space-between;gap:12px;padding:6px 0;font-size:13px;display:flex}.m-kv span:first-child{color:var(--t2);flex:none}.m-kv span:last-child{color:var(--tx);text-align:right;font-weight:500}.m-audio{border-top:1px solid var(--cm);margin-top:16px;padding-top:14px}.play{border:1.5px solid var(--c);background:var(--cl);color:var(--c);cursor:pointer;border-radius:10px;padding:9px 16px;font-family:inherit;font-size:14px;font-weight:600}.edit-row{gap:8px;margin-bottom:16px;display:flex}.save{background:var(--c);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:600}.cancel{border:1.5px solid var(--cm);color:var(--t2);cursor:pointer;background:0 0;border-radius:10px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:600}.f{margin-bottom:12px}.f label{color:var(--t2);letter-spacing:.4px;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.f input,.f textarea{border:1.5px solid var(--cm);width:100%;color:var(--tx);background:#fff;border-radius:9px;outline:none;padding:9px 11px;font-family:inherit;font-size:14px;transition:border-color .15s}.f textarea{resize:vertical}.f input:focus,.f textarea:focus{border-color:var(--c);box-shadow:0 0 0 3px var(--cl)}@media (width<=400px){.app{padding:0 8px 40px}.card{padding:13px 14px}.hw{font-size:19px}.m-body{padding:6px 16px 26px}.m-hw{font-size:22px}}