:root,[data-theme=washi]{--bg:#faf6ef;--ink:#2b2722;--ink-soft:#6f675c;--paper:#fff;--accent:#c43d3d;--accent-dark:#9e2b2b;--on-accent:#fff;--fav:#d9a514;--star-idle:#c9c0b2;--border:#e7ded0;--shadow:0 2px 10px #3c2d1414;--shadow-hover:0 6px 18px #3c2d1424;--shadow-lg:0 8px 24px #3c2d1429}[data-theme=cyberpunk]{--bg:#131518;--ink:#e8e6e1;--ink-soft:#8b939e;--paper:#1e2329;--accent:#ffd400;--accent-dark:#e0b400;--on-accent:#16181c;--fav:#ff3b3b;--star-idle:#4a525c;--border:#343c46;--shadow:0 2px 10px #00000073;--shadow-hover:0 6px 18px #ffd4001f;--shadow-lg:0 8px 24px #0009}[data-theme=tropic]{--bg:#e7f6ef;--ink:#173f37;--ink-soft:#58816f;--paper:#fff;--accent:#ff6f61;--accent-dark:#e2503f;--on-accent:#fff;--fav:#f5a623;--star-idle:#c4ddd0;--border:#cbe8da;--shadow:0 2px 10px #173f3714;--shadow-hover:0 6px 18px #173f3729;--shadow-lg:0 8px 24px #173f372e}[data-theme=nightmode]{--bg:#14161b;--ink:#e4e7ee;--ink-soft:#9aa3b5;--paper:#1d2027;--accent:#6d8dff;--accent-dark:#5170e8;--on-accent:#fff;--fav:#e0b341;--star-idle:#3c4350;--border:#2c313c;--shadow:0 2px 10px #0006;--shadow-hover:0 6px 18px #0000008c;--shadow-lg:0 8px 24px #0009}[data-theme=neondisco]{--bg:#150525;--ink:#fdeeff;--ink-soft:#bd93d8;--paper:#220c3a;--accent:#ff2ec4;--accent-dark:#d214a0;--on-accent:#fff;--fav:#00e5ff;--star-idle:#5a3a78;--border:#46206b;--shadow:0 2px 14px #ff2ec42e;--shadow-hover:0 6px 22px #ff2ec459;--shadow-lg:0 8px 28px #00e5ff38}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;transition:background .25s,color .25s}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}.app{max-width:880px;margin:0 auto;padding:24px 20px 64px}.header{text-align:center;margin-bottom:22px}.logo{cursor:pointer;letter-spacing:.02em;margin:0;font-size:2.2rem;display:inline-block}.logo-jp{color:var(--accent)}.tagline{color:var(--ink-soft);margin:4px 0 0;font-size:.95rem}.settings-row{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:24px;display:flex}.setting{text-transform:uppercase;letter-spacing:.07em;color:var(--ink-soft);flex-direction:column;gap:4px;font-size:.78rem;display:flex}.setting select{font:inherit;letter-spacing:normal;text-transform:none;border:1px solid var(--border);background:var(--paper);color:var(--ink);box-shadow:var(--shadow);cursor:pointer;border-radius:10px;padding:8px 12px;font-size:.95rem}.setting select:focus{outline:2px solid var(--accent);outline-offset:-1px}.category-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.category-card{background:var(--paper);border:1px solid var(--border);box-shadow:var(--shadow);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:22px 18px;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex}.category-card:hover{box-shadow:var(--shadow-hover);border-color:var(--accent);transform:translateY(-3px)}.category-emoji{font-size:2.4rem}.category-name{font-size:1.05rem;font-weight:650}.category-name-jp{color:var(--accent);font-size:.9rem}.category-counts{color:var(--ink-soft);font-size:.8rem}.all-card{border-style:dashed;border-color:var(--accent);background:color-mix(in srgb, var(--accent) 4%, var(--paper))}.category-header{margin-bottom:14px}.back-btn{color:var(--ink-soft);margin-bottom:10px;font-size:.9rem}.back-btn:hover{color:var(--accent)}.category-header h2{margin:0;font-size:1.5rem}.category-header-jp{color:var(--accent);margin-left:10px;font-size:1rem;font-weight:400}.tabs{border-bottom:2px solid var(--border);flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.tab{color:var(--ink-soft);border-bottom:2px solid #0000;border-radius:10px 10px 0 0;margin-bottom:-2px;padding:9px 16px;font-weight:550}.tab:hover{color:var(--ink)}.tab.active{color:var(--accent);border-bottom-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent)}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin:18px 0 8px;font-size:.85rem}.empty-note{color:var(--ink-soft);background:var(--paper);border:1px dashed var(--border);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.phrase-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.phrase-row{background:var(--paper);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.phrase-text{flex-direction:column;gap:2px;display:flex}.phrase-jp{font-size:1.2rem;font-weight:550}.phrase-romaji{color:var(--accent);filter:brightness(.92);font-size:.92rem}.phrase-en{color:var(--ink-soft);font-size:.9rem}.row-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.star-btn{color:var(--star-idle);font-size:1.45rem;line-height:1;transition:transform .1s,color .1s}.star-btn:hover{color:var(--fav);transform:scale(1.15)}.star-btn.active{color:var(--fav)}.remove-btn{color:var(--star-idle);padding:0 4px;font-size:1.2rem;line-height:1}.remove-btn:hover{color:var(--accent)}.kanji-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.kanji-tile{background:var(--paper);border:1px solid var(--border);box-shadow:var(--shadow);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:14px 12px 16px;display:flex;position:relative}.kanji-tile-actions{position:absolute;top:8px;right:10px}.kanji-char{margin-top:8px;font-size:2.6rem;line-height:1.2}.kanji-romaji{color:var(--accent);filter:brightness(.92);font-size:.88rem}.kanji-en{color:var(--ink-soft);font-size:.82rem}.kanji-tile.selectable{cursor:pointer;-webkit-user-select:none;user-select:none}.kanji-tile.selected{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:-2px;background:color-mix(in srgb, var(--accent) 7%, var(--paper))}.select-badge{border:1.5px solid var(--border);background:var(--bg);width:22px;height:22px;color:var(--on-accent);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;display:flex;position:absolute;top:8px;left:10px}.select-badge.on{background:var(--accent);border-color:var(--accent)}.set-bar{background:var(--paper);border:1px solid var(--accent);box-shadow:var(--shadow);border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding:12px 14px;display:flex}.set-bar input{font:inherit;border:1px solid var(--border);background:var(--bg);min-width:170px;color:var(--ink);border-radius:8px;flex:1;padding:9px 12px}.set-bar input::placeholder{color:var(--ink-soft)}.set-bar input:focus{outline:2px solid var(--accent);outline-offset:-1px}.set-bar-count{color:var(--ink-soft);white-space:nowrap;font-size:.9rem}.set-bar-actions{flex-wrap:wrap;gap:8px;display:flex}.primary-btn:disabled{opacity:.45;cursor:default}.primary-btn:disabled:hover{background:var(--accent)}.set-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.set-row{background:var(--paper);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.set-info{flex-direction:column;gap:3px;display:flex}.set-name{font-size:1.05rem;font-weight:650}.set-chars{letter-spacing:.12em;font-size:1.05rem}.set-count{color:var(--ink-soft);font-size:.8rem}.set-actions{flex-wrap:wrap;gap:8px;display:flex}.ghost-btn.danger:hover{color:var(--accent);border-color:var(--accent)}.deck-select{color:var(--ink-soft);align-items:center;gap:8px;font-size:.9rem;display:flex}.deck-select select{font:inherit;border:1px solid var(--border);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:10px;max-width:230px;padding:7px 10px}.deck-select select:focus{outline:2px solid var(--accent);outline-offset:-1px}.add-toggle{color:var(--accent);border:1px dashed var(--accent);border-radius:14px;width:100%;margin-top:16px;padding:10px 14px;font-weight:550}.add-toggle:hover{background:color-mix(in srgb, var(--accent) 8%, transparent)}.add-toggle.top{margin:0 0 14px}.add-form{background:var(--paper);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:8px;margin-top:16px;padding:14px;display:flex}.add-form input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--ink);border-radius:8px;padding:9px 12px}.add-form input::placeholder{color:var(--ink-soft)}.add-form input:focus{outline:2px solid var(--accent);outline-offset:-1px}.add-form-actions{gap:8px;display:flex}.primary-btn{background:var(--accent);color:var(--on-accent);border-radius:10px;padding:9px 20px;font-weight:600}.primary-btn:hover{background:var(--accent-dark)}.ghost-btn{color:var(--ink-soft);border:1px solid var(--border);background:var(--paper);border-radius:10px;padding:9px 14px}.ghost-btn:hover{color:var(--ink);border-color:var(--ink-soft)}.flashcards{flex-direction:column;align-items:center;gap:20px;display:flex}.flashcard-controls{color:var(--ink-soft);flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;font-size:.92rem;display:flex}.favs-only{cursor:pointer;align-items:center;gap:6px;display:flex}.favs-only input{accent-color:var(--accent)}.deck-progress{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:600}.flashcard{perspective:1100px;width:min(340px,90vw);height:300px}.flashcard-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.4,.1,.2,1);position:relative}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-face{backface-visibility:hidden;box-shadow:var(--shadow-lg);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex;position:absolute;inset:0}.flashcard-front{background:var(--paper);border:1px solid var(--border)}.flashcard-kanji{font-size:7rem;line-height:1}.flashcard-hint{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.1em;font-size:.82rem}.flashcard-back{background:var(--accent);color:var(--on-accent);transform:rotateY(180deg)}.flashcard-romaji{text-align:center;font-size:2.1rem;font-weight:650}.flashcard-meaning{opacity:.92;text-align:center;font-size:1.05rem}.flashcard-nav{gap:12px;display:flex}@media (width<=520px){.app{padding:16px 12px 48px}.flashcard-kanji{font-size:5.5rem}}