:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--bg: #181a1f;--bg-elevated: #22252b;--text: #e4e6eb;--text-muted: #8b8f98;--border: #383c44;--accent: #7c8aff;--accent-text: #ffffff;--danger: #ff6b6b;--success: #4ade80;color-scheme:dark;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--accent);text-decoration:inherit}a:hover{color:#99a4ff}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg)}h1{font-size:2.2em;line-height:1.1}button{border-radius:8px;border:1px solid var(--border);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--bg-elevated);color:var(--text);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--accent)}button:focus,button:focus-visible{outline:4px auto var(--accent)}#root{min-height:100vh;min-height:100dvh}.app-layout{display:flex;height:100vh;height:100dvh;overflow:hidden}.sidebar{width:200px;flex-shrink:0;position:sticky;top:0;height:100vh;height:100dvh;display:flex;flex-direction:column;background-color:var(--bg-elevated);border-right:1px solid var(--border)}.sidebar-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem;padding:2rem 1rem 1rem}.sidebar a{padding:.5rem .75rem;border-radius:4px;text-decoration:none;color:var(--text)}.sidebar a:hover{background:var(--border)}.sidebar a.active{background:var(--accent);color:var(--accent-text);font-weight:600}.sidebar a.active:hover{background:var(--accent)}.sidebar-tabs{display:flex;flex-direction:column;gap:.25rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.sidebar-tabs a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9em}.sidebar-references{flex-shrink:0;padding:1rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.25rem}.sidebar-section-title{font-weight:600;font-size:.85em;color:var(--text-muted);margin-bottom:.25rem}.content{flex:1;min-width:0;height:100%;overflow-y:auto}.content-inner{box-sizing:border-box;max-width:960px;margin:0 auto;padding:2rem}.right-panel{width:260px;flex-shrink:0;position:sticky;top:0;height:100vh;height:100dvh;display:flex;flex-direction:column;background-color:var(--bg-elevated);border-left:1px solid var(--border)}.top-bar,.drawer-backdrop{display:none}@media (max-width: 900px),(max-height: 500px){:root{--top-bar-height: 3rem}.app-layout{flex-direction:column}.top-bar{display:flex;align-items:center;gap:.5rem;flex-shrink:0;box-sizing:border-box;height:var(--top-bar-height);padding:0 .5rem;background-color:var(--bg-elevated);border-bottom:1px solid var(--border)}.top-bar button{min-width:44px;min-height:44px}.top-bar-title{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600;text-align:center}.drawer-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background-color:#00000080}.sidebar,.right-panel{position:fixed;top:0;z-index:50;max-width:85vw;transition:transform .2s ease,visibility 0s .2s;visibility:hidden}.sidebar{left:0;transform:translate(-100%)}.right-panel{right:0;transform:translate(100%)}.sidebar.drawer-open,.right-panel.drawer-open{transform:none;visibility:visible;transition:transform .2s ease}.sidebar a,.sidebar-references button{box-sizing:border-box;display:flex;align-items:center;min-height:44px}.content{height:auto;min-height:0}.content-inner{padding:1rem}}@media (hover: none){input:not([type]),input[type=text],input[type=search],input[type=number],textarea,select{font-size:16px}}.pos-legend-dialog{width:90vw;max-width:64rem;max-height:85vh;overflow-y:auto;padding:2rem 2.5rem;border:1px solid var(--border);border-radius:8px;background-color:var(--bg);color:var(--text)}.pos-legend-dialog::backdrop{background-color:#00000080}.pos-legend-dialog-actions{display:flex;justify-content:flex-end;margin-top:1.5rem}.pos-legend-title{font-size:1.3rem;font-weight:600;margin-bottom:1.25rem}.pos-legend-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.pos-legend-item{display:grid;grid-template-columns:6rem 8rem 1fr 1fr;align-items:baseline;gap:1rem;padding:.6rem 0;border-bottom:1px solid var(--border)}.pos-legend-item-term{line-height:2.2}.pos-legend-dialog rt{color:var(--text-muted);font-size:.6em}.pos-legend-dialog ruby{margin:0 .05em}.pos-legend-item-label{font-weight:600;color:var(--accent)}.pos-legend-item-description{line-height:1.4}.pos-legend-item-examples{color:var(--text-muted);font-size:.9em;line-height:2}.grammar-legend-dialog{max-width:76rem}.grammar-legend-header{color:var(--text-muted);font-size:.8em;font-weight:600;text-transform:uppercase;letter-spacing:.02em;border-bottom:1px solid var(--border);padding-bottom:.5rem}.grammar-legend-row{display:grid;align-items:baseline;gap:1rem;padding:.6rem 0;line-height:2}.grammar-legend-item{grid-template-columns:8rem 1.3fr 1fr 1fr 1.3fr}li.grammar-legend-item{border-bottom:1px solid var(--border)}.grammar-legend-item-term{font-weight:600}.grammar-legend-item-example{color:var(--text-muted);font-size:.9em}.grammar-legend-section-title{font-size:1rem;font-weight:600;margin:1.75rem 0 .75rem}.grammar-legend-section-title:first-of-type{margin-top:0}.grammar-legend-simple-item{grid-template-columns:8rem 1fr 1.3fr;border-bottom:1px solid var(--border)}.grammar-legend-other-item{grid-template-columns:8rem 1.5fr 1.5fr;align-items:start;border-bottom:1px solid var(--border)}.grammar-legend-other-examples{list-style:none;margin:0;padding:0;color:var(--text-muted);font-size:.9em;line-height:2}.grammar-example-hover{position:relative;cursor:help;border-bottom:1px dotted var(--text-muted)}.grammar-example-tooltip{visibility:hidden;opacity:0;position:absolute;top:100%;left:0;margin-top:.4rem;min-width:14rem;max-width:22rem;padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;background-color:var(--bg-elevated);color:var(--text);font-size:.95rem;line-height:1.4;white-space:normal;box-shadow:0 4px 12px #0000004d;z-index:20;transition:opacity .1s ease}.grammar-example-hover:hover .grammar-example-tooltip{visibility:visible;opacity:1}.grammar-example-tooltip-en{color:var(--text-muted);font-size:.85em;margin-top:.25rem}.jmdict-search{display:flex;flex-direction:column;flex:1;min-height:0}.jmdict-search-header{flex-shrink:0;padding:1.5rem 1rem 1rem;border-top:1px solid var(--border)}.jmdict-search-results-wrap{flex:1;min-height:0;overflow-y:auto;padding:0 1rem 1.5rem}.jmdict-search-title{font-weight:600;margin-bottom:.75rem}.jmdict-search-input{width:100%;box-sizing:border-box}.jmdict-search-romaji{margin-top:.5rem}.jmdict-search-hint{margin-top:.3rem;color:var(--text-muted);font-size:.8em}.jmdict-search-tier-limit{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.6rem;color:var(--text-muted);font-size:.8em}.jmdict-search-tier-limit input{width:3.5rem;box-sizing:border-box}.jmdict-search-status{margin-top:.6rem;color:var(--text-muted);font-size:.9em}.jmdict-search-results{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.jmdict-entry{padding-bottom:.75rem;border-bottom:1px solid var(--border);font-size:.85rem}.jmdict-entry:last-child{border-bottom:none;padding-bottom:0}.jmdict-entry-headword{font-weight:600}.jmdict-entry-reading{color:var(--text-muted);font-size:.9em;margin-bottom:.3rem}.new-document-form{display:flex;flex-direction:column;gap:.5rem}.new-document-form label{font-weight:600;margin-top:.75rem}.new-document-form input,.new-document-form textarea{font:inherit;padding:.5rem;border:1px solid var(--border);border-radius:4px;background-color:var(--bg-elevated);color:var(--text)}.new-document-form input:focus,.new-document-form textarea:focus{outline:none;border-color:var(--accent)}.new-document-form textarea{resize:vertical;font-family:inherit}.readonly-text{margin:0}.new-document-form input[readonly],.new-document-form textarea[readonly]{background-color:var(--bg);cursor:default}.new-document-form a{padding:.5rem}.youtube-player{width:100%;aspect-ratio:16 / 9;background:#000;border-radius:4px;overflow:hidden}.youtube-player iframe{width:100%;height:100%;border:0;display:block}.new-document-form button{margin-top:1rem;padding:.6rem 1.2rem;align-self:flex-start;cursor:pointer}.icon-button{border:none;background:none;color:var(--text-muted);cursor:pointer}.search-dropdown-row{display:flex;gap:.5rem;align-items:flex-start}.search-dropdown-row input{flex:1}.new-document-form .search-dropdown-button{margin-top:0}.search-results{list-style:none;margin:.5rem 0 0;padding:0;border:1px solid var(--border);border-radius:6px;background-color:var(--bg-elevated)}.new-document-form .search-result{display:flex;align-items:center;gap:.75rem;width:100%;margin-top:0;padding:.4rem .6rem;border:none;background:none;color:inherit;text-align:left}.new-document-form .search-result:hover{background-color:var(--border)}.new-document-form .search-result.chosen{background-color:color-mix(in srgb,var(--accent) 15%,transparent)}.search-result img{object-fit:cover;border-radius:4px}.search-result-text{display:flex;flex-direction:column;flex:1;min-width:0}.search-result-meta,.search-result-duration{color:var(--text-muted);font-size:.85em}.lrclib-match-badge{margin-left:.5rem;color:var(--accent)}.lrclib-choice{padding:.4rem .6rem}.new-document-form .lrclib-matches-toggle{margin-top:.25rem;padding:.2rem 0;border:none;background:none;color:var(--accent)}.manual-ids{margin-top:.75rem}.manual-ids>summary{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.manual-ids>summary:hover{color:var(--text)}.manual-ids[open]{display:flex;flex-direction:column;gap:.5rem}.new-document-form button:disabled{cursor:default;opacity:.6}.form-error{color:var(--danger)}.form-success{color:var(--success)}.documents-list table{width:100%;border-collapse:collapse;margin-top:1rem}.documents-list th,.documents-list td{text-align:left;padding:.5rem .75rem;border-bottom:1px solid var(--border)}.clickable-row{cursor:pointer}.clickable-row:hover{background-color:var(--bg-elevated)}.tab-indicator{width:1.5rem;text-align:center}.spinner{display:inline-block;width:.9rem;height:.9rem;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sort-button{background:none;border:none;font:inherit;font-weight:600;color:var(--text);cursor:pointer;padding:0}.empty-state{color:var(--text-muted);text-align:center;padding:1.5rem}.pagination{display:flex;align-items:center;gap:1rem;margin-top:1rem;color:var(--text-muted)}.pagination button{padding:.4rem .9rem;cursor:pointer}.pagination button:disabled{cursor:default;opacity:.5}.text-size-controls{display:grid;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:.5rem 1.5rem;color:var(--text-muted);font-size:.9em}.text-size-controls .control{display:grid;grid-template-columns:10rem 1fr;align-items:center;gap:.5rem}.text-size-controls label{margin-top:0;font-weight:400;font-variant-numeric:tabular-nums}.text-size-controls kbd{padding:0 .3em;border:1px solid var(--border);border-radius:3px;font-family:inherit}.text-size-controls input[type=color]{justify-self:start;width:3rem;height:1.75rem;padding:.1rem;cursor:pointer}.lyrics-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.lyrics-edit-toggle{padding:.2rem .6rem;font-size:.85em}.control-actions{display:flex;align-items:center;gap:.5rem}.text-size-controls .control-actions button{margin-top:0;padding:.2rem .8rem}.lyrics-editor{display:flex;flex-direction:column;gap:.5rem}.lyrics-editor-actions{display:flex;gap:.5rem}.lyrics-editor-actions button{margin-top:0}.lyrics-editor-note{color:var(--text-muted);font-size:.85em;margin:0}.lyrics-box{--lyrics-line-height: 2.6;line-height:var(--lyrics-line-height);padding:.75rem;border:1px solid var(--border);border-radius:4px;background-color:var(--bg-elevated);white-space:pre-wrap;font-size:var(--lyrics-font-size, 18px);margin:0}.lyrics-box.has-line-play{padding-left:2.25rem}.lyrics-box .line-play{display:inline-flex;align-items:center;justify-content:center;vertical-align:top;position:relative;width:1.25rem;height:calc(1em * var(--lyrics-line-height));margin:0 .25rem 0 -1.5rem;padding:0}.lyrics-box .line-play svg{width:.6rem;height:.6rem;fill:currentColor}.lyrics-box .line-play:hover{color:var(--accent)}.timing-row{display:flex;align-items:center;gap:.75rem;border-radius:4px;cursor:pointer}.synced-lyrics{--lyrics-line-height: 1.8}.timing-row.blank{height:calc(1em * var(--lyrics-line-height))}.timing-row.selected{background-color:color-mix(in srgb,var(--accent) 15%,transparent)}.timing-row.untimed{outline:1px dashed var(--danger);outline-offset:-1px}.timing-gutter{display:flex;align-items:center;justify-content:flex-end;gap:.2rem;flex-shrink:0;width:5rem;color:var(--text-muted);font-size:.7rem;line-height:1.3;font-variant-numeric:tabular-nums}.lyrics-box .timing-delete{display:flex;margin:0;padding:.15rem}.lyrics-box .timing-delete:hover{color:var(--danger)}.timing-delete svg{width:.6rem;height:.6rem}.toast{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%);z-index:20;padding:.5rem 1rem;border:1px solid var(--border);border-radius:6px;background-color:var(--bg-elevated);box-shadow:0 4px 16px #0006;font-size:.9rem}.confirm-dialog{max-width:24rem;padding:1rem 1.25rem;border:1px solid var(--border);border-radius:8px;background-color:var(--bg);color:var(--text)}.confirm-dialog::backdrop{background-color:#00000080}.confirm-dialog p{margin:0 0 .75rem}.confirm-dialog-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.confirm-dialog .confirm-dialog-actions button{margin-top:0}.confirm-dialog .danger{border-color:var(--danger);color:var(--danger)}.lyrics-box ruby rt{font-size:var(--furigana-font-size, 11px);color:var(--text-muted);-webkit-user-select:none;user-select:none}.token{position:relative;z-index:0;border-bottom:2px solid transparent}.token:has(.gloss-popup){z-index:20}.token:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit}.lyrics-box .token{scroll-margin-top:calc((var(--lyrics-line-height) - 1) / 2 * 1em)}.token.needs-review{border-bottom:2px dotted var(--accent);cursor:help}.token.needs-correction{border-bottom:2px dotted var(--danger);cursor:help}.token.has-gloss{cursor:pointer;border-radius:2px}.token.has-gloss:hover,.token.has-gloss.pinned{color:var(--accent-text)}.token.has-gloss:hover:before,.token.has-gloss.pinned:before{background-color:var(--accent)}.token.has-gloss.selected{outline:2px solid var(--accent);outline-offset:1px;border-radius:2px;color:var(--accent-text)}.token.has-gloss.selected:before{background-color:var(--accent)}.token.eligible{outline:1px dashed var(--accent);outline-offset:1px;border-radius:2px}.token.phrase-merged{box-shadow:inset 0 -2px 0 0 var(--success);border-radius:0}.token.phrase-merged-prev{margin-left:-2px}.token.phrase-merged:not(.phrase-merged-prev){border-bottom-left-radius:3px}.token.phrase-merged:not(.phrase-merged-next){border-bottom-right-radius:3px}.token.phrase-outline{box-shadow:inset 0 2px 0 0 var(--success),inset 0 -2px 0 0 var(--success);border-radius:0}.token.phrase-outline.phrase-outline-start{box-shadow:inset 0 2px 0 0 var(--success),inset 0 -2px 0 0 var(--success),inset 2px 0 0 0 var(--success);border-top-left-radius:3px;border-bottom-left-radius:3px}.token.phrase-outline.phrase-outline-end{box-shadow:inset 0 2px 0 0 var(--success),inset 0 -2px 0 0 var(--success),inset -2px 0 0 0 var(--success);border-top-right-radius:3px;border-bottom-right-radius:3px}.token.phrase-outline.phrase-outline-start.phrase-outline-end{box-shadow:inset 0 2px 0 0 var(--success),inset 0 -2px 0 0 var(--success),inset 2px 0 0 0 var(--success),inset -2px 0 0 0 var(--success);border-radius:3px}.token.has-phrase-suggestion{border-bottom:2px dashed var(--success)}.document-header{display:flex;flex-direction:column;gap:.5rem}.selection-anchor{position:sticky;top:var(--header-height);z-index:20;height:0}.selection-panel{position:absolute;top:calc(-1 * var(--header-height));left:0;right:0;display:flex;flex-direction:column;gap:.4rem;max-height:var(--header-height);box-sizing:border-box;overflow-y:auto;padding:.5rem .75rem;border:1px solid var(--accent);border-radius:6px;background-color:var(--bg-elevated);box-shadow:0 4px 16px #0006;line-height:1.4;font-size:.9rem}.selection-gloss{padding-bottom:.4rem;border-bottom:1px solid var(--border)}.selection-panel-title{font-weight:600}label.checkbox-option{display:flex;align-items:center;gap:.4rem;margin-top:0;font-weight:400}label.checkbox-option input{width:auto;margin:0;padding:0}label.apply-to-all{margin-top:.4rem;font-size:.85em}.ignore-gloss{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;margin-top:.4rem}.study-list{position:relative;float:right;margin:0 -.5rem 0 .4rem}.gloss-popup>.study-list{margin-top:-.35rem;margin-bottom:.1rem}.study-list .study-list-icon{margin-top:0;padding:.15rem}.study-list-icon{display:inline-flex;border-radius:4px}.study-list-icon svg{opacity:.55}.study-list-icon:hover:not(:disabled),.study-list-icon:focus-visible{color:var(--accent)}.study-list-icon:hover:not(:disabled) svg,.study-list-icon:focus-visible svg,.study-list-icon.studied svg{opacity:1}.study-list-icon.studied{color:var(--success)}.study-list-icon:disabled{opacity:.4}.study-list-tooltip{position:absolute;top:100%;right:0;z-index:1;width:max-content;max-width:14rem;padding:.2rem .4rem;border:1px solid var(--border);border-radius:4px;background-color:var(--bg-elevated);color:var(--text);font-size:.8rem;text-align:right;pointer-events:none;visibility:hidden}.study-list-icon:hover+.study-list-tooltip,.study-list-icon:focus-visible+.study-list-tooltip{visibility:visible;transition:visibility 0s 125ms}.study-list-error{position:absolute;color:var(--danger);top:100%;right:0;width:10rem;margin:0;padding:.2rem .4rem;border-radius:4px;background-color:var(--bg-elevated);text-align:right}.more-options{margin-top:.4rem}.more-options>summary{color:var(--text-muted);font-size:.85em;cursor:pointer;-webkit-user-select:none;user-select:none}.more-options>summary:hover{color:var(--text)}.phrase-suggestion{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;margin-top:.4rem}.phrase-suggestion-promoted{margin-top:0;margin-bottom:.5rem;padding:.5rem .6rem;border:1px solid color-mix(in srgb,var(--success) 45%,var(--border));border-radius:6px;background-color:color-mix(in srgb,var(--success) 12%,transparent)}.phrase-combine-option{border-color:var(--success);background-color:var(--success);color:var(--accent-text);font-weight:600}.phrase-combine-option:hover:not(:disabled){border-color:var(--success);filter:brightness(1.08)}.timing-text>span{position:relative;z-index:0}.timing-text>span:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.token.playing:before,.timing-row.playing .timing-text>span:before{background-color:color-mix(in srgb,var(--highlight-color) var(--highlight-opacity),transparent)}.gloss-popup{display:flow-root;position:absolute;top:100%;left:50%;transform:translate(-50%);z-index:10;margin-top:.4rem;min-width:20rem;max-width:40rem;padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;background-color:var(--bg);box-shadow:0 4px 16px #0006;line-height:1.4;font-size:.85rem;white-space:normal;cursor:default;text-align:left}.dictionary-form-line{color:var(--text-muted);font-size:.8em;margin-bottom:.15rem}.dictionary-form-note{font-style:italic;color:var(--text-muted);font-size:.85em;margin-bottom:.4rem;padding-bottom:.4rem;border-bottom:1px solid var(--border)}.token-pos-line{display:inline-block;margin-bottom:.35rem;padding:.05rem .4rem;border-radius:3px;background-color:var(--border);line-height:1.8;font-size:.8em}.token-pos-line rt{color:var(--text-muted);font-size:.65em}.gloss-popup-reading{font-weight:600;color:var(--accent);margin-bottom:.25rem}.gloss-senses-empty{color:var(--text-muted)}.gloss-senses{margin:0 0 .25rem 1.1rem;padding:0}.gloss-senses:last-child{margin-bottom:0}.gloss-senses li{margin-bottom:.15rem}.gloss-tag{color:var(--text-muted);font-size:.9em}.gloss-composite-note{color:var(--text-muted);font-style:italic;font-size:.85em;margin-bottom:.4rem}.gloss-piece{display:flow-root;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.gloss-piece:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.gloss-show-more{display:block;margin:.15rem 0 0;padding:0;border:none;background:none;font:inherit;font-size:.85em;color:var(--accent);cursor:pointer}.gloss-show-more:hover{text-decoration:underline}.conflict-resolver{margin-top:.4rem;padding-top:.4rem;border-top:1px solid var(--border)}.conflict-title{font-weight:600;color:var(--danger);margin-bottom:.35rem}.conflict-note{color:var(--text-muted)}.conflict-error{color:var(--danger);margin-bottom:.25rem}.reading-correction{margin-top:.5rem}.reading-correction label{display:block;color:var(--text-muted);font-size:.85em;margin-bottom:.25rem}.reading-correction-row{display:flex;gap:.35rem}.reading-correction-row input{flex:1;min-width:0;padding:.25rem .4rem;border:1px solid var(--border);border-radius:4px;background-color:var(--bg-elevated);color:var(--text);font:inherit;font-size:.9em}.reading-correction-row input:focus{outline:none;border-color:var(--accent)}.reading-correction-row button{padding:.25rem .6rem;font-size:.85em}.conflict-options{display:flex;flex-wrap:wrap;gap:.35rem}.conflict-option{line-height:2.2;padding:.15rem .5rem;border:1px solid var(--border);border-radius:4px;background-color:var(--bg-elevated);color:var(--text);font:inherit;cursor:pointer}.conflict-option:hover:not(:disabled){border-color:var(--accent)}.conflict-option.selected{border-color:var(--accent);background-color:var(--accent);color:var(--accent-text);cursor:default}.conflict-option:disabled{opacity:.7}.gloss-popup .conflict-option.selected rt,.selection-panel .conflict-option.selected rt{color:var(--accent-text);opacity:.8}.login-page{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:20vh}.login-button{padding:10px 20px;border:1px solid currentColor;border-radius:6px;color:inherit;text-decoration:none}.study-toolbar,.study-ladder{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem}.study-toolbar>span{margin-right:auto;color:var(--text-muted)}.study-layout{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start}.study-card{flex:1 1 380px;min-width:0;padding:1rem 1.25rem;border:1px solid var(--border);border-radius:8px;background-color:var(--bg-elevated)}.study-card-title{color:var(--text-muted);font-size:.9rem}.study-line{margin:1rem 0;font-size:1.6rem;line-height:1.6;overflow-wrap:anywhere}.study-dim{color:var(--text-muted);opacity:.55}.study-focus{padding:0 .15em;border-radius:4px;background-color:var(--accent);color:var(--accent-text)}.study-written-as{font-size:1.1rem}.study-question{margin:.5rem 0 0;font-weight:600}.study-showing{margin:0;color:var(--text-muted);font-size:.85rem}.study-options{display:flex;flex-direction:column;gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none}.study-option{display:flex;gap:.75rem;width:100%;text-align:left;border-radius:6px;padding:.6rem .8rem}.study-option kbd{color:var(--text-muted);font-family:inherit}.study-option:disabled{cursor:default}.study-option.correct{border-color:var(--success)}.study-option.wrong{border-color:var(--danger)}.study-option.other{opacity:.5}.study-reveal{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border)}.study-right{margin:0;color:var(--success);font-weight:600}.study-missed{margin:0;color:var(--danger);font-weight:600}.study-word{font-size:1.4rem}.study-next{margin-top:1rem}.study-player{width:240px;margin-top:1rem}.kanji-sidebar{flex:0 1 260px;display:flex;flex-direction:column;gap:.75rem}.kanji-card{padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;background-color:var(--bg-elevated);font-size:.9rem}.kanji-card-head{display:flex;align-items:baseline;gap:.75rem}.kanji-character{font-size:2rem;line-height:1.2}.kanji-meta,.kanji-more,.kanji-components,.kanji-status{color:var(--text-muted)}.kanji-status.mature{color:var(--success)}.readiness{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .5rem}.readiness-bar{width:8rem;height:.6rem;border-radius:.3rem;background:#80808040;overflow:hidden}.readiness-fill{height:100%;background:#4a9d6b}.readiness-counts{flex-basis:100%;font-size:.8em;opacity:.7}.run-lines{padding-left:1.5rem}.run-lines li{opacity:.6}.run-lines .run-line-weak{opacity:1}.run-lines .run-line-now{font-weight:700;opacity:1}.run-pause{margin:1rem 0;padding:.75rem 1rem;border:1px solid rgba(128,128,128,.5);border-radius:.5rem}.run-weak{list-style:none;padding:0}.run-recall{font-size:.8em;opacity:.7}.study-notice{color:var(--text-muted)}