@layer tokens{:root{--gray-000: #f8f9fa;--gray-100: #f1f3f5;--gray-200: #e9ecef;--gray-300: #dee2e6;--gray-400: #ced4da;--gray-500: #adb5bd;--gray-600: #868e96;--gray-700: #495057;--gray-800: #343a40;--gray-900: #212529;--bg-base: hsl(220, 13%, 10%);--bg-surface: hsl(220, 13%, 14%);--bg-elevated: hsl(220, 13%, 18%);--text-primary: hsl(210, 15%, 84%);--text-muted: hsl(210, 10%, 55%);--text-dim: hsl(210, 8%, 38%);--accent-cyan: hsl(186, 72%, 55%);--accent-cyan-hover: hsl(186, 72%, 70%);--accent-amber: hsl(42, 90%, 58%);--accent-green: hsl(145, 60%, 48%);--accent-red: hsl(0, 72%, 60%);--border: hsla(210, 15%, 84%, 0.1);--red: #fa5252;--pink: #e64980;--grape: #be4bdb;--purple: #7950f2;--indigo: #4c6ef5;--blue: #228be6;--cyan: #15aabf;--teal: #12b886;--green: #40c057;--yellow: #fab005;--orange: #fd7e14;--blue-300: #74c0fc;--blue-400: #4dabf7;--yellow-100: #fff3bf;--mono-font: ui-monospace, 'Cascadia Code', 'JetBrains Mono', 'Fira Code', 'Source Code Pro', Menlo, Consolas, 'Courier New', monospace;--prose-font: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', system-ui, sans-serif;--body-font: var(--prose-font);--body-font-size: clamp(15px, 1.4vw + 0.5rem, 18px);--body-line-height: 1.7;--body-color: var(--text-primary);--body-bg: var(--bg-base);--link-color: var(--accent-cyan);--link-hover-color: var(--accent-cyan-hover);--heading-color: var(--text-primary);--border-color: var(--border);--border-radius: 0;--code-font: var(--mono-font);--code-color: var(--accent-amber);--code-bg: var(--bg-surface);--spacer: 1rem;--spacer-2: calc(var(--spacer) * 1.5);--spacer-3: calc(var(--spacer) * 3)}@media (prefers-color-scheme: light){:root{--bg-base: hsl(45, 20%, 96%);--bg-surface: hsl(45, 15%, 91%);--bg-elevated: hsl(45, 10%, 86%);--text-primary: hsl(220, 20%, 12%);--text-muted: hsl(220, 10%, 42%);--text-dim: hsl(220, 8%, 62%);--accent-cyan: hsl(186, 60%, 35%);--accent-cyan-hover: hsl(186, 60%, 25%);--accent-amber: hsl(42, 90%, 38%);--border: hsla(220, 20%, 12%, 0.12)}}[data-theme="dark-poole"]{--body-color: var(--text-primary);--body-bg: var(--bg-base);--heading-color: var(--text-primary);--link-color: var(--accent-cyan);--link-hover-color: var(--accent-cyan-hover);--border-color: var(--border);--code-bg: var(--bg-surface);--code-color: var(--accent-amber)}}@layer base{*{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;font-family:var(--prose-font);font-size:var(--body-font-size);line-height:var(--body-line-height);letter-spacing:0.01em;color:var(--body-color);background-color:var(--body-bg);overflow-x:hidden;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;scrollbar-color:var(--text-dim) var(--bg-base);scrollbar-width:thin}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}a{color:var(--link-color)}a:hover,a:focus{color:var(--link-hover-color)}a strong{color:inherit}::selection{background-color:color-mix(in oklch, var(--accent-cyan) 35%, transparent);color:var(--text-primary)}img,video,iframe{display:block;max-width:100%;height:auto;margin-bottom:var(--spacer);border-radius:var(--border-radius)}pre{max-width:100%;overflow-x:auto;word-wrap:normal}table{display:block;margin-bottom:1rem;width:100%;max-width:100%;overflow-x:auto;border:0 solid var(--border-color);border-collapse:collapse}td,th{padding:.25rem .5rem;border-color:inherit;border-style:solid;border-width:0;border-bottom-width:1px}th{text-align:left}thead th{border-bottom-color:currentColor}mark{padding:.15rem;background-color:color-mix(in oklch, var(--accent-amber) 30%, transparent);color:var(--text-primary);border-radius:var(--border-radius)}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:var(--prose-font);font-weight:700;line-height:1.25;color:var(--heading-color)}h1{font-size:clamp(1.6rem, 5vw, 2.2rem);letter-spacing:-0.02em}h2{margin-top:1rem;font-size:clamp(1.25rem, 3.5vw, 1.6rem)}h3{margin-top:1.5rem;font-size:clamp(1.05rem, 2.5vw, 1.3rem)}h4,h5,h6{margin-top:1rem;font-size:1rem;text-transform:uppercase;letter-spacing:0.05em}p{margin-top:0;margin-bottom:1rem}ul,ol,dl{margin-top:0;margin-bottom:1rem}dt{font-weight:bold}dd{margin-bottom:.5rem}hr{margin:var(--spacer-2) 0;border:0;border-top:1px solid var(--border-color)}abbr{font-family:inherit;font-size:85%;font-weight:bold;color:var(--text-muted);text-transform:uppercase}abbr[title]{cursor:help;border-bottom:1px dotted var(--border-color)}blockquote{padding:.5rem 1rem;margin:.8rem 0;color:var(--text-muted);border-left:3px solid var(--accent-cyan)}blockquote p:last-child{margin-bottom:0}@media (min-width: 30em){blockquote{padding-left:1.25rem}}figure{margin:0}a[href^="#fn:"],a[href^="#fnref:"]{display:inline-block;margin-left:.1rem;font-weight:bold}.footnotes{margin-top:2rem;font-size:85%}.lead{font-size:clamp(1rem, 2vw, 1.2rem);font-style:italic}}@layer syntax{.highlight .hll{background-color:color-mix(in oklch, var(--accent-amber) 20%, transparent)}.highlight .c{color:var(--text-dim);font-style:italic}.highlight .err{color:var(--accent-red)}.highlight .k{color:var(--accent-cyan)}.highlight .o{color:var(--text-muted)}.highlight .cm{color:var(--text-dim);font-style:italic}.highlight .cp{color:var(--text-dim)}.highlight .c1{color:var(--text-dim);font-style:italic}.highlight .cs{color:var(--text-dim);font-style:italic}.highlight .gd{color:var(--accent-red)}.highlight .ge{font-style:italic}.highlight .gr{color:var(--accent-red)}.highlight .gh{color:var(--text-primary);font-weight:bold}.highlight .gi{color:var(--accent-green)}.highlight .go{color:var(--text-muted)}.highlight .gp{color:var(--accent-cyan);font-weight:bold}.highlight .gs{font-weight:bold}.highlight .gu{color:var(--accent-cyan)}.highlight .gt{color:var(--accent-amber)}.highlight .kc{color:var(--accent-cyan)}.highlight .kd{color:var(--accent-cyan)}.highlight .kn{color:var(--accent-cyan)}.highlight .kp{color:var(--accent-cyan)}.highlight .kr{color:var(--accent-cyan)}.highlight .kt{color:#eda65e}.highlight .m{color:#c886ea}.highlight .s{color:var(--accent-amber)}.highlight .na{color:#85d7e0}.highlight .nb{color:var(--text-primary)}.highlight .nc{color:#eda65e}.highlight .no{color:#c886ea}.highlight .nd{color:var(--accent-amber)}.highlight .ni{color:var(--text-muted)}.highlight .ne{color:var(--accent-red)}.highlight .nf{color:var(--accent-green)}.highlight .nl{color:var(--text-primary)}.highlight .nn{color:#eda65e}.highlight .nt{color:var(--accent-cyan)}.highlight .nv{color:var(--text-primary)}.highlight .ow{color:var(--accent-cyan)}.highlight .w{color:var(--text-dim)}.highlight .mf{color:#c886ea}.highlight .mh{color:#c886ea}.highlight .mi{color:#c886ea}.highlight .mo{color:#c886ea}.highlight .sb{color:var(--accent-amber)}.highlight .sc{color:var(--accent-amber)}.highlight .sd{color:var(--accent-amber);font-style:italic}.highlight .s2{color:var(--accent-amber)}.highlight .se{color:#eda65e}.highlight .sh{color:var(--accent-amber)}.highlight .si{color:#eda65e}.highlight .sx{color:var(--accent-amber)}.highlight .sr{color:var(--accent-green)}.highlight .s1{color:var(--accent-amber)}.highlight .ss{color:#85d7e0}.highlight .bp{color:var(--text-muted)}.highlight .vc{color:var(--text-primary)}.highlight .vg{color:var(--text-primary)}.highlight .vi{color:var(--text-primary)}.highlight .il{color:#c886ea}.css .o,.css .o+.nt,.css .nt+.nt{color:var(--text-muted)}}@layer components{code,pre{font-family:var(--code-font)}code{font-size:0.95em;color:var(--code-color);background-color:var(--code-bg);padding:0.1em 0.3em}pre{display:block;margin-top:0;margin-bottom:var(--spacer-3);overflow:auto}pre code{color:inherit;background-color:transparent;padding:0;font-size:1em}.highlight{position:relative;padding:var(--spacer);padding-top:calc(var(--spacer) * 2.25);margin-bottom:var(--spacer);background-color:var(--code-bg);border-radius:var(--border-radius)}.highlight::before{content:"\00B7  \00B7  \00B7";position:absolute;top:var(--spacer);left:var(--spacer);color:var(--text-dim);letter-spacing:0.15em;font-size:1.1em;line-height:1}.highlight pre{margin-bottom:0}.highlight .highlight{padding:0;padding-top:0}.highlight .highlight::before{display:none}.rouge-table{margin-bottom:0;font-size:100%}.rouge-table,.rouge-table td,.rouge-table th{border:0}.rouge-table .gutter{vertical-align:top;user-select:none;opacity:.25}.gist .markdown-body{padding:15px !important}body{display:grid;grid-template-rows:auto 1fr auto;min-height:100dvh}.container{max-width:52rem;padding-left:var(--spacer);padding-right:var(--spacer);margin-left:auto;margin-right:auto}@media (min-width: 480px){.container{padding-left:var(--spacer-2);padding-right:var(--spacer-2)}}footer{margin-top:var(--spacer-3);margin-bottom:var(--spacer-3);color:var(--text-muted)}.mast{border-bottom:1px solid var(--border-color);font-family:var(--mono-font)}.mast-inner{display:flex;align-items:center;justify-content:space-between;padding-top:22px;padding-bottom:22px;gap:16px;flex-wrap:wrap}@media (min-width: 480px){.mast-inner{gap:24px}}.mast-id{display:flex;align-items:center;gap:10px;font-family:var(--mono-font);font-weight:700;font-size:14px;letter-spacing:-0.01em;color:var(--text-primary);text-decoration:none}.mast-id .dot{width:8px;height:8px;background:var(--accent-cyan);border-radius:50%;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-cyan) 25%, transparent);flex-shrink:0}.mast nav{display:flex;gap:10px;flex-wrap:wrap;row-gap:4px}@media (min-width: 480px){.mast nav{gap:18px}}.mast nav a{color:var(--text-muted);text-decoration:none;font-family:var(--mono-font);font-size:13px;transition:color 0.15s;padding:8px 2px;min-height:44px;display:inline-flex;align-items:center}.mast nav a:hover{color:var(--text-primary)}.mast nav a.active{color:var(--accent-cyan)}@media (min-width: 480px){.mast nav a{min-height:0;padding:0}}.home-lede{padding:clamp(24px, 6vw, 48px) 0 clamp(20px, 4vw, 36px);border-bottom:1px solid var(--border-color);max-width:760px}.home-lede .lede-kicker{display:flex;align-items:center;gap:16px;font-family:var(--mono-font);font-size:11px;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:18px;flex-wrap:wrap}.home-lede .lede-latest{color:var(--accent-cyan);font-weight:700}.home-lede .lede-meta{color:var(--text-dim)}.home-lede .lede-title{font-family:var(--prose-font);font-size:clamp(24px, 6vw, 40px);font-weight:700;line-height:1.1;letter-spacing:-0.02em;margin:0 0 24px;color:var(--text-primary);word-break:break-word}.home-lede .lede-body{font-family:var(--prose-font)}.home-lede .lede-body p{color:var(--text-primary);font-size:14.5px;line-height:1.75;margin:0 0 1em}.home-lede .lede-body blockquote{border-left:2px solid var(--accent-cyan);padding:8px 0 8px 20px;margin:20px 0;color:var(--text-muted);font-style:italic}.home-lede .lede-body blockquote em{color:var(--text-primary);font-style:italic}.home-lede .lede-body blockquote p{margin:0 0 0.8em;font-size:14px;line-height:1.7}.home-lede .lede-body blockquote p:last-child{margin-bottom:0}.home-lede .lede-body a{color:var(--accent-cyan);text-decoration:underline;text-underline-offset:3px}.home-lede .lede-foot{margin-top:20px;padding-top:16px;border-top:1px dashed var(--border-color)}.home-lede .lede-perma{font-family:var(--mono-font);font-size:12px;color:var(--accent-cyan);background:transparent;border:none;padding:8px 0;min-height:44px;cursor:pointer;text-decoration:none;letter-spacing:0.05em;text-transform:lowercase}.home-lede .lede-perma:hover{text-decoration:underline;text-underline-offset:4px}.home-lede .lede-perma.copied{color:var(--text-muted)}.home-lede .lede-perma.copied:hover{text-decoration:none}@media (min-width: 480px){.home-lede .lede-perma{min-height:0;padding:0}}.section-head{padding:28px 0 10px;display:flex;justify-content:space-between;align-items:baseline;font-family:var(--mono-font);font-size:11px;text-transform:uppercase;letter-spacing:0.12em;color:var(--text-dim)}.section-head .count{color:var(--text-muted)}.posts{padding:0 0 36px}.post-row-link{display:block;color:inherit;text-decoration:none}.post-row{display:grid;grid-template-columns:1fr;grid-template-areas:"date" "title" "excerpt" "tags";gap:6px 12px;padding:18px 0;border-top:1px solid var(--border-color);align-items:baseline;transition:background .15s}@media (min-width: 640px){.post-row{grid-template-columns:100px 1fr auto;grid-template-areas:"date title tags" "date excerpt tags";gap:20px}}.post-row:last-child{border-bottom:1px solid var(--border-color)}.post-row:hover .post-title a{color:var(--accent-cyan)}.post-row .date{grid-area:date;font-family:var(--mono-font);font-size:11px;color:var(--text-dim);letter-spacing:0.06em;text-transform:uppercase;font-variant-numeric:tabular-nums}.post-row .post-title{grid-area:title;font-family:var(--prose-font);font-size:clamp(15px, 2.5vw, 17px);font-weight:700;color:var(--text-primary);letter-spacing:-0.01em;margin:0;word-break:break-word}.post-row .post-title a{color:inherit;text-decoration:none;transition:color .15s}.post-row .post-title .bullet{color:var(--text-dim);font-weight:400;margin-right:6px}.post-row .tags{grid-area:tags;display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}@media (min-width: 640px){.post-row .tags{justify-content:flex-end;margin-top:0}}.post-row .tag{font-family:var(--mono-font);font-size:9px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-dim);padding:2px 5px;border:1px solid var(--border-color)}@media (min-width: 640px){.post-row .tag{font-size:10px;letter-spacing:0.08em;color:var(--text-muted);padding:3px 7px}}.post-row .excerpt{grid-area:excerpt;color:var(--text-muted);font-size:13px;line-height:1.6;margin-top:6px}.post-page{padding:clamp(24px, 5vw, 40px) 0 clamp(32px, 7vw, 56px);max-width:720px;font-family:var(--prose-font)}.post-page .crumbs{font-family:var(--mono-font);font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-dim);margin-bottom:28px;word-break:break-word}.post-page .crumbs a{color:var(--text-muted);text-decoration:none}.post-page .crumbs .sep{color:var(--text-dim);margin:0 8px}.post-page h1{font-family:var(--prose-font);font-size:clamp(22px, 5.5vw, 34px);font-weight:700;line-height:1.15;letter-spacing:-0.02em;margin:0 0 10px;word-break:break-word}.post-page .meta-line{font-family:var(--mono-font);font-size:12px;color:var(--text-dim);letter-spacing:0.05em;margin-bottom:28px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.post-page .meta-line .dot{color:var(--border-color)}.post-page p{color:var(--text-primary);font-size:14.5px;line-height:1.75;margin:0 0 1em}.post-page blockquote{border-left:2px solid var(--accent-cyan);padding:8px 0 8px 20px;margin:20px 0;color:var(--text-muted);font-style:italic}.post-page blockquote em{color:var(--text-primary);font-style:italic}.post-page img,.post-page video,.post-page iframe{max-width:100%;height:auto}.post-page .table-wrap,.post-page table{display:block;max-width:100%;overflow-x:auto}.pagination{display:flex;margin:0 -1.5rem var(--spacer);color:var(--text-muted);text-align:center;font-family:var(--mono-font)}.pagination-item{display:block;padding:var(--spacer);text-decoration:none;border:solid var(--border-color);border-width:1px 0}.pagination-item:first-child{margin-bottom:-1px}.pagination-item.older::before{content:"<< ";color:var(--text-dim)}.pagination-item.newer::after{content:" >>";color:var(--text-dim)}a.pagination-item:hover{color:var(--accent-cyan);background-color:transparent}@media (min-width: 30em){.pagination{margin:var(--spacer-3) 0}.pagination-item{float:left;width:50%;border-width:1px}.pagination-item:first-child{margin-bottom:0}.pagination-item:last-child{margin-left:-1px}}.message{padding:var(--spacer);margin-bottom:var(--spacer);font-family:var(--mono-font);color:var(--text-primary);background-color:color-mix(in oklch, var(--accent-amber) 15%, var(--bg-surface));border-radius:var(--border-radius);border-left:3px solid var(--accent-amber)}#markdown-toc{padding:var(--spacer-2) var(--spacer-3);margin-bottom:var(--spacer-2);font-family:var(--prose-font);background-color:var(--bg-surface);border-left:3px solid var(--accent-cyan);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}#markdown-toc::before{display:block;margin-left:calc(var(--spacer-3) * -1);content:"// contents";font-family:var(--mono-font);color:var(--text-dim);font-size:85%;font-weight:500}#game{max-width:100%;overflow-x:hidden}#game .game-page{padding:clamp(20px, 5vw, 36px) 0 clamp(28px, 6vw, 48px);max-width:820px;margin:0 auto;position:relative}#game .game-head{margin-bottom:clamp(20px, 4vw, 32px);position:relative;padding-right:40px}#game .game-head h1{font-family:var(--mono-font);font-size:clamp(22px, 6vw, 34px);font-weight:700;letter-spacing:-0.02em;margin:0 0 16px;color:var(--text-primary);word-break:break-word}#game .game-head .rules{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--text-muted)}#game .game-head .rule{display:flex;gap:8px}#game .game-head .rule .k{flex-shrink:0;width:48px;color:var(--text-dim);text-transform:uppercase;font-size:10px;letter-spacing:0.14em;padding-top:3px}#game .close-button{position:absolute;top:0;right:0;background:transparent;border:none;color:var(--text-dim);font-size:28px;cursor:pointer;line-height:1;padding:8px;min-width:44px;min-height:44px;transition:color .15s}#game .close-button:hover{color:var(--text-primary)}#game .game-grid-wrap{display:flex;flex-direction:column;gap:20px;padding:clamp(14px, 4vw, 28px);border:1px solid var(--border-color);background:var(--bg-surface);margin-bottom:28px;align-items:stretch}@media (min-width: 640px){#game .game-grid-wrap{display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:start}}#game .game-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:clamp(4px, 1.5vw, 8px);width:100%;max-width:min(320px, 100%);aspect-ratio:1;margin:0 auto}@media (min-width: 640px){#game .game-grid{grid-template-columns:repeat(3, 96px);grid-template-rows:repeat(3, 96px);gap:8px;width:auto;max-width:none;aspect-ratio:auto;margin:0}}#game .gt{width:100%;height:100%;aspect-ratio:1;border:1px solid var(--border-color);background:var(--bg-elevated);cursor:pointer;transition:background .12s, transform .1s;padding:0}@media (min-width: 640px){#game .gt{width:96px;height:96px;aspect-ratio:auto}}#game .gt:hover{border-color:var(--accent-cyan)}#game .gt:active{transform:scale(0.96)}#game .gt.on{background:var(--accent-cyan);border-color:var(--accent-cyan)}#game .game-readout{display:flex;flex-direction:column;gap:8px;font-size:13px;font-family:var(--mono-font)}@media (min-width: 640px){#game .game-readout{min-width:200px}}#game .game-readout .ro-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed var(--border-color);gap:12px}#game .game-readout .ro-row .lbl{color:var(--text-dim);text-transform:uppercase;font-size:11px;letter-spacing:0.1em}#game .game-readout .ro-row .val{font-variant-numeric:tabular-nums;color:var(--text-primary);font-weight:700;text-align:right;word-break:break-word}#game .game-readout .ro-row .val.hi{color:var(--accent-cyan)}#game .game-readout .ro-row .val.dim{color:var(--text-muted);font-weight:400}#game .game-readout hr{border:0;border-top:1px solid var(--border-color);margin:8px 0 4px}#game .btn-mono{background:var(--accent-cyan);color:var(--bg-base);border:none;padding:12px 14px;min-height:44px;font-family:var(--mono-font);font-size:13px;font-weight:700;text-align:left;cursor:pointer;margin-bottom:2px;transition:opacity .15s}#game .btn-mono:hover{opacity:0.85}#game #message{color:var(--accent-cyan);font-weight:bold;min-height:1.5em;margin:1rem 0;font-family:var(--mono-font)}@media (prefers-reduced-motion: reduce){#game *,#game *::before,#game *::after{transition-duration:0.01ms !important;animation-duration:0.01ms !important}}.jp-page{padding:clamp(20px, 5vw, 36px) 0 clamp(28px, 6vw, 48px)}.jp-head{margin-bottom:28px}.jp-head h1{font-family:"Noto Sans JP",var(--mono-font);font-size:clamp(36px, 10vw, 56px);font-weight:900;letter-spacing:-0.02em;line-height:1;margin:0 0 10px;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.jp-head h1 .jp-sub{font-family:var(--mono-font);font-size:clamp(13px, 2vw, 15px);font-weight:400;color:var(--text-dim);letter-spacing:0}.jp-head .jp-dek{color:var(--text-muted);font-size:13.5px;max-width:60ch;margin:0 0 18px}.jp-head .jp-controls{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.seg{display:inline-flex;border:1px solid var(--border-color);background:var(--bg-surface)}.seg button{background:transparent;border:none;color:var(--text-muted);font-family:var(--mono-font);font-size:12px;padding:10px 14px;min-height:44px;cursor:pointer;text-transform:uppercase;letter-spacing:0.1em}.seg button.active{background:var(--accent-cyan);color:var(--bg-base);font-weight:700}.jp-stat{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:0.1em}.jp-stat b{color:var(--text-primary);font-weight:700}.kana-grid{display:grid;grid-template-columns:1fr;gap:14px}@media (min-width: 720px){.kana-grid{grid-template-columns:repeat(2, 1fr)}}.kana-row{display:grid;grid-template-columns:36px 1fr;gap:8px;align-items:stretch;min-width:0}@media (min-width: 480px){.kana-row{grid-template-columns:40px 1fr;gap:10px}}.kana-label{background:var(--rc);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--mono-font);font-weight:900;font-size:12px;letter-spacing:0.1em;padding:4px}.kana-cells{display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));gap:4px;min-width:0}.kana-cell{background:color-mix(in srgb, var(--rc), var(--bg-base) 60%);border:1px solid color-mix(in srgb, var(--rc), transparent 70%);padding:8px 2px 6px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;transition:background 0.15s, transform 0.1s;min-width:0;min-height:44px}@media (min-width: 480px){.kana-cell{padding:10px 4px 8px}}.kana-cell:hover{background:color-mix(in srgb, var(--rc), var(--bg-base) 40%);transform:translateY(-1px)}.kana-cell.speaking{background:color-mix(in srgb, var(--rc), var(--bg-base) 25%);border-color:var(--rc)}.kana-glyph{font-family:'Noto Sans JP', sans-serif;font-weight:900;font-size:clamp(18px, 5vw, 24px);line-height:1.1;color:color-mix(in srgb, var(--rc), #fff 60%)}.kana-glyph.kata{font-size:clamp(15px, 4.2vw, 20px);opacity:0.85}.kana-romaji{font-family:var(--mono-font);font-size:clamp(9px, 2vw, 10px);text-transform:lowercase;color:color-mix(in srgb, var(--rc), #fff 40%);letter-spacing:0.05em;margin-top:2px}@media (prefers-color-scheme: light){.kana-cell{background:color-mix(in srgb, var(--rc), #fff 75%);border-color:color-mix(in srgb, var(--rc), transparent 60%)}.kana-glyph{color:color-mix(in srgb, var(--rc), #000 30%)}.kana-romaji{color:color-mix(in srgb, var(--rc), #000 10%)}}@media (prefers-reduced-motion: reduce){.kana-cell,.seg button{transition-duration:0.01ms !important;animation-duration:0.01ms !important}}.jp-hide-hira .kana-glyph:not(.kata){display:none}.jp-hide-kata .kana-glyph.kata{display:none}}@layer utilities{.colors{display:grid;grid-template-columns:max-content 1fr}.colors dt{width:3rem;height:3rem;border-radius:var(--border-radius);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.15)}.colors dd{margin-left:var(--spacer)}}