.page{max-width:800px;margin:0 auto;width:100%;padding:var(--space-4);box-sizing:border-box}.page-center{display:flex;flex-direction:column;align-items:center}.scope-tabs{display:inline-grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-self:center;max-width:100%;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:var(--space-5)}.scope-tab{background:var(--surface-strong);color:var(--text-muted);border:none;border-radius:0;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:background .15s ease,color .15s ease}@media(max-width:720px){.scope-tab{padding:var(--space-2) var(--space-2)}}.scope-tab:not(:last-child){border-right:1px solid var(--border)}.scope-tab:hover:not(.active){background:var(--surface-strong-hover);color:var(--text-strong)}.scope-tab.active{background:var(--accent);color:var(--on-accent)}.page-title{font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 var(--space-5);color:var(--text-strong)}.surface-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-sizing:border-box}.empty-state{width:100%;text-align:center;padding:var(--space-6) var(--space-5)}.empty-state-title{font-size:var(--text-lg);font-weight:600;letter-spacing:-.01em;color:var(--text-strong);margin:0 0 var(--space-3)}.empty-state-message{color:var(--text-muted);font-size:var(--text-base);line-height:1.6;margin:0 auto var(--space-5);max-width:460px}.empty-state-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.empty-state-link{display:inline-flex;align-items:center;justify-content:center;background:var(--surface-strong);color:var(--text-strong);text-decoration:none;border-radius:var(--radius);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:500;transition:background .2s ease,transform .1s ease}.empty-state-link:hover{background:var(--surface-strong-hover)}.empty-state-link:active{transform:translateY(1px)}@font-face{font-family:Sawarabi Mincho;src:url(/fonts/sawarabi-mincho-subset.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--font-jp-sans: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Yu Gothic", Meiryo, "Noto Sans JP", "Noto Sans CJK JP", sans-serif;--font-jp-serif: "Sawarabi Mincho", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, "Noto Serif JP", "Noto Serif CJK JP", serif;font-family:system-ui,Avenir,Helvetica,Arial,var(--font-jp-sans);line-height:1.5;font-weight:400;color-scheme:dark;--bg: #242424;--surface-sunken: #1c1c1c;--text: rgba(255, 255, 255, .92);--text-strong: #ffffff;--text-muted: #b3b3b3;--text-faint: #8a8a8a;--on-accent: #ffffff;--surface: #555555;--surface-strong: #484848;--surface-strong-hover: #3c3c3c;--border: rgba(255, 255, 255, .08);--accent: #4da6ff;--accent-hover: #80bfff;--success: #5fd07a;--error: #ff6b6b;--warning: #e6b566;--mastered: #b58cf5;--text-xs: .8rem;--text-sm: .9rem;--text-base: 1rem;--text-md: 1.15rem;--text-lg: 1.4rem;--text-xl: 1.8rem;--text-2xl: 2.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--radius-sm: 6px;--radius: 8px;--radius-lg: 14px;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:env(safe-area-inset-bottom)}:root[data-theme=light]{color-scheme:light;--bg: #f6f7f9;--surface-sunken: #eceef1;--text: #1f2329;--text-strong: #0e1116;--text-muted: #5b626c;--text-faint: #888f99;--on-accent: #ffffff;--surface: #e7e9ec;--surface-strong: #dfe2e6;--surface-strong-hover: #d2d6db;--border: rgba(0, 0, 0, .12);--accent: #1f7ae0;--accent-hover: #1763c4;--success: #2e9e51;--error: #d93b3b;--warning: #b07a1e;--mastered: #7b4fd1}a{font-weight:500;color:var(--accent);text-decoration:inherit;transition:color .2s ease}a:hover{color:var(--accent-hover)}html{height:100%;overflow:hidden;overscroll-behavior:none;touch-action:manipulation}body{margin:0;min-width:320px;height:100%;overflow:hidden}#root{height:100%}button{border-radius:var(--radius);border:1px solid transparent;padding:.6em 1.2em;font-size:var(--text-base);font-weight:500;font-family:inherit;background-color:var(--surface-strong);color:var(--text);cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.boot-fail-text{max-width:52ch;margin:0 0 var(--space-4);text-align:center;color:var(--text);line-height:1.6}.boot-fail-button{margin-bottom:var(--space-5);padding:var(--space-3) var(--space-6);background-color:var(--accent);color:var(--on-accent);border:none;font-weight:600}.boot-fail-hint{max-width:52ch;margin:0 0 var(--space-5);text-align:center;color:var(--text-muted);font-size:var(--text-sm);line-height:1.6}.boot-fail-detail{max-width:52ch;width:100%;margin:0;padding:var(--space-3);box-sizing:border-box;background-color:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-family:ui-monospace,monospace;font-size:var(--text-xs);line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus:not(:focus-visible){outline:none}.nav-toggle{position:absolute;top:var(--space-3);left:var(--space-3);z-index:30;width:40px;height:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:background-color .2s ease}.nav-toggle:hover{background-color:var(--surface-strong-hover)}.nav-toggle span{display:block;width:20px;height:2px;border-radius:1px;background-color:var(--text)}.nav-backdrop{position:fixed;inset:0;background-color:#00000080;z-index:15}.side-nav{flex-shrink:0;width:220px;height:100vh;height:100dvh;background-color:var(--surface-strong);border-right:1px solid var(--border);display:flex;flex-direction:column;padding-top:3.5rem;padding-bottom:max(var(--space-2),env(safe-area-inset-bottom));box-sizing:border-box;overflow-y:auto;transition:margin-left .2s ease}.side-nav.closed{margin-left:-220px}.nav-group+.nav-group{margin-top:var(--space-1)}.nav-group-title{padding:2px var(--space-5);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.navButton{display:flex;align-items:center;padding:.3rem var(--space-5);color:var(--text-muted);text-decoration:none;font-size:var(--text-base);font-weight:500;box-shadow:inset 3px 0 0 transparent;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.navButton:hover{background-color:var(--surface-strong-hover);color:var(--text-strong)}.navButton.active{background-color:var(--surface-strong-hover);color:var(--text-strong);box-shadow:inset 3px 0 0 var(--accent)}@media(max-width:899px){.nav-backdrop{display:block}.side-nav{position:fixed;top:0;left:0;z-index:20;transform:translate(-100%);transition:transform .2s ease;will-change:transform}.side-nav.closed,.side-nav.open{margin-left:0}.side-nav.open{transform:translate(0)}}@media(min-width:900px){.nav-backdrop{display:none}}.update-toast{position:absolute;left:var(--space-3);right:var(--space-3);bottom:max(var(--space-3),env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;gap:var(--space-3);width:auto;max-width:420px;margin:0 auto;padding:var(--space-3) var(--space-4);box-sizing:border-box;background-color:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 6px 24px #0000004d}.update-toast-text{flex:1 1 auto;min-width:0;color:var(--text);font-size:var(--text-sm)}.update-toast-apply{flex:0 0 auto;padding:var(--space-2) var(--space-4);background-color:var(--accent);color:var(--on-accent);border:none;border-radius:var(--radius);font-size:var(--text-sm);font-weight:600;cursor:pointer}.update-toast-dismiss{flex:0 0 auto;padding:var(--space-2);background:none;border:none;color:var(--text-muted);font-size:var(--text-sm);line-height:1;cursor:pointer}.update-toast-dismiss:hover{color:var(--text-strong)}.home-section{width:100%;margin:0 0 var(--space-3);font-size:var(--text-sm);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.home-setup{width:100%;box-sizing:border-box;padding:var(--space-4);margin-bottom:var(--space-5);text-align:left}.home-setup-title{display:block;margin-bottom:var(--space-2);color:var(--text-strong);font-size:var(--text-md);font-weight:700}.home-setup-text{margin:0 0 var(--space-4);color:var(--text-muted);font-size:var(--text-sm);line-height:1.6}.home-setup-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.home-setup-go{padding:var(--space-3) var(--space-5);background:var(--accent);color:var(--on-accent);border-radius:var(--radius);font-size:var(--text-sm);font-weight:600;text-decoration:none}.home-setup-skip{padding:var(--space-3) var(--space-2);background:none;border:none;color:var(--text-muted);font-size:var(--text-sm);font-weight:600;cursor:pointer}.home-setup-skip:hover{color:var(--text-strong)}.home-study-now{width:100%;box-sizing:border-box;margin-bottom:var(--space-3);padding:var(--space-4) var(--space-3);text-align:center;background-color:var(--surface-strong);color:var(--accent);font-size:var(--text-md);font-weight:600;text-decoration:none;transition:background .2s ease,transform .1s ease}.home-study-now:hover{background-color:var(--surface-strong-hover)}.home-study-now:active{transform:translateY(1px)}.home-study-now span{display:block;margin-top:var(--space-1);color:var(--text-muted);font-size:var(--text-sm);font-weight:400}.home-study-clear{width:100%;margin-bottom:var(--space-3);text-align:center;color:var(--text-faint);font-size:var(--text-sm)}.home-due,.home-progress,.home-links{display:grid;width:100%;gap:var(--space-3)}.home-due{grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-5)}.home-due-card{text-align:center;padding:var(--space-4) var(--space-3);color:var(--text-muted);font-size:var(--text-sm);text-decoration:none;transition:background .2s ease}.home-due-card:hover{background-color:var(--surface-strong-hover)}.home-due-card strong{display:block;font-size:var(--text-xl);font-weight:700;color:var(--accent);line-height:1.1;margin-bottom:var(--space-1)}.home-due-empty strong{color:var(--text-faint)}.home-progress{grid-template-columns:repeat(4,1fr);margin-bottom:var(--space-5)}.home-stat{text-align:center;padding:var(--space-4);color:var(--text-muted);font-size:var(--text-sm)}.home-stat strong{display:block;font-size:var(--text-xl);font-weight:700;color:var(--text-strong);line-height:1.1;margin-bottom:var(--space-1)}.home-links{grid-template-columns:repeat(3,1fr)}.home-link-card{text-align:center;background-color:var(--surface-strong);color:var(--text-strong);text-decoration:none;padding:var(--space-5) var(--space-3);font-size:var(--text-md);font-weight:600;transition:background .2s ease,transform .1s ease}.home-link-card:hover{background-color:var(--surface-strong-hover)}.home-link-card:active{transform:translateY(1px)}.home-backup-warning{width:100%;margin:0 0 var(--space-5);color:var(--text-muted);font-size:var(--text-sm);line-height:1.6}.home-backup-warning a{color:var(--accent);font-weight:600;text-decoration:none;border-bottom:1px dashed var(--accent)}.home-backup-warning a:hover{color:var(--accent-hover);border-bottom-style:solid}@media(max-width:720px){.home-progress{grid-template-columns:repeat(2,1fr)}.home-links{grid-template-columns:repeat(3,1fr)}.home-due,.home-progress{margin-bottom:var(--space-4)}.home-due-card{padding:var(--space-4) var(--space-2)}.home-stat{padding:var(--space-3)}.home-link-card{padding:var(--space-3) var(--space-2);font-size:var(--text-base)}}.set-card{display:block;max-width:800px;width:100%;background-color:var(--surface);border:1px solid var(--border);margin-bottom:var(--space-3);text-align:center;box-sizing:border-box;border-radius:var(--radius);cursor:pointer;font:inherit;color:inherit;transition:border-color .2s ease}.set-card:hover{border-color:var(--accent)}.set-card:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #4da6ff40}.set-title{font-size:clamp(1rem,5vw,1.5rem);font-weight:600;color:var(--text-strong);padding-top:var(--space-2)}.kanji-list{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-1);padding:var(--space-1) var(--space-2) var(--space-2)}.kanji{padding:var(--space-1);font-size:clamp(1rem,5vw,1.5rem)}.learn-progress{display:flex;justify-content:center;align-items:center;padding:var(--space-2) 0 var(--space-4);text-align:center;gap:var(--space-4)}.sets-container{display:flex;flex-direction:column;align-items:center;width:100%}.flashcard-container{background-color:transparent;width:100%;height:clamp(300px,40vh,360px);perspective:1000px;cursor:pointer;margin-bottom:2rem}.flashcard-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.flashcard-container.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;box-sizing:border-box;border-radius:var(--radius);border:1px solid var(--border);background-color:var(--surface-sunken);color:var(--text-strong);box-shadow:0 4px 15px #0000004d}.flashcard-front{background-color:var(--surface-sunken)}.flashcard-back{background-color:var(--surface);transform:rotateY(180deg)}.card-label{position:absolute;top:var(--space-4);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1rem;color:var(--text-faint)}.card-text{font-size:clamp(1.5rem,4vw,2.2rem);font-weight:700;text-align:center;margin:0}.japanese-word{font-size:clamp(2.5rem,6vw,3.5rem);margin:0 0 .5rem;color:var(--text-strong)}.japanese-reading{font-size:clamp(1.2rem,3vw,1.8rem);color:var(--text-muted);margin:0}.card-context{margin:var(--space-3) 0 0;max-width:90%;font-size:var(--text-sm);color:var(--text-muted);font-style:italic;text-align:center;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-word-link{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--text-muted)}.card-word-link:hover{color:var(--accent)}.card-example{font-size:var(--text-sm);color:var(--text-muted);line-height:1.5;margin:var(--space-3) 0 0;max-width:90%;max-height:5.5em;overflow-y:auto}.tap-hint{position:absolute;bottom:var(--space-4);font-size:var(--text-xs);color:var(--text-faint);transition:color .2s}.flashcard-container:hover .tap-hint{color:var(--text-muted)}.card-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);width:100%}.card-keys{display:none}@media(hover:hover)and (pointer:fine){.card-keys{display:block;width:100%;margin:0;text-align:center;color:var(--text-muted);font-size:var(--text-xs)}}.card-grade{flex:1;padding:var(--space-4);border:none;border-radius:var(--radius);font-size:clamp(1rem,2.5vw,1.2rem);font-weight:700;cursor:pointer;transition:background .2s,filter .2s}.card-grade-again{background:var(--surface-strong);color:var(--text-strong)}.card-grade-again:hover{background:var(--surface-strong-hover)}.card-grade-got{background:var(--accent);color:var(--on-accent)}.card-grade-got:hover{filter:brightness(1.08)}.card-show-answer{display:inline-flex;justify-content:center;align-items:center;background:var(--surface-strong);color:var(--text-strong);text-decoration:none;width:100%;padding:var(--space-4);border:none;border-radius:var(--radius);font-size:clamp(1rem,2.5vw,1.2rem);font-weight:700;cursor:pointer;transition:background .2s,color .2s}.card-show-answer:hover{background:var(--surface-strong-hover);color:var(--text-strong)}.card-show-answer:focus{outline:none}.card-undo{margin-top:var(--space-3);background:none;color:var(--text-muted);font-size:var(--text-sm)}.card-undo:hover{color:var(--accent)}.deck-list{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.deck-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);text-decoration:none;color:inherit}.deck-row-main{display:flex;flex-direction:column;gap:var(--space-1);flex:1;min-width:0;text-decoration:none;color:inherit}.deck-row-meta{font-size:var(--text-sm);color:var(--text-muted)}.deck-row-settings{color:var(--text-muted);font-size:var(--text-md);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius);flex-shrink:0}.deck-row-settings:hover{color:var(--text-strong);background:var(--surface-strong)}.deck-danger{color:var(--error)}.deck-card-list{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.deck-card-row{padding:0;overflow:hidden}.deck-card-summary{display:flex;align-items:baseline;gap:var(--space-3);width:100%;background:none;border:none;color:inherit;text-align:left;cursor:pointer;padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.deck-card-word{font-size:var(--text-md);color:var(--text-strong);flex-shrink:0}.deck-card-meaning{color:var(--text-muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-card-edit{padding:0 var(--space-4) var(--space-4);border-top:1px solid var(--border);padding-top:var(--space-3)}.deck-field{display:block;color:var(--text);font-size:var(--text-sm);margin-bottom:var(--space-3)}.deck-field span,.deck-field>label{display:block;margin-bottom:var(--space-2)}.deck-field input,.deck-field select{width:100%;box-sizing:border-box;background:var(--surface-strong);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);font-size:var(--text-base)}.deck-field input:focus,.deck-field select:focus{outline:none;border-color:var(--accent)}.deck-stat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm)}.deck-stat-list li{display:flex;justify-content:space-between;gap:var(--space-3)}.deck-stat-list li span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-stat-count{color:var(--text-muted);flex-shrink:0}.deck-replacing{color:var(--accent)}.deck-error{font-size:var(--text-sm);color:var(--error);margin:var(--space-3) 0 0}.deck-player-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);width:100%;margin-bottom:var(--space-4);font-size:var(--text-sm)}.deck-back{justify-self:start;color:var(--text-muted);text-decoration:none;white-space:nowrap;min-width:0;max-width:8rem;overflow:hidden;text-overflow:ellipsis}.deck-back:hover{color:var(--text-strong)}.deck-player-name{text-align:center;font-size:var(--text-md);font-weight:600;color:var(--text-strong);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-player-counts{justify-self:end;color:var(--text-muted);white-space:nowrap;min-width:0;max-width:8rem;overflow:hidden;text-overflow:ellipsis}.practice-question-container{font-size:clamp(1.5rem,4vw,2rem);margin-bottom:1rem;width:100%;text-align:center}.practice-question-container strong{color:var(--text-strong)}.practice-answer-container{font-size:clamp(1.5rem,4vw,2rem);width:100%}.practice-answer-input{color:var(--text);width:100%;height:100%;margin-bottom:var(--space-2);font-size:clamp(.8rem,4vw,1.5rem);padding:var(--space-3);background-color:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius);box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.practice-answer-input::placeholder{color:var(--text-faint)}.practice-answer-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #4da6ff40}.practice-actions{display:flex;gap:var(--space-2);width:100%}.practice-submit-button,.practice-skip-button{display:inline-flex;justify-content:center;align-items:center;background:var(--surface-strong);color:var(--text-strong);text-decoration:none;flex:1;padding:var(--space-5) var(--space-4);font-size:clamp(1rem,3vw,1.25rem);border:none;border-radius:var(--radius);cursor:pointer}.practice-submit-button:hover,.practice-skip-button:hover{background:var(--surface-strong-hover);color:var(--text-strong)}.practice-submit-button:focus,.practice-skip-button:focus{outline:none}.practice-submit-button{font-weight:700}.practice-feedback{margin-top:var(--space-3);text-align:center;font-size:var(--text-md);font-weight:600}.practice-feedback.correct{color:var(--success)}.practice-feedback.wrong{color:var(--error)}.practice-reveal{margin-top:var(--space-3);text-align:center;font-size:var(--text-md);color:var(--text)}.practice-note-line{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-3)}.practice-note-toggle{flex-shrink:0;background:none;border:none;padding:0;color:var(--text-faint);font-size:var(--text-sm);cursor:pointer}.practice-note-toggle:hover{color:var(--accent)}.practice-note{text-align:center;font-size:var(--text-base);line-height:1.5;color:var(--text-muted);font-style:italic}.practice-word-link{display:block;margin-top:var(--space-3);text-align:center;font-size:var(--text-sm);color:var(--text-muted)}.practice-word-link:hover{color:var(--accent)}.practice-sentence{font-size:clamp(1.1rem,3vw,1.5rem);line-height:1.8}.practice-sentence-translation{margin:0 0 var(--space-5);text-align:center;font-size:clamp(1rem,3vw,1.25rem);line-height:1.6;color:var(--text-strong)}.practice-caughtup{margin:0 0 var(--space-3);text-align:center;font-size:var(--text-sm);color:var(--success)}.practice-skip-button:disabled,.practice-submit-button:disabled{opacity:.45;cursor:default}.practice-undo{margin-top:var(--space-3);background:none;color:var(--text-muted);font-size:var(--text-sm)}.practice-undo:hover:not(:disabled){color:var(--accent)}.practice-undo:disabled{opacity:.45;cursor:default}.clearable-field{position:relative;display:block;width:100%}.clearable-field>input,.clearable-field>textarea{box-sizing:border-box;padding-right:2.25rem}.clearable-clear{position:absolute;right:var(--space-2);display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;border-radius:50%;background:var(--surface-strong);color:var(--text-muted);font-size:1.1rem;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease}.clearable-clear:hover{background:var(--surface-strong-hover);color:var(--text-strong)}.clearable-clear-center{top:50%;transform:translateY(-50%)}.clearable-clear-top{top:var(--space-2)}.write-back{align-self:flex-start;padding:0;background:none;border:none;color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;margin-bottom:var(--space-3)}.write-back:hover{color:var(--accent)}.write-prompt{font-size:clamp(1.3rem,4vw,1.8rem);text-align:center;margin-bottom:var(--space-4)}.write-prompt strong{color:var(--text-strong)}.write-reading{color:var(--text-muted)}.write-toggles{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;width:100%;max-width:360px}.write-modes{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);width:100%;max-width:360px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.write-toggle{background:var(--surface-strong);color:var(--text-muted);border:none;border-radius:0;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:600;white-space:nowrap;cursor:pointer;transition:background .15s ease,color .15s ease}.write-toggle:not(:last-child){border-right:1px solid var(--border)}.write-toggle:not(.active):hover{background:var(--surface-strong-hover);color:var(--text-strong)}.write-toggle.active{background:var(--accent);color:var(--on-accent)}.write-guide{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text);font-size:var(--text-sm);cursor:pointer}.write-guide input{width:1.1rem;height:1.1rem;accent-color:var(--accent);cursor:pointer}.write-paper{width:100%;max-width:360px;margin:0 auto;text-align:center}.write-paper-hint{color:var(--text-muted);font-size:var(--text-base)}.write-answer{font-size:clamp(3rem,12vw,5rem);color:var(--text-strong);text-align:center;line-height:1.1}.write-actions{display:flex;justify-content:center;gap:var(--space-3);margin-top:var(--space-4);width:100%;max-width:360px}.write-action{flex:1 1 0;min-width:0;background:var(--surface-strong);color:var(--text-strong);border:none;border-radius:var(--radius);padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:background .2s ease}.write-action:hover{background:var(--surface-strong-hover)}.write-action:active{transform:translateY(1px)}.write-action-primary{background:var(--accent);color:var(--on-accent)}.write-action-primary:hover{background:var(--accent);filter:brightness(1.08)}.write-promote-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.write-promote-backdrop{position:absolute;inset:0;background:#0000008c}.write-promote-modal{position:relative;width:100%;max-width:340px;padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 32px #0006;text-align:center;animation:write-promote-in .15s ease-out}@keyframes write-promote-in{0%{opacity:0;transform:translateY(8px)}}.write-promote-text{margin:0 0 var(--space-3);font-size:var(--text-sm);color:var(--text);line-height:1.5}.write-promote-char{font-weight:700;color:var(--text-strong)}.write-promote-actions{display:flex;justify-content:center;gap:var(--space-3)}@media(max-width:720px){.write-prompt,.write-toggles{margin-bottom:var(--space-2)}.write-actions{margin-top:var(--space-3)}.write-paper,.write-actions{max-width:min(360px,52vh)}}.write-keys{display:none}@media(hover:hover)and (pointer:fine){.write-keys{display:block;margin:var(--space-2) 0 0;text-align:center;color:var(--text-muted);font-size:var(--text-xs)}}.kanji-writer{width:100%;max-width:360px;margin:0 auto}@media(max-width:720px){.kanji-writer{max-width:min(360px,52vh)}.kanji-writer-status{margin-top:var(--space-2)}}.kanji-writer-canvas{width:100%;aspect-ratio:1 / 1;background-color:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius);box-shadow:inset 0 0 0 1px #0000004d,0 2px 10px #0000004d;touch-action:none;display:block;cursor:crosshair}.kw-grid{stroke:var(--border);stroke-width:1;stroke-dasharray:2 4}.kw-template{fill:none;stroke:var(--text-faint);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:.4}.kw-template.current{stroke:var(--accent);opacity:.6}.kw-startdot{fill:var(--accent)}.kw-ink{fill:none;stroke:var(--text-strong);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.kw-live{fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.kw-live.miss{stroke:var(--error)}.kanji-writer-status{text-align:center;margin-top:var(--space-3);font-size:var(--text-md);font-weight:600;min-height:1.6em}.kw-done{color:var(--success)}.kw-miss{color:var(--error)}.kw-progress{color:var(--text-muted)}.kanji-writer-actions{display:flex;gap:var(--space-3);justify-content:center;margin-top:var(--space-2)}.kw-button{flex:1 1 0;min-width:0;background:var(--surface-strong);color:var(--text-strong);border:none;border-radius:var(--radius);padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:background .2s ease}.kw-button:hover{background:var(--surface-strong-hover)}.kw-button:active{transform:translateY(1px)}.kw-button:disabled{opacity:.5;cursor:default}.kanji-stroke-section{display:inline-flex;flex-direction:column;gap:.5rem;max-width:100%}.kanji-stroke-section strong{font-size:clamp(.8rem,4vw,1rem);color:var(--text-strong)}.kanji-stroke-container{display:flex;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background-color:var(--surface-sunken);box-sizing:border-box;max-width:100%}.kanji-frame{flex:0 0 auto;width:100px;height:auto;border-right:1px solid var(--border);box-sizing:border-box;color:var(--text-strong)}.kanji-frame:last-child{border-right:none}.kl-page{display:flex;flex-direction:column}.kl-back{align-self:flex-start;padding:0;background:none;border:none;color:var(--text-muted);font-size:var(--text-sm);cursor:pointer}.kl-back:hover{color:var(--accent)}.kl-header{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin:var(--space-3) 0 var(--space-4)}.kl-heading{margin:0;font-size:var(--text-lg);font-weight:700;letter-spacing:-.01em;color:var(--text-strong);text-align:center}.kl-pips{display:flex;gap:var(--space-2)}.kl-pip{width:.5rem;height:.5rem;border-radius:50%;background:var(--surface-strong);border:1px solid var(--border)}.kl-pip.filled{background:var(--accent);border-color:var(--accent)}.kl-step{width:100%}.kl-step-center{display:flex;flex-direction:column;align-items:center;text-align:center}.kl-char{font-size:clamp(5rem,22vw,8rem);line-height:1.1;font-weight:700;font-family:var(--font-jp-sans);color:var(--text-strong)}.kl-char-small{font-size:clamp(3rem,12vw,4.5rem)}.kl-meanings{margin:var(--space-2) 0 0;font-size:clamp(1.1rem,4vw,1.5rem);font-weight:600;color:var(--text-strong)}.kl-facts{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--text-muted)}.kl-sub{margin:var(--space-4) 0 0;max-width:460px;font-size:var(--text-sm);line-height:1.6;color:var(--text-muted)}.kl-write-prompt{margin:0 0 var(--space-3);font-size:var(--text-md);color:var(--text-strong)}.kl-rep{color:var(--text-muted);font-size:var(--text-sm)}.kl-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-top:var(--space-5)}.kl-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);background:var(--surface-strong);color:var(--text-strong);text-decoration:none;border:none;border-radius:var(--radius);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:background .2s ease}.kl-button:hover{background:var(--surface-strong-hover)}.kl-button:active{transform:translateY(1px)}.kl-button-primary{background:var(--accent);color:var(--on-accent)}.kl-button-primary:hover{background:var(--accent-hover)}.kl-button:disabled{opacity:.5;cursor:default}.kl-button:disabled:hover{background:var(--accent)}.kl-readings{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.kl-reading-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2) var(--space-4)}.kl-reading-label{flex:0 0 5.5rem;font-size:var(--text-sm);font-weight:700;color:var(--text-muted)}.kl-reading-values{flex:1 1 200px;min-width:0;font-size:var(--text-md);color:var(--text-strong)}.kl-form{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.kl-form .kl-sub{margin:0;max-width:none}.kl-fields{display:flex;flex-direction:column;gap:var(--space-2)}.kl-input{width:100%;box-sizing:border-box;background:var(--surface-strong);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);font-size:var(--text-base)}.kl-input::placeholder{color:var(--text-faint)}.kl-input:focus{outline:none;border-color:var(--accent)}.kl-error{margin:0;font-size:var(--text-sm);color:var(--error)}.kl-form .kl-actions{margin-top:var(--space-1)}.kl-done-word{margin:var(--space-3) 0 0;font-size:var(--text-base);color:var(--text-muted)}.kl-done-word strong{color:var(--text-strong)}.kl-suggest{width:100%;max-width:420px;margin-top:var(--space-5);padding:var(--space-4)}.kl-suggest-text{margin:0;font-size:var(--text-sm);line-height:1.5;color:var(--text)}.kl-suggest .kl-actions{margin-top:var(--space-3)}@media(max-width:720px){.kl-header{margin:var(--space-2) 0 var(--space-3)}.kl-actions{margin-top:var(--space-4)}.kl-write-prompt{margin-bottom:var(--space-2)}.kl-sub{margin-top:var(--space-3)}}.kl-word-step{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.kl-word-or{margin-top:var(--space-2)}.ws-status{margin:0;font-size:var(--text-sm);color:var(--text-muted)}.ws-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2);width:100%}.ws-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface-strong);border-radius:var(--radius)}.ws-text{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-1) var(--space-2);min-width:0}.ws-word{font-size:var(--text-md);color:var(--text-strong)}.ws-reading{font-size:var(--text-sm);color:var(--text-muted)}.ws-meaning{font-size:var(--text-sm);color:var(--text-faint);overflow:hidden;text-overflow:ellipsis}.ws-add{flex-shrink:0;background:var(--surface);color:var(--text-strong);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:600;cursor:pointer}.ws-add:hover{background:var(--accent);color:var(--on-accent);border-color:transparent}.mw-form{padding:var(--space-4);margin-bottom:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.mw-form strong{color:var(--text-strong)}.mw-form-collapsed{padding:var(--space-3) var(--space-4)}.mw-form-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;padding:0;background:none;border:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.mw-form-chevron{flex:0 0 auto;color:var(--text-muted);font-size:var(--text-sm)}.mw-fields{display:flex;flex-direction:column;gap:var(--space-2)}.mw-input,.mw-search{width:100%;box-sizing:border-box;background:var(--surface-strong);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);font-size:var(--text-base)}.mw-input::placeholder,.mw-search::placeholder{color:var(--text-faint)}.mw-input:focus,.mw-search:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #4da6ff40}.mw-context{resize:vertical;min-height:3em;font-family:inherit;line-height:1.4}.mw-derived{margin:0;font-size:var(--text-sm);color:var(--text-muted)}.mw-warning{margin:0;font-size:var(--text-sm);color:var(--warning);line-height:1.4}.mw-form-actions{display:flex;gap:var(--space-3)}.mw-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);background:var(--surface-strong);color:var(--text-strong);border:none;border-radius:var(--radius);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background .2s ease}.mw-button:hover{background:var(--surface-strong-hover)}.mw-button-primary{background:var(--accent);color:var(--on-accent)}.mw-button-primary:hover{background:var(--accent-hover)}.mw-list-header{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-3)}.mw-filters{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2) var(--space-3)}.mw-filter{flex:0 0 auto;background:var(--surface-strong);color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.mw-filter:hover:not(.active){background:var(--surface-strong-hover);color:var(--text-strong)}.mw-filter.active{background:var(--accent);color:var(--on-accent);border-color:transparent}.mw-search-wrap{flex:1}.mw-count{flex:0 0 auto;font-size:var(--text-sm);color:var(--text-muted)}.mw-empty{color:var(--text-muted);font-size:var(--text-base)}.mw-list{display:flex;flex-direction:column;gap:var(--space-2)}.mw-item{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-3)}.mw-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1);text-decoration:none;color:inherit;cursor:pointer}.mw-item-body:hover .mw-word{color:var(--accent)}.mw-item-main{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2) var(--space-3);min-width:0}.mw-item-context{margin:0;font-size:var(--text-sm);color:var(--text-muted);font-style:italic;line-height:1.4}.mw-word{font-size:var(--text-lg);color:var(--text-strong)}.mw-reading,.mw-meaning{font-size:var(--text-sm);color:var(--text-muted)}.mw-item-actions{flex:0 0 auto;display:flex;gap:var(--space-2)}.mw-icon-button{background:transparent;border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);font-size:var(--text-sm);cursor:pointer;transition:background .15s ease,color .15s ease}.mw-icon-button:hover{background:var(--surface-strong);color:var(--text-strong)}.mw-delete:hover{color:var(--error)}.mw-show-more{align-self:center;margin-top:var(--space-2)}.mw-star{font-size:var(--text-base);line-height:1;padding:var(--space-1) var(--space-2)}.mw-star.active,.mw-star.active:hover{color:var(--accent)}.mw-sort{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-3)}.mw-sort .scope-tabs{margin-bottom:0}.onb-lead{max-width:46ch;margin:0 0 var(--space-5);text-align:center;color:var(--text-muted);font-size:var(--text-base);line-height:1.6}.onb-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-2);width:100%;max-width:420px;margin-bottom:var(--space-4)}.onb-cell{aspect-ratio:1 / 1;min-width:0;padding:0;display:flex;align-items:center;justify-content:center;background:var(--surface-strong);border:2px solid transparent;border-radius:var(--radius);color:var(--text-strong);font-size:clamp(1.1rem,5vw,1.6rem);line-height:1;cursor:pointer;transition:background .15s ease,border-color .15s ease}.onb-cell:hover{background:var(--surface-strong-hover)}.onb-cell.picked{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.onb-count{margin:0 0 var(--space-4);color:var(--text-faint);font-size:var(--text-sm)}.onb-steps{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:420px;margin-bottom:var(--space-5)}.onb-step{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);text-decoration:none;color:inherit;transition:background-color .15s ease}.onb-step:hover{background-color:var(--surface-strong-hover);color:inherit}.onb-step-icon{flex:0 0 auto;font-size:var(--text-md);line-height:1.4}.onb-step-body{display:flex;flex-direction:column;gap:2px;min-width:0}.onb-step-title{color:var(--text-strong);font-size:var(--text-base);font-weight:600}.onb-step-text{color:var(--text-muted);font-size:var(--text-sm);line-height:1.5}.onb-closing{max-width:46ch;margin:0 0 var(--space-5);text-align:center;color:var(--text-muted);font-size:var(--text-sm);line-height:1.6}.onb-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);width:100%;max-width:420px}.onb-button{flex:1 1 0;min-width:0;padding:var(--space-3) var(--space-4);background:var(--surface-strong);color:var(--text-strong);border:none;border-radius:var(--radius);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:background .2s ease}.onb-button:hover{background:var(--surface-strong-hover)}.onb-button:active{transform:translateY(1px)}.onb-button-primary{background:var(--accent);color:var(--on-accent)}.onb-button-primary:hover{background:var(--accent);filter:brightness(1.08)}.read-intro{margin:0 0 var(--space-4);color:var(--text-muted);font-size:var(--text-sm);line-height:1.6}.read-input{width:100%;box-sizing:border-box;padding:var(--space-3);background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-strong);font-family:inherit;font-size:var(--text-base);line-height:1.8;resize:vertical}.read-input:focus{outline:2px solid var(--accent);outline-offset:-1px}.read-status{margin:var(--space-3) 0;color:var(--text-muted);font-size:var(--text-sm)}.read-status-error{color:var(--error)}.read-list{display:flex;flex-direction:column;gap:var(--space-3)}.read-row{padding:var(--space-4)}.read-row-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2) var(--space-3)}.read-word{font-size:var(--text-lg);font-weight:700;color:var(--text-strong)}.read-reading{color:var(--text-muted);font-size:var(--text-sm)}.read-surface{color:var(--text-faint);font-size:var(--text-sm)}.read-count{margin-left:auto;color:var(--text-faint);font-size:var(--text-sm)}.read-meaning{margin:var(--space-2) 0 var(--space-3);color:var(--text);font-size:var(--text-sm);line-height:1.5}.read-row-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.read-kanji{display:flex;flex-wrap:wrap;gap:var(--space-2)}.read-kanji-chip{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;padding:var(--space-1) var(--space-2);background:var(--surface-strong);border-left:3px solid var(--border);border-radius:var(--radius);color:var(--text-strong);font-size:var(--text-md);text-decoration:none;transition:background .15s ease}.read-kanji-chip:hover{background:var(--surface-strong-hover)}.read-kanji-chip.status-learning{border-left-color:var(--warning)}.read-kanji-chip.status-known{border-left-color:var(--success)}.read-kanji-chip.status-mastered{border-left-color:var(--mastered)}.read-add{flex:0 0 auto;padding:var(--space-2) var(--space-4);background:var(--surface-strong);color:var(--accent);border:none;border-radius:var(--radius);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background .2s ease}.read-add:hover{background:var(--surface-strong-hover)}.read-add:active{transform:translateY(1px)}.read-have{flex:0 0 auto;color:var(--success);font-size:var(--text-sm);font-weight:600}.word-back{display:inline-block;margin-bottom:var(--space-3);padding:0;background:none;border:none;color:var(--text-muted);font-size:var(--text-sm);cursor:pointer}.word-back:hover{color:var(--accent)}.word-header{margin-bottom:var(--space-6)}.word-title{font-size:clamp(2.5rem,10vw,4rem);font-weight:700;line-height:1.1;margin:0;color:var(--text-strong);font-family:var(--font-jp-serif)}.word-reading{font-size:var(--text-lg);color:var(--text-muted);margin-top:var(--space-1)}.word-meanings{font-size:var(--text-md);color:var(--text-strong);margin-top:var(--space-2)}.word-note{margin:var(--space-3) 0 0;font-size:var(--text-base);color:var(--text-muted);font-style:italic;line-height:1.5}.word-example{margin:var(--space-3) 0 0;font-size:var(--text-base);color:var(--text);line-height:1.6}.word-example-en{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--text-muted);line-height:1.5}.word-section-title{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin:0 0 var(--space-3)}.word-kanji-list{display:flex;flex-direction:column;gap:var(--space-2)}.word-kanji-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--border);border-radius:var(--radius);text-decoration:none;color:inherit;transition:background .15s ease,border-color .15s ease}.word-kanji-row:hover{background:var(--surface-strong)}.word-kanji-row.status-learning{border-left-color:var(--warning)}.word-kanji-row.status-known{border-left-color:var(--success)}.word-kanji-row.status-mastered{border-left-color:var(--mastered)}.word-kanji-char{flex:0 0 auto;font-size:clamp(2rem,8vw,2.75rem);line-height:1;color:var(--text-strong);font-family:var(--font-jp-serif)}.word-kanji-info{display:flex;flex-direction:column;gap:2px;min-width:0}.word-kanji-meaning{font-size:var(--text-base);color:var(--text-strong)}.word-kanji-readings{font-size:var(--text-sm);color:var(--text-muted)}.word-empty{color:var(--text-muted);font-size:var(--text-base);font-style:italic;margin:0}.word-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.word-action{background:var(--surface-strong);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.word-action:hover:not(.active){background:var(--surface-strong-hover);color:var(--text-strong)}.word-action.active{background:var(--accent);color:var(--on-accent);border-color:transparent}.word-srs{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-6)}.word-srs-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-1) var(--space-3);font-size:var(--text-sm)}.word-srs-label{color:var(--text-strong)}.word-srs-state{color:var(--text-muted)}.print-controls{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-5)}.print-control{display:flex;flex-direction:column;gap:var(--space-1)}.print-control-label{font-size:var(--text-sm);color:var(--text-muted)}.print-source{display:inline-grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-self:flex-start;width:fit-content;max-width:100%;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.print-source-btn{background:var(--surface-strong);color:var(--text-muted);border:none;border-radius:0;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:background .15s ease,color .15s ease}@media(max-width:720px){.print-source-btn{padding:var(--space-2) var(--space-2)}}.print-source-btn:not(:last-child){border-right:1px solid var(--border)}.print-source-btn.active{background:var(--accent);color:var(--on-accent)}.print-select,.print-custom{width:100%;box-sizing:border-box;background:var(--surface-strong);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);font-size:var(--text-base);font-family:inherit}.print-control input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}.print-checkbox{display:flex;align-items:center;gap:var(--space-2);color:var(--text);font-size:var(--text-sm);cursor:pointer}.print-checkbox input{width:1.1rem;height:1.1rem;accent-color:var(--accent);cursor:pointer}.print-button{align-self:flex-start;background:var(--accent);color:var(--on-accent);border:none;border-radius:var(--radius);padding:var(--space-3) var(--space-5);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:background .2s ease}.print-button:hover{background:var(--accent-hover)}.print-button:disabled{opacity:.5;cursor:default}.print-note{margin:0;font-size:var(--text-sm);color:var(--text-faint)}.print-pick-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.print-pick-actions{display:inline-flex;gap:var(--space-2)}.print-pick-btn{background:var(--surface-strong);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px var(--space-2);font-size:var(--text-xs);cursor:pointer}.print-pick-btn:hover{color:var(--text-strong)}.print-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);max-height:168px;overflow-y:auto}.print-chip{width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-strong);color:var(--text-faint);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-md);cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.print-chip.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.print-preview{max-width:100%;overflow:auto}@media screen and (max-width:700px){.print-preview{max-height:75vh}}.print-sheet{background:#fff;color:#000;border-radius:var(--radius);padding:1cm;width:100%;min-width:640px;max-width:800px;box-sizing:border-box}.print-sheet-empty{margin:0;text-align:center;color:#777;font-size:.9rem}.print-row{display:flex;align-items:center;gap:6px;margin-bottom:8px;break-inside:avoid}.print-label{flex:0 0 2.4cm;display:flex;flex-direction:column;justify-content:center;gap:2px}.print-label-kanji{font-size:1.7rem;line-height:1;color:#000}.print-label-info{font-size:.7rem;line-height:1.2;color:#555;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.print-cells{flex:1;min-width:0;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));border-top:1px solid #999999;border-left:1px solid #999999}.print-cell{position:relative;aspect-ratio:1 / 1;border-right:1px solid #999999;border-bottom:1px solid #999999}.print-cell.has-trace{container-type:inline-size}.print-cell:before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px dashed #cccccc}.print-cell:after{content:"";position:absolute;top:50%;left:0;right:0;border-top:1px dashed #cccccc}.print-trace{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:80cqi;line-height:1;color:#ccc}@page{size:A4 portrait;margin:1.2cm}@media print{.side-nav,.nav-toggle,.nav-backdrop,.no-print{display:none!important}html,body,.app-container,.app-content,.page,.print-page,.print-preview{background:#fff!important}html,body{margin:0!important;min-height:0!important;height:auto!important}.app-container{position:static!important;display:block!important;width:auto!important;height:auto!important;overflow:visible!important}.app-content{width:auto!important;height:auto!important;overflow:visible!important;padding:0!important}.page{width:auto!important;max-width:none!important;margin:0!important;padding:0!important}.print-preview{width:auto!important;max-width:none!important;max-height:none!important;overflow:visible!important}.print-sheet{width:100%!important;min-width:0!important;max-width:none!important;border-radius:0;padding:0;background:#fff!important;color:#000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.kanji-card{max-width:800px;width:100%;background-color:var(--surface);border:1px solid var(--border);margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);box-sizing:border-box;border-radius:var(--radius);display:block}.kanji-card-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%}.kanji-card-row-left{display:flex;align-items:center;gap:var(--space-2);flex:1 1 auto;min-width:0;background:transparent;border:none;border-radius:var(--radius);padding:var(--space-1) var(--space-2);margin:calc(var(--space-1) * -1) 0 calc(var(--space-1) * -1) calc(var(--space-2) * -1);font:inherit;color:inherit;text-align:left;cursor:pointer;transition:background .15s ease}.kanji-card-row-left:hover{background:var(--surface-strong)}.kanji-card-char{flex:0 0 auto;font-size:clamp(1rem,5vw,1.5rem);color:var(--text-strong)}.kanji-card-meanings{flex:1 1 auto;min-width:0;font-size:clamp(1rem,5vw,1.5rem);color:var(--text-strong)}.kanji-card-row-right{flex:0 0 auto}.kanji-card-status-select{background:var(--surface-strong);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);width:auto;min-width:8rem;cursor:pointer}.kanji-card-status-select:hover{background:var(--surface-strong-hover)}.kanji-card-status-select:focus{outline:none;border-color:var(--accent)}.kanji-list-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-4);width:100%;margin-bottom:var(--space-4)}.kanji-list-search-wrap{width:100%;max-width:400px}.kanji-list-search-row{display:flex;align-items:center;gap:var(--space-2);width:100%;max-width:400px}.kanji-list-search-row .kanji-list-search-wrap{flex:1;min-width:0}.kanji-list-draw-toggle{flex:0 0 auto;padding:var(--space-2) var(--space-3);background:var(--surface-strong);border:1px solid var(--border);font-size:var(--text-base);line-height:1;cursor:pointer}.kanji-list-draw-toggle.active{border-color:var(--accent)}.kanji-list-draw-clear{margin-left:var(--space-3);padding:var(--space-1) var(--space-3);background:var(--surface-strong);border:1px solid var(--border);font-size:var(--text-sm);cursor:pointer}.kanji-list-draw-clear:hover{border-color:var(--accent);color:var(--accent)}.kanji-list-search-bar{width:100%;max-width:400px;padding:var(--space-2) var(--space-3);background-color:var(--surface-strong);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--text-base);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.kanji-list-search-bar::placeholder{color:var(--text-faint)}.kanji-list-search-bar:focus{border-color:var(--accent);box-shadow:0 0 0 2px #4da6ff40}.kanji-list-count-tail{display:inline-block;min-width:13ch;text-align:left}.kanji-list-count-input{width:5rem;margin:0 var(--space-2) 0}.kanji-list-progress{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding-bottom:var(--space-2);text-align:center;gap:var(--space-2) var(--space-4)}.kanji-list-filter{white-space:nowrap;background:transparent;border:1px solid transparent;border-radius:var(--radius);padding:var(--space-1) var(--space-3);font-size:var(--text-base);font-weight:700;color:var(--text);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.kanji-list-filter:hover{background:var(--surface-strong)}.kanji-list-filter.active{border-color:var(--accent);color:var(--accent)}.kanji-list-sort{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3);padding-bottom:var(--space-3)}.kanji-list-sort .scope-tabs{margin-bottom:0}.kanji-list-sort-note{max-width:46ch;margin:0 0 var(--space-3);color:var(--text-muted);font-size:var(--text-sm);text-align:center}.settings-section-title{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin:var(--space-5) 0 var(--space-3)}.settings-section-title:first-of-type{margin-top:var(--space-2)}.settings-card{padding:var(--space-5);margin-bottom:var(--space-4);display:flex;flex-direction:column;min-width:0}.settings-card strong{color:var(--text-strong);font-size:var(--text-md)}.settings-card>strong{display:block;font-weight:700;margin-bottom:var(--space-3)}.settings-card>*:last-child{margin-bottom:0}.settings-description{font-size:var(--text-sm);color:var(--text-muted);margin:0 0 var(--space-4);line-height:1.6}.settings-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.settings-button,.settings-import{background:var(--surface-strong);padding:var(--space-3) var(--space-4);border-radius:var(--radius);cursor:pointer;font-size:var(--text-sm);color:var(--text-strong);border:none;display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;font-weight:500;transition:background .2s ease}.settings-button:hover,.settings-import:hover{background:var(--surface-strong-hover);color:var(--text-strong)}.settings-import input{display:none}.settings-card .scope-tabs{margin-bottom:0}.settings-card>.scope-tabs{align-self:start}.settings-checkbox,.settings-number,.settings-select{align-self:start}.settings-select{display:flex;align-items:center;gap:var(--space-3);color:var(--text);font-size:var(--text-sm)}.settings-select select{box-sizing:border-box;background:var(--surface-strong);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);font-size:var(--text-base);font-family:inherit}.settings-select select:focus{outline:none;border-color:var(--accent)}.settings-checkbox{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text);font-size:var(--text-sm);cursor:pointer}.settings-checkbox input{width:1.1rem;height:1.1rem;accent-color:var(--accent);cursor:pointer}.settings-hint{font-size:var(--text-xs);color:var(--text-faint);margin:var(--space-1) 0 var(--space-4);line-height:1.5}.settings-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-3)}.settings-row-label{font-size:var(--text-sm);color:var(--text)}.settings-number{display:flex;align-items:center;gap:var(--space-3);color:var(--text);font-size:var(--text-sm)}.settings-number+.settings-number{margin-top:var(--space-3)}.settings-number input{width:5rem;box-sizing:border-box;background:var(--surface-strong);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);font-size:var(--text-base)}.settings-number input:focus{outline:none;border-color:var(--accent)}.settings-button:disabled{opacity:.45;cursor:default}.settings-button:disabled:hover{background:var(--surface-strong)}.settings-cloud-note{margin-top:0}.settings-cloud-status{font-size:var(--text-sm);color:var(--text-muted);margin:var(--space-3) 0 0;line-height:1.6}.about-text{color:var(--text-muted);font-size:var(--text-base);line-height:1.7;margin-bottom:var(--space-4)}.about-heading{font-size:var(--text-md);font-weight:700;color:var(--text-strong);margin:var(--space-6) 0 var(--space-3)}.github-link{color:var(--accent);text-decoration:none;font-weight:700;border-bottom:1px dashed var(--accent);transition:color .2s ease}.github-link:hover{color:var(--accent-hover);border-bottom-style:solid}.about-version{margin-top:var(--space-5);color:var(--text-faint);font-size:var(--text-sm)}.about-version code{font-family:ui-monospace,monospace;-webkit-user-select:all;user-select:all}.about-privacy{margin-top:var(--space-6)}.about-privacy-link{color:var(--text-faint);font-size:var(--text-sm);text-decoration:none;border-bottom:1px dashed var(--text-faint)}.about-privacy-link:hover{color:var(--text-muted);border-bottom-color:var(--text-muted)}.support-text{color:var(--text-muted);font-size:var(--text-base);line-height:1.7;margin-bottom:var(--space-5)}.support-options{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.support-card{display:flex;align-items:center;gap:var(--space-4);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4) var(--space-5);text-decoration:none;color:var(--text);transition:background .2s ease,border-color .2s ease,transform .1s ease}a.support-card:hover{background-color:var(--surface-strong);border-color:var(--accent)}a.support-card:active{transform:translateY(1px)}.support-card.disabled{opacity:.55;cursor:default}.support-card-emoji{font-size:var(--text-2xl);line-height:1;flex-shrink:0}.support-card-body{display:flex;flex-direction:column;gap:var(--space-1)}.support-card-title{font-size:var(--text-md);font-weight:600;color:var(--text-strong)}.support-card-desc{font-size:var(--text-sm);color:var(--text-muted)}.support-thanks{margin-bottom:0}.analytics-section-title{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin:var(--space-5) 0 var(--space-3)}.analytics-section-title:first-of-type{margin-top:var(--space-2)}.analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}@media(max-width:720px){.analytics-grid{grid-template-columns:minmax(0,1fr)}}.stat-card{padding:var(--space-5);display:flex;flex-direction:column;min-width:0}.stat-card-title{font-size:var(--text-md);font-weight:700;margin:0 0 var(--space-3);color:var(--text-strong)}.stat-card-link{color:inherit;text-decoration:none}.stat-card-link span{color:var(--text-faint);font-weight:400}.stat-card-link:hover,.stat-card-link:hover span{color:var(--accent)}.stat-note{font-size:var(--text-sm);color:var(--text-muted);margin:0 0 var(--space-3)}.stat-subheading{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin:var(--space-4) 0 var(--space-2)}.stat-headline{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-3)}.stat-big{font-size:var(--text-2xl);font-weight:700;color:var(--text-strong);line-height:1}.stat-sub{font-size:var(--text-sm);color:var(--text-muted)}.stat-duo{display:flex;flex-wrap:wrap;gap:var(--space-5);margin-bottom:var(--space-2)}.stat-duo>div{display:flex;flex-direction:column}.stat-duo .stat-big{font-size:var(--text-xl)}.stat-cta{align-self:flex-start;margin-top:var(--space-4);background:var(--accent);color:var(--on-accent);text-decoration:none;border-radius:var(--radius);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:600}.stat-cta:hover{background:var(--accent-hover)}.stacked-bar{display:flex;height:14px;width:100%;background:var(--surface-strong);border-radius:999px;overflow:hidden;margin-bottom:var(--space-3)}.seg{display:block;height:100%}.seg.mastered{background:var(--mastered)}.seg.known{background:var(--success)}.seg.learning{background:var(--warning)}.legend{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin:0;padding:0;font-size:var(--text-sm);color:var(--text-muted)}.legend strong{color:var(--text-strong);margin-left:2px}.legend-total{color:var(--text-faint)}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:middle}.dot.mastered{background:var(--mastered)}.dot.known{background:var(--success)}.dot.learning{background:var(--warning)}.dot.new{background:var(--surface-strong);border:1px solid var(--border)}.band-list{display:flex;flex-direction:column;gap:var(--space-2)}.band-row{display:grid;grid-template-columns:72px 1fr 40px;align-items:center;gap:var(--space-3);font-size:var(--text-sm)}.band-label{color:var(--text-muted)}.band-bar{display:flex;height:10px;background:var(--surface-strong);border-radius:999px;overflow:hidden}.band-pct{text-align:right;color:var(--text-strong);font-weight:600}.unlock-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.unlock-list li{display:flex;align-items:baseline;gap:var(--space-3)}.unlock-kanji{font-size:var(--text-lg);color:var(--text-strong);text-decoration:none;line-height:1}.unlock-kanji:hover{color:var(--accent)}.unlock-meaning{flex:1;min-width:0;font-size:var(--text-sm);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unlock-count{flex-shrink:0;font-size:var(--text-xs);color:var(--text-faint);white-space:nowrap}.learn-next-back{display:inline-block;margin-bottom:var(--space-3);color:var(--text-muted);font-size:var(--text-sm);text-decoration:none}.learn-next-back:hover{color:var(--text)}.kanji-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.kanji-chip{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-lg);font-family:var(--font-jp-serif);color:var(--text-strong);text-decoration:none;transition:background .15s ease,border-color .15s ease}.kanji-chip:hover{background:var(--surface-strong-hover);border-color:var(--accent)}.box-bars,.growth-bars{display:flex;align-items:flex-end;gap:var(--space-2);height:96px}.box-col,.growth-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:0}.box-fill,.growth-fill{width:100%;max-width:26px;min-height:2px;background:var(--accent);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.box-fill{background:var(--success)}.box-count{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.box-label,.growth-label{font-size:var(--text-xs);color:var(--text-faint);margin-top:2px;white-space:nowrap}.growth-count{font-size:var(--text-xs);color:var(--text-muted);line-height:1;min-height:1em;margin-bottom:2px;font-variant-numeric:tabular-nums}@media(max-width:720px){.growth-bars{gap:var(--space-1)}.growth-count{font-size:.7rem;letter-spacing:-.02em}}.signed-val{font-size:var(--text-xs);color:var(--text-muted);line-height:1;margin:2px 0}.signed-bars{position:relative;display:flex;align-items:stretch;gap:var(--space-2);height:110px}.signed-bars:after{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid var(--border)}.signed-col{flex:1;display:flex;flex-direction:column;min-width:0}.signed-top{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.signed-bottom{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.signed-fill{width:100%;max-width:26px;min-height:2px}.signed-fill.pos{background:var(--success);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.signed-fill.neg{background:var(--warning);border-radius:0 0 var(--radius-sm) var(--radius-sm)}.signed-labels{display:flex;gap:var(--space-2);margin-top:2px}.signed-labels span{flex:1;min-width:0;text-align:center;font-size:var(--text-xs);color:var(--text-faint)}.app-container{position:fixed;top:0;left:0;display:flex;flex-direction:row;height:100vh;height:100dvh;width:100%;overflow:hidden;box-sizing:border-box}.app-content{flex:1;height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;box-sizing:border-box;padding-top:2.75rem;padding-bottom:env(safe-area-inset-bottom)}