@font-face{font-family:system-serif;src:local(Iowan Old Style),local(Palatino Linotype),local(Georgia)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#ece1c8;--paper-raised:#f8f0dd;--paper-sunken:#e2d5b8;--ink:#2f2418;--ink-soft:#75634c;--ink-faint:#a3927a;--rule:#cdbb93;--rule-soft:#ddcda6;--table-rule:#b9a57b;--accent:#6b4726;--accent-hover:#563a1f;--accent-soft:#e9dbb9;--accent-contrast:#fbf3de;--moss:#4d6b45;--moss-soft:#dde6d0;--moss-contrast:#f6faf0;--brass:#a8813f;--plum:#7a3f4d;--plum-soft:#ecdadd;--warn:#9a4a34;--warn-soft:#f0ddd0;--warn-contrast:#fbf3ea;--shadow:0 2px 10px #3c281424;--shadow-sm:0 1px 4px #3c28141f;--radius:5px;--radius-lg:8px;--font-display:"Noto Serif", "Noto Serif CJK JP", "Iowan Old Style", "Palatino Linotype", Georgia, "DejaVu Serif", "Times New Roman", serif;--font-body:"Hiragino Mincho ProN", "Yu Mincho", "Hiragino Sans", "Yu Gothic", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--font-russian:"Noto Serif", "Noto Serif CJK JP", "DejaVu Serif", "Times New Roman", "Iowan Old Style", "Palatino Linotype", serif}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#1b1712;--paper-raised:#242019;--paper-sunken:#14110d;--ink:#f1e6cd;--ink-soft:#c9b393;--ink-faint:#8f7f68;--rule:#4a3f2d;--rule-soft:#382f21;--table-rule:#756447;--accent:#cd9f56;--accent-hover:#ddb56e;--accent-soft:#3a2f1c;--accent-contrast:#201a10;--moss:#8faa79;--moss-soft:#26301f;--moss-contrast:#101409;--brass:#c9a25c;--plum:#cf90a0;--plum-soft:#362128;--warn:#d68f6f;--warn-soft:#3a241b;--warn-contrast:#1c110b;--shadow:0 2px 10px #00000059;--shadow-sm:0 1px 4px #0000004d}*{box-sizing:border-box}.section-html-body,section-html-body{display:block}.character-block{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin:1rem 0;display:flex}.character-block-card{border:1px solid var(--rule);background:var(--paper-raised);min-width:3.5rem;box-shadow:var(--shadow-sm);border-radius:.8rem;flex-direction:column;justify-content:center;align-items:center;padding:.7rem .85rem;transition:transform .18s,box-shadow .18s;display:flex}.character-block-card:hover{box-shadow:var(--shadow);transform:scale(1.08)}.character-block-char{font-family:var(--font-russian);color:var(--ink);letter-spacing:.035em;font-feature-settings:"kern" 1, "liga" 1, "calt" 1;font-size:clamp(2rem,3vw,3rem);font-weight:700;line-height:1.25}.character-block-pronunciation{color:var(--ink-soft);margin-top:.35rem;font-size:.8rem}html,body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;padding:0}body{background-color:var(--paper);background-image:radial-gradient(color-mix(in srgb, var(--ink) 14%, transparent) .6px, transparent .6px);background-size:6px 6px;min-height:100vh}a{color:inherit}#app{flex-direction:column;max-width:1100px;min-height:100vh;margin:0 auto;display:flex}.section-html-body{display:block}.section-title{color:var(--accent);margin:1.2rem 0 .6rem;font-size:clamp(1.4rem,2vw,1.9rem)}.text-lead{color:var(--ink-soft);margin:.75rem 0;font-size:1.08rem}.card{border:1px solid var(--rule);background:var(--paper-raised);box-shadow:var(--shadow-sm);border-radius:.75rem;flex-direction:column;gap:.35rem;margin:1rem 0;padding:1rem;display:flex}.main-content{font-family:var(--font-russian);color:var(--ink);letter-spacing:.018em;white-space:pre-wrap;font-feature-settings:"kern" 1, "liga" 1, "calt" 1;margin:0;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;line-height:1.55}.translation{color:var(--ink-soft);margin:0;font-size:.95rem}.compact-card{border:1px solid var(--rule);background:var(--paper-raised);border-radius:.75rem;flex-wrap:wrap;gap:.6rem;margin:1rem 0;padding:1rem;display:flex}.compact-main-content{font-family:var(--font-russian);color:var(--ink);letter-spacing:.024em;white-space:pre-wrap;font-feature-settings:"kern" 1, "liga" 1, "calt" 1;margin:.1rem 0;font-size:clamp(1.2rem,2vw,1.75rem);font-weight:700;line-height:1.4}.compact-translation{color:var(--ink-soft);margin:.2rem 0 0;font-size:.82rem}.text-note{color:var(--ink-soft);font-size:.82rem}.drill-container{border-top:1px solid var(--rule);flex-wrap:wrap;gap:.75rem;margin:1rem 0;display:flex}.case-table{border-collapse:collapse;background:var(--paper-raised);border:1px solid var(--rule);width:min(100%,820px);box-shadow:var(--shadow-sm);margin:1rem 0}.case-table thead{background:var(--accent-soft)}.case-table th,.case-table td{border:1px solid var(--rule-soft);text-align:left;padding:.8rem 1rem}.case-table th{color:var(--accent);font-family:var(--font-body);font-size:.88rem}.case-table .case-name{font-family:var(--font-russian);color:var(--ink);white-space:nowrap;font-weight:700}.case-table .case-meaning{color:var(--ink-soft);font-family:var(--font-body)}.quiz-placeholder{display:inline-block}.letter-block-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin:1rem 0;display:flex}.letter-block-container .character-block-card{min-width:3.5rem}@media (width>=640px){#app{border-left:1px solid var(--rule);border-right:1px solid var(--rule);box-shadow:var(--shadow)}}.app-header{border-bottom:2px solid var(--rule);background:var(--paper-raised);box-shadow:var(--shadow-sm);z-index:10;padding:14px 18px 10px;position:sticky;top:0}.app-header-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.app-title{color:var(--accent);font-family:var(--font-display);letter-spacing:.01em;align-items:center;gap:6px;font-size:21px;font-weight:700;text-decoration:none;display:inline-flex}.icon-btn{background:var(--paper-raised);border:1px solid var(--rule);cursor:pointer;width:34px;height:34px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;font-size:14px;transition:background .15s,border-color .15s;display:inline-flex}.icon-btn:hover,.icon-btn:focus-visible{border-color:var(--accent);background:var(--accent-soft);outline:none}.theme-toggle-btn{width:auto;height:auto;font-size:12px;font-family:var(--font-body);border-radius:999px;padding:7px 14px}.course-search-bar{margin-top:8px}.header-search{position:relative}.header-search-input{width:100%}.header-search-results{background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow);z-index:30;max-height:280px;margin-top:2px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.header-search-result-row{border:none;border-bottom:1px solid var(--rule-soft);width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:baseline;gap:8px;padding:8px 12px;font-family:inherit;display:flex}.header-search-result-row:last-child{border-bottom:none}.header-search-result-row:hover,.header-search-result-row:focus-visible{background:var(--accent-soft);outline:none}.header-search-empty{color:var(--ink-soft);margin:0;padding:8px 12px;font-size:13px}.breadcrumb-bar:empty{display:none}.breadcrumbs{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:4px;font-size:12px;display:flex}.breadcrumb-bar .breadcrumbs{margin:8px 0 0}.breadcrumb-link{color:var(--ink-soft);text-decoration:none}.breadcrumb-link:hover,.breadcrumb-link:focus-visible{color:var(--accent);text-decoration:underline}.breadcrumb-current{color:var(--ink);font-weight:700}.breadcrumb-sep{color:var(--ink-faint)}.app-content{flex:1;align-items:flex-start;display:flex}.tree-sidebar{border:1px solid var(--rule);border-radius:var(--radius);background:color-mix(in srgb, var(--paper-raised) 72%, transparent);box-shadow:var(--shadow-sm);color:var(--ink-soft);flex:0 0 220px;margin:18px 0 18px 18px;padding-left:8px;padding-right:18px;position:sticky;top:72px}.tree-sidebar>summary{color:var(--ink);font-family:var(--font-display);cursor:pointer;padding:4px 0 10px;font-size:15px;font-weight:700;list-style:none}.tree-sidebar>summary::-webkit-details-marker{display:none}.tree-sidebar>summary:before{content:"▸ ";color:var(--accent)}.tree-sidebar[open]>summary:before{content:"▾ "}.tree-nav{font-size:13px}.tree-nav ul{margin:0;padding:0;list-style:none}.tree-branch{border-left:1px solid var(--rule);margin-left:12px!important;padding-left:10px!important}.tree-label{color:var(--ink-soft);border-radius:0 var(--radius) var(--radius) 0;cursor:pointer;border-left:3px solid #0000;padding:7px 8px;line-height:1.35;text-decoration:none;display:block}.tree-item{position:relative}.tree-item>.tree-toggle{width:22px;height:22px;color:var(--accent);font-family:var(--font-mono);cursor:pointer;z-index:1;background:0 0;border:0;padding:0;font-size:15px;line-height:1;position:absolute;top:6px;left:-2px}.tree-item>.tree-toggle+.tree-label{padding-left:26px}.tree-label:hover,.tree-label:focus-visible{color:var(--accent);background:var(--accent-soft);outline:none}.tree-item.is-current>.tree-label{color:var(--accent);border-left-color:var(--accent);background:var(--accent-soft);font-weight:700}.tree-label-grammar,.tree-label-reading{border-left-color:var(--moss)}.tree-label-vocabulary,.tree-label-character{border-left-color:var(--brass)}.tree-label-conversation,.tree-label-phrase,.tree-label-writing{border-left-color:var(--plum)}.tree-label-dictionary{border-left-color:var(--accent);font-style:italic}.view-root{flex:1;min-width:0;max-width:720px;margin:0 auto;padding:18px 18px 48px}.page-title{font-family:var(--font-display);color:var(--ink);margin:0 0 16px;font-size:24px}.section-heading{font-family:var(--font-display);color:var(--ink);margin:18px 0 8px;font-size:18px}.muted{color:var(--ink-soft);font-size:14px}.primary-btn,.secondary-btn,.submit-btn,.finish-btn{font-family:var(--font-body);border-radius:var(--radius);cursor:pointer;appearance:none;padding:10px 20px;font-size:14px;font-weight:600;transition:transform .1s,box-shadow .15s,background .15s}.primary-btn,.submit-btn,.finish-btn{background:var(--accent);color:var(--accent-contrast);border:1px solid var(--accent)}.primary-btn:hover,.submit-btn:hover,.finish-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.secondary-btn{background:var(--paper-raised);color:var(--ink);border:1px solid var(--rule)}.secondary-btn:hover{border-color:var(--accent);color:var(--accent)}.dictionary-link{align-items:center;gap:6px;margin:4px 0 14px;text-decoration:none;display:inline-flex}.primary-btn:disabled,.secondary-btn:disabled,.submit-btn:disabled,.finish-btn:disabled{opacity:.45;cursor:not-allowed}.finish-btn{margin:14px auto 0;display:block}.text-input{font-family:var(--font-body);border:1px solid var(--rule);border-radius:var(--radius);background:var(--paper-raised);color:var(--ink);padding:8px 10px;font-size:14px}.text-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent);outline:none}.select-wrap{display:inline-block;position:relative}.select-wrap:after{content:"▾";color:var(--accent);pointer-events:none;font-size:11px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.select-input{appearance:none;font-family:var(--font-body);border:1px solid var(--rule);border-radius:var(--radius);background:var(--paper-raised);color:var(--ink);cursor:pointer;padding:7px 30px 7px 12px;font-size:13px}.select-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent);outline:none}.dashboard{flex-direction:column;gap:10px;display:flex}.lang-row{text-align:left;background:var(--paper-raised);border:1px solid var(--rule);border-left:4px solid var(--accent);border-radius:var(--radius);cursor:pointer;color:var(--ink);align-items:center;gap:10px;padding:14px 16px;font-family:inherit;transition:transform .12s,box-shadow .12s;display:flex}.lang-row:hover,.lang-row:focus-visible{box-shadow:var(--shadow-sm);outline:none;transform:translateY(-1px)}.lang-row-name{font-family:var(--font-display);font-size:16px;font-weight:700}.lang-native{color:var(--ink-soft);font-size:13px}.lang-row-arrow{color:var(--accent);margin-left:auto}.lang-hub{background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:8px;margin-bottom:6px;padding:16px;display:flex}.lang-hub-head{align-items:baseline;gap:10px;display:flex}.lang-hub-head .page-title{margin:0}.lang-hub-actions{margin-top:6px}.reference-link-btn{text-align:left}.progress-bar{background:var(--paper-sunken);border:1px solid var(--rule);border-radius:999px;height:8px;overflow:hidden}.progress-bar-fill{background:var(--moss);height:100%}.lesson-list-page{flex-direction:column;gap:12px;display:flex}.course-description{margin:-4px 0 4px}.course-page{flex-direction:column;gap:10px;display:flex}.course-row{border:1px solid var(--rule);border-left:4px solid var(--accent);border-radius:var(--radius);background:var(--paper-raised);align-items:stretch;gap:8px;width:100%;transition:transform .15s,box-shadow .15s;display:flex}.course-row:hover,.course-row:focus-within{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.course-row-main{text-align:left;color:var(--ink);cursor:pointer;background:0 0;border:none;flex:1;grid-template-columns:1fr auto;gap:4px 12px;padding:16px;font-family:inherit;display:grid}.course-row-main:focus-visible{background:var(--accent-soft);outline:none}.course-row-dict-btn{border:1px solid var(--rule);background:var(--paper);color:var(--ink-soft);cursor:pointer;border-radius:999px;flex:none;align-self:center;margin-right:12px;padding:6px 14px;font-size:12px}.course-row-dict-btn:hover,.course-row-dict-btn:focus-visible{border-color:var(--accent);color:var(--accent);outline:none}.course-row-title{font-family:var(--font-display);font-size:18px;font-weight:700}.course-row-description{color:var(--ink-soft);grid-column:1;font-size:13px}.course-row-count{color:var(--accent);font-family:var(--font-mono);grid-area:1/2/span 2;align-self:center;font-size:12px}.lesson-list{flex-direction:column;gap:8px;display:flex}.lesson-row{text-align:left;background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--radius);cursor:pointer;border-left:4px solid var(--accent);min-height:44px;color:var(--ink);align-items:center;gap:10px;padding:12px 14px;font-family:inherit;display:flex}.lesson-row-num{font-family:var(--font-mono);color:var(--accent);white-space:nowrap;font-size:13px}.lesson-row-title{flex:1;font-size:14px}.lesson-type{white-space:nowrap;border-radius:999px;padding:2px 7px;font-size:11px}.lesson-type-grammar{color:var(--moss);background:var(--moss-soft)}.lesson-type-vocabulary{color:var(--brass);background:var(--accent-soft)}.lesson-type-character{color:var(--accent);background:var(--accent-soft)}.lesson-type-conversation,.lesson-type-phrase{color:var(--plum);background:var(--plum-soft)}.lesson-type-reading{color:var(--moss);background:var(--moss-soft)}.lesson-type-writing{color:var(--plum);background:var(--plum-soft)}.lesson-row-badge{color:var(--ink-soft);border:1px solid var(--rule);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px}.lesson-row-badge.suggested{color:var(--accent);border-color:var(--accent)}.lesson-page{flex-direction:column;gap:4px;display:flex}.lesson-content{flex-direction:column;display:flex}.content-section{border-bottom:1px dashed var(--rule);padding:12px 0 18px}.content-section:last-child{border-bottom:none}.content-section h3{font-family:var(--font-display);color:var(--accent);margin:0 0 10px;font-size:17px}.section-body{margin:0 0 12px;line-height:1.85}.vocab-table{border-collapse:collapse;background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--radius);width:100%;margin:10px 0 14px;overflow:hidden}.vocab-table td{border-bottom:1px solid var(--rule-soft);border:1px solid var(--table-rule);padding:8px 10px;font-size:14px}.vocab-table tr:last-child td{border-bottom:1px solid var(--table-rule)}.vocab-term{font-family:var(--font-display);color:var(--accent);white-space:nowrap;font-weight:700}.vocab-reading{color:var(--ink-soft);font-family:var(--font-mono);white-space:nowrap;font-size:12px}.example-list{flex-direction:column;gap:8px;margin:10px 0;padding:0;list-style:none;display:flex}.example-list li{border-left:3px solid var(--brass);background:var(--paper-raised);border-radius:0 var(--radius) var(--radius) 0;padding:8px 12px;font-size:14px}.example-text{font-style:italic}.example-translation{color:var(--ink-soft)}.practice-details{border:1px solid var(--rule);border-radius:var(--radius);background:var(--paper-raised);margin:14px 0;overflow:hidden}.practice-details>summary{cursor:pointer;font-family:var(--font-display);color:var(--accent);background:color-mix(in srgb, var(--accent-soft) 60%, transparent);padding:12px 14px;font-weight:700;list-style:none}.practice-details>summary::-webkit-details-marker{display:none}.practice-details>summary:before{content:"▸ "}.practice-details[open]>summary:before{content:"▾ "}.practice-details>.practice-host,.practice-details>div:not(.practice-host){padding:14px}.practice-inline{margin:16px 0}.problem-stack{flex-direction:column;gap:14px;display:flex}.page-nav{justify-content:center;align-items:center;gap:10px;margin-top:14px;display:flex}.page-nav-label{font-family:var(--font-mono);color:var(--ink-soft);font-size:12px}.review-progress{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:12px}.problem-card{background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius);padding:14px}.problem-question{margin:0 0 12px;font-size:16px;line-height:1.6}.problem-feedback{border-radius:var(--radius);margin-top:12px;padding:8px 10px;font-size:14px;font-weight:700}.problem-feedback.is-correct{background:var(--moss-soft);color:var(--moss)}.problem-feedback.is-incorrect{background:var(--warn-soft);color:var(--warn)}.problem-feedback.is-neutral{background:var(--accent-soft);color:var(--accent)}.retry-btn{margin-top:8px}.free-write-area{resize:vertical;width:100%;font-family:var(--font-body);line-height:1.6}.problem-explanation{color:var(--ink-soft);margin-top:6px;font-size:13px;font-weight:400;line-height:1.6}.fill-blank-line{font-size:16px;line-height:2}.fill-blank-line .text-input{width:140px;margin:0 4px}.choice-list{flex-direction:column;gap:8px;display:flex}.choice-btn,.token-btn{font-family:var(--font-mono);border:1px solid var(--rule);border-radius:var(--radius);background:var(--paper-raised);color:var(--ink);text-align:left;cursor:pointer;min-height:40px;padding:10px 12px;font-size:14px;transition:border-color .12s,background .12s}.choice-btn:hover:not(:disabled),.token-btn:hover:not(:disabled){border-color:var(--accent)}.choice-btn:disabled{opacity:.6}.token-btn.placed{background:var(--accent-soft);border-color:var(--accent)}.choice-btn.is-selected{background:var(--accent-soft);border-color:var(--accent);font-weight:700}.reorder-label{color:var(--ink-soft);margin:8px 0 4px;font-size:12px}.reorder-answer,.reorder-pool{flex-wrap:wrap;gap:6px;min-height:40px;display:flex}.reorder-answer{border:1px dashed var(--rule);background:var(--paper-raised);border-radius:var(--radius);padding:8px}.reorder-answer:empty:before{content:"ここに語を並べます";color:var(--ink-faint);font-size:12px;font-style:italic}.matching-list{flex-direction:column;gap:8px;margin-bottom:4px;display:flex}.matching-row{grid-template-columns:minmax(0,1fr) minmax(150px,1fr);align-items:center;gap:10px;padding:6px 0;display:grid}.matching-left{font-family:var(--font-mono);font-weight:700}.matching-slot{text-align:center;width:100%}.matching-slot.is-selected{border-color:var(--brass);box-shadow:0 0 0 2px color-mix(in srgb, var(--brass) 30%, transparent)}.lv-select-row{align-items:center;gap:8px;margin-bottom:10px;font-size:12px;display:flex}.lv-btn-group{border:1px solid var(--rule);border-radius:var(--radius);display:inline-flex;overflow:hidden}.lv-btn{font-family:var(--font-mono);background:var(--paper-raised);color:var(--ink-soft);border:none;border-right:1px solid var(--rule);cursor:pointer;padding:6px 10px;font-size:12px}.lv-btn:last-child{border-right:none}.lv-btn.is-active{background:var(--accent);color:var(--accent-contrast);font-weight:700}.lv-btn:disabled{cursor:not-allowed;opacity:.7}.lesson-page-nav{border-top:1px solid var(--rule);justify-content:space-between;gap:10px;margin-top:24px;padding-top:16px;display:flex}.lesson-page-nav-spacer{flex:1}.session-summary{background:var(--moss-soft);color:var(--moss);border-radius:var(--radius);text-align:center;margin-top:12px;padding:10px 12px;font-weight:700}.empty-state{text-align:center;color:var(--ink-soft);flex-direction:column;align-items:center;gap:14px;padding:40px 20px;display:flex}.review-page,.settings-page{flex-direction:column;gap:10px;display:flex}.settings-row{background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.dictionary-page{flex-direction:column;gap:14px;display:flex}.dict-search-row{position:relative}.dict-search-input{width:100%;padding:10px 14px;font-size:15px}.dict-result-list{flex-direction:column;gap:6px;display:flex}.dict-result-row{background:var(--paper-raised);border:1px solid var(--rule);border-left:3px solid var(--accent);border-radius:var(--radius);cursor:pointer;text-align:left;color:var(--ink);align-items:baseline;gap:8px;padding:10px 12px;font-family:inherit;display:flex}.dict-headword{font-family:var(--font-display);font-size:15px;font-weight:700}.dict-pos{color:var(--moss);background:var(--moss-soft);border-radius:999px;padding:1px 8px;font-size:11px}.dict-ipa{font-family:var(--font-mono);color:var(--ink-soft);font-size:12px}.dict-gloss{color:var(--ink-soft);margin-left:auto;font-size:13px}.dict-entry-head{border-bottom:2px solid var(--rule);flex-wrap:wrap;align-items:baseline;gap:10px;padding-bottom:12px;display:flex}.dict-entry-head .dict-headword{font-size:26px}.dict-section{margin-top:18px}.dict-section h2{font-family:var(--font-display);color:var(--accent);margin:0 0 8px;font-size:16px}.dict-level-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.dict-example-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.dict-example-list li{border-left:3px solid var(--brass);background:var(--paper-raised);border-radius:0 var(--radius) var(--radius) 0;padding:8px 12px;font-size:14px}.dict-example-lesson-tag{font-family:var(--font-mono);color:var(--brass);margin-right:6px;font-size:11px}.dict-paradigm-link{color:var(--accent);cursor:pointer;margin-top:4px;font-size:13px;text-decoration:underline;display:inline-block}.grammar-table-page{flex-direction:column;gap:14px;display:flex}.grammar-category-list{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.grammar-category-btn{font-family:var(--font-body);border:1px solid var(--rule);background:var(--paper-raised);color:var(--ink-soft);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:13px}.grammar-category-btn.is-active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.grammar-table-wrap{border:1px solid var(--table-rule);border-radius:var(--radius);background:var(--paper-raised);overflow-x:auto}table.grammar-table{border-collapse:collapse;width:100%;font-size:14px}table.grammar-table caption{caption-side:top;text-align:left;font-family:var(--font-display);color:var(--accent);padding:10px 12px 4px;font-size:15px}table.grammar-table th,table.grammar-table td{border:1px solid var(--table-rule);text-align:center;vertical-align:middle;padding:8px 10px}table.grammar-table thead th{background:color-mix(in srgb, var(--accent-soft) 70%, transparent);color:var(--accent);font-family:var(--font-display);font-weight:700}table.grammar-table tbody th{background:color-mix(in srgb, var(--paper-sunken) 60%, transparent);color:var(--ink);text-align:left;font-weight:700}table.grammar-table td.is-empty{color:#0000;position:relative}table.grammar-table td.is-empty:before{content:"";background:linear-gradient(to top right, transparent calc(50% - .5px), var(--table-rule) calc(50% - .5px), var(--table-rule) calc(50% + .5px), transparent calc(50% + .5px));position:absolute;inset:4px 10px}.grammar-table-note{color:var(--ink-soft);padding:8px 12px;font-size:12px}.irregular-toggle{margin-top:8px}@media (width<=700px){.tree-sidebar{display:none}.view-root{padding-top:18px}.dict-gloss{display:none}}