:root{color-scheme:dark;--koke: #10150f;--koke-card: #171d15;--koke-card-hi: #1e2319;--line: #39412f;--line-dim: #283021;--kinari: #f0e7ce;--kinari-dim: #cfc5a9;--nibi: #9b927b;--nibi-dark: #756e5b;--kincha: #d4aa45;--kincha-dim: #b99239;--kincha-line: #5b4d2a;--shu: #a83226;--shu-dark: #681c18;--ivy: #233b24;--fern: #6f854e;--stone: #a69e8b;--sakura: #fef4f4;--kogane: #e6b422;--moegi: #006e54;--hanarokusho: #00a381;--asagi: #00a3af;--kodaimurasaki: #895b8a;--gunjo: #4c6cb3;--zouge: #f8f4e6;--backdrop: rgba(13, 15, 10, .84);--backdrop-weak: rgba(13, 15, 10, .5);--serif: "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif;--sans: "Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans JP", sans-serif;--mono: "SF Mono", Menlo, Consolas, monospace}[data-theme=light]{color-scheme:light;--koke: #eee7d5;--koke-card: #fbf7eb;--koke-card-hi: #f6efd9;--line: #cfc4a9;--line-dim: #ded4bd;--kinari: #26251d;--kinari-dim: #46402f;--nibi: #685f4b;--nibi-dark: #8c8068;--kincha: #8a6410;--kincha-dim: #76550e;--kincha-line: #d0b66f;--shu: #a83226;--shu-dark: #7b251d;--ivy: #dae3cc;--fern: #6d7e51;--stone: #817967;--sakura: #fef4f4;--kogane: #e6b422;--moegi: #006e54;--hanarokusho: #00a381;--asagi: #00a3af;--kodaimurasaki: #895b8a;--gunjo: #4c6cb3;--zouge: #f8f4e6;--backdrop: rgba(58, 52, 38, .45);--backdrop-weak: rgba(58, 52, 38, .25)}[data-theme=asagi]{color-scheme:dark;--koke: #0d1f22;--koke-card: #12292d;--koke-card-hi: #17343a;--line: #2e5b61;--line-dim: #203f44;--kinari: #e8f4f2;--kinari-dim: #bddbd8;--nibi: #83afb2;--nibi-dark: #5d8589;--kincha: #83ccd2;--kincha-dim: #59b9c6;--kincha-line: #2a6d75;--shu: #ba2636;--shu-dark: #731a24;--ivy: #163c35;--fern: #00a381;--stone: #89c3eb;--sakura: #fef4f4;--kogane: #e6b422;--moegi: #006e54;--hanarokusho: #00a381;--asagi: #00a3af;--kodaimurasaki: #895b8a;--gunjo: #4c6cb3;--zouge: #f8f4e6;--backdrop: rgba(7, 20, 23, .84);--backdrop-weak: rgba(7, 20, 23, .48)}[data-theme=murasaki]{color-scheme:dark;--koke: #17111a;--koke-card: #211725;--koke-card-hi: #2a1d2f;--line: #503956;--line-dim: #37263d;--kinari: #f1e8ef;--kinari-dim: #d7bfd2;--nibi: #b095aa;--nibi-dark: #7f6b7d;--kincha: #e6b422;--kincha-dim: #d3a243;--kincha-line: #675021;--shu: #ba2636;--shu-dark: #6c1822;--ivy: #2b2440;--fern: #bc64a4;--stone: #a6a5c4;--sakura: #fef4f4;--kogane: #e6b422;--moegi: #006e54;--hanarokusho: #00a381;--asagi: #00a3af;--kodaimurasaki: #895b8a;--gunjo: #4c6cb3;--zouge: #f8f4e6;--backdrop: rgba(16, 10, 19, .84);--backdrop-weak: rgba(16, 10, 19, .48)}[data-theme=sakura]{color-scheme:light;--koke: #f7eff1;--koke-card: #fff8f7;--koke-card-hi: #f9eceb;--line: #dac5cb;--line-dim: #ead9dd;--kinari: #30242a;--kinari-dim: #59434d;--nibi: #7b6570;--nibi-dark: #9e828e;--kincha: #c39143;--kincha-dim: #956f29;--kincha-line: #d8bf82;--shu: #ba2636;--shu-dark: #7b1b26;--ivy: #e9dfe5;--fern: #00a381;--stone: #a6a5c4;--sakura: #fef4f4;--kogane: #e6b422;--moegi: #006e54;--hanarokusho: #00a381;--asagi: #00a3af;--kodaimurasaki: #895b8a;--gunjo: #4c6cb3;--zouge: #f8f4e6;--backdrop: rgba(66, 45, 54, .46);--backdrop-weak: rgba(66, 45, 54, .25)}[data-theme=beni]{color-scheme:light;--koke: #fff7f7;--koke-card: #fffafa;--koke-card-hi: #fdeff2;--line: #e4b8c1;--line-dim: #f0d4da;--kinari: #351f25;--kinari-dim: #65414b;--nibi: #8b6470;--nibi-dark: #a9828c;--kincha: #c97586;--kincha-dim: #a25768;--kincha-line: #e3a2aa;--shu: #c9171e;--shu-dark: #8a1e22;--ivy: #fef4f4;--fern: #e198b4;--stone: #eebbcb;--sakura: #fef4f4;--kogane: #e6b422;--moegi: #006e54;--hanarokusho: #00a381;--asagi: #00a3af;--kodaimurasaki: #895b8a;--gunjo: #4c6cb3;--zouge: #f8f4e6;--backdrop: rgba(82, 34, 44, .42);--backdrop-weak: rgba(82, 34, 44, .22)}[data-vision=red-green]{--kincha: #e6b422;--kincha-dim: #c39143;--kincha-line: #7b641e;--fern: #4c6cb3;--stone: #a6a5c4;--asagi: #2a83a2;--kodaimurasaki: #705b67}[data-vision=blue-yellow]{--kincha: #c85179;--kincha-dim: #a25768;--kincha-line: #73414f;--fern: #006e54;--stone: #8b968d;--asagi: #478384;--kodaimurasaki: #9e3d3f}[data-vision=mono]{--kincha: var(--kinari);--kincha-dim: var(--kinari-dim);--kincha-line: var(--line);--fern: var(--nibi);--stone: var(--nibi-dark);--asagi: var(--nibi);--kodaimurasaki: var(--nibi-dark);--shu: var(--kinari);--shu-dark: var(--kinari-dim)}[data-text=contrast]{--line: color-mix(in srgb, var(--kinari) 48%, var(--koke));--line-dim: color-mix(in srgb, var(--kinari) 30%, var(--koke));--nibi: color-mix(in srgb, var(--kinari) 76%, var(--koke));--nibi-dark: color-mix(in srgb, var(--kinari) 62%, var(--koke));--kinari-dim: color-mix(in srgb, var(--kinari) 88%, var(--koke))}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:radial-gradient(circle at 18% 14%,color-mix(in srgb,var(--fern) 17%,transparent),transparent 32%),radial-gradient(circle at 78% 6%,color-mix(in srgb,var(--stone) 16%,transparent),transparent 28%),radial-gradient(circle at 90% 80%,color-mix(in srgb,var(--kincha) 10%,transparent),transparent 30%),linear-gradient(135deg,color-mix(in srgb,var(--koke) 92%,#000),var(--koke) 54%,color-mix(in srgb,var(--ivy) 58%,var(--koke)));background-position:0% 0%,100% 8%,88% 94%,center;background-size:150% 150%,145% 145%,160% 160%,auto;color:var(--kinari);font-family:var(--sans);-webkit-font-smoothing:antialiased;animation:page-wash 34s ease-in-out infinite}[data-text=contrast] body{background:radial-gradient(circle at 18% 14%,color-mix(in srgb,var(--fern) 9%,transparent),transparent 32%),radial-gradient(circle at 78% 6%,color-mix(in srgb,var(--stone) 9%,transparent),transparent 28%),linear-gradient(135deg,var(--koke),color-mix(in srgb,var(--koke) 82%,#000))}@keyframes page-wash{0%,to{background-position:0% 0%,100% 8%,88% 94%,center}33%{background-position:18% 10%,84% 22%,78% 78%,center}66%{background-position:4% 24%,94% 0%,100% 66%,center}}#root{min-height:100vh;display:flex}.shell{position:relative;flex:1;min-width:0;max-width:960px;margin:0 auto;padding:24px 42px 22px;display:flex;flex-direction:column;min-height:100vh}.top{display:flex;align-items:center;gap:12px;min-height:46px;padding-bottom:12px;border-bottom:1px double var(--line)}.corner-kanji{width:62px;flex:0 0 62px;font-family:var(--serif);font-size:30px;line-height:1;color:var(--kincha);text-align:center;text-shadow:0 1px 0 color-mix(in srgb,var(--kinari) 18%,transparent)}.dot{width:3px;height:28px;border-radius:2px;background:var(--nibi-dark);flex-shrink:0;transition:background .4s,height .4s}.dot-listening{background:var(--kincha);height:34px;animation:breathe 2.6s ease-in-out infinite}.dot-speaking{background:var(--shu);height:40px;animation:breathe .9s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.55;transform:scaleY(.88)}50%{opacity:1;transform:scaleY(1.08)}}.status{font-size:16px;color:var(--nibi);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-heard{color:var(--kinari);font-size:18px}.mode{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--nibi-dark);flex-shrink:0;letter-spacing:.08em;text-transform:uppercase}.stage{flex:1;display:flex;flex-direction:column;justify-content:center;padding:20px 0;gap:16px}.ambient{position:relative;flex:1;min-height:430px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:radial-gradient(circle at 54% 62%,color-mix(in srgb,var(--fern) 16%,transparent),transparent 30%),radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--kogane) 12%,transparent),transparent 30%),radial-gradient(circle at 84% 26%,color-mix(in srgb,var(--stone) 13%,transparent),transparent 32%),linear-gradient(140deg,color-mix(in srgb,var(--koke-card) 82%,#000),var(--koke-card-hi));background-position:52% 62%,16% 18%,84% 26%,center;background-size:150% 150%,138% 138%,145% 145%,auto;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--kinari) 4%,transparent);animation:ambient-wash 24s ease-in-out infinite}@keyframes ambient-wash{0%,to{background-position:52% 62%,16% 18%,84% 26%,center}30%{background-position:44% 56%,28% 24%,72% 34%,center}64%{background-position:62% 70%,10% 30%,92% 18%,center}}.ambient:before{content:"辞";position:absolute;right:8%;bottom:-12%;font-family:var(--serif);font-size:clamp(180px,32vw,340px);line-height:1;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--kincha) 26%,transparent);text-shadow:0 1px 0 color-mix(in srgb,var(--kincha) 10%,transparent);opacity:.22}.drift{position:absolute;z-index:1;color:color-mix(in srgb,var(--kincha) 74%,var(--stone));opacity:0;animation:drift linear infinite,word-breathe ease-in-out infinite;font-family:var(--serif);-webkit-user-select:none;user-select:none;will-change:transform,opacity}@keyframes drift{0%{transform:translate3d(0,20px,0) scale(.96);opacity:0}18%{opacity:.18}50%{transform:translate3d(var(--drift-x, 0),var(--drift-y, -18px),0) scale(1.03);opacity:.24}82%{opacity:.13}to{transform:translate3d(calc(var(--drift-x, 0) * 1.7),-52px,0) scale(.98);opacity:0}}@keyframes word-breathe{0%,to{filter:blur(0)}50%{filter:blur(.2px)}}.ambient-center{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.breath{position:relative;width:86px;height:86px;border-radius:50%;border:1px double var(--kincha-line);display:grid;place-items:center;color:var(--kincha);font-family:var(--serif);font-size:34px;background:radial-gradient(circle,color-mix(in srgb,var(--sakura) 14%,transparent),transparent 42%),radial-gradient(circle,color-mix(in srgb,var(--stone) 16%,transparent),transparent 58%),color-mix(in srgb,var(--koke-card) 44%,transparent);animation:ring 5.2s ease-in-out infinite}@keyframes ring{0%,to{transform:scale(.92);border-color:var(--kincha-line)}50%{transform:scale(1.05);border-color:var(--kincha-dim)}}.ambient-line{font-family:var(--mono);font-size:13px;color:var(--nibi);background:color-mix(in srgb,var(--koke-card) 70%,transparent);border:1px solid var(--line-dim);border-radius:8px;padding:7px 12px}.list-meta{font-size:13px;color:var(--nibi-dark);margin-bottom:2px}.cand{display:flex;align-items:center;gap:20px;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer;background:var(--koke-card);border:1px solid var(--line);border-radius:8px;padding:14px 20px;box-shadow:inset 2px 0 color-mix(in srgb,var(--kincha) 16%,transparent)}.cand:hover{border-color:var(--kincha-dim)}.cand-hero{background:linear-gradient(90deg,color-mix(in srgb,var(--kincha) 8%,transparent),transparent 42%),var(--koke-card-hi);border-color:var(--kincha);padding:18px 20px}.medal{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--kincha-line);color:var(--kincha);font-size:18px;flex-shrink:0;background:color-mix(in srgb,var(--koke-card-hi) 88%,var(--kincha))}.cand-hero .medal{background:var(--kincha);color:var(--koke);border-color:var(--kincha);font-weight:600}.cand-body{flex:1;min-width:0}.cand-line{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.cand-kanji{font-family:var(--serif);font-size:34px;line-height:1.25;color:var(--kinari)}.cand-hero .cand-kanji{font-size:42px;color:var(--kinari)}.cand-reading{font-size:16px;color:var(--kincha-dim)}.cand-gloss{font-size:15px;color:var(--nibi);margin-top:2px}.cand-hero .cand-gloss{color:var(--kinari-dim);font-size:16px}.cand-note{font-family:var(--mono);font-size:12px;color:var(--nibi-dark);margin-top:4px}.empty{text-align:center;color:var(--nibi);font-size:18px}.empty-sub{margin-top:10px;font-family:var(--mono);font-size:13px;color:var(--nibi-dark)}.sentence{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:18px 12px;padding:8px 0 4px}.tok{display:flex;flex-direction:column;align-items:center;gap:10px;background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer}.tok:disabled{cursor:default}.tok:not(:disabled):hover .medal-small{border-color:var(--kincha);background:color-mix(in srgb,var(--kincha) 14%,transparent)}.tok:not(:disabled):hover .tok-word{text-shadow:0 0 18px color-mix(in srgb,var(--kincha) 45%,transparent)}.tok ruby,.tok-plain{font-size:34px;line-height:1.15;font-family:var(--serif);color:var(--kinari)}.tok rt{font-size:12px;color:var(--nibi);font-family:var(--sans)}.tok-dim ruby,.tok-dim .tok-plain{color:var(--nibi-dark)}.tok-selected .tok-word{border-bottom:2px solid var(--kincha);border-radius:0;padding-bottom:3px}.tok .medal-small{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--kincha-line);color:var(--kincha);font-size:13px}.tok .medal-hidden{visibility:hidden}.tok-selected .medal-small{background:var(--kincha);color:var(--koke);border-color:var(--kincha);font-weight:600}.def{display:flex;align-items:flex-start;gap:24px;background:linear-gradient(115deg,color-mix(in srgb,var(--kincha) 7%,transparent),transparent 34%),var(--koke-card);border:1px solid var(--line);border-radius:8px;padding:24px 28px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--kinari) 4%,transparent)}.def-body{padding-top:4px}.def-kanji{font-family:var(--serif);font-size:64px;line-height:1.15;color:var(--kinari);text-shadow:0 1px 0 color-mix(in srgb,var(--kincha) 22%,transparent)}.def-compact .def-kanji{font-size:44px}.def-reading{font-size:16px;color:var(--kincha-dim);margin-top:6px}.def-body{flex:1;min-width:0}.def-gloss{font-size:17px;color:var(--kinari-dim);margin:3px 0;display:flex;gap:10px}.def-n{color:var(--nibi-dark);font-size:14px;min-width:14px;padding-top:2px}.def-meta{font-family:var(--mono);font-size:12px;color:var(--nibi-dark);margin-top:10px}.def-stamp{display:flex;flex-direction:column;align-items:center;gap:5px;flex-shrink:0}.stamp{width:52px;height:52px;border-radius:50%;border:2.5px solid var(--shu);color:var(--shu);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:24px;animation:stamp-in .45s cubic-bezier(.2,1.4,.4,1)}.def-compact .stamp{width:42px;height:42px;font-size:19px}.stamp-label{font-size:11px;color:var(--nibi-dark)}@keyframes stamp-in{0%{transform:scale(1.9);opacity:0}60%{transform:scale(.94);opacity:1}to{transform:scale(1)}}.def-head{flex-shrink:0;max-width:220px}.facets{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.facet{display:inline-flex;align-items:center;font-size:13px;font-family:inherit;color:var(--nibi-dark);background:none;border:1px solid var(--line-dim);border-radius:8px;padding:3px 12px;cursor:pointer}.facet:hover{border-color:var(--kincha-line);color:var(--kincha-dim)}.facet-on{color:var(--koke);background:var(--kincha);border-color:var(--kincha);font-weight:600}.krow{display:flex;align-items:center;gap:16px;padding:8px 0;border-bottom:1px solid var(--line-dim)}.krow:last-child{border-bottom:none}.krow-char{font-family:var(--serif);font-size:40px;color:var(--kinari);flex-shrink:0}.krow-body{display:flex;flex-direction:column;gap:3px;min-width:0}.krow-mean{font-size:15px;color:var(--kinari-dim)}.krow-read{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 16px;font-size:14px;color:var(--kinari-dim)}.kread{display:inline-flex;align-items:baseline;gap:7px}.kread-label{font-size:11px;line-height:1;padding:3px 6px 2px;border:1px solid;border-radius:5px;font-family:var(--sans)}.kread-on .kread-label{color:var(--kincha);border-color:var(--kincha-line);background:color-mix(in srgb,var(--kincha) 9%,transparent)}.kread-kun .kread-label{color:var(--fern);border-color:color-mix(in srgb,var(--fern) 45%,transparent);background:color-mix(in srgb,var(--fern) 10%,transparent)}.kread-strokes{font-size:12px;color:var(--nibi-dark)}.conj{display:flex;flex-direction:column}.conj-row{display:flex;align-items:baseline;gap:16px;padding:4px 0}.conj-label{font-size:13px;color:var(--nibi-dark);min-width:56px}.conj-form{font-family:var(--serif);font-size:20px;color:var(--kinari-dim)}.def-note{font-size:14px;color:var(--nibi)}.stamp-pending{width:52px;height:52px;border-radius:50%;border:1.5px dashed var(--kincha-line);color:var(--nibi-dark);display:flex;align-items:center;justify-content:center;font-size:13px;font-family:inherit;background:none;padding:0;cursor:pointer}.stamp-pending:hover{border-color:var(--shu);color:var(--shu)}.def-compact .stamp-pending{width:42px;height:42px;font-size:12px}.def-stamp .stamp-label{max-width:84px;text-align:center;line-height:1.4}.top-btn{margin-left:10px;height:26px;min-width:26px;border-radius:8px;border:1px solid var(--line);background:none;color:var(--nibi-dark);font-family:var(--mono);font-size:12px;cursor:pointer;flex-shrink:0;padding:0 6px}.top-btn:hover{color:var(--kincha);border-color:var(--kincha-line);background:color-mix(in srgb,var(--kincha) 7%,transparent)}.top-menu-btn{font-size:15px;line-height:1}.history-btn{display:inline-flex;align-items:center;gap:6px}.history-btn-active{color:var(--kinari-dim);border-color:color-mix(in srgb,var(--kincha-line) 72%,var(--line));background:color-mix(in srgb,var(--kincha) 8%,transparent)}.history-dot{width:7px;height:7px;border-radius:50%;background:var(--shu);box-shadow:0 0 0 2px color-mix(in srgb,var(--shu) 14%,transparent),0 0 10px color-mix(in srgb,var(--shu) 62%,transparent);flex:0 0 7px}.side-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;background:var(--backdrop-weak)}.side{position:fixed;top:0;right:0;bottom:0;z-index:9;width:340px;max-width:90vw;background:linear-gradient(180deg,color-mix(in srgb,var(--kincha) 7%,transparent),transparent 180px),var(--koke-card);border-left:1px solid var(--line);transform:translate(105%);transition:transform .25s ease;padding:18px 22px 28px;overflow-y:auto}.side-open{transform:none}.side-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.side-title{font-family:var(--mono);font-size:13px;color:var(--nibi)}.side-section{display:flex;align-items:center;font-family:var(--mono);font-size:12px;color:var(--kincha-dim);letter-spacing:.08em;margin:18px 0 6px}.side-empty{font-family:var(--mono);font-size:12px;color:var(--nibi-dark);padding:6px 0}.side-word,.side-sent{display:block;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid var(--line-dim);padding:10px 2px;cursor:pointer;font-family:var(--sans)}.side-word:hover,.side-sent:hover{background:var(--koke-card-hi)}.side-line{display:flex;align-items:baseline;gap:10px}.side-kanji{font-family:var(--serif);font-size:22px;color:var(--kinari)}.side-reading{font-size:13px;color:var(--kincha-dim)}.side-gloss{display:block;font-size:13px;color:var(--nibi);margin-top:2px}.side-context{display:block;font-size:12px;color:var(--nibi-dark);margin-top:4px;line-height:1.5}.side-sent{font-size:14px;color:var(--kinari-dim);line-height:1.6}.side-actions{display:flex;gap:8px;padding:8px 0;flex-wrap:wrap}.side-import{display:inline-flex;align-items:center;cursor:pointer}.top-btn-on{color:var(--kincha);border-color:var(--kincha-line)}.input-bar{padding:10px 0 0}.input-field{width:100%;background:var(--koke-card);color:var(--kinari);border:1px solid var(--line);border-radius:999px;padding:10px 20px;font-family:var(--sans);font-size:16px}.input-field:focus{outline:none;border-color:var(--kincha-line)}.input-field::placeholder{color:var(--nibi-dark)}.tok-slot .tok-word{border:1px dashed var(--kincha);border-radius:10px;padding:0 10px;color:var(--kincha-dim)}.tok-slot.tok-selected .tok-word{background:var(--koke-card-hi);color:var(--kincha)}.slot-meta{text-align:center;font-family:var(--mono);font-size:13px;color:var(--kincha-dim)}.slot-prompt{text-align:center;font-family:var(--mono);font-size:13px;color:var(--nibi);line-height:1.9;max-width:560px;margin:0 auto}.mic-select{width:100%;max-width:280px;background:var(--koke-card-hi);color:var(--kinari);border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-family:var(--sans);font-size:13px}.settings-note{font-family:var(--mono);font-size:12px;color:var(--nibi-dark);margin-top:6px;line-height:1.5}.fine-print{margin-top:28px;padding-top:12px;border-top:1px solid var(--line-dim);font-family:var(--mono);font-size:11px;color:var(--nibi-dark);line-height:1.7}.fine-print a{color:var(--nibi)}.settings{position:fixed;top:0;right:0;bottom:0;z-index:9;width:360px;max-width:92vw;background:linear-gradient(180deg,color-mix(in srgb,var(--kincha) 8%,transparent),transparent 180px),var(--koke-card);border-left:1px solid var(--line);transform:translate(105%);transition:transform .25s ease;padding:18px 22px 28px;overflow-y:auto}.settings-open{transform:none}.settings-group{border-top:1px solid var(--line-dim);padding:16px 0}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-label{font-family:var(--mono);font-size:12px;color:var(--kincha-dim);letter-spacing:.08em;margin-bottom:10px}.settings-row .settings-label{margin-bottom:0}.seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.seg-btn,.toggle{min-height:36px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--koke-card-hi) 78%,transparent);color:var(--kinari-dim);font-family:var(--sans);font-size:14px;cursor:pointer}.seg-btn:hover,.toggle:hover{border-color:var(--kincha-line);color:var(--kincha)}.seg-on,.toggle-on{background:linear-gradient(90deg,var(--kincha) 0 4px,transparent 4px),color-mix(in srgb,var(--kincha) 14%,var(--koke-card-hi));border-color:var(--kincha);color:var(--kinari);font-weight:700}.seg-on:hover,.toggle-on:hover{color:var(--kinari);background:linear-gradient(90deg,var(--kincha) 0 4px,transparent 4px),color-mix(in srgb,var(--kincha) 20%,var(--koke-card-hi))}[data-text=large] .status{font-size:18px}[data-text=large] .status-heard{font-size:21px}[data-text=large] .ambient-line,[data-text=large] .hint,[data-text=large] .hint-cmd,[data-text=large] .cand-note,[data-text=large] .def-meta,[data-text=large] .side-title,[data-text=large] .side-section,[data-text=large] .settings-label{font-size:15px}[data-text=large] .cand-kanji{font-size:40px}[data-text=large] .cand-hero .cand-kanji{font-size:48px}[data-text=large] .cand-reading,[data-text=large] .cand-gloss,[data-text=large] .def-reading,[data-text=large] .def-gloss,[data-text=large] .def-note,[data-text=large] .side-sent,[data-text=large] .side-gloss{font-size:18px}[data-text=large] .tok ruby,[data-text=large] .tok-plain{font-size:40px}[data-text=large] .tok rt{font-size:15px}[data-text=large] .def-kanji{font-size:72px}[data-text=large] .def-compact .def-kanji{font-size:52px}[data-text=large] .krow-mean,[data-text=large] .krow-read,[data-text=large] .conj-form,[data-text=large] .seg-btn,[data-text=large] .toggle{font-size:17px}[data-text=contrast] .ambient,[data-text=contrast] .cand,[data-text=contrast] .def,[data-text=contrast] .side,[data-text=contrast] .settings,[data-text=contrast] .tut{background:var(--koke-card);border-color:var(--kinari);box-shadow:none}[data-text=contrast] .ambient:before{opacity:.08}[data-text=contrast] .drift{opacity:.3;filter:none}[data-text=contrast] .cand-kanji,[data-text=contrast] .tok ruby,[data-text=contrast] .tok-plain,[data-text=contrast] .def-kanji,[data-text=contrast] .side-kanji{text-shadow:none;font-weight:700}[data-text=contrast] .seg-btn,[data-text=contrast] .toggle,[data-text=contrast] .top-btn,[data-text=contrast] .hint-cmd{border-color:var(--kinari)}.tut-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:var(--backdrop);display:flex;align-items:center;justify-content:center;padding:24px}.tut{background:var(--koke-card);border:1px solid var(--line);border-radius:8px;padding:30px 36px;max-width:640px;width:100%;max-height:86vh;overflow-y:auto}.tut h1{font-family:var(--serif);font-weight:500;font-size:25px;color:var(--kinari);margin:0 0 12px}.tut-intro{font-size:15px;color:var(--kinari-dim);line-height:1.65;margin:0}.tut-note{font-family:var(--mono);font-size:12px;color:var(--nibi-dark);margin:12px 0 6px}.tut-section{font-family:var(--mono);font-size:12px;color:var(--kincha-dim);letter-spacing:.08em;margin:18px 0 6px}.tut-item{display:flex;gap:16px;align-items:baseline;padding:4px 0}.tut-say{color:var(--kincha);font-size:14px;flex:0 0 150px}.tut-desc{color:var(--nibi);font-size:14px;line-height:1.55}.tut-actions{display:flex;align-items:center;gap:16px;margin-top:24px;flex-wrap:wrap}.tut-start{background:var(--kincha);color:var(--koke);border:none;border-radius:8px;padding:10px 26px;font-size:15px;font-weight:600;cursor:pointer}.tut-start:hover{background:var(--kincha-dim)}.tut-hint{font-family:var(--mono);font-size:12px;color:var(--nibi-dark)}@media (max-width: 640px){.tut{padding:22px 20px}.tut-item{flex-direction:column;gap:2px}.tut-say{flex-basis:auto}}.hint{text-align:center;font-family:var(--mono);font-size:13px;color:var(--nibi-dark);border-top:1px solid var(--line-dim);padding-top:14px}.hint-cmd{background:none;border:none;padding:0;font:inherit;color:var(--nibi);cursor:pointer;text-decoration:underline dotted;text-underline-offset:4px}.hint-cmd:hover{color:var(--kincha)}@media (max-width: 640px){.shell{padding:14px 16px 16px}.top{gap:8px;min-height:42px}.corner-kanji{width:48px;flex-basis:48px;font-size:24px}.status{font-size:14px}.mode{display:none}.ambient{min-height:390px}.cand-kanji{font-size:28px}.cand-hero .cand-kanji{font-size:34px}.def-kanji{font-size:48px}.def{flex-direction:column;gap:16px;padding:20px}.tok ruby,.tok-plain{font-size:28px}}@media (prefers-reduced-motion: reduce){body,.ambient,.dot-listening,.dot-speaking,.breath,.drift{animation:none}}[data-motion=off] body,[data-motion=off] .ambient,[data-motion=off] .dot-listening,[data-motion=off] .dot-speaking,[data-motion=off] .breath,[data-motion=off] .drift,[data-motion=off] .stamp{animation:none}