:root{--bg:#f7f5f2;--panel:#fff;--text:#22201d;--muted:#6b655e;--accent:#b3462c;--accent-soft:#f1ded7;--border:#e6e1d9;--chip-bg:#efece6;--sidebar-bg:#efece6;--shadow:0 1px 3px #0000000f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1b1a18;--panel:#26241f;--text:#ece7e0;--muted:#a39c90;--accent:#e08a67;--accent-soft:#3a2a22;--border:#3a362f;--chip-bg:#322f29;--sidebar-bg:#201e1a;--shadow:0 1px 3px #0006}}:root[data-theme=dark]{--bg:#1b1a18;--panel:#26241f;--text:#ece7e0;--muted:#a39c90;--accent:#e08a67;--accent-soft:#3a2a22;--border:#3a362f;--chip-bg:#322f29;--sidebar-bg:#201e1a;--shadow:0 1px 3px #0006}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.layout{min-height:100vh;display:flex}#sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border);flex-shrink:0;width:220px;padding:16px 10px;transition:width .15s,padding .15s;overflow:hidden}#sidebar.collapsed{border-right:none;width:0;padding-left:0;padding-right:0}.sidebar-title{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);white-space:nowrap;padding:4px 10px 10px;font-size:.72rem}.part-link{text-align:left;width:100%;color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;margin-bottom:2px;padding:9px 10px;font-size:.88rem;display:block}.part-link:hover{background:var(--chip-bg)}.part-link.active{background:var(--accent);color:#fff}.part-link .part-num{margin-right:6px;font-weight:700}.part-link .part-count{opacity:.75;margin-top:1px;font-size:.72rem;display:block}#mainCol{flex:1;min-width:0}.topbar{align-items:center;gap:10px;max-width:980px;margin:0 auto;padding:16px 16px 0;display:flex}.sidebar-toggle{border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1rem;display:flex}header{max-width:980px;margin:0 auto;padding:8px 16px 12px}h1{letter-spacing:-.01em;margin:0 0 4px;font-size:1.5rem}.subtitle{color:var(--muted);margin:0;font-size:.9rem}.searchbar{background:var(--bg);z-index:5;max-width:980px;margin:0 auto;padding:8px 16px 12px;position:sticky;top:0}#search{border:1px solid var(--border);background:var(--panel);width:100%;color:var(--text);border-radius:10px;outline:none;padding:12px 14px;font-size:1rem}#search:focus{border-color:var(--accent)}#search:disabled{opacity:.5}.stats-row{justify-content:space-between;align-items:center;gap:8px;margin-top:6px;display:flex}.stats{color:var(--muted);font-size:.82rem}.tabs-toggle{border:1px solid var(--border);background:var(--chip-bg);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:.78rem}.tabs-toggle:hover{border-color:var(--accent)}.tabs-wrapper{opacity:1;max-height:300px;transition:max-height .25s,opacity .2s;overflow:hidden}.tabs-wrapper.hidden{opacity:0;max-height:0}.tabs{flex-wrap:wrap;gap:6px;max-width:980px;margin:8px auto 0;padding:0 16px;display:flex}.tab{border:1px solid var(--border);background:var(--chip-bg);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:.82rem}.tab.active{background:var(--accent);border-color:var(--accent);color:#fff}main{max-width:980px;margin:0 auto;padding:16px 16px 60px}.category{margin-bottom:28px}.category h2{align-items:center;gap:8px;margin:0 0 10px;font-size:1.05rem;display:flex}.category h2 .count{color:var(--muted);font-size:.75rem;font-weight:400}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;display:grid}.card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;padding:10px 12px}.card .da-row{align-items:center;gap:6px;display:flex}.card .da{font-size:.98rem;font-weight:600}.play-btn{cursor:pointer;color:var(--accent);background:0 0;border:none;border-radius:6px;padding:2px 4px;font-size:.85rem;line-height:1}.play-btn:hover{background:var(--accent-soft)}.card .en{color:var(--muted);margin-top:2px;font-size:.88rem}.card .note{color:var(--accent);margin-top:4px;font-size:.76rem;line-height:1.35}mark{background:var(--accent-soft);color:inherit;border-radius:3px;padding:0 2px}.empty{color:var(--muted);text-align:center;max-width:980px;margin:0 auto;padding:60px 20px}.empty .big{margin-bottom:10px;font-size:2rem}.theme-toggle{background:var(--panel);border:1px solid var(--border);cursor:pointer;color:var(--text);box-shadow:var(--shadow);z-index:10;border-radius:999px;padding:8px 12px;font-size:.8rem;position:fixed;bottom:16px;right:16px}.backdrop{display:none}@media (width<=700px){#sidebar{z-index:20;width:220px;position:fixed;inset:0 auto 0 0;box-shadow:4px 0 12px #0003}#sidebar.collapsed{width:0;box-shadow:none}.backdrop{z-index:15;background:#00000059;display:none;position:fixed;inset:0}.backdrop.show{display:block}}.flashcard-deck{flex-direction:column;align-items:center;gap:16px;padding:24px 0 40px;display:flex}.flashcard{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);cursor:pointer;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px 28px;display:flex}.flashcard.letter-variant{aspect-ratio:1;width:min(60vw,220px);padding:0}.flashcard.word-variant{min-width:min(70vw,260px);max-width:90vw}.flashcard:hover{border-color:var(--accent)}.flashcard-word{color:var(--text);font-weight:700;line-height:1}.letter-variant .flashcard-word{font-size:min(18vw,108px)}.word-variant .flashcard-word{font-size:min(9vw,44px)}.flashcard-gloss{color:var(--muted);font-size:.95rem}.flashcard-note{color:var(--accent);font-size:.8rem}.flashcard-hint{color:var(--muted);margin-top:4px;font-size:.85rem}.flashcard-nav{align-items:center;gap:16px;display:flex}.flashcard-nav button{border:1px solid var(--border);background:var(--panel);width:40px;height:40px;color:var(--text);cursor:pointer;border-radius:999px;font-size:1.1rem}.flashcard-nav button:disabled{opacity:.35;cursor:default}.flashcard-position{color:var(--muted);text-align:center;min-width:60px;font-size:.85rem}.card-strip{flex-wrap:wrap;justify-content:center;gap:6px;max-width:700px;display:flex}.card-chip{border:1px solid var(--border);background:var(--chip-bg);min-width:34px;height:34px;color:var(--text);cursor:pointer;border-radius:8px;padding:0 10px;font-size:.9rem}.card-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.card-chip.numeral{flex-direction:column;justify-content:center;align-items:center;gap:2px;height:52px;padding:4px 10px;display:flex}.card-chip.numeral .chip-word{font-size:.82rem;line-height:1.1}.card-chip.numeral .chip-num{opacity:.7;font-size:.72rem;line-height:1.1}.card-chip.numeral.active .chip-num{opacity:.9}.expandable-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;display:grid}.ew-row{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;align-items:stretch;display:flex;position:relative}.ew-row:hover{border-color:var(--accent)}.ew-row.open{border-color:var(--accent);border-bottom-right-radius:0;border-bottom-left-radius:0}.ew-play,.ew-play-empty{width:34px;color:var(--accent);cursor:pointer;background:0 0;border:none;border-top-left-radius:10px;border-bottom-left-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;display:flex}.ew-play:hover{background:var(--accent-soft)}.ew-play-empty{cursor:default}.ew-toggle{min-width:0;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-top-right-radius:10px;border-bottom-right-radius:10px;flex-direction:column;flex:1;align-items:flex-start;gap:4px;padding:10px 12px 10px 0;display:flex}.ew-main-line{align-items:baseline;gap:8px;width:100%;display:flex}.ew-word{font-size:.98rem;font-weight:600}.ew-gloss{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.ew-chevron{color:var(--muted);flex-shrink:0;margin-left:auto;font-size:.75rem}.ew-badge-line{flex-wrap:wrap;gap:4px;display:flex}.ew-badge{text-transform:uppercase;letter-spacing:.03em;color:var(--accent);background:var(--accent-soft);border-radius:4px;padding:1px 6px;font-size:.65rem;font-weight:700}.ew-panel{z-index:10;background:var(--panel);border:1px solid var(--accent);box-shadow:var(--shadow);border-top:none;border-bottom-right-radius:10px;border-bottom-left-radius:10px;margin-top:-1px;padding:10px 14px 14px;position:absolute;top:100%;left:-1px;right:-1px}.ew-pill{text-transform:uppercase;letter-spacing:.03em;color:var(--accent);background:var(--accent-soft);border-radius:4px;margin-bottom:8px;padding:1px 6px;font-size:.65rem;font-weight:700;display:inline-block}.ew-empty{color:var(--muted);margin:0;font-size:.85rem}.ew-play-all{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:999px;margin-bottom:8px;padding:5px 12px;font-size:.8rem;display:inline-block}.ew-play-all:hover{background:var(--accent-soft)}.ew-forms{flex-direction:column;gap:6px;display:flex}.ew-form-row{align-items:baseline;gap:10px;display:flex}.ew-form-label{width:66px;color:var(--muted);flex-shrink:0;font-size:.75rem}.ew-form-word{color:var(--text);font-size:.9rem}button.ew-form-audio{color:var(--accent);font:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:.9rem;text-decoration:underline}.ew-form-gloss{color:var(--muted);font-size:.8rem}.pf-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.pf-card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;overflow:hidden}.pf-head{border-bottom:1px solid var(--border);align-items:baseline;gap:8px;padding:14px 16px 10px;display:flex}.pf-person{font-size:1.05rem;font-weight:700}.pf-tag-inline{margin-left:2px}.pf-formal-tag{text-transform:uppercase;letter-spacing:.03em;color:var(--accent);background:var(--accent-soft);border-radius:4px;margin-left:auto;padding:2px 6px;font-size:.65rem;font-weight:700}.pf-rows{flex-direction:column;display:flex}.pf-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:9px 16px;display:flex}.pf-row:last-child{border-bottom:none}.pf-role{width:92px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;flex-shrink:0;font-size:.72rem}.pf-forms{flex-wrap:wrap;flex:1;align-items:center;gap:4px 12px;min-width:0;display:flex}.pf-word-group{align-items:baseline;gap:4px;display:flex}.pf-word{color:var(--text);cursor:default;background:0 0;border:none;padding:0;font-family:inherit;font-size:.95rem;font-weight:600}.pf-word.has-audio{color:var(--accent);cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--accent-soft);text-decoration-color:var(--accent-soft);text-underline-offset:2px}.pf-word.has-audio:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.pf-subscript{color:var(--muted);font-size:.68rem}.pf-gloss{color:var(--muted);padding:10px 16px 14px;font-size:.82rem}.pf-other-heading{color:var(--muted);margin:22px 0 10px;font-size:.95rem;font-weight:600}