:root{--bg:#f6f7fb;--surface:#ffffff;--surface-2:#f1f2f8;--border:#e4e6ef;--text:#1b1d2a;--muted:#6b7088;--primary:#4f46e5;--primary-600:#4338ca;--primary-50:#eef0ff;--danger:#dc2626;--success:#16a34a;--shadow:0 1px 2px rgba(20,22,40,0.04),0 8px 24px rgba(20,22,40,0.06);--radius:14px;--radius-sm:10px}@media (prefers-color-scheme:dark){:root{--bg:#0f1117;--surface:#171a23;--surface-2:#1f2330;--border:#2a2f3d;--text:#eceef5;--muted:#9aa0b5;--primary:#7c83ff;--primary-600:#6970ff;--primary-50:#20233a;--shadow:0 1px 2px rgba(0,0,0,0.3),0 10px 30px rgba(0,0,0,0.35)}}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{line-height:1.2;margin:0 0 .4em}p{margin:0 0 1em}.muted{color:var(--muted)}.small{font-size:.85rem}.accent{color:var(--primary)}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--surface-2);padding:.1em .4em;border-radius:6px;font-size:.88em}.page{max-width:960px;margin:0 auto;padding:32px 20px 80px}.centered-screen{min-height:100dvh;display:grid;place-items:center;padding:24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.btn-ghost,.btn-google,.btn-primary{font:inherit;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,border-color .15s,opacity .15s,transform .05s;display:inline-flex;align-items:center;justify-content:center;gap:10px}.btn-google:active,.btn-primary:active{transform:translateY(1px)}.btn-primary{background:var(--primary);color:#fff;border:1px solid var(--primary);padding:11px 18px}.btn-primary:hover{background:var(--primary-600)}.btn-primary.full{width:100%}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-primary.mic-live{background:var(--danger);border-color:var(--danger);opacity:1;animation:mic-pulse 1.2s ease-in-out infinite}@keyframes mic-pulse{0%,to{box-shadow:0 0 0 0 rgba(220,38,38,.45)}50%{box-shadow:0 0 0 10px rgba(220,38,38,0)}}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border);padding:8px 14px}.btn-ghost:hover{background:var(--surface-2)}.btn-google{background:var(--surface);color:var(--text);border:1px solid var(--border);padding:11px 18px;width:100%}.btn-google:hover{background:var(--surface-2)}.btn-google:disabled{opacity:.6;cursor:not-allowed}.link-btn{background:none;border:none;color:var(--primary);font:inherit;cursor:pointer;padding:0}.link-btn:hover{text-decoration:underline}.link-btn.danger{color:var(--danger)}.link-btn:disabled{opacity:.6;cursor:not-allowed}.spinner-screen{min-height:100dvh;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;color:var(--muted)}.spinner{width:38px;height:38px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--primary);animation:spin .8s linear infinite}.spinner-label{font-size:.9rem}@keyframes spin{to{transform:rotate(1turn)}}.flag-fi,.flag-img{display:inline-block;border-radius:4px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);object-fit:cover;vertical-align:middle;background-size:cover}.notice-card{max-width:520px}.notice-title{font-size:1.35rem}.notice-steps{padding-left:1.2em;margin:.5em 0 1em}.notice-steps li{margin-bottom:.5em}.auth-card{width:100%;max-width:400px}.auth-brand{text-align:center;margin-bottom:18px}.auth-title{font-size:1.6rem;margin:6px 0 2px}.brand-mark.big{font-size:2.4rem}.divider{display:flex;align-items:center;text-align:center;color:var(--muted);font-size:.8rem;margin:18px 0;gap:12px}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.auth-form{gap:14px}.auth-form,.field{display:flex;flex-direction:column}.field{gap:6px;font-size:.85rem;font-weight:600}.field input{font:inherit;font-weight:400;padding:11px 13px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text)}.field input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-50)}.form-error{color:var(--danger)}.form-error,.form-info{font-size:.88rem;margin:0}.form-info{color:var(--success)}.auth-footer{flex-direction:column;gap:10px;margin-top:18px;font-size:.9rem;color:var(--muted)}.app-header,.auth-footer{display:flex;align-items:center}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;justify-content:space-between;padding:12px 20px;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.brand{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-weight:700}.brand:hover{text-decoration:none}.brand-mark{font-size:1.3rem}.brand-name{font-size:1.1rem}.app-header-right{display:flex;align-items:center;gap:10px}.header-link{font-size:.9rem;font-weight:600;padding:8px 12px;border-radius:var(--radius-sm)}.header-link:hover{background:var(--surface-2);text-decoration:none}.lang-switcher{position:relative}.lang-switcher-trigger{display:inline-flex;align-items:center;gap:8px;font:inherit;font-weight:600;font-size:.9rem;padding:7px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);cursor:pointer}.lang-switcher-trigger:hover{background:var(--surface-2)}.chevron{color:var(--muted);font-size:.8rem}.lang-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:6px;z-index:30}.lang-menu-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:8px 10px 4px}.lang-menu-item{display:flex;align-items:center;gap:10px;width:100%;font:inherit;font-size:.92rem;padding:9px 10px;border:none;border-radius:8px;background:none;color:var(--text);cursor:pointer;text-align:left}.lang-menu-item:hover{background:var(--surface-2)}.lang-menu-item.is-active{font-weight:700}.lang-menu-item .check{margin-left:auto;color:var(--primary)}.lang-menu-item.add{color:var(--primary);font-weight:600}.lang-menu-item .plus{font-size:1.05rem;width:26px;text-align:center}.lang-menu-divider{height:1px;background:var(--border);margin:6px 4px}.select-page{max-width:880px}.select-head{text-align:center;margin-bottom:28px}.select-head h1{font-size:1.8rem}.lang-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:16px;gap:16px}.lang-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;font:inherit;color:var(--text);transition:transform .12s,border-color .12s,box-shadow .12s}.lang-card:hover:not(:disabled){transform:translateY(-3px);border-color:var(--primary)}.lang-card:disabled{cursor:default;opacity:.7}.lang-card.enrolled{border-color:var(--primary);background:var(--primary-50)}.lang-card-flag{box-shadow:inset 0 0 0 1px rgba(0,0,0,.08),0 2px 6px rgba(0,0,0,.12)}.lang-card-name{font-weight:700;font-size:1.02rem}.lang-card-endonym{color:var(--muted);font-size:.9rem}.enrolled-badge{position:absolute;top:8px;right:8px;font-size:.66rem;text-transform:uppercase;letter-spacing:.03em;background:var(--surface);border:1px solid var(--primary);padding:2px 7px;border-radius:999px}.enrolled-badge,.lang-card-loading{font-weight:700;color:var(--primary)}.coming-soon{margin-top:48px}.coming-soon-head{text-align:center;margin-bottom:20px}.coming-soon-head h2{font-size:1.25rem}.coming-soon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));grid-gap:12px;gap:12px}.coming-soon-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 12px;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);opacity:.72;cursor:default}.coming-soon-flag{filter:grayscale(.45)}.flag-emoji{display:inline-flex;align-items:center;justify-content:center;line-height:1}.flag-emoji.coming-soon-flag{filter:none}.course-emoji{font-size:34px;line-height:1;height:40px;display:inline-flex;align-items:center;justify-content:center}.coming-soon.courses,.coming-soon.fictional{border-top:1px solid var(--border);padding-top:36px}.coming-soon-name{font-weight:600;font-size:.94rem;text-align:center}.coming-soon-endonym{color:var(--muted);font-size:.84rem;text-align:center}.coming-soon-badge{position:absolute;top:8px;right:8px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);padding:2px 6px;border-radius:999px}.landing{max-width:960px;margin:0 auto;padding:0 20px 80px}.landing-hero{text-align:center;padding:72px 16px 48px}.landing-mark{font-size:3.4rem;display:block;line-height:1}.landing-title{font-size:2.6rem;margin:12px 0 4px;letter-spacing:-.02em}.landing-tagline{font-size:1.3rem;font-weight:600;margin:0 0 10px}.landing-sub{color:var(--muted);max-width:520px;margin:0 auto 28px}.landing-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.landing-section{margin-top:44px;text-align:center}.landing-h2{font-size:1.2rem;margin-bottom:20px}.landing-flags{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.landing-flag-item{display:flex;flex-direction:column;align-items:center;gap:7px;width:92px;font-size:.85rem;font-weight:600}.landing-chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.landing-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:.85rem;color:var(--muted)}.landing-footer{text-align:center;margin-top:56px}.landing-h3{font-size:.95rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:22px 0 12px}.landing-courses{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.landing-course{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font-weight:600}.landing-course:hover{border-color:var(--primary);text-decoration:none}.landing-course-emoji{font-size:1.2rem}.catalog-section+.catalog-section{margin-top:30px}.catalog-h2{font-size:1.2rem;margin:0 0 16px}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:16px;gap:16px}.course-card-available{display:flex;flex-direction:column;gap:6px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--text);transition:transform .12s,border-color .12s}.course-card-available:hover{transform:translateY(-3px);border-color:var(--primary);text-decoration:none}.course-emoji-lg{font-size:2rem;line-height:1}.course-card-name{font-weight:700;font-size:1.05rem}.course-card-desc{color:var(--muted);font-size:.9rem}.learn-hero{display:flex;align-items:center;gap:20px;padding:8px 0 28px}.learn-hero[dir=rtl]{flex-direction:row-reverse;text-align:right}.learn-hero h1{font-size:1.9rem}.eyebrow{text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700;color:var(--muted);margin:0 0 4px}.placeholder-card{margin-bottom:20px}.placeholder-card h2{font-size:1.2rem}.placeholder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:14px;gap:14px}.placeholder-tile{display:flex;flex-direction:column;gap:6px;align-items:flex-start;font-weight:600}.tile-dot{width:10px;height:10px;border-radius:50%;background:var(--primary);opacity:.5}.soon{font-size:.72rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.soon.live{color:var(--primary)}.live-tile{color:var(--text)}.live-tile:hover{border-color:var(--primary);text-decoration:none;transform:translateY(-2px)}.live-tile .tile-dot{opacity:1}.manage-languages{margin-top:40px}.manage-languages h3{font-size:1.05rem}.manage-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.manage-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.manage-item .link-btn{margin-left:auto}.pill{font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--primary);background:var(--primary-50);padding:2px 8px;border-radius:999px}.dash-head{margin-bottom:24px}.dash-head h1{font-size:1.8rem}.dash-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:16px;gap:16px;margin-bottom:24px}.stat-card{display:flex;flex-direction:column;gap:4px}.stat-num{font-size:2rem;font-weight:800;color:var(--primary)}.stat-label{font-weight:600}.dash-section{margin-bottom:20px}.dash-section h2{font-size:1.2rem}.dash-lang-list{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:6px}.dash-lang-item{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:8px}.dash-lang-item:hover{background:var(--surface-2)}.dash-lang-name{font-weight:600}.dash-lang-endonym{color:var(--muted)}.dash-lang-code{margin-left:auto}.dash-todo{color:var(--muted);padding-left:1.2em}.dash-todo li{margin-bottom:6px}.dash-tabs{padding:0;overflow:hidden;margin-bottom:20px}.tab-bar{display:flex;gap:2px;padding:6px 10px 0;border-bottom:1px solid var(--border);overflow-x:auto}.tab-btn{font:inherit;font-weight:600;color:var(--muted);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;padding:10px 14px;white-space:nowrap;cursor:pointer;transition:color .15s,border-color .15s}.tab-btn:hover{color:var(--text)}.tab-btn[aria-selected=true]{color:var(--primary);border-bottom-color:var(--primary)}.tab-btn:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;border-radius:6px}.tab-panel{padding:24px}.tab-panel:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.tab-panel h2{font-size:1.2rem;margin-bottom:6px}.tab-panel .soon{display:inline-block;margin-top:4px}.lib-page{--paper:#f7f3e9;--paper-2:#efe9db;--paper-border:#ded5c2;--ink:#29261e;--ink-muted:#857c69;--serif-jp:"Yu Mincho","Hiragino Mincho ProN","MS PMincho","Noto Serif JP","Noto Serif CJK JP","Source Han Serif",serif;--acc:var(--primary);max-width:1040px;background:var(--paper);color:var(--ink);border:1px solid var(--paper-border);border-radius:var(--radius);box-shadow:var(--shadow);margin:24px auto 64px;padding:36px clamp(18px,4vw,48px) 48px}@media (prefers-color-scheme:dark){.lib-page{--paper:#211e17;--paper-2:#2a2620;--paper-border:#3b352a;--ink:#eae4d6;--ink-muted:#a49a83}}.acc-kana{--acc:#34619f}.acc-g1{--acc:#4e7e50}.acc-g2{--acc:#3f8886}.acc-g3{--acc:#3f6cb4}.acc-g4{--acc:#a94f52}.acc-g5{--acc:#6f5ba5}.acc-g6{--acc:#b8862f}.acc-plus{--acc:#b3423c}.acc-vocab{--acc:#567d6e}.acc-grammar{--acc:#8a6d3b}@media (prefers-color-scheme:dark){.acc-kana{--acc:#7ba3dd}.acc-g1{--acc:#8dbb8e}.acc-g2{--acc:#7fc2c0}.acc-g3{--acc:#88aade}.acc-g4{--acc:#d99093}.acc-g5{--acc:#b3a2d9}.acc-g6{--acc:#d9b26a}.acc-plus{--acc:#dd8a84}.acc-vocab{--acc:#93bcab}.acc-grammar{--acc:#cbab72}}.lib-page{--unlearned:#b3362e}@media (prefers-color-scheme:dark){.lib-page{--unlearned:#e06c60}}.kana-glyph.unlearned,.kanji-glyph.unlearned,.vocab-word.unlearned{color:var(--unlearned)}.learned-legend{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--ink-muted);margin:-14px 0 22px}.legend-swatch{display:inline-block;width:11px;height:11px;border-radius:3px}.unlearned-swatch{background:var(--unlearned)}.learned-swatch{background:var(--ink);margin-left:14px}.lib-page [lang=ja]{font-family:var(--serif-jp)}.lib-page a{color:inherit}.lib-breadcrumb,.lib-page .muted{color:var(--ink-muted)}.lib-breadcrumb{display:flex;gap:8px;align-items:center;font-size:.85rem;font-weight:600;margin-bottom:22px}.lib-breadcrumb a{color:var(--ink-muted)}.lib-breadcrumb a:hover{color:var(--acc);text-decoration:none}.crumb-sep{opacity:.6}.lib-eyebrow,.lib-group-title,.lib-head-sub{text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;font-weight:700;color:var(--ink-muted)}.lib-index-hero{margin-bottom:34px}.lib-index-hero h1{font-size:2.1rem;margin:4px 0 8px}.lib-index-hero .accent{color:var(--acc)}.lib-index-hero .muted{max-width:520px}.lib-group{margin-bottom:36px}.lib-group-title{border-bottom:1px solid var(--paper-border);padding-bottom:8px;margin-bottom:16px}.lib-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:14px;gap:14px}.lib-tile{position:relative;display:flex;flex-direction:column;gap:3px;padding:16px 16px 14px;background:color-mix(in srgb,var(--acc) 6%,var(--paper));border:1px solid color-mix(in srgb,var(--acc) 26%,var(--paper-border));border-radius:var(--radius-sm);transition:transform .12s,border-color .12s,background .12s}.lib-tile:hover{transform:translateY(-2px);border-color:var(--acc);background:color-mix(in srgb,var(--acc) 11%,var(--paper));text-decoration:none}.lib-tile-badge{font-family:var(--serif-jp);font-size:1.5rem;font-weight:700;color:var(--acc);line-height:1;margin-bottom:6px}.lib-tile-name{font-weight:700}.lib-tile-native{color:var(--ink-muted);font-size:.95rem}.lib-tile-sub{color:var(--ink-muted);font-size:.8rem;margin-top:4px}.lib-tile-count{position:absolute;top:12px;right:14px;font-size:.78rem;font-weight:700;color:var(--acc);background:color-mix(in srgb,var(--acc) 12%,var(--paper));border:1px solid color-mix(in srgb,var(--acc) 30%,transparent);padding:2px 8px;border-radius:999px}.lib-head{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.lib-badge{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;font-family:var(--serif-jp);font-size:1.9rem;font-weight:700;color:var(--acc);background:color-mix(in srgb,var(--acc) 12%,var(--paper));border:1px solid color-mix(in srgb,var(--acc) 32%,var(--paper-border));border-radius:12px}.lib-head-main{flex:1 1;min-width:220px}.lib-head-main h1{font-family:var(--serif-jp);font-size:1.9rem;margin:0 0 2px}.lib-head-sub{margin:0;letter-spacing:.1em}.lib-head-count{text-align:right}.lib-head-count strong{display:block;font-size:1.05rem}.lib-head-count span{font-size:.78rem;color:var(--ink-muted)}.lib-rule{height:4px;border-top:2px solid var(--acc);border-bottom:1px solid color-mix(in srgb,var(--acc) 55%,transparent);margin:14px 0 30px}.lib-footer{margin-top:44px;padding-top:14px;border-top:1px solid var(--paper-border);font-size:.78rem;color:var(--ink-muted)}.lib-footer [lang=ja]{margin-right:6px}.kanji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));grid-gap:10px;gap:10px}.kanji-tile{position:relative;display:flex;flex-direction:column;align-items:center;padding:12px 6px 8px;background:color-mix(in srgb,var(--acc) 6%,var(--paper));border:1px solid color-mix(in srgb,var(--acc) 22%,var(--paper-border));border-radius:10px;transition:transform .1s,border-color .1s,background .1s}.kanji-tile:hover{transform:translateY(-2px);border-color:var(--acc);background:color-mix(in srgb,var(--acc) 12%,var(--paper));text-decoration:none}.kanji-glyph{font-size:2.15rem;line-height:1.25;font-weight:500}.kanji-num{width:100%;text-align:center;margin-top:7px;padding-top:5px;border-top:1px solid color-mix(in srgb,var(--acc) 18%,var(--paper-border));font-size:.68rem;font-weight:600;color:var(--ink-muted)}.kana-board{display:flex;flex-direction:column;gap:40px}.lib-section-title{font-size:1.15rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;margin-bottom:2px}.lib-section-title [lang=ja]{font-size:1.3rem;letter-spacing:0;text-transform:none;margin-right:10px}.lib-section-sub{color:var(--ink-muted);font-size:.88rem;margin:0 0 16px}.kana-grid{display:flex;flex-direction:column;gap:8px}.kana-row{display:grid;grid-template-columns:42px repeat(5,minmax(0,1fr));grid-gap:8px;gap:8px;align-items:stretch}.kana-grid.yoon .kana-row{grid-template-columns:42px repeat(3,minmax(0,1fr));max-width:560px}.kana-head{margin-bottom:-2px}.kana-col-label{text-align:center;font-size:.72rem;font-weight:700;letter-spacing:.12em;color:var(--acc)}.kana-row-label{font-size:.74rem;font-weight:700;color:var(--acc)}.kana-row-label,.kana-tile{display:flex;align-items:center;justify-content:center}.kana-tile{position:relative;flex-direction:column;gap:2px;min-height:62px;padding:8px 4px;background:color-mix(in srgb,var(--acc) 6%,var(--paper));border:1px solid color-mix(in srgb,var(--acc) 20%,var(--paper-border));border-radius:10px;transition:transform .1s,border-color .1s,background .1s}.kana-tile:hover{transform:translateY(-2px);border-color:var(--acc);background:color-mix(in srgb,var(--acc) 12%,var(--paper));text-decoration:none}.kana-tile.empty{background:transparent;border-style:dashed;opacity:.35}.kana-glyph{font-family:var(--serif-jp);font-size:1.7rem;line-height:1.2}.kana-romaji{font-size:.7rem;font-weight:600;color:var(--acc)}.kana-divider{border-top:1px dotted color-mix(in srgb,var(--acc) 40%,var(--paper-border));margin:8px 0}.kana-n-row{align-items:center}.kana-n-row .kana-tile{max-width:140px}.kana-n-note{grid-column:3/-1;margin:0;font-size:.82rem;color:var(--ink-muted)}.vocab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));grid-gap:10px;gap:10px}.vocab-tile{position:relative;display:flex;flex-direction:column;gap:2px;padding:14px 14px 12px;background:color-mix(in srgb,var(--acc) 6%,var(--paper));border:1px solid color-mix(in srgb,var(--acc) 22%,var(--paper-border));border-radius:10px;transition:transform .1s,border-color .1s,background .1s}.vocab-tile:hover{transform:translateY(-2px);border-color:var(--acc);background:color-mix(in srgb,var(--acc) 12%,var(--paper));text-decoration:none}.vocab-num{position:absolute;top:8px;right:10px;font-size:.66rem;font-weight:700;color:var(--ink-muted)}.vocab-word{font-family:var(--serif-jp);font-size:1.45rem;line-height:1.3}.vocab-reading{font-size:.82rem;color:var(--ink-muted)}.vocab-gloss{font-size:.78rem;color:var(--ink-muted);margin-top:5px;padding-top:5px;border-top:1px solid color-mix(in srgb,var(--acc) 16%,var(--paper-border))}.grammar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:10px;gap:10px}.grammar-tile{position:relative;display:flex;flex-direction:column;gap:3px;padding:14px 14px 12px;background:color-mix(in srgb,var(--acc) 6%,var(--paper));border:1px solid color-mix(in srgb,var(--acc) 22%,var(--paper-border));border-radius:10px;transition:transform .1s,border-color .1s,background .1s}.grammar-tile:hover{transform:translateY(-2px);border-color:var(--acc);background:color-mix(in srgb,var(--acc) 12%,var(--paper));text-decoration:none}.grammar-title{font-weight:700;font-size:.98rem}.grammar-jp{font-family:var(--serif-jp);font-size:1.1rem;color:var(--ink-muted)}.grammar-table{border-collapse:collapse;margin:10px 0}.grammar-table td,.grammar-table th{border:1px solid var(--paper-border);padding:7px 12px;font-size:.92rem;text-align:left}.grammar-table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);background:var(--paper-2)}.entry-layout{display:grid;grid-template-columns:minmax(220px,300px) 1fr;grid-gap:28px;gap:28px;align-items:start}@media (max-width:700px){.entry-layout{grid-template-columns:1fr}}.entry-side{display:flex;flex-direction:column;gap:14px}.entry-glyph-card{justify-content:center;gap:10px;padding:36px 20px 22px;background:color-mix(in srgb,var(--acc) 7%,var(--paper));border:1px solid color-mix(in srgb,var(--acc) 26%,var(--paper-border));border-radius:var(--radius)}.entry-glyph-card,.stroke-order{display:flex;flex-direction:column;align-items:center}.stroke-order{margin:0;padding:14px 12px 10px;background:color-mix(in srgb,var(--acc) 4%,var(--paper));border:1px solid color-mix(in srgb,var(--acc) 18%,var(--paper-border));border-radius:var(--radius);gap:6px}.stroke-order.loading{opacity:0}.stroke-order-glyphs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.stroke-order .stroke-ghost-path{fill:none;stroke:color-mix(in srgb,var(--ink) 18%,var(--paper));stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.stroke-order .stroke-anim-path{fill:none;stroke:var(--ink);stroke-width:3.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:draw-stroke .8s ease forwards}.stroke-num-label{font-size:8px;font-weight:700;fill:var(--acc);opacity:0;animation:stroke-num-in .3s ease forwards}@keyframes stroke-num-in{to{opacity:.9}}.stroke-order-caption{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);padding-top:6px;border-top:1px solid color-mix(in srgb,var(--acc) 14%,var(--paper-border))}.stroke-order-caption .link-btn{font-size:.78rem;letter-spacing:0;text-transform:none}.entry-glyph{font-size:clamp(4.5rem,16vw,7.5rem);line-height:1.15;font-weight:500;text-align:center}.entry-glyph.long{font-size:clamp(2.2rem,8vw,3.2rem);word-break:keep-all}.entry-glyph-meta{font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--acc)}.entry-admin-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.small-btn{padding:5px 10px;font-size:.82rem}.entry-core{font-size:1.9rem;margin:0 0 6px;text-transform:capitalize}.entry-kind-label{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--acc);margin:0 0 10px}.entry-senses{color:var(--ink-muted);margin:0 0 16px}.entry-note{font-size:.9rem;color:var(--ink-muted);border-left:3px solid color-mix(in srgb,var(--acc) 45%,transparent);padding-left:12px;margin:14px 0 0}.entry-dl{display:flex;flex-direction:column;gap:10px;margin:0 0 6px}.entry-dl>div{display:flex;align-items:baseline;gap:12px}.entry-dl dt{min-width:120px;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.entry-dl dd{margin:0;display:flex;flex-wrap:wrap;gap:6px}.reading-chip{display:inline-block;padding:2px 10px;border-radius:999px;background:color-mix(in srgb,var(--acc) 12%,var(--paper));border:1px solid color-mix(in srgb,var(--acc) 30%,transparent);font-size:.92rem}.reading-chip.pos{font-size:.8rem;font-weight:600}.entry-h3{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);margin:20px 0 8px}.entry-examples{width:100%;border-collapse:collapse}.entry-examples td{padding:8px 14px 8px 0;border-bottom:1px solid var(--paper-border);vertical-align:baseline}.entry-examples tr:last-child td{border-bottom:none}.ex-word{font-family:var(--serif-jp);font-size:1.2rem;white-space:nowrap}.ex-reading{color:var(--ink-muted);white-space:nowrap}.ex-meaning{font-size:.92rem}.entry-example-ja{font-size:1.15rem;margin:0 0 4px}.entry-example-en{margin:0;font-size:.92rem}.entry-pager{display:flex;justify-content:space-between;align-items:stretch;gap:12px;margin-top:40px;padding-top:18px;border-top:1px solid var(--paper-border)}.pager-link{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border:1px solid var(--paper-border);border-radius:var(--radius-sm);min-width:90px}.pager-link:hover{border-color:var(--acc);text-decoration:none}.pager-link.right{text-align:right}.pager-link.center{text-align:center;justify-content:center}.pager-dir{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.pager-glyph{font-family:var(--serif-jp);font-size:1.4rem}.pager-glyph.small{font-size:.95rem;font-weight:600}.entry-editor{margin-top:20px;background:var(--paper-2);border-color:var(--paper-border)}.entry-editor h3{font-size:1.05rem}.editor-grid{display:flex;flex-direction:column;gap:12px;margin:14px 0}.editor-field input,.editor-field select,.editor-field textarea{font:inherit;padding:9px 12px;border:1px solid var(--paper-border);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink)}.editor-field input:focus,.editor-field select:focus,.editor-field textarea:focus{outline:none;border-color:var(--acc)}.editor-example{display:grid;grid-template-columns:1fr 1fr 1.4fr;grid-gap:8px;gap:8px;align-items:center}.editor-example-label{grid-column:1/-1;font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}.editor-example input{font:inherit;padding:8px 10px;border:1px solid var(--paper-border);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink)}.editor-actions{display:flex;gap:10px;flex-wrap:wrap}.dash-lib-lang{margin-top:18px}.dash-lib-lang h3{display:flex;align-items:center;gap:10px;font-size:1rem;margin-bottom:10px}.dash-lib-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:8px;gap:8px}.dash-lib-item a{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-weight:600}.dash-lib-item a:hover{border-color:var(--primary);text-decoration:none}.dash-lib-native{color:var(--muted);font-weight:400}.dash-lib-count{margin-left:auto;font-size:.78rem;color:var(--muted)}@media (max-width:540px){.learn-hero{flex-direction:column;align-items:flex-start;text-align:left}.learn-hero[dir=rtl]{align-items:flex-end;text-align:right}.app-header{padding:10px 14px}.lang-switcher-name{display:none}.lib-page{margin:0 auto 40px;border-radius:0;border-left:none;border-right:none}.kanji-grid{grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:7px}.kanji-glyph{font-size:1.7rem}.kana-row{gap:5px}.kana-glyph{font-size:1.35rem}.kana-tile{min-height:52px}.lib-head-count{text-align:left}}.speak-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid var(--paper-border);border-radius:50%;background:var(--paper);color:var(--acc,var(--ink));cursor:pointer;transition:transform .1s,border-color .1s,color .1s}.speak-btn svg{width:60%;height:60%}.speak-btn:hover{border-color:var(--acc,var(--ink));transform:scale(1.08)}.speak-btn.speaking{color:var(--paper);background:var(--acc,var(--ink));border-color:var(--acc,var(--ink))}.speak-btn.sm{width:22px;height:22px;border:none;background:transparent;opacity:.55}.speak-btn.sm.speaking,.speak-btn.sm:hover{opacity:1;color:var(--acc,var(--ink));background:transparent}.tile-speak{position:absolute;right:2px;bottom:2px}.kana-tile .tile-speak,.kanji-tile .tile-speak{width:18px;height:18px;right:1px;bottom:1px}.vocab-tile .tile-speak{right:8px;top:10px;bottom:auto}.entry-speak{margin-top:10px}.entry-examples .ex-speak{width:26px;padding-right:0}.entry-example-ja .speak-btn{margin-left:8px;vertical-align:middle}.pron-panel{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:14px;padding:16px 14px 14px;border-radius:14px;background:color-mix(in srgb,var(--acc,var(--text)) 5%,var(--paper,var(--surface)));border:1px solid color-mix(in srgb,var(--acc,var(--text)) 20%,var(--paper-border,var(--border)))}.pron-title{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--acc,var(--muted))}.pron-mouth{width:108px;height:auto}.pron-lips{fill:#d47b72}.pron-inner{fill:#45262b}.pron-teeth{fill:#fdf7ef}@media (prefers-color-scheme:dark){.pron-lips{fill:#b96a63}.pron-inner{fill:#2c181c}}.pron-morae{display:flex;gap:8px;font-size:1.15rem;min-height:1.4em}.pron-mora{color:var(--muted);transition:color .12s,transform .12s}.pron-mora.is-active{color:var(--acc,var(--text));font-weight:700;transform:scale(1.18)}.pron-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.pron-verdict{margin:2px 0 0;font-size:.9rem;text-align:center}.pron-verdict.right{color:var(--success,#2f9e57);font-weight:600}.pron-verdict.wrong{color:var(--danger,#b3362e)}.pron-note{margin:2px 0 0;max-width:240px;text-align:center}