@layer base{:root{--paper:#f6f3ee;--paper-2:#efe9e1;--canvas:#fbf9f5;--surface:#fff;--ink:#221f1c;--ink-soft:#4a453f;--muted:#8a8178;--line:#e3ddd3;--line-soft:#efeae2;--accent:#4f46e5;--accent-ink:#3730a3;--accent-bg:#eef0fe;--vermilion:#d6452f;--tokiwa:#0f766e;--on-fill:#fff;--shadow-ink:#281e14;--tip-ink:#e8e3da;--arch:#9a6a2f;--arch-bg:#fbf2e3;--arch-line:#efdcc0;--n5:#2f9e5b;--n4:#6aa12e;--n3:#c79a1e;--n2:#dd7a1b;--n1:#d6452f;--pos-noun:#2563eb;--pos-verb:#b8336a;--pos-adj:#2f9e5b;--pos-adv:#7c3aed;--pos-prt:#0d9488;--pos-vt:#6b7280;--pos-other:#8a8178;--space-0:0px;--space-4:4px;--space-8:8px;--space-16:16px;--space-24:24px;--space-48:48px;--radius-0:0px;--radius-4:4px;--radius-8:8px;--radius-16:16px;--radius-pill:999px;--text-12:12px;--text-14:14px;--text-16:16px;--text-18:18px;--text-20:20px;--text-24:24px;--display-32:32px;--display-40:40px;--display-48:48px;--display-92:92px;--track-panel:.06em;--track-label:.04em;--track-chip:.02em;--track-pill:.01em;--track-romaji:.03em;--track-wordmark:-.01em;--track-chip-label:-.04em;--leading-glyph:1;--leading-snug:1.25;--leading-body:1.5;--leading-ruby:2;--alpha-25:.25;--alpha-50:.5;--alpha-75:.75;--alpha-resting:.75;--alpha-disabled:.5;--alpha-mark:.5;--t-feedback:.12s;--t-move:.25s;--t-travel:.35s;--t-fade:.5s;--shadow-resting:0 1px 2px color-mix(in srgb, var(--shadow-ink) 5%, transparent), 0 6px 20px color-mix(in srgb, var(--shadow-ink) 6%, transparent);--shadow-lift:0 4px 10px color-mix(in srgb, var(--shadow-ink) 8%, transparent), 0 14px 34px color-mix(in srgb, var(--shadow-ink) 10%, transparent);--shadow-overlay:0 12px 32px color-mix(in srgb, var(--shadow-ink) 14%, transparent), 0 1px 2px color-mix(in srgb, var(--shadow-ink) 5%, transparent), 0 6px 20px color-mix(in srgb, var(--shadow-ink) 6%, transparent)}@media (prefers-reduced-motion:reduce){:root{--t-move:0s;--t-travel:0s;--t-fade:0s}}:root{--stroke:1.5px;--z-tip:5;--z-masthead:20;--z-suggest:30;--z-modal:200;--tip-bg:color-mix(in srgb, var(--ink) 94%, transparent);--row-hover-action:var(--accent-bg);--row-hover:var(--paper);--jp:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", sans-serif;--ui:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--ui);color:var(--ink);background:radial-gradient(1100px 520px at 50% -10%, var(--canvas) 0%, transparent 70%), var(--paper);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}:lang(ja),.jp{font-family:var(--jp)}a{color:inherit;text-decoration:none}button{font-family:inherit}ruby{ruby-align:center}rt{color:var(--muted);-webkit-user-select:none;user-select:none;margin-bottom:.2em;font-size:.5em;font-weight:500}rt::selection{color:var(--muted);background:0 0}.big-furi rt{font-size:.4em}}@layer components{.lang-select,.chip.cat-combo,.bt-select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M2 4.5l4 4 4-4' fill='none' stroke='%238a8a8a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat}.lang-select,.bt-select{font:inherit;font-size:var(--text-14);letter-spacing:var(--track-pill);color:var(--ink-soft);background-color:var(--surface);border:var(--stroke) solid var(--line);border-radius:var(--radius-pill);cursor:pointer;padding:var(--space-4) 30px var(--space-4) var(--space-16);font-weight:700;line-height:var(--leading-snug);transition:border-color var(--t-feedback), background-color var(--t-feedback), color var(--t-feedback);background-position:right 11px center;margin:0}.lang-select{flex:none;align-self:center;display:inline-block}.lang-select:hover,.bt-select:hover{border-color:var(--muted)}.lang-select:focus-visible,.bt-select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chips{gap:var(--space-8);flex-wrap:wrap;display:flex}.chip{min-height:34px;padding:var(--space-8) var(--space-16);border-radius:var(--radius-pill);border:var(--stroke) solid var(--line);background:var(--surface);color:var(--ink-soft);font-size:var(--text-12);letter-spacing:var(--track-chip);cursor:pointer;transition:background var(--t-feedback), border-color var(--t-feedback), color var(--t-feedback), box-shadow var(--t-feedback);font-weight:700}.chip:hover{border-color:var(--muted)}.chip[data-on=true]{color:var(--on-fill);box-shadow:var(--shadow-resting);border-color:#0000}.n5{--lvl:var(--n5)}.n4{--lvl:var(--n4)}.n3{--lvl:var(--n3)}.n2{--lvl:var(--n2)}.n1{--lvl:var(--n1)}.chip:is(.n5,.n4,.n3,.n2,.n1)[data-on=true]{background:var(--lvl)}.filters{gap:var(--space-8);flex-direction:column;display:flex}.chip.pos-chip[data-on=true]{background:var(--accent)}.chip.cat-combo{font-family:inherit;line-height:var(--leading-snug);background-position:right 12px center;padding-right:32px}.chip.cat-combo[data-on=true]{--h:var(--accent);box-shadow:none}.section-head.browse-head{align-items:center}.browse-title{align-items:center;gap:var(--space-8);margin:0;display:inline-flex}.bt-select[data-on=true]{--h:var(--accent)}.bt-select option{color:var(--ink);font-weight:600}.panel,.word-card,.kanji-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-16);box-shadow:var(--shadow-resting)}.word-card,.kanji-card{padding:var(--space-16) var(--space-16);transition:transform var(--t-feedback), box-shadow var(--t-feedback), border-color var(--t-feedback)}.word-card:hover,.kanji-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.section-head{align-items:baseline;gap:var(--space-8);margin:var(--space-24) var(--space-4) var(--space-16);display:flex}.section-head h2{font-size:var(--text-14);letter-spacing:var(--track-panel);text-transform:uppercase;color:var(--muted);margin:0;font-weight:800}.section-head .count{font-size:var(--text-12);color:var(--muted)}.section-head .browse-meta{font-size:var(--text-12);color:var(--muted);white-space:nowrap;margin-left:auto}.section-head .browse-meta .bm-sort{font-style:italic}.section-head.flower-head,.section-head.rad-head{align-items:center}.section-head:hover .anchor-hash{opacity:var(--alpha-50)}.section-head .view-toggle{border:1px solid var(--line);border-radius:var(--radius-8);background:var(--surface);flex:none;margin-left:auto;display:inline-flex;overflow:hidden}.section-head .view-toggle .vt-btn{align-items:center;gap:var(--space-4);color:var(--ink-soft);font-size:var(--text-12);letter-spacing:var(--track-chip);padding:var(--space-4) var(--space-8);cursor:pointer;white-space:nowrap;background:0 0;border:none;font-weight:700;text-decoration:none;display:inline-flex}.section-head .view-toggle .vt-btn+.vt-btn{border-left:1px solid var(--line)}.section-head .view-toggle .vt-btn[data-on=true]{background:var(--accent);color:var(--on-fill)}.section-head .view-toggle .vt-btn[data-on=false]:hover{background:var(--paper-2)}.section-head .view-toggle .vt-ic{font-size:var(--text-12);line-height:var(--leading-glyph)}@media (width<=639px){.section-head .view-toggle .vt-label{display:none}.section-head .view-toggle .vt-btn{padding:var(--space-8) var(--space-16)}.section-head .view-toggle .vt-ic{font-size:var(--text-14)}}.panel>.section-head{margin:0 0 var(--space-16)}.container>section:first-child .section-head:not(.browse-head){margin-top:var(--space-8)}.anchor-h2{align-items:baseline;gap:var(--space-8);color:inherit;text-decoration:none;display:inline-flex}.anchor-h2 .anchor-hash{opacity:0;color:var(--muted);font-weight:800;font-size:var(--text-12);transition:opacity var(--t-feedback) ease, color var(--t-feedback) ease}.anchor-h2:focus-visible .anchor-hash{opacity:var(--alpha-50);color:var(--accent)}.anchor-h2:hover .anchor-hash{opacity:1;color:var(--accent)}.anchor-h2:hover h2{color:var(--accent)}@media (width<=639px){.section-head.browse-head{row-gap:var(--space-8);margin-top:var(--space-16);flex-wrap:wrap}.browse-head .browse-title{flex-wrap:wrap;flex-basis:100%}}.sentinel{padding:var(--space-24);text-align:center;color:var(--muted);font-size:var(--text-12);min-height:24px}.speak-btn,.romaji-btn,.share-btn{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);border-radius:var(--radius-pill);cursor:pointer;line-height:var(--leading-glyph);transition:border-color var(--t-feedback), background var(--t-feedback), transform var(--t-feedback), color var(--t-feedback);-webkit-tap-highlight-color:transparent;flex:none;place-items:center;padding:0;display:inline-grid}.speak-btn.sm{width:30px;height:30px;font-size:var(--text-14)}.speak-btn.lg,.romaji-btn{width:38px;height:38px}.speak-btn.lg{font-size:var(--text-18)}.share-btn{width:28px;height:28px;font-size:var(--text-14)}.share-btn svg{width:1em;height:1em;display:block}.speak-btn:hover,.romaji-btn:hover,.share-btn:hover{border-color:var(--accent);background:var(--accent-bg)}.speak-btn:active,.romaji-btn:active,.share-btn:active{transform:scale(.92)}.share-btn:has(+.share-menu:popover-open){border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.romaji-btn{font-size:var(--text-14);letter-spacing:var(--track-wordmark);font-weight:700}.romaji-btn.is-on{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.speak-btn.is-busy{border-color:var(--accent);background:var(--accent-bg);animation:.9s ease-in-out infinite speak-pulse}@keyframes speak-pulse{0%,to{box-shadow:0 0 0 0 var(--accent-bg)}50%{box-shadow:0 0 0 4px var(--accent-bg)}}.badge{align-items:center;gap:var(--space-4);height:20px;padding:0 var(--space-8);border-radius:var(--radius-8);font-size:var(--text-12);letter-spacing:var(--track-chip);opacity:var(--alpha-resting);transition:opacity var(--t-feedback), border-color var(--t-feedback), background var(--t-feedback);white-space:nowrap;flex:none;font-weight:700;display:inline-flex}.badge:hover,.word-card:hover .badge{opacity:1}.jlpt{color:var(--on-fill)}.jlpt:is(.n5,.n4,.n3,.n2,.n1){background:var(--lvl)}.pos{background:var(--paper-2);color:var(--ink-soft);border:1px solid var(--line);text-transform:capitalize;font-weight:700}.pos[data-cat=noun]{--h:var(--pos-noun)}.pos[data-cat=verb],.pos[data-cat=suru-verb]{--h:var(--pos-verb)}.pos[data-cat=adjective]{--h:var(--pos-adj)}.pos[data-cat=adverb]{--h:var(--pos-adv)}.pos[data-cat=particle]{--h:var(--pos-prt)}.pos[data-cat=verb-transitivity]{color:var(--pos-vt)}.badge.freq{--h:var(--vermilion);text-transform:capitalize;font-weight:700}.freq-bars{align-items:flex-end;gap:1.5px;height:9px;display:inline-flex}.freq-bars i{background:color-mix(in srgb, var(--vermilion) 20%, transparent);border-radius:1px;width:2.5px}.freq-bars i:first-child{height:45%}.freq-bars i:nth-child(2){height:63%}.freq-bars i:nth-child(3){height:81%}.freq-bars i:nth-child(4){height:100%}.freq-bars i.on{background:var(--vermilion)}a.badge{text-decoration:none}a.badge.jlpt:hover{box-shadow:0 0 0 2px color-mix(in srgb, var(--lvl) 30%, transparent)}.badge.category{--h:var(--accent);transition:background var(--t-feedback), border-color var(--t-feedback);font-weight:700;text-decoration:none}.badge.category:before{content:"#";opacity:var(--alpha-mark);font-weight:800}.pos[data-cat]:not([data-cat=other]):not([data-cat=verb-transitivity]),.badge.category,.badge.freq,.wordrows>li .jlpt{color:var(--h);border:1px solid color-mix(in srgb, var(--h) 30%, var(--line));background:color-mix(in srgb, var(--h) 8%, var(--surface))}a.badge.pos[data-cat]:not([data-cat=other]):not([data-cat=verb-transitivity]):hover,.badge.category:hover{border-color:color-mix(in srgb, var(--h) 50%, var(--line));background:color-mix(in srgb, var(--h) 16%, var(--surface))}.chip.cat-combo[data-on=true],.bt-select[data-on=true]{color:var(--h);border-color:color-mix(in srgb, var(--h) 50%, var(--line));background-color:color-mix(in srgb, var(--h) 8%, var(--surface));font-weight:800}.badge.expr{color:var(--ink-soft);background:var(--paper-2);border:1px solid var(--line);font-weight:700}.badge.form{color:var(--on-fill);opacity:1;background:var(--accent);border:1px solid var(--accent)}.badge.form:before{content:"↩";opacity:var(--alpha-mark);font-weight:800}.common-dot{align-items:center;gap:var(--space-4);font-size:var(--text-12);color:var(--vermilion);font-weight:700;display:inline-flex}.common-dot:before{content:"";border-radius:var(--radius-pill);background:var(--vermilion);width:7px;height:7px}.more-btn,.tracer-btn{border:var(--stroke) solid var(--line);background:var(--surface);color:var(--accent-ink);font-weight:700;font-size:var(--text-14);cursor:pointer;border-radius:var(--radius-8)}.more-btn{width:100%;margin-top:var(--space-16);height:44px}.more-btn:hover,.tracer-btn:hover:not(:disabled){border-color:var(--accent);background:var(--accent-bg)}:where(.oe-list,.wordrows,.reading-list,.senses,.examples,.sentence-thread,.credits-list){margin:0;padding:0;list-style:none}.oe-list>li+li,.wordrows>li+li,.reading-list>li+li,.senses>li+li,.examples>li+li{border-block-start:1px solid var(--line-soft);transition:border-color var(--t-feedback)}:is(.oe-list,.wordrows,.reading-list,.senses,.examples)>:is(li:hover,li:hover+li){border-block-start-color:#0000}.oe-list>li>a,.wordrows>li>a{padding:var(--space-8);margin-inline:calc(var(--space-8) * -1)}.reading-list>li,.senses>li,.examples>li{padding-block:var(--space-16);position:relative}.reading-list>li:after,.senses>li:after,.examples>li:after{content:"";z-index:-1;inset:0 calc(var(--space-8) * -1);position:absolute}.oe-list>li>a,.wordrows>li>a,.reading-list>li:after,.senses>li:after,.examples>li:after{border-radius:var(--radius-8);transition:background var(--t-feedback)}.oe-list,.wordrows{margin-block-end:calc(var(--space-8) * -1)}.reading-list,.senses,.examples{isolation:isolate;margin-block:calc(var(--space-8) * -1)}.oe-list>li>a:hover,.wordrows>li>a:hover,.reading-list>li:hover:after,.examples>li:hover:after{background:var(--row-hover-action)}.senses>li:hover:after{background:var(--row-hover)}.reading-list>li,.examples>li{cursor:pointer}:is(.reading-list,.examples)>li:hover [data-speak]{border-color:var(--accent);background:var(--surface)}.app{flex-direction:column;min-height:100dvh;display:flex}.masthead{z-index:var(--z-masthead);background:color-mix(in srgb, var(--paper) 82%, transparent);-webkit-backdrop-filter:saturate(140%)blur(12px);backdrop-filter:saturate(140%)blur(12px);border-bottom:1px solid var(--line);transition:background-color var(--t-travel) ease, border-color var(--t-travel) ease;position:sticky;top:0}.masthead-inner{max-width:820px;padding:var(--space-16) var(--space-16) calc(var(--space-16) + env(safe-area-inset-bottom,0));gap:var(--space-16);transition:padding var(--t-travel) cubic-bezier(.4, 0, .2, 1), gap var(--t-travel) cubic-bezier(.4, 0, .2, 1);flex-direction:column;margin:0 auto;display:flex}.masthead-top{align-items:center;gap:var(--space-16);max-height:64px;padding:0 var(--space-8);margin:0 calc(var(--space-8) * -1);transition:max-height var(--t-move) ease, opacity var(--t-move) ease, margin-top var(--t-move) ease;display:flex;overflow:hidden}.masthead[data-scrolled=true] .masthead-top{opacity:0;pointer-events:none;max-height:0;margin-top:0}.masthead[data-scrolled=true] .masthead-inner{padding-top:var(--space-8);padding-bottom:var(--space-8);gap:0}.masthead-top .brand{flex:1;min-width:0}.brand{align-items:center;gap:var(--space-8);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.brand .logo{border-radius:var(--radius-8);flex:none;width:auto;height:34px;display:block}.brand-lines{min-width:0;line-height:var(--leading-snug);flex-direction:column;display:flex}.brand-title{font-size:var(--text-18);letter-spacing:var(--track-wordmark);white-space:nowrap;font-weight:700}.brand-by{font-size:var(--text-12);color:var(--muted);white-space:nowrap}.masthead-actions{align-items:center;gap:var(--space-16);flex:none;display:flex}.container{width:100%;max-width:820px;padding:var(--space-16);flex:1;margin:0 auto}.app[data-hero=true] .masthead{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom-color:#0000;position:static}.app[data-hero=true] .masthead-inner{padding-top:max(var(--space-16), calc(50vh - 289px));gap:var(--space-24)}.app[data-hero=true] .masthead-top{opacity:1;pointer-events:auto;max-height:none}.app[data-hero=true] .container{flex:none}.app[data-hero=true] .footer{margin-top:auto}@media (width<=639px){.app[data-hero=true] .masthead{margin-top:auto}.app[data-hero=true] .masthead-inner{gap:var(--space-16);padding-top:38px}.app[data-hero=true] .footer{padding-top:var(--space-8)}}.searchbar{align-items:center;gap:var(--space-8);height:52px;padding:0 var(--space-8) 0 var(--space-16);background:var(--surface);border:var(--stroke) solid var(--line);border-radius:var(--radius-pill);box-shadow:var(--shadow-resting);transition:border-color var(--t-feedback), box-shadow var(--t-feedback), border-radius var(--t-fade) ease;display:flex;position:relative}.searchbar:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-bg), var(--shadow-resting)}.searchbar .icon{font-size:var(--text-18);color:var(--muted);cursor:pointer;background:0 0;border:none;flex:none;place-items:center;margin:0;padding:0;display:grid}.searchbar input{min-width:0;height:100%;font-size:var(--text-16);color:var(--ink);background:0 0;border:none;outline:none;flex:1}.searchbar input::placeholder{color:var(--muted)}.searchbar .clear{border-radius:var(--radius-pill);background:var(--paper-2);width:30px;height:30px;color:var(--ink-soft);font-size:var(--text-16);cursor:pointer;border:none;flex:none;place-items:center;display:grid}.searchbar .clear:hover{background:var(--line)}.searchbar .rad-entry{border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--paper-2);width:36px;height:36px;color:var(--ink-soft);cursor:pointer;transition:border-color var(--t-feedback), background var(--t-feedback), color var(--t-feedback);flex:none;justify-content:center;align-items:center;padding:0;text-decoration:none;display:inline-flex}.searchbar .rad-entry:hover{border-color:var(--accent);color:var(--ink)}.searchbar .rad-entry .jp{font-family:var(--jp);font-size:var(--text-16);line-height:var(--leading-glyph)}.searchbar .rad-entry[data-on=true]{background:var(--accent);color:var(--on-fill);border-color:#0000}.searchbar.is-word{border-radius:var(--radius-16)}.searchbar.is-word:focus-within{border-color:var(--line);box-shadow:var(--shadow-resting)}.searchbar.is-word .sb-search{opacity:0;pointer-events:none}.searchbar.is-word .sb-wordlayer{opacity:1;pointer-events:auto}.searchbar.is-word .speak-btn{flex:none}.sb-stack{flex:1;align-self:stretch;min-width:0;position:relative}.sb-layer{align-items:center;gap:var(--space-8);transition:opacity var(--t-fade) ease;display:flex;position:absolute;inset:0}.sb-search{opacity:1}.sb-wordlayer{opacity:0;pointer-events:none}.sb-word{align-items:center;gap:var(--space-8);cursor:pointer;min-width:0;height:100%;color:inherit;text-align:left;background:0 0;border:none;flex:1;margin:0;padding:0;display:flex;overflow:hidden}.sb-word-head{font-family:var(--jp);font-size:var(--text-20);font-weight:600;line-height:var(--leading-snug);white-space:nowrap;flex:none}.sb-word-gloss{min-width:0;color:var(--ink-soft);font-size:var(--text-14);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.suggest{z-index:var(--z-suggest);padding:var(--space-8);background:var(--surface);border:var(--stroke) solid var(--line);border-radius:var(--radius-16);box-shadow:var(--shadow-overlay);max-height:min(60vh,440px);margin:0;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.suggest-romaji{align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-16);margin-bottom:var(--space-4);cursor:pointer;border-radius:var(--radius-8);color:var(--ink-soft);border-bottom:1px solid var(--line);display:flex}.suggest-romaji:hover{background:var(--accent-bg)}.suggest-romaji .s-key{font-size:var(--text-12);text-transform:uppercase;letter-spacing:var(--track-label);color:var(--muted);border:1px solid var(--line);border-radius:var(--radius-8);padding:var(--space-4) var(--space-8)}.suggest-romaji .jp{font-size:var(--text-18);color:var(--ink)}.suggest-item{align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-8);border-radius:var(--radius-8);cursor:pointer;display:flex}.suggest-item.is-active{background:var(--accent-bg)}.suggest-item .s-icon{width:26px;height:26px;font-size:var(--text-20);flex:none;place-items:center;display:grid}.suggest-item .s-kanjimark{font-size:var(--text-12);color:var(--accent);background:var(--accent-bg);border-radius:var(--radius-8);place-items:center;width:24px;height:24px;display:grid}.suggest-item .s-main{align-items:baseline;gap:var(--space-8);flex:none;min-width:0;display:flex}.suggest-item .s-jp{font-size:var(--text-20);color:var(--ink);white-space:nowrap}.suggest-item .s-reading{font-size:var(--text-12);color:var(--muted);white-space:nowrap}.suggest-item .s-gloss{min-width:0;color:var(--ink-soft);font-size:var(--text-14);text-overflow:ellipsis;white-space:nowrap;text-align:right;flex:auto;overflow:hidden}.suggest-item .freq-bars{flex:none}.romaji-note{margin:0 0 var(--space-16);padding:var(--space-8) var(--space-16);background:var(--accent-bg);color:var(--ink-soft);border-radius:var(--radius-16);font-size:var(--text-14)}.romaji-note .jp{font-size:var(--text-16);color:var(--ink)}.lang-suggest{align-items:center;gap:var(--space-16);margin:0 0 var(--space-16);padding:var(--space-16) var(--space-16);background:var(--accent-bg);color:var(--ink-soft);border:1px solid color-mix(in srgb, var(--accent) 25%, var(--line));border-radius:var(--radius-16);font-size:var(--text-14);flex-wrap:wrap;display:flex}.lang-suggest-cta{padding:var(--space-8) var(--space-16);border-radius:var(--radius-pill);cursor:pointer;background:var(--accent);color:var(--on-fill);font-size:var(--text-12);border:none;flex:none;margin-left:auto;font-weight:700}.lang-suggest-cta:hover{background:var(--accent-ink)}.hint,.empty,.loading,.error{text-align:center;color:var(--muted);padding:var(--space-48) var(--space-16);font-size:var(--text-14)}.hint .big{font-family:var(--jp);font-size:var(--display-40);opacity:var(--alpha-25);margin-bottom:var(--space-16);display:block}.error{color:var(--vermilion)}.example-queries{gap:var(--space-8);margin-top:var(--space-16);flex-wrap:wrap;justify-content:center;display:flex}.example-queries button{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-pill);padding:var(--space-8) var(--space-16);font-size:var(--text-14);color:var(--ink-soft);cursor:pointer}.example-queries button:hover{border-color:var(--accent);color:var(--accent-ink)}.collections .example-queries{justify-content:flex-start;margin-top:0}.skeleton{background:linear-gradient(90deg, var(--line-soft) 25%, var(--paper-2) 37%, var(--line-soft) 63%);border-radius:var(--radius-8);background-size:400% 100%;animation:1.3s infinite sh}@keyframes sh{0%{background-position:100% 0}to{background-position:0 0}}.footer{text-align:center;color:var(--muted);font-size:var(--text-12);padding:var(--space-24) var(--space-16) calc(var(--space-24) + env(safe-area-inset-bottom,var(--space-0)))}@media (width<=639px){.footer{padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom,var(--space-0)));font-size:10px}}.footer a{color:var(--accent-ink)}.footer p{margin:0 0 var(--space-8)}.footer-apps{justify-content:center;align-items:center;gap:var(--space-8) var(--space-16);margin:0 0 var(--space-16);flex-wrap:wrap;display:flex}.footer-apps-label{font-size:var(--text-12)}.footer-badges{align-items:center;gap:var(--space-16);display:flex}.footer-badge{width:auto;height:40px;opacity:var(--alpha-resting);border-radius:var(--radius-8);transition:opacity var(--t-feedback), transform var(--t-feedback), box-shadow var(--t-feedback);display:block}.footer-badge:hover{opacity:1;box-shadow:var(--shadow-resting);transform:translateY(-1px)}@media (width<=639px){.footer-apps{margin-bottom:var(--space-16)}.footer-apps-label{display:none}}.footer .footer-ack{margin:0 auto var(--space-8);line-height:var(--leading-body)}.footer-br-dev{display:none}@media (width<=639px){.footer-br-dev{display:inline}.footer-dev-sep{display:none}}@media (width>=640px){.brand .logo{height:42px}.brand-lines{align-items:baseline;gap:var(--space-8);flex-direction:row}.brand-by{font-size:var(--text-18)}}@media (width<=639px){.brand{gap:var(--space-8)}.brand .logo{height:26px}.brand-title,.brand-by{white-space:nowrap;font-size:var(--text-14)}}.cards{gap:var(--space-16);grid-template-columns:1fr;display:grid}.word-card{gap:var(--space-16);align-items:flex-start;display:flex}.icon-edit-wrap{flex:none;display:inline-flex;position:relative}.icon-edit-pencil{z-index:2;width:24px;height:24px;font-size:var(--text-12);line-height:var(--leading-glyph);border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--paper);color:var(--ink-soft);cursor:pointer;box-shadow:0 1px 3px color-mix(in srgb, var(--shadow-ink) 18%, transparent);opacity:0;transition:opacity var(--t-feedback) ease, transform var(--t-feedback) ease;pointer-events:none;place-items:center;padding:0;display:grid;position:absolute;bottom:-8px;right:-8px;transform:scale(.9)}.icon-edit-wrap:hover .icon-edit-pencil,.icon-edit-pencil:focus-visible,.icon-edit-pencil.is-on{opacity:1;pointer-events:auto;transform:scale(1)}.icon-edit-pencil.is-on{background:var(--accent-bg);border-color:var(--accent);color:var(--accent-ink)}.icon-edit-spin{box-sizing:border-box;border-radius:var(--radius-pill);border:2px solid;border-top-color:#0000;width:14px;height:14px;animation:.7s linear infinite icon-edit-spin;display:inline-block}@keyframes icon-edit-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.icon-edit-spin{animation-duration:1.4s}}.icon-preview .word-icon{--icon-size:69px}.word-icon{--icon-size:46px;--icon-radius:calc(var(--icon-size) * 12 / 46);width:var(--icon-size);height:var(--icon-size);border-radius:var(--icon-radius);background:var(--paper-2);font-size:calc(var(--icon-size) * .565);flex:none;place-items:center;display:grid}.word-icon.lg{--icon-size:78px}.word-icon.mono{font-family:var(--jp);color:var(--accent-ink);background:var(--accent-bg);font-weight:700;font-size:calc(var(--icon-size) * .478)}.word-icon.combo{justify-content:center;align-items:center;gap:calc(var(--icon-size) * .045);font-size:calc(var(--icon-size) * .52);display:flex}.word-icon.combo .arrow{opacity:var(--alpha-75);font-size:.55em}.word-icon.duo,.word-icon.trio{position:relative;overflow:hidden}:is(.word-icon.duo,.word-icon.trio) span{line-height:var(--leading-glyph);position:absolute}.word-icon.duo span{font-size:calc(var(--icon-size) * .48)}.word-icon.duo .p1{top:calc(var(--icon-size) * .09);left:calc(var(--icon-size) * .09)}.word-icon.duo .p2{bottom:calc(var(--icon-size) * .09);right:calc(var(--icon-size) * .09);text-shadow:0 0 calc(var(--icon-size) * .065) var(--paper-2), 0 0 calc(var(--icon-size) * .065) var(--paper-2)}.word-icon.trio span{font-size:calc(var(--icon-size) * .46)}.word-icon.trio .t1{bottom:calc(var(--icon-size) * .07);left:calc(var(--icon-size) * .07)}.word-icon.trio .t2{bottom:calc(var(--icon-size) * .11);right:calc(var(--icon-size) * .17);font-size:calc(var(--icon-size) * .26);opacity:var(--alpha-75)}.word-icon.trio .t3{top:calc(var(--icon-size) * .07);right:calc(var(--icon-size) * .07)}.word-icon.trio.rev .t1{left:auto;right:calc(var(--icon-size) * .07)}.word-icon.trio.rev .t2{right:auto;left:calc(var(--icon-size) * .17)}.word-icon.trio.rev .t3{right:auto;left:calc(var(--icon-size) * .07)}.word-icon.grid2{position:relative;overflow:hidden}.word-icon.grid2 span{line-height:var(--leading-glyph);font-size:calc(var(--icon-size) * .44);position:absolute}.word-icon.grid2 .gtl{top:calc(var(--icon-size) * .08);left:calc(var(--icon-size) * .08)}.word-icon.grid2 .gtr{top:calc(var(--icon-size) * .08);right:calc(var(--icon-size) * .08)}.word-icon.grid2 .gbl{bottom:calc(var(--icon-size) * .08);left:calc(var(--icon-size) * .08)}.word-icon.grid2 .gbr{bottom:calc(var(--icon-size) * .08);right:calc(var(--icon-size) * .08)}.word-icon .flip{display:inline-block;transform:scaleX(-1)}.word-icon.date{background:var(--paper-2);position:relative}.word-icon.date .calendar{line-height:var(--leading-glyph);font-size:calc(var(--icon-size) * .86);grid-area:1/1}.word-icon.date .label{transform:translateY(calc(var(--icon-size) * .032));font-weight:800;font-size:calc(var(--icon-size) * .28);letter-spacing:var(--track-chip-label);color:var(--ink);text-shadow:0 0 3px var(--surface), 0 0 3px var(--surface), 0 0 4px var(--surface), 0 1px 1px var(--surface);grid-area:1/1;place-self:center}.word-icon.date.year .label,.word-icon.date[data-len="4"]:not(.year) .label{font-size:calc(var(--icon-size) * .24)}.word-icon.date[data-len="5"] .label{font-size:calc(var(--icon-size) * .2)}.word-icon.date[data-len="6"] .label,.word-icon.date[data-len="7"] .label{font-size:calc(var(--icon-size) * .165)}.word-icon.num{color:var(--accent-ink);background:var(--accent-bg);letter-spacing:var(--track-chip-label);font-variant-numeric:tabular-nums;font-weight:800}.word-icon.num .label{font-size:calc(var(--icon-size) * .42);line-height:var(--leading-glyph);white-space:nowrap}.word-icon.num[data-len="3"] .label{font-size:calc(var(--icon-size) * .34)}.word-icon.num[data-len="4"] .label{font-size:calc(var(--icon-size) * .28)}.word-icon.num[data-len="5"] .label{font-size:calc(var(--icon-size) * .24)}.word-icon.num[data-len="6"] .label,.word-icon.num[data-len="7"] .label{font-size:calc(var(--icon-size) * .2)}.word-icon.skeleton{background:var(--paper-2);border-radius:var(--icon-radius)}.word-card .wc-body{flex:1;min-width:0}.word-head{align-items:baseline;gap:var(--space-8);flex-wrap:wrap;display:flex}.word-head .surface{font-family:var(--jp);font-size:var(--text-24);font-weight:600;line-height:var(--leading-snug);color:var(--ink)}.word-head .surface .suru-suffix{font-family:var(--jp);color:var(--muted);opacity:var(--alpha-50);margin-left:var(--space-4);font-weight:400}.word-head .reading{font-family:var(--jp);font-size:var(--text-14);color:var(--ink-soft)}.word-head .speak-btn{align-self:center;margin-left:auto}.word-gloss{color:var(--ink-soft);margin-top:var(--space-4);font-size:var(--text-14);text-overflow:ellipsis;overflow:hidden}.word-foot{align-items:center;gap:var(--space-8);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.lang-flag{margin-left:var(--space-8);padding:0 var(--space-4);border-radius:var(--radius-4);background:var(--paper-2);color:var(--muted);border:1px solid var(--line);font-size:var(--text-12);letter-spacing:var(--track-label);vertical-align:middle;font-weight:700;display:inline-block}.back{align-items:center;gap:var(--space-8);font-size:var(--text-14);color:var(--accent-ink);margin-bottom:var(--space-16);cursor:pointer;padding:var(--space-8) 0;background:0 0;border:none;font-weight:600;display:inline-flex}.panel{padding:var(--space-16);margin-bottom:var(--space-16);scroll-margin-top:80px}.word-hero{gap:var(--space-16);align-items:flex-start;display:flex}.word-hero .headword{font-family:var(--jp);font-size:var(--display-40);font-weight:600;line-height:var(--leading-snug);width:fit-content;max-width:100%}.word-hero .headword.hw-long{font-size:var(--display-32)}.word-hero .headword.hw-xlong{font-size:var(--text-24)}.word-hero .hero-actions{align-self:flex-start;align-items:center;gap:var(--space-8);flex-direction:column;margin-left:auto;display:flex}.word-hero .hero-actions .speak-btn{align-self:center;margin-left:0}.hero-romaji{font-size:var(--text-14);color:var(--muted);margin-top:var(--space-4);letter-spacing:var(--track-romaji);font-style:italic}.hero-gloss{color:var(--ink);font-size:var(--text-16);line-height:var(--leading-body);margin-top:var(--space-8);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hero-badges{gap:var(--space-8);margin-top:var(--space-8);flex-wrap:wrap;align-items:center;display:flex}.oe-list{flex-direction:column;display:flex}.oe-list>li>a{align-items:center;gap:var(--space-16);display:flex}.oe-reading{font-family:var(--jp);font-size:var(--text-20);flex:none;align-self:start;min-width:4.5em}.oe-gloss{min-width:0;color:var(--ink-soft);flex:1}.oe-flags{align-items:center;gap:var(--space-8);flex:none;display:flex}.reading-list{flex-direction:column;display:flex}.reading-list>li{align-items:baseline;gap:var(--space-16);display:flex}.reading-list>li .rr-furi{font-family:var(--jp);font-size:var(--text-24)}.reading-list>li .rr-flags{align-self:center;gap:var(--space-8);align-items:center;margin-left:auto;display:flex}.tag-flag{font-size:var(--text-12);color:var(--muted);background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius-8);padding:var(--space-4) var(--space-8);opacity:var(--alpha-resting);transition:opacity var(--t-feedback);font-weight:700}.tag-flag:hover{opacity:1}.tag-flag.arch{color:var(--arch);background:var(--arch-bg);border-color:var(--arch-line)}.other-forms{margin-top:var(--space-16);border-block-start:1px solid var(--line-soft)}.other-forms>summary{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--text-12);color:var(--accent-ink);padding:var(--space-16) 0 var(--space-4);align-items:center;gap:var(--space-8);font-weight:600;list-style:none;display:inline-flex}.other-forms>summary::-webkit-details-marker{display:none}.other-forms>summary:before{content:"▸";font-size:var(--text-12);transition:transform var(--t-feedback)}.other-forms[open]>summary{margin-bottom:var(--space-16)}.other-forms[open]>summary:before{transform:rotate(90deg)}.senses{counter-reset:s;flex-direction:column;display:flex}.senses>li{gap:var(--space-16);display:flex}.senses>li .num{counter-increment:s;border-radius:var(--radius-pill);background:var(--paper-2);width:20px;height:20px;color:var(--ink-soft);font-size:var(--text-12);flex:none;place-items:center;font-weight:700;display:grid}.senses>li .num:before{content:counter(s)}.senses>li .s-body{min-width:0}.senses>li .s-pos{gap:var(--space-8);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.senses>li .s-gloss{color:var(--ink);font-size:var(--text-16)}.senses>li.sense-hidden{display:none}.examples{flex-direction:column;display:flex}.examples>li{padding-right:42px}.examples>li .ex-jp-text{font-family:var(--jp);font-size:var(--text-16);color:var(--ink);line-height:var(--leading-ruby)}.examples>li .ex-jp-text .part{color:var(--accent)}.examples>li .ex-actions{align-items:center;gap:var(--space-8);flex-direction:column;display:flex;position:absolute;top:50%;right:0;translate:0 -50%}.examples>li .ex-en{color:var(--ink-soft);font-size:var(--text-14);margin-top:var(--space-4)}.breakdown-btn{text-decoration:none}.ex-credit{margin-top:var(--space-16);font-size:var(--text-12);color:var(--muted);font-style:italic}.analyze .section-head{margin:0 0 var(--space-16);align-items:center}.analyze .section-head .speak-btn{margin-left:auto}.analyze-sentence .analyze-line{margin-bottom:0}.analyze-loading{color:var(--muted);font-style:italic}.analyze-line{font-family:var(--jp);font-size:var(--text-24);line-height:var(--leading-ruby);color:var(--ink)}.analyze-line .part{color:var(--accent)}.analyze-line rt{color:var(--muted);font-size:.5em;font-weight:400}.sentence-thread{display:grid}.sentence-thread>li{column-gap:var(--space-16);padding:var(--space-4) 0;color:inherit;box-sizing:border-box;grid-template-columns:56px 1fr;align-items:center;min-height:70px;text-decoration:none;display:grid;position:relative}.sentence-thread>li:before{content:"";background:var(--line);z-index:0;width:1px;position:absolute;top:0;bottom:0;left:27.5px}.sentence-thread>li:first-child:before{top:50%}.sentence-thread>li:last-child:before{bottom:50%}.tn-tile{z-index:1;color:inherit;justify-self:center;text-decoration:none;position:relative}.tn-info{gap:var(--space-4);min-width:0;display:grid}.tn-head{align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.tn-head .jp{font-family:var(--jp);font-size:var(--text-20);color:var(--ink);font-weight:600}.tn-gloss{color:var(--ink-soft);font-size:var(--text-14);text-overflow:ellipsis;overflow:hidden}a.tn-tile .word-icon{transition:transform var(--t-feedback), box-shadow var(--t-feedback)}a.tn-tile:hover .word-icon{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.tn-kana{border-radius:var(--radius-16);width:46px;height:46px;font-family:var(--jp);font-size:var(--text-20);background:var(--accent-bg);color:var(--accent-ink);place-items:center;font-weight:700;display:grid}.tn-link.is-aux .tn-kana{background:var(--paper-2);color:var(--ink-soft)}a.tn-kana{transition:transform var(--t-feedback), box-shadow var(--t-feedback)}a.tn-kana:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.tn-note{color:var(--ink-soft);font-size:var(--text-12)}.conj-groups{gap:var(--space-16);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.conj-group{border:1px solid var(--line);border-radius:var(--radius-8);background:var(--paper);padding:var(--space-8) var(--space-16)}@media (width>=640px){.conj-group{grid-column:span 2}.conj-group--te,.conj-group--plain{grid-column:span 3}.conj-groups--verb .conj-group--matrix{grid-column:span 4}.conj-groups--verb .conj-group--te{grid-column:span 2}}.conj-group-title{margin:0 0 var(--space-8);font-size:var(--text-12);text-transform:uppercase;letter-spacing:var(--track-label);color:var(--muted);font-weight:700}.conj-rows{flex-direction:column;display:flex}.conj-row{align-items:flex-start;gap:var(--space-4);padding:var(--space-8) 0;flex-direction:column;display:flex}.conj-row+.conj-row{border-block-start:1px dashed var(--line-soft)}.conj-label{font-size:var(--text-12);color:var(--muted);line-height:var(--leading-snug)}.conj-form{font-family:var(--jp);font-size:var(--text-18);color:var(--ink);line-height:var(--leading-body)}.conj-kana{font-family:var(--jp);font-size:var(--text-12);color:var(--muted);line-height:var(--leading-snug);display:block}.conj-matrix{grid-template-columns:repeat(var(--conj-cols,2), minmax(0, 1fr));column-gap:var(--space-16);align-items:stretch;display:grid}.conj-matrix>div:first-child{display:none}.conj-colhead{font-size:var(--text-12);text-transform:uppercase;letter-spacing:var(--track-label);color:var(--muted);padding-bottom:var(--space-8);border-bottom:1px dashed var(--line-soft);font-weight:700}.conj-rowhead{padding:var(--space-8) 0 var(--space-4);font-size:var(--text-12);color:var(--ink-soft);border-bottom:none;grid-column:1/-1;font-weight:600}.conj-cell{padding:var(--space-8) 0;border-bottom:1px dashed var(--line-soft)}.conj-matrix>:nth-last-child(-n+2){border-bottom:none}@media (width<=639px){.conj-groups{grid-template-columns:1fr}.conj-group--matrix .conj-form{font-size:var(--text-14)}}@media (prefers-reduced-motion:no-preference){::view-transition-old(root){animation:.2s both vt-fade-out}::view-transition-new(root){animation:.28s both vt-slide-in}::view-transition-group(word-box){animation-duration:.32s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-group(hero-icon){animation-duration:.32s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-group(word-head){animation-duration:.32s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-group(word-gloss){animation-duration:.32s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-group(word-box){z-index:0}::view-transition-group(hero-icon){z-index:1}::view-transition-group(word-head){z-index:1}::view-transition-group(word-gloss){z-index:1}}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-slide-in{0%{opacity:0;transform:translateY(8px)}}.kanji-strip{gap:var(--space-16);grid-template-columns:1fr;display:grid}@media (width>=640px){.kanji-strip{grid-template-columns:repeat(2,1fr)}}.kanji-card{gap:var(--space-16);align-items:center;display:flex}.kanji-card .glyph{font-family:var(--jp);font-size:var(--display-48);line-height:var(--leading-glyph);text-align:center;width:64px;color:var(--ink);font-weight:600}.kanji-card .kc-body{min-width:0}.kanji-card .kc-mean{color:var(--ink);font-weight:600}.kanji-card .kc-read{font-family:var(--jp);font-size:var(--text-12);color:var(--ink-soft);margin-top:var(--space-4)}.kanji-card .kc-read .label{color:var(--muted);font-family:var(--ui);margin-right:var(--space-4)}.kanji-card .kc-meta{font-size:var(--text-12);color:var(--muted);margin-top:var(--space-4)}.kanji-used{gap:var(--space-16);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.ku-tile{gap:var(--space-16);border:1px solid var(--line);border-radius:var(--radius-8);min-height:76px;padding:var(--space-8) var(--space-16);background:var(--paper);cursor:pointer;min-width:0;transition:background var(--t-feedback), box-shadow var(--t-feedback), transform var(--t-feedback);align-items:center;display:flex}.ku-tile:hover{background:var(--surface);box-shadow:var(--shadow-resting);transform:translateY(-1px)}.ku-tile .glyph{font-family:var(--jp);font-size:var(--display-40);line-height:var(--leading-glyph)}.ku-tile .ku-meta{font-size:var(--text-12);color:var(--muted)}.ku-tile .ku-mean{font-size:var(--text-12);color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:130px;display:-webkit-box;overflow:hidden}.kanji-hero{gap:var(--space-24);align-items:flex-start;display:flex}.kanji-hero .glyph-xl{font-family:var(--jp);font-size:var(--display-92);line-height:var(--leading-glyph);font-weight:600}.kanji-hero .kh-body{flex:1;min-width:0}.kh-mean{font-size:var(--text-20);font-weight:700}.kh-readings{margin-top:var(--space-16);gap:var(--space-8);flex-direction:column;display:flex}.kh-readings .kr{font-family:var(--jp);font-size:var(--text-16);align-items:center;gap:var(--space-8) var(--space-16);flex-wrap:wrap;display:flex}.kh-readings .kr .label{font-family:var(--ui);font-size:var(--text-12);color:var(--muted);letter-spacing:var(--track-label);font-weight:800}.kh-readings .kr-item{align-items:center;gap:var(--space-4);display:inline-flex}.stat-grid{gap:var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=640px){.stat-grid{grid-template-columns:repeat(4,1fr)}}.stat{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-8);padding:var(--space-16) var(--space-16)}.stat .k{font-size:var(--text-12);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--muted);font-weight:800}.stat .v{font-size:var(--text-20);margin-top:var(--space-4);font-weight:700}.stat .v.na{color:var(--muted);font-weight:500;font-size:var(--text-14)}.stat .sub{font-size:var(--text-12);color:var(--muted)}.radicals{gap:var(--space-8);flex-wrap:wrap;display:flex}.rad-chip{align-items:baseline;gap:var(--space-8);font-family:var(--jp);font-size:var(--text-20);color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-8);padding:var(--space-8) var(--space-16);cursor:pointer;transition:border-color var(--t-feedback), background var(--t-feedback), transform var(--t-feedback);text-decoration:none;display:inline-flex}.rad-chip:hover{border-color:var(--accent);background:var(--accent-bg);transform:translateY(-1px)}.rad-chip small{font-family:var(--ui);font-size:var(--text-12);color:var(--muted)}.rad-toolbar{align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.rad-hint{color:var(--muted);font-size:var(--text-14)}.rad-filter{min-width:0;max-width:320px;height:38px;padding:0 var(--space-16);background:var(--surface);border:var(--stroke) solid var(--line);border-radius:var(--radius-pill);font-size:var(--text-14);color:var(--ink);transition:border-color var(--t-feedback), box-shadow var(--t-feedback);outline:none;flex:200px}.rad-filter::placeholder{color:var(--muted)}.rad-filter:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.rad-clear{padding:var(--space-8) var(--space-16);font-size:var(--text-12);border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--ink-soft);cursor:pointer;transition:border-color var(--t-feedback), color var(--t-feedback);background:0 0;margin-left:auto;font-weight:600}.rad-clear:hover{border-color:var(--muted);color:var(--ink)}.rad-palette{gap:var(--space-16);flex-direction:column;display:flex}.rad-grid{align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.rad-stroke-label,.rad-tile{width:34px;height:34px;line-height:var(--leading-glyph);border-radius:var(--radius-8);border:1px solid #0000;flex:none;place-items:center;padding:0;display:grid}.rad-stroke-label{font-size:var(--text-12);color:var(--surface);background:var(--muted);font-weight:700}.rad-tile{font-family:var(--jp);font-size:var(--text-20);color:var(--ink);background:var(--surface);border-color:var(--line);cursor:pointer;transition:border-color var(--t-feedback), background var(--t-feedback), color var(--t-feedback)}.rad-tile:hover:not(:disabled):not(.selected){border-color:var(--accent);background:var(--accent-bg)}.rad-tile.selected{background:var(--accent);color:var(--on-fill);box-shadow:var(--shadow-resting);border-color:#0000}.rad-tile:disabled{color:var(--line);background:var(--paper);cursor:default}.wordrows{flex-direction:column;display:flex}.wordrows>li>a{gap:var(--space-4) var(--space-16);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"text tags""gloss tags";display:grid}.wordrows>li>a .wr-text{font-family:var(--jp);font-size:var(--text-20);font-weight:600;line-height:var(--leading-snug);grid-area:text}.wordrows>li>a .wr-pos{align-self:center;gap:var(--space-4);flex-wrap:wrap;grid-area:tags;align-items:center;display:flex}.wordrows>li>a .jlpt{--h:var(--lvl)}.wordrows>li>a .wr-gloss{color:var(--ink-soft);font-size:var(--text-14);text-overflow:ellipsis;white-space:nowrap;grid-area:gloss;overflow:hidden}.tracer{align-items:center;gap:var(--space-16);flex-direction:column;display:flex}.tracer-stagewrap{aspect-ratio:1;border-radius:var(--radius-8);background-color:var(--surface);background-image:linear-gradient(var(--line-soft) 1.5px, transparent 1.5px), linear-gradient(90deg, var(--line-soft) 1.5px, transparent 1.5px);width:100%;box-shadow:inset 0 0 0 var(--stroke) var(--line);transition:box-shadow var(--t-feedback) ease;touch-action:pan-y;background-position:50%;background-repeat:no-repeat;background-size:100% 50%,50% 100%;position:relative}.tracer-stagewrap[data-quiz=true]{touch-action:none}.tracer-stage,.tracer-ink{position:absolute;inset:0}.tracer-stage svg{width:100%;height:100%;display:block}.tracer-ink{pointer-events:none;touch-action:none;width:100%;height:100%}.tracer-controls{gap:var(--space-8);flex-wrap:wrap;justify-content:center;display:flex}.tracer-btn{height:40px;padding:0 var(--space-16);white-space:nowrap}.tracer-btn.primary{background:var(--accent);color:var(--on-fill);border-color:var(--accent)}.tracer-btn.primary:hover:not(:disabled){background:var(--accent-ink);border-color:var(--accent-ink)}.tracer-btn:disabled{opacity:var(--alpha-disabled);cursor:default}.tracer-feedback{font-size:var(--text-12);color:var(--muted);min-height:18px;font-weight:600}.tracer-na{text-align:center;padding:var(--space-16);color:var(--muted);font-size:var(--text-12);place-items:center;display:grid;position:absolute;inset:0}.tracer-credit{margin:calc(var(--space-8) * -1) 0;font-size:var(--text-12);color:var(--muted);text-align:center}.tracer-credit a{color:var(--accent-ink)}.tracer-tiles{grid-template-columns:repeat(var(--cols,1), minmax(0, 1fr));gap:var(--space-16);width:100%;max-width:calc(var(--cols,1) * 240px + (var(--cols,1) - 1) * var(--space-16));margin-inline:auto;display:grid}.tracer-canvas{margin-inline:calc(var(--space-16) * -1);padding:var(--space-16);background:var(--canvas);align-self:stretch}.tracer-stagewrap[data-done=true]{box-shadow:inset 0 0 0 var(--stroke) var(--n5)}.tracer-stagewrap[data-active=true]{box-shadow:inset 0 0 0 2px var(--accent), 0 0 0 4px var(--accent-bg)}.section-head.tracer-head{align-items:center}.tracer-max,.tracer-modal-x{border-radius:var(--radius-pill);border:var(--stroke) solid var(--line);background:var(--surface);color:var(--muted);font-size:var(--text-14);line-height:var(--leading-glyph);cursor:pointer;transition:color var(--t-feedback) ease, border-color var(--t-feedback) ease;place-items:center;padding:0;display:grid}.tracer-head-btns{align-items:center;gap:var(--space-8);margin-left:auto;display:flex}.tracer-hbtn{justify-content:center;align-items:center;gap:var(--space-4);height:28px;padding:0 var(--space-8);border-radius:var(--radius-pill);border:var(--stroke) solid var(--line);background:var(--surface);color:var(--ink-soft);font-size:var(--text-12);white-space:nowrap;cursor:pointer;transition:color var(--t-feedback) ease, border-color var(--t-feedback) ease, background var(--t-feedback) ease;font-weight:600;display:inline-flex}.tracer-hbtn:hover:not(:disabled){color:var(--accent-ink);border-color:var(--accent)}.tracer-hbtn.primary{background:var(--accent);color:var(--on-fill);border-color:var(--accent)}.tracer-hbtn.primary:hover:not(:disabled){background:var(--accent-ink);border-color:var(--accent-ink);color:var(--on-fill)}.tracer-hbtn:disabled{opacity:var(--alpha-disabled);cursor:default}.tracer-max{width:28px;height:28px}.tracer-max svg{width:1em;height:1em;display:block}.tracer-max:hover,.tracer-modal-x:hover{color:var(--accent-ink);border-color:var(--accent)}.tracer-stagewrap[data-zoomable=true]{cursor:zoom-in}.tracer-modal{z-index:var(--z-modal);background:var(--paper);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);display:grid;position:fixed;inset:0}.tracer-modal-card{padding:var(--space-4) var(--space-16) calc(var(--space-16) + env(safe-area-inset-bottom));flex-direction:column;justify-content:center;display:flex;position:relative}.tracer-zoomed .tracer-tiles:not([data-strip])>.tracer-stagewrap{display:none}.tracer-zoomed .tracer-tiles:not([data-strip])>.tracer-stagewrap[data-focus=true]{display:block}.tracer-stripwrap{box-sizing:content-box;padding:var(--space-8);margin:calc(var(--space-8) * -1);overflow:hidden}.tracer-tiles[data-strip]{gap:var(--space-16);width:max-content;max-width:none;transition:transform var(--t-travel) cubic-bezier(.22, .61, .36, 1);margin-inline:0;display:flex}.tracer-tiles[data-strip]>.tracer-stagewrap{flex:0 0 var(--tile)}.tracer-map{gap:var(--space-8);flex-wrap:wrap;justify-content:center;display:flex}.tracer-map-cell{border-radius:var(--radius-8);border:var(--stroke) solid var(--line);background:var(--surface);width:34px;height:34px;color:var(--ink-soft);font-size:var(--text-20);line-height:var(--leading-glyph);cursor:pointer;transition:border-color var(--t-feedback) ease, background var(--t-feedback) ease, color var(--t-feedback) ease;place-items:center;padding:0;display:grid}.tracer-map-cell:hover{border-color:var(--accent)}.tracer-map-cell[data-done=true]{border-color:var(--n5);color:var(--n5)}.tracer-map-cell[data-on=true]{border-color:var(--accent);background:var(--accent);color:var(--on-fill)}.tracer-modal-head{align-items:start;gap:var(--space-16);padding:calc(var(--space-8) + env(safe-area-inset-top)) var(--space-16) var(--space-4);grid-template-columns:minmax(0,1fr) minmax(0,auto) minmax(0,1fr);display:grid}.tracer-modal-brand{align-items:center;gap:var(--space-8);-webkit-user-select:none;user-select:none;pointer-events:none;justify-self:start;min-width:0;display:flex}.tracer-modal-brand img{border-radius:var(--radius-8);width:auto;height:26px;display:block}.tracer-modal-brand span{font-size:var(--text-14);letter-spacing:var(--track-wordmark);color:var(--ink-soft);font-weight:700}.tracer-modal-word{align-items:center;gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.tracer-modal-line{align-items:center;gap:var(--space-8);min-width:0;max-width:100%;display:flex}.tracer-modal-jp{font-family:var(--jp);font-size:var(--text-20);flex:0 auto;min-width:0;font-weight:600}.tracer-modal-gloss{text-align:center;max-width:100%;font-size:var(--text-14);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (width<=639px){.tracer-modal-head{gap:var(--space-8)}.tracer-modal-brand span{display:none}}.tracer-modal-x{grid-column:3;justify-self:end;width:32px;height:32px}@media (width<=639px){.tracer-controls{gap:var(--space-8);flex-wrap:nowrap;width:100%}.tracer-btn{min-width:0;padding:0 var(--space-8);font-size:var(--text-12);flex:1 1 0}.tracer-hbtn:not(.primary) .tracer-hlbl{display:none}.section-head.tracer-head,.tracer-head-btns{gap:var(--space-4)}.tracer-head-btns{flex:none}.tracer-head .anchor-hash{display:none}}.collections{padding:var(--space-8) 0 var(--space-24)}.col-sub{color:var(--muted);font-size:var(--text-14);margin:calc(var(--space-4) * -1) var(--space-4) var(--space-16)}.col-levels{gap:var(--space-8);margin:0 var(--space-4) var(--space-16);flex-wrap:wrap;display:flex}.col-level{text-decoration:none}.col-level:is(.n5,.n4,.n3,.n2,.n1){color:var(--lvl);border-color:var(--lvl)}.col-level:is(.n5,.n4,.n3,.n2,.n1):hover{background:color-mix(in srgb, var(--lvl) 10%, var(--surface))}.col-tiles{gap:var(--space-16);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.col-tile,.topic-tile{border:var(--stroke) solid var(--line);background:var(--surface);border-radius:var(--radius-16);transition:border-color var(--t-feedback), box-shadow var(--t-feedback), transform var(--t-feedback);text-decoration:none;display:flex}.col-tile{gap:var(--space-4);min-width:0;padding:var(--space-8) var(--space-16);flex-direction:column}.col-tile:hover,.topic-tile:hover{border-color:var(--accent);box-shadow:var(--shadow-resting);transform:translateY(-1px)}.col-tile-label{font-size:var(--text-16);color:var(--ink);font-weight:600}.col-tile-emoji{font-size:var(--text-18)}@media (width>=820px){.col-tiles{grid-template-columns:repeat(6,1fr)}.col-tile{padding:var(--space-8) var(--space-16)}.col-tile-label{font-size:var(--text-14);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}@media (width<=639px){.col-tiles{gap:var(--space-8);grid-template-columns:repeat(3,1fr)}.col-tile{padding:var(--space-8) var(--space-8)}.col-tile-label{font-size:var(--text-14);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.collections{padding:var(--space-4) 0 var(--space-16)}.col-levels{margin:0 var(--space-4) var(--space-8)}.col-section .section-head{margin:var(--space-16) var(--space-4) var(--space-8)}.col-section+.col-section .section-head{margin-top:var(--space-24)}.example-queries{gap:var(--space-8)}.example-queries button{padding:var(--space-8) var(--space-16)}}.topic-grid{gap:var(--space-16);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.topic-tile{align-items:center;gap:var(--space-16);min-height:72px;padding:var(--space-16) var(--space-16)}.topic-emoji{font-size:var(--text-24);line-height:var(--leading-glyph);flex:none}.topic-label{font-size:var(--text-16);color:var(--ink);font-weight:600}.credits-ack{margin:var(--space-4) 0 var(--space-16);padding:var(--space-16) var(--space-16);font-size:var(--text-12);line-height:var(--leading-body);color:var(--muted);background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius-8)}.credits-list{gap:var(--space-8);flex-direction:column;display:flex}.credits-list>li{gap:var(--space-4);padding:var(--space-16) var(--space-16);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-8);flex-direction:column;display:flex}.credits-name{font-weight:700}.credits-by,.credits-license{font-size:var(--text-12);color:var(--muted)}.credits-links{gap:var(--space-16);margin-top:var(--space-4);font-size:var(--text-12);flex-wrap:wrap;display:flex}.credits-links a{color:var(--accent-ink)}.credits-back{color:var(--muted);font-size:var(--text-14);margin:var(--space-24) var(--space-4) var(--space-16)}.flower{gap:var(--space-8);flex-direction:column;display:flex}.flower-bar{align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.flower-legend{align-items:center;gap:var(--space-8);font-size:var(--text-12);color:var(--muted);text-transform:uppercase;letter-spacing:var(--track-label);flex-wrap:wrap;display:flex}.flower-legend i{border-radius:var(--radius-4);width:10px;height:10px;margin-left:var(--space-8)}.flower-legend i:first-child{margin-left:0}.flower-actions{gap:var(--space-8);margin-left:auto;display:flex}.share-menu[popover]{padding:var(--space-8);border:var(--stroke) solid var(--line);border-radius:var(--radius-16);background:var(--surface);min-width:190px;box-shadow:var(--shadow-overlay);margin:0;position:fixed;inset:auto}.share-menu:popover-open{gap:var(--space-4);flex-direction:column;display:flex}.share-item{width:100%;padding:var(--space-8);border-radius:var(--radius-8);color:var(--accent-ink);font:inherit;font-size:var(--text-14);text-align:left;white-space:nowrap;cursor:pointer;transition:background var(--t-feedback);background:0 0;border:0;font-weight:700;display:block}.share-item:hover{background:var(--accent-bg)}.flower-canvas{margin-inline:calc(var(--space-16) * -1);justify-content:center;display:flex;position:relative}.flower-canvas svg{display:block}.flower-note{margin:0 0 calc(var(--space-8) * -1);font-size:var(--text-12);color:var(--muted);text-align:center}.flower-tip{z-index:var(--z-tip);pointer-events:none;gap:var(--space-4);max-width:220px;padding:var(--space-8) var(--space-8);background:var(--tip-bg);color:var(--on-fill);border-radius:var(--radius-8);box-shadow:var(--shadow-lift);font-size:var(--text-12);line-height:var(--leading-snug);flex-direction:column;display:flex;position:absolute}.flower-tip .ft-label{font-weight:700;font-size:var(--text-14)}.flower-tip .ft-gloss{color:var(--tip-ink)}@media (width<=639px){.flower-bar .flower-actions{order:-1}.flower-bar .flower-legend{flex-basis:100%}}}