:root{--paper:#f6f4f0;--surface:#fffdfb;--ink:#241f1d;--muted:#6b625c;--line:#e2dcd4;--garnet:#9d2933;--garnet-soft:#f1dede;--garnet-ink:#7c1f28;--slate:#35566b;--good:#2e7d5b;--font-ui:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-display:Georgia,"Iowan Old Style","Times New Roman",serif}@media (prefers-color-scheme:dark){:root{--paper:#191614;--surface:#221e1b;--ink:#efeae3;--muted:#a99f96;--line:#322c27;--garnet:#e56b74;--garnet-soft:#3a2327;--garnet-ink:#f0b7bb;--slate:#84acc2;--good:#54c093}}:root[data-theme=dark]{--paper:#191614;--surface:#221e1b;--ink:#efeae3;--muted:#a99f96;--line:#322c27;--garnet:#e56b74;--garnet-soft:#3a2327;--garnet-ink:#f0b7bb;--slate:#84acc2;--good:#54c093}:root[data-theme=light]{--paper:#f6f4f0;--surface:#fffdfb;--ink:#241f1d;--muted:#6b625c;--line:#e2dcd4;--garnet:#9d2933;--garnet-soft:#f1dede;--garnet-ink:#7c1f28;--slate:#35566b;--good:#2e7d5b}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-ui);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit}button{font-family:inherit;cursor:pointer}.app{max-width:560px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}.screen{flex:1;padding:1.25rem 1.1rem 5rem}.nav{position:sticky;bottom:0;display:flex;background:var(--surface);border-top:1px solid var(--line)}.nav a{flex:1;text-align:center;padding:.7rem;font-size:.72rem;color:var(--muted);text-decoration:none;letter-spacing:.03em}.nav a.active{color:var(--garnet);font-weight:700}.serif{font-family:var(--font-display)}.chip{font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--garnet-ink);background:var(--garnet-soft);padding:.15rem .45rem;border-radius:5px;font-weight:700;white-space:nowrap}.audiobtn{display:inline-flex;align-items:center;gap:.4rem;background:transparent;border:1px solid var(--slate);color:var(--slate);border-radius:8px;padding:.4rem .8rem;font-size:.8rem;font-weight:600}.audiobtn .tri{width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent currentColor}.ratingbar{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.rate{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:.7rem .3rem;font-weight:700;font-size:.85rem;display:flex;flex-direction:column;align-items:center;gap:.2rem}.rate .k{font-size:.62rem;color:var(--muted);font-weight:500}.rate-again{border-color:var(--garnet);color:var(--garnet)}.rate-good{border-color:var(--good);color:var(--good)}.stat{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:.9rem;text-align:center}.stat-v{font-size:1.6rem;font-weight:700;font-variant-numeric:tabular-nums}.stat-l{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-top:.2rem}.cta{width:100%;background:var(--garnet);color:#fff;border:none;border-radius:12px;padding:.9rem;font-size:1rem;font-weight:700}.review{display:flex;flex-direction:column;gap:1.25rem}.review-count{color:var(--muted);font-size:.8rem;text-align:center;font-variant-numeric:tabular-nums}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;align-items:flex-start;flex:1}.card .word{font-size:2.4rem;font-weight:600}.wordline{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}.back{display:flex;flex-direction:column;gap:.8rem;border-top:1px solid var(--line);padding-top:1rem;width:100%}.trans{font-size:1.2rem}.example{display:flex;flex-direction:column;gap:.2rem}.ex-en{color:var(--muted);font-style:italic}.home h1{font-size:2.2rem;margin:.5rem 0 0}.home .sub{color:var(--muted);margin:.2rem 0 1.5rem}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1.5rem}.search{width:100%;padding:.7rem .9rem;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font-size:1rem;margin-bottom:1rem}.wordlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.wordrow{display:grid;grid-template-columns:2.5rem auto auto 1fr;gap:.5rem;align-items:baseline;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:.6rem .8rem;cursor:pointer;width:100%;text-align:left;color:inherit;font:inherit}.rnk{color:var(--muted);font-size:.75rem;font-variant-numeric:tabular-nums}.wl-word{font-size:1.1rem;font-weight:600}.wl-trans{color:var(--muted);font-size:.85rem;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-set{display:flex;justify-content:space-between;align-items:center;padding:.9rem 0;border-bottom:1px solid var(--line)}.row-set input[type=number]{width:4rem;padding:.35rem;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink)}.danger{margin-top:1.5rem;width:100%;background:transparent;color:var(--garnet);border:1px solid var(--garnet);border-radius:10px;padding:.8rem;font-weight:700}