:root{--indigo: #6366f1;--violet: #8b5cf6;--pink: #ec4899;--ink: #1f2233;--muted: #8b8fa3}html,body{overflow-x:hidden}.app{width:100%;max-width:440px;margin:0 auto;padding:calc(18px + env(safe-area-inset-top)) calc(18px + env(safe-area-inset-right)) calc(22px + env(safe-area-inset-bottom)) calc(18px + env(safe-area-inset-left));display:flex;flex-direction:column;gap:14px;min-height:100vh;min-height:100dvh;height:100vh;height:100dvh}.top{display:flex;align-items:center;justify-content:space-between;gap:8px}.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:18px;letter-spacing:-.3px}.logo{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:15px;flex-shrink:0;background:linear-gradient(135deg,var(--indigo),var(--violet));box-shadow:0 6px 16px -6px var(--violet)}.badges{display:flex;gap:6px;align-items:center;flex-shrink:0}.pill{font-size:12.5px;font-weight:700;padding:5px 11px;border-radius:999px;background:#fff;color:var(--violet);white-space:nowrap;box-shadow:0 4px 12px -8px #6366f199}.pill.warn{color:#e0723a;background:#fff4ec}.progress{height:7px;background:#e9e7f4;border-radius:999px;overflow:hidden}.bar{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--indigo),var(--pink));transition:width .4s ease}.stage{position:relative;flex:1;min-height:360px}.card{position:absolute;top:0;right:0;bottom:0;left:0;perspective:1500px;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}.card-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,.2,.2,1)}.card.flip .card-inner{transform:rotateY(180deg)}.face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:24px;background:#fff;padding:20px 20px 18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 22px 50px -26px #6366f180,0 2px 8px -4px #0000000a}.front-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.head-left{display:flex;align-items:center;gap:6px;min-width:0}.tag{font-size:11.5px;font-weight:800;letter-spacing:.3px;color:var(--violet);background:#f1edff;padding:4px 11px;border-radius:999px}.del{flex-shrink:0;border:none;background:#f6f6fa;color:#9ca3af;width:30px;height:30px;border-radius:9px;font-size:14px;cursor:pointer}.del:active{transform:scale(.92)}.toast{margin-bottom:14px;padding:11px 14px;border-radius:12px;font-size:13.5px;font-weight:600;text-align:center}.toast.ok{background:#e6f9f1;color:#0f9d6f}.toast.err{background:#fdecec;color:#d6453d}.status{font-size:11.5px;font-weight:800;padding:4px 10px;border-radius:999px;white-space:nowrap}.status.known{color:#0f9d6f;background:#e6f9f1}.status.unknown{color:#e0723a;background:#fff4ec}.imgwrap{width:100%;height:180px;border-radius:16px;overflow:hidden;background:#f3f2fa;flex-shrink:0}.imgwrap img{width:100%;height:100%;object-fit:cover;display:block}.imgfallback{width:100%;height:100%;display:grid;place-items:center;font-size:56px;font-weight:800;color:#c7c4e8;text-transform:uppercase}.enrow{display:flex;align-items:center;gap:10px;margin:16px 0 2px}.english{font-size:23px;font-weight:500;line-height:1.32;letter-spacing:-.4px;flex:1;min-width:0;word-break:break-word}.english strong{font-weight:800}.tts{flex-shrink:0;width:40px;height:40px;border:none;border-radius:50%;background:#f1edff;color:var(--violet);font-size:18px;cursor:pointer;display:grid;place-items:center;transition:transform .1s,background .2s}.tts:active{transform:scale(.9)}.pointsbox{margin-top:10px;flex:1 1 auto;min-height:0;overflow-y:auto}.points{margin:0;padding:0;list-style:none;color:#5b5f73;font-size:13.5px;line-height:1.55}.points li{position:relative;display:flex;align-items:flex-start;gap:8px;padding-left:15px;margin-bottom:6px}.points li:before{content:"";position:absolute;left:2px;top:8px;width:5px;height:5px;border-radius:50%;background:var(--violet)}.ptext{flex:1;min-width:0;word-break:break-word}.pdel{flex-shrink:0;border:none;background:#f1f1f6;color:#b0b3c0;width:22px;height:22px;border-radius:7px;font-size:11px;line-height:1;cursor:pointer}.pdel:active{transform:scale(.9)}.addexpr{margin-top:6px;border:1px dashed #c8cae0;background:#fff;color:#7d83cc;font-size:13px;font-weight:700;padding:8px 12px;border-radius:10px;cursor:pointer}.addexpr:disabled{opacity:.5}.exprform{margin-top:8px;padding:10px;border-radius:12px;background:#f6f7fc;display:flex;flex-direction:column;gap:8px}.exprpick{display:flex;flex-wrap:wrap;gap:6px}.wchip{border:none;background:#e9ebf6;color:#5b61b0;font-size:12.5px;font-weight:600;padding:5px 9px;border-radius:8px;cursor:pointer}.wchip:active{transform:scale(.94)}.exprinput{border:1px solid #d6d8ea;border-radius:9px;padding:9px 11px;font-size:16px;outline:none;width:100%;box-sizing:border-box;user-select:text;-webkit-user-select:text;touch-action:auto}.exprform{touch-action:auto}.exprerr{color:#d6453d;font-size:12px}.exprbtns{display:flex;gap:8px;justify-content:flex-end}.exprcancel,.exprok{border:none;border-radius:9px;padding:8px 16px;font-size:13.5px;font-weight:700;cursor:pointer}.exprcancel{background:#eceef3;color:#6b6f80}.exprok{background:#7d83cc;color:#fff}.exprok:disabled,.exprcancel:disabled{opacity:.5}.added{margin-top:14px;text-align:center;font-size:11.5px;color:#b3b6c6}.hint{margin-top:6px;text-align:center;font-size:12px;color:var(--muted)}.back{transform:rotateY(180deg);justify-content:flex-start;align-items:center;text-align:center;color:#fff;background:linear-gradient(160deg,var(--indigo),var(--violet));overflow-y:auto}.blabel{font-size:12px;letter-spacing:3px;opacity:.8;margin-bottom:16px}.trans{font-size:25px;font-weight:800;line-height:1.45;margin:0 0 14px}.ensub{font-size:14.5px;font-style:italic;opacity:.9;margin:0}.back>:first-child{margin-top:auto}.back>:last-child{margin-bottom:auto}.examples{width:100%;display:flex;flex-direction:column;gap:10px;margin-top:16px}.example{width:100%;padding:12px 14px;border-radius:14px;background:#ffffff24;text-align:left}.exlabel{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.2px;background:#ffffff2e;padding:2px 9px;border-radius:999px}.exrow{display:flex;align-items:flex-start;gap:8px;margin-top:6px}.exen{flex:1;min-width:0;margin:0;font-size:15.5px;font-weight:500;line-height:1.4}.exen strong{font-weight:800}.extts{flex-shrink:0;width:34px;height:34px;border:none;border-radius:50%;background:#ffffff38;color:#fff;font-size:15px;cursor:pointer;display:grid;place-items:center}.extts:active{transform:scale(.9)}.exko{margin:7px 0 0;font-size:13.5px;line-height:1.45;opacity:.92}.back .hint{color:#ffffffb0;margin-top:18px}.iconbtn{flex-shrink:0;width:36px;height:32px;display:grid;place-items:center;border:none;border-radius:11px;background:#7d83cc;color:#fff;font-size:16px;cursor:pointer;box-shadow:0 6px 16px -8px #7d83ccb3;transition:transform .12s,box-shadow .2s}.iconbtn:active{transform:scale(.92)}.iconbtn:disabled{opacity:.7}.spin{width:15px;height:15px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.judge{display:flex;gap:10px}.jbtn{flex:1 1 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:13px;padding:14px;font-size:16px;font-weight:600;letter-spacing:-.2px;cursor:pointer;white-space:nowrap;transition:transform .12s,box-shadow .2s,background .2s}.jbtn:active{transform:translateY(1px) scale(.985)}.ji{display:none}.no{background:#eceef3;color:#3c3c43}.yes{background:#7d83cc;color:#fff}.navbar{display:flex;gap:10px}.nav{flex:0 0 auto;width:56px;height:52px;border:none;border-radius:14px;background:#fff;color:#7d83cc;font-size:24px;line-height:1;font-weight:700;cursor:pointer;box-shadow:0 6px 16px -12px #3c3278b3,inset 0 0 0 1px #0000000a;transition:transform .12s,background .2s}.nav:active{transform:scale(.93);background:#f6f8ff}.know{flex:1 1 0;min-width:0;height:52px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:none;border-radius:14px;background:#7d83cc;color:#fff;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 10px 24px -12px #7d83ccb3;transition:transform .12s}.know:active{transform:translateY(1px) scale(.99)}.flip-ic{display:none}.flipbtn{flex:1 1 0;min-width:0;border:none;border-radius:13px;padding:15px;background:#7d83cc;color:#fff;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 10px 24px -12px #7d83ccb3}.chips{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.chip{border:none;background:#eef0f4;color:#8b8fa3;font-size:13px;font-weight:700;padding:8px 14px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,transform .1s}.chip:active{transform:scale(.95)}.chip.on{background:#7d83cc;color:#fff;box-shadow:0 6px 14px -8px #7d83cce6}.foot{text-align:center;font-size:11px;color:var(--muted);line-height:1.6}.foot code{background:#fffa;padding:1px 6px;border-radius:6px;font-size:10.5px}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;color:var(--muted);padding:40px 0}.empty .sub{font-size:13px}.english .kw,.exen .kw{font-weight:800}.reading{border-radius:5px;padding:0 2px;margin:0 -1px}.english .reading{background:#dfe2fb;box-shadow:0 0 0 1px #cfd4f7}.exen .reading{background:#ffffff57}.tts.on{background:#7d83cc;color:#fff}.extts.on{background:#fff;color:#7d83cc}.pill.ok{color:#0e9f6e;background:#e9f9f1;box-shadow:none}.empty-btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}button.status{border:none;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:transform .1s}button.status:active{transform:scale(.93)}.status-undo{font-weight:900;opacity:.55}.imgwrap{position:relative}.imgwrap.portrait{height:300px;background:#f3f2fa}.imgwrap.portrait img{object-fit:contain}.zoomhint{position:absolute;right:8px;bottom:8px;background:#00000080;color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:8px;pointer-events:none}.zoomov{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0c0c16f0;overflow:auto;-webkit-overflow-scrolling:touch;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.zoomov img{display:block;width:100%;height:auto;margin:auto}.zoomclose{position:fixed;top:calc(10px + env(safe-area-inset-top));right:14px;width:42px;height:42px;border:none;border-radius:50%;background:#ffffff38;color:#fff;font-size:18px;cursor:pointer;display:grid;place-items:center;z-index:1001}.toast.info{background:#eef0fb;color:#5b61b0}.actions{display:flex;align-items:center;gap:10px}.knowsm{flex:0 0 auto;height:44px;padding:0 16px;border:none;border-radius:13px;background:#e6f4ee;color:#0f9d6f;font-size:14px;font-weight:700;cursor:pointer;transition:transform .12s}.knowsm:active{transform:scale(.96)}.addmain{flex:1 1 0;min-width:0;height:50px;border:none;border-radius:14px;background:#7d83cc;color:#fff;font-size:16px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 10px 24px -12px #7d83ccb3;transition:transform .12s}.addmain:active{transform:translateY(1px) scale(.99)}.addmain:disabled{opacity:.6}.sheet-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;pointer-events:none}.sheet-wrap.open{pointer-events:auto}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#14142873;opacity:0;transition:opacity .28s ease}.sheet-wrap.open .sheet-backdrop{opacity:1}.sheet{position:absolute;left:0;right:0;bottom:0;max-width:440px;margin:0 auto;background:#fff;border-radius:24px 24px 0 0;padding:10px 18px calc(18px + env(safe-area-inset-bottom));transform:translateY(110%);transition:transform .32s cubic-bezier(.22,.61,.36,1);box-shadow:0 -10px 40px -12px #00000047}.sheet-wrap.open .sheet{transform:translateY(0)}.sheet-grab{width:40px;height:5px;border-radius:999px;background:#d8d8e4;margin:6px auto 12px}.sheet-head{font-size:15px;font-weight:800;color:var(--ink);margin:0 4px 12px}.sheet-cancel{width:100%;margin-top:12px;border:none;border-radius:14px;padding:14px;background:#f1f1f6;color:#6b6f80;font-size:15px;font-weight:700;cursor:pointer}.menu-list{display:flex;flex-direction:column;gap:8px}.menu-row{display:flex;align-items:center;justify-content:space-between;width:100%;border:none;border-radius:14px;padding:15px 16px;background:#f5f6fa;color:var(--ink);font-size:15.5px;font-weight:700;cursor:pointer;transition:background .15s}.menu-row.on{background:#eaecfb;color:#5b61b0}.menu-state{font-size:12px;font-weight:800;padding:4px 11px;border-radius:999px;background:#e3e4ec;color:#9498ad}.menu-row.on .menu-state{background:#7d83cc;color:#fff}.menu-row.danger{background:#fdecec;color:#d6453d}.regenex{margin-top:16px;border:1px solid rgba(255,255,255,.5);background:#ffffff29;color:#fff;font-size:13px;font-weight:700;padding:9px 16px;border-radius:999px;cursor:pointer}.regenex:disabled{opacity:.6}.search{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400;background:#f4f5fb;display:flex;flex-direction:column;max-width:440px;margin:0 auto}.search-bar{display:flex;align-items:center;gap:8px;padding:calc(12px + env(safe-area-inset-top)) 14px 12px;background:#fff;box-shadow:0 2px 12px -8px #0000004d}.search-ic{font-size:15px;opacity:.7}.search-input{flex:1;min-width:0;border:none;outline:none;font-size:16px;background:transparent;color:var(--ink)}.search-clear{flex-shrink:0;border:none;background:#ececf3;color:#8b8fa3;width:22px;height:22px;border-radius:50%;font-size:11px;cursor:pointer}.search-cancel{flex-shrink:0;border:none;background:transparent;color:#7d83cc;font-size:14px;font-weight:700;cursor:pointer}.search-results{flex:1;overflow-y:auto;padding:10px 12px calc(16px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}.search-hint{text-align:center;color:#9498ad;font-size:14px;margin-top:36px}.search-count{font-size:12px;color:#9498ad;margin:4px 4px 8px;font-weight:700}.search-item{display:block;width:100%;text-align:left;border:none;background:#fff;border-radius:14px;padding:13px 14px;margin-bottom:8px;cursor:pointer;box-shadow:0 4px 14px -10px #00000040}.search-item:active{transform:scale(.99)}.si-en{font-size:15px;font-weight:600;color:var(--ink);line-height:1.35}.si-ko{font-size:13px;color:#6b6f80;margin-top:3px}.si-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.si-tag{font-size:11.5px;font-weight:600;color:#5b61b0;background:#eef0fb;padding:3px 9px;border-radius:999px}.search mark{background:#fff1a8;color:inherit;border-radius:3px;padding:0 1px}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Malgun Gothic,sans-serif;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:linear-gradient(160deg,#eef2ff,#faf5ff,#fdf2f8);color:#1e1b2e}