:root{--bg:#f3efe4;--ink:#142018;--muted:#4a574f;--panel:#fffcf5db;--line:#14201829;--focus:#10633e;--danger:#a82020}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(circle at 10% 0%, #f0b45b38, transparent 42%), radial-gradient(circle at 90% 100%, #00916638, transparent 38%), linear-gradient(140deg, #f6f2e8, var(--bg));min-height:100vh;margin:0;font-family:Fraunces,Georgia,serif}#app{min-height:100vh}.page{grid-template-columns:440px minmax(0,1fr) 440px;align-items:start;gap:1.4rem;width:min(1720px,100% - 2rem);margin:0 auto;padding:6rem 0 4rem;display:grid}.history-panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:20px;max-height:calc(100vh - 3rem);padding:1.1rem 1rem;position:sticky;top:1.5rem;overflow:auto;box-shadow:0 18px 44px #1f241c1a}.history-head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.history-head h2{letter-spacing:-.01em;margin:0;font-size:1.15rem}.history-clear{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;padding:.2rem .7rem;font-family:Noto Sans SC,Segoe UI,sans-serif;font-size:.78rem}.history-clear:hover{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 45%, var(--line))}.history-empty{color:var(--muted);margin:.9rem 0 0;font-family:Noto Sans SC,Segoe UI,sans-serif;font-size:.9rem}.history-list{gap:.5rem;margin:.9rem 0 0;padding:0;list-style:none;display:grid}.history-item{text-align:left;border:1px solid var(--line);cursor:pointer;background:#ffffffb3;border-radius:12px;gap:.28rem;width:100%;padding:.6rem .7rem;transition:transform .14s,box-shadow .14s,background .14s;display:grid}.history-item:hover{background:#edf7f1;transform:translateY(-1px);box-shadow:0 8px 16px #11664024}.history-word-row{align-items:center;gap:.4rem;display:flex}.history-word{color:var(--ink);font-family:Noto Sans SC,Segoe UI,sans-serif;font-size:1rem;font-weight:700}.history-meta{border-top:1px dashed var(--line);justify-content:space-between;align-items:center;gap:.5rem;margin-top:.55rem;padding-top:.45rem;display:flex}.history-time{color:var(--muted);white-space:nowrap;font-family:Noto Sans SC,Segoe UI,sans-serif;font-size:.72rem;font-style:italic}.history-count{color:var(--muted);white-space:nowrap;font-family:Noto Sans SC,Segoe UI,sans-serif;font-size:.72rem}.history-actions{gap:.3rem;margin-left:auto;display:inline-flex}.chip-btn{border:1px solid var(--line);color:#0f6b45;cursor:pointer;background:#fff;border-radius:999px;padding:.12rem .55rem;font-family:Noto Sans SC,Segoe UI,sans-serif;font-size:.72rem;font-weight:700;transition:background .14s,color .14s}.chip-btn:hover{background:#eef8f2}.chip-btn--done{color:var(--muted);cursor:default}.chip-btn--danger{color:var(--danger)}.chip-btn--danger:hover{background:#fceaea}.history-pron{color:var(--muted);flex-wrap:wrap;gap:.75rem;font-family:Noto Sans SC,Segoe UI,sans-serif;font-size:.82rem;display:flex}.history-pron-item{align-items:center;gap:.35rem;display:inline-flex}.history-pron-item .sound-btn{padding:.05rem .4rem;font-size:.72rem;line-height:1.4}.history-sense{align-items:baseline;gap:.4rem;display:flex}.history-type{color:#1d4ed8;background:#e0ecff;border-radius:999px;flex-shrink:0;padding:1px 7px;font-family:Noto Sans SC,Segoe UI,sans-serif;font-size:.72rem;font-style:italic;font-weight:600}.history-gram{color:#b45309;background:#fef3c7;border-radius:999px;flex-shrink:0;padding:1px 7px;font-family:Noto Sans SC,Segoe UI,sans-serif;font-size:.72rem;font-style:italic;font-weight:600}.history-meaning{color:#1f4b33;overflow-wrap:anywhere;font-family:Noto Sans SC,Segoe UI,sans-serif;font-size:.9rem}.flashcard-panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:20px;max-height:calc(100vh - 3rem);padding:1.1rem 1rem;position:sticky;top:1.5rem;overflow:auto;box-shadow:0 18px 44px #1f241c1a}.flashcard-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.flashcard-head h2{letter-spacing:-.01em;margin:0;font-size:1.15rem}.flashcard-total{text-align:center;color:#fff;background:#0f7a4f;border-radius:999px;min-width:1.5rem;padding:.1rem .5rem;font-family:Noto Sans SC,Segoe UI,sans-serif;font-size:.78rem;font-weight:700}.flashcard-empty{color:var(--muted);margin:.9rem 0 0;font-family:Noto Sans SC,Segoe UI,sans-serif;font-size:.9rem}.flashcard-list{gap:.7rem;margin-top:.9rem;display:grid}.flashcard{perspective:1000px;cursor:pointer;outline:none;height:260px}.flashcard:focus-visible .flashcard-inner{outline:2px solid color-mix(in srgb, var(--focus) 55%, transparent);outline-offset:2px;border-radius:14px}.flashcard-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .52s cubic-bezier(.4,.2,.2,1);position:relative}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-face{border:1px solid var(--line);backface-visibility:hidden;border-radius:14px;flex-direction:column;padding:.85rem .9rem;display:flex;position:absolute;inset:0;overflow:auto}.flashcard-front{background:linear-gradient(150deg,#fff,#f3f7f2);align-items:flex-start;gap:.4rem}.flashcard-back{background:linear-gradient(150deg,#f0f7f2,#e6f1ea);justify-content:space-between;gap:.6rem;transform:rotateY(180deg)}.flashcard-status{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-self:flex-start;padding:1px 9px;font-family:Noto Sans SC,Segoe UI,sans-serif;font-size:.7rem;font-weight:700}.status--new{color:#1d4ed8;background:#e0ecff}.status--forgot{color:#b42318;background:#fde2e2}.status--good{color:#12724a;background:#dcf3e6}.status--simple{color:#6b39c4;background:#eee7fb}.flashcard-word{color:var(--ink);font-family:Noto Sans SC,Segoe UI,sans-serif;font-size:1.4rem;font-weight:700}.flashcard-pron{color:var(--muted);flex-wrap:wrap;gap:.6rem;font-family:Noto Sans SC,Segoe UI,sans-serif;font-size:.8rem;display:flex}.flashcard-pron-item{align-items:center;gap:.3rem;display:inline-flex}.flashcard-pron-item .sound-btn{padding:.05rem .4rem;font-size:.72rem;line-height:1.4}.flashcard-hint{color:var(--muted);margin-top:auto;font-family:Noto Sans SC,Segoe UI,sans-serif;font-size:.72rem;font-style:italic}.flashcard-meanings{gap:.3rem;display:grid;overflow:auto}.flashcard-sense{align-items:baseline;gap:.4rem;display:flex}.flashcard-meaning{color:#1f4b33;overflow-wrap:anywhere;font-family:Noto Sans SC,Segoe UI,sans-serif;font-size:.92rem}.flashcard-actions{flex-wrap:wrap;gap:.35rem;display:flex}.status-btn{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;flex:auto;padding:.32rem .4rem;font-family:Noto Sans SC,Segoe UI,sans-serif;font-size:.78rem;font-weight:700;transition:transform .12s,box-shadow .12s}.status-btn:hover{transform:translateY(-1px)}.status-btn--forgot{color:#b42318}.status-btn--forgot.active{background:#fde2e2;border-color:#f0a9a3}.status-btn--good{color:#12724a}.status-btn--good.active{background:#dcf3e6;border-color:#9dd8ba}.status-btn--simple{color:#6b39c4}.status-btn--simple.active{background:#eee7fb;border-color:#c3aef0}.status-btn--details,.status-btn--remove{flex:calc(50% - .18rem);padding:.24rem .35rem;font-size:.72rem}.status-btn--details{color:#fff;background:linear-gradient(145deg,#0f7a4f,#116640);border-color:#0b5c39}.status-btn--details:hover{box-shadow:0 6px 14px #11664038}.status-btn--remove{color:#fff;background:linear-gradient(145deg,#c2412f,#a82020);border-color:#8f1a1a}.status-btn--remove:hover{box-shadow:0 6px 14px #a8202038}.card{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:26px;padding:clamp(1.25rem,2.6vw,2.2rem);box-shadow:0 24px 56px #1f241c1f}h1{letter-spacing:-.03em;margin:0;font-size:clamp(1.9rem,5vw,3.1rem);line-height:1.05}.hint{color:var(--muted);margin:.75rem 0 0}.search{grid-template-columns:minmax(210px,1fr) 1fr auto;gap:.65rem;margin-top:1.4rem;display:grid}.search input,.search select,.search button{border:1px solid var(--line);border-radius:14px;font-size:1rem}.word-wrap{position:relative}.search input{width:100%;color:var(--ink);background:#ffffffbf;padding:.85rem .95rem;font-family:Noto Sans SC,Segoe UI,sans-serif}.typeahead-list{z-index:20;border:1px solid var(--line);background:#fff;border-radius:12px;max-height:240px;margin:.4rem 0 0;padding:.3rem;list-style:none;position:absolute;left:0;right:0;overflow:auto;box-shadow:0 14px 24px #1325191f}.typeahead-list li{cursor:pointer;border-radius:8px;padding:.52rem .62rem;font-family:Noto Sans SC,Segoe UI,sans-serif}.typeahead-list li:hover{background:#edf7f1}.search input:focus{outline:2px solid color-mix(in srgb, var(--focus) 55%, transparent);outline-offset:1px}.search select{color:var(--ink);background:#ffffffd1;padding:.85rem .95rem;font-family:Noto Sans SC,Segoe UI,sans-serif}.search select:focus{outline:2px solid color-mix(in srgb, var(--focus) 55%, transparent);outline-offset:1px}.search button{color:#fff;cursor:pointer;background:linear-gradient(145deg,#0f7a4f,#116640);border-color:#0b5c39;padding:.85rem 1rem;font-family:Noto Sans SC,Segoe UI,sans-serif;font-weight:700;transition:transform .18s,box-shadow .18s}.search button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px #1166403d}.search button:disabled{opacity:.62;cursor:wait}.mode-tabs{border:1px solid var(--line);background:#fff9;border-radius:14px;gap:.3rem;margin-top:1.2rem;padding:.28rem;display:inline-flex}.mode-tab{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:.5rem 1.15rem;font-family:Noto Sans SC,Segoe UI,sans-serif;font-size:.95rem;font-weight:700;transition:background .16s,color .16s}.mode-tab:hover{color:var(--ink)}.mode-tab.active{color:#fff;background:linear-gradient(145deg,#0f7a4f,#116640)}.sentence-form{grid-template-columns:minmax(210px,1fr);gap:.65rem;margin-top:1.4rem;display:grid}.sentence-form select{border:1px solid var(--line);color:var(--ink);background:#ffffffd1;border-radius:14px;padding:.85rem .95rem;font-family:Noto Sans SC,Segoe UI,sans-serif;font-size:1rem}.sentence-input{border:1px solid var(--line);width:100%;color:var(--ink);resize:vertical;background:#ffffffbf;border-radius:14px;min-height:90px;padding:.85rem .95rem;font-family:Noto Sans SC,Segoe UI,sans-serif;font-size:1rem}.sentence-input:focus,.sentence-form select:focus{outline:2px solid color-mix(in srgb, var(--focus) 55%, transparent);outline-offset:1px}.sentence-form button{color:#fff;cursor:pointer;background:linear-gradient(145deg,#0f7a4f,#116640);border:1px solid #0b5c39;border-radius:14px;justify-self:start;padding:.85rem 1.4rem;font-family:Noto Sans SC,Segoe UI,sans-serif;font-size:1rem;font-weight:700;transition:transform .18s,box-shadow .18s}.sentence-form button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px #1166403d}.sentence-form button:disabled{opacity:.62;cursor:wait}.sentence-result{gap:.85rem;display:grid}.sentence-block{border:1px solid var(--line);background:#ffffffdb;border-radius:12px;padding:.85rem .95rem}.sentence-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.78rem;font-weight:700;display:block}.sentence-source{color:var(--ink);margin:.4rem 0 0;font-family:Noto Sans SC,Segoe UI,sans-serif;font-size:1.02rem}.sentence-translation{color:#1f4b33;margin:.4rem 0 0;font-family:Noto Sans SC,Segoe UI,sans-serif;font-size:1.12rem;font-weight:700}.error{color:var(--danger);margin:.9rem 0 0;font-family:Noto Sans SC,Segoe UI,sans-serif}.result{margin-top:1.2rem;padding:.2rem;animation:.32s ease-out rise-in}.entry-header{border-bottom:1px solid var(--line);padding-bottom:.75rem}.entry-header h2{margin:0;font-size:clamp(1.25rem,2.8vw,1.9rem)}.pron{color:var(--muted);flex-wrap:wrap;gap:.85rem;margin:.45rem 0 0;font-family:Noto Sans SC,Segoe UI,sans-serif;display:flex}.pron-item{align-items:center;gap:.45rem;display:inline-flex}.sound-btn{border:1px solid var(--line);color:#0f6b45;cursor:pointer;background:#fff;border-radius:999px;padding:.2rem .65rem;font-size:.82rem;font-weight:700}.sound-btn:hover{background:#eef8f2}.sense-list{gap:.9rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.sense-item{border:1px solid var(--line);background:#ffffffdb;border-radius:12px;padding:.8rem .95rem}.pos-badge{color:#1d4ed8;letter-spacing:.02em;background:#e0ecff;border-radius:999px;margin-bottom:6px;padding:2px 10px;font-size:.78rem;font-style:italic;font-weight:600;display:inline-block}.gram-badge{color:#b45309;letter-spacing:.02em;background:#fef3c7;border-radius:999px;margin:0 0 6px 6px;padding:2px 10px;font-size:.78rem;font-style:italic;font-weight:600;display:inline-block}.sense-en{margin:0;font-family:Noto Sans SC,Segoe UI,sans-serif;font-size:1.06rem;font-weight:700}.sense-zh{color:#1f4b33;margin:.32rem 0 0;font-family:Noto Sans SC,Segoe UI,sans-serif;font-size:1.03rem}.examples{border-top:1px dashed var(--line);margin-top:.75rem;padding-top:.65rem}.examples h3{letter-spacing:.01em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.95rem}.examples ul{gap:.5rem;margin:.55rem 0 0;padding:0;list-style:none;display:grid}.examples li{background:#f5faf4b3;border-radius:10px;padding:.55rem .6rem}.example-en,.example-zh{margin:0;font-family:Noto Sans SC,Segoe UI,sans-serif}.example-zh{color:#285b3f;margin-top:.2rem}.idioms-block{border-top:1px dashed var(--line);margin-top:1.1rem;padding-top:.85rem}.idioms-title{letter-spacing:.01em;text-transform:uppercase;color:var(--muted);margin:0 0 .55rem;font-size:.95rem}.idioms-list{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.idiom-chip{cursor:pointer;color:#1d4ed8;background:#eef5ff;border:1px solid #c9def6;border-radius:999px;padding:.4rem .8rem;font-family:Noto Sans SC,Segoe UI,sans-serif;font-size:.9rem;font-weight:600;transition:background .15s,border-color .15s,transform .15s}.idiom-chip:hover{background:#dfebff;border-color:#1d4ed8;transform:translateY(-1px)}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=1240px){.page{grid-template-columns:380px minmax(0,1fr)}.flashcard-panel{grid-column:1/-1;max-height:none;position:static}}@media (width<=860px){.page{grid-template-columns:1fr}.history-panel{max-height:320px;position:static}}@media (width<=700px){.page{width:min(760px,100% - 1rem);padding:1.2rem 0 1.6rem}.search{grid-template-columns:1fr}.search button{width:100%}}