:root{--cache-bust: 20260721;color-scheme:light dark;--fg: #1a1a1a;--bg: #fbfaf7;--muted: #6b6b6b;--accent: #2d7a4f;--focus-bg: #d9ece1;--line: #d8d5cd;--font-body: "Hiragino Sans", "Noto Sans JP", system-ui, sans-serif;--editor-font: var(--font-body);--editor-size: 1.15rem;--cand-size: 1.05rem}@media(prefers-color-scheme:dark){:root{--fg: #e8e6e0;--bg: #16181a;--muted: #9a9a94;--accent: #7fc9a0;--focus-bg: #244433;--line: #33363a}}*{box-sizing:border-box}body{margin:0 auto;padding:1.5rem 1rem 3rem;max-width:46rem;font-family:var(--font-body);color:var(--fg);background:var(--bg);line-height:1.7;touch-action:manipulation}a{color:var(--accent)}header h1{margin:0;font-size:1.6rem}header h1 a{color:inherit;text-decoration:none}header h1 .formal{font-size:.85rem;font-weight:400;color:var(--muted);margin-left:.4rem;letter-spacing:.04em}.tagline{margin:.2rem 0 1rem;color:var(--muted);font-size:.9rem}.breadcrumb{margin:.4rem 0 1.2rem;font-size:.85rem;color:var(--muted)}.intro{margin:0 0 1.2rem;font-size:.95rem}.intro h2{margin:0 0 .3rem;font-size:1.15rem}.intro p{margin:.4rem 0}.labs{margin:1.8rem 0;padding-left:1.4rem}.labs li{margin:.8rem 0}.diff-inline{display:block;margin-top:.1rem;font-size:.8rem;color:var(--muted)}.diff-inline b{color:var(--accent);font-weight:600}.layers{margin:0 0 1.2rem;padding:.7rem .9rem;border:1px solid var(--line);border-radius:10px;font-size:.85rem}.stack{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;margin:0 0 .5rem}.blk{padding:.15rem .55rem;border:1px solid var(--line);border-radius:6px;color:var(--muted);white-space:nowrap}.blk.swap{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:600}.arw{color:var(--muted);font-size:.75rem}.flow{display:inline-flex;flex-direction:column;align-items:center;line-height:1.25}.flow-label{font-size:.65rem;color:var(--muted);white-space:nowrap}.layers p{margin:.35rem 0 0}.layers .kept{color:var(--muted)}.layers code,.compare code{padding:.05rem .3rem;border-radius:4px;background:color-mix(in srgb,var(--line) 35%,transparent);font-size:.9em}.layers .src{color:var(--muted);font-size:.8rem}.diag-title{margin:0 0 .4rem;font-size:.9rem}.diag{display:grid;grid-template-columns:max-content 1fr;gap:.2rem .8rem;margin:0 0 .5rem;font-size:.85rem}.diag dt{color:var(--muted);font-family:ui-monospace,monospace;font-size:.8rem}.diag dd{margin:0}.compare{margin:2rem 0 0;font-size:.95rem}.compare h2{margin:0 0 .3rem;font-size:1.15rem}.matrix-wrap{overflow-x:auto;margin:1rem 0 .6rem}.matrix{border-collapse:collapse;min-width:38rem;font-size:.82rem;line-height:1.55}.matrix th,.matrix td{padding:.45rem .6rem;border:1px solid var(--line);text-align:left;vertical-align:top}.matrix thead th{background:color-mix(in srgb,var(--line) 30%,transparent)}.matrix tbody th{font-weight:600;white-space:nowrap}.matrix .can{color:var(--accent);font-weight:600}.matrix .cant{color:var(--muted);font-weight:600}.matrix small{display:block;margin-top:.15rem;color:var(--muted)}.compare .note{color:var(--muted);font-size:.82rem}.controls{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;margin-bottom:.8rem;font-size:.9rem}.controls select,.controls button{font:inherit;padding:.15rem .5rem;background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:6px}.status{color:var(--muted);font-size:.8rem}.editor-wrap{position:relative}.editor{min-height:12rem;max-height:60vh;overflow-y:auto;padding:1rem;border:1px solid var(--line);border-radius:10px 10px 0 0;font-size:var(--editor-size);white-space:pre-wrap;word-break:break-word;cursor:text;caret-color:var(--accent);font-family:var(--editor-font);outline:none}.editor:focus{border-color:var(--accent)}.editor:empty:before,.editor.is-empty:before{content:attr(data-placeholder);color:var(--muted);pointer-events:none;position:absolute}.statusline{padding:.25rem 1rem;border:1px solid var(--line);border-top:none;border-radius:0 0 10px 10px;text-align:right;font-size:.75rem;color:var(--muted)}.composition{caret-color:transparent}.seg-yomi{text-decoration:underline dotted}.seg-focus{background:var(--focus-bg);text-decoration:underline}.seg-other{text-decoration:underline}.candidates{position:absolute;z-index:10;min-width:120px;max-width:400px;padding:2px 0;background:var(--bg);border:.5px solid var(--line);border-radius:4px;box-shadow:0 2px 8px #00000026;font-size:var(--cand-size);font-family:var(--editor-font);-webkit-user-select:none;user-select:none}.cand-row{display:flex;gap:8px;align-items:baseline;padding:4px 8px;white-space:nowrap}.cand-row.selected{background:var(--focus-bg)}.cand-num{min-width:18px;text-align:right;font-family:ui-monospace,monospace;font-size:.72rem;color:var(--muted)}.cand-more{padding:1px 8px 3px;text-align:right;font-size:.7rem;color:var(--muted)}.cand-ann{min-width:3.6em;text-align:right;font-size:.68rem;color:var(--muted)}.cand-divider{margin-block:2px;margin-inline:4px;border-block-start:.5px solid var(--line)}.vertical .editor{writing-mode:vertical-rl;width:100%;height:min(60vh,34rem);min-height:0;max-height:none;overflow-x:auto;overflow-y:hidden;caret-color:transparent}.vcaret{position:absolute;z-index:5;height:2px;border-radius:1px;background:var(--accent);pointer-events:none;animation:vcaret-blink 1.06s steps(2,start) infinite}@keyframes vcaret-blink{to{visibility:hidden}}.cand-v{max-width:none;min-width:0}.cand-v .cand-cols{display:flex;align-items:flex-start}.cand-v-rl .cand-cols{flex-direction:row-reverse}.cand-v .cand-row{writing-mode:vertical-rl;padding:8px 4px;align-items:center}.cand-v .cand-num{min-width:0;text-align:start;text-combine-upright:all}.cand-v .cand-ann{min-width:0;text-align:start}.cand-v .cand-divider{align-self:stretch;margin:4px 2px;border-block-start:none;border-inline-start:.5px solid var(--line)}.dict{margin-top:1rem;padding:.5rem .8rem;border:1px solid var(--line);border-radius:10px;font-size:.9rem}.dict summary{cursor:pointer;color:var(--muted)}.dict form{display:flex;flex-wrap:wrap;gap:.5rem;margin:.6rem 0 .3rem;align-items:center}.dict input,.dict select,.dict button{font:inherit;padding:.2rem .5rem;background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:6px}.dict input{min-width:9em}.dict ul{list-style:none;margin:.4rem 0 .2rem;padding:0}.dict li{display:flex;gap:.6rem;align-items:center;padding:.15rem 0;border-top:1px dashed var(--line)}.dict li button{font-size:.75rem;padding:.05rem .4rem}.hints{margin-top:1.2rem;color:var(--muted);font-size:.85rem}.hints ul{margin:.3rem 0 0;padding-left:1.2rem}footer{margin-top:2rem;padding-top:.8rem;border-top:1px solid var(--line);color:var(--muted);font-size:.8rem}footer a{color:var(--accent)}.flick-panel{position:fixed;left:0;right:0;bottom:0;z-index:20;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--line) 40%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.flick-area{max-width:30rem;margin:0 auto;aspect-ratio:5 / 3.2;max-height:300px}body.flick-on main{padding-bottom:min(82vw,400px)}.gamepad-area{margin:1rem 0;overflow-x:auto;--ge-accent: var(--accent);--ge-panel-bg: color-mix(in srgb, var(--line) 30%, transparent);--ge-key-bg: var(--bg);--ge-key-fg: var(--fg);--ge-muted: var(--muted)}.flick-cands{max-width:30rem;margin:0 auto 6px;display:flex;gap:6px;align-items:center;overflow-x:auto;min-height:2.3rem;touch-action:pan-x;-webkit-overflow-scrolling:touch;scrollbar-width:none}.flick-cands::-webkit-scrollbar{display:none}.fcand{flex:0 0 auto;padding:.25rem .6rem;border:1px solid var(--line);border-radius:6px;background:var(--bg);font-size:.95rem;cursor:pointer;user-select:none;-webkit-user-select:none}.fcand.selected{background:var(--accent);border-color:var(--accent);color:var(--bg)}.fcand-addl{color:var(--muted);border-style:dashed}.fcand-addl.selected{color:var(--bg);border-style:solid}body.theme-neon{--fg: #d8f4ff;--bg: #0a0e17;--muted: #6f8ba0;--accent: #00e5ff;--focus-bg: #123a4a;--line: #1d3a4d;--editor-font: ui-monospace, "SFMono-Regular", Menlo, "Hiragino Sans", monospace}@keyframes neon-pulse-frame{0%,to{box-shadow:0 0 14px #00e5ff38;border-color:#00e5ff73}50%{box-shadow:0 0 30px #00e5ff80;border-color:#00e5ffe6}}body.theme-neon .candidates{box-shadow:0 0 20px #00e5ff47;animation:neon-pulse-frame 2.6s ease-in-out infinite}body.theme-neon .cand-row.selected{box-shadow:inset 0 0 14px #00e5ff8c}body.theme-neon .editor:focus{box-shadow:0 0 16px #00e5ff29}@media(prefers-reduced-motion:reduce){body.theme-neon .candidates{animation:none}}body.theme-letterpress{--fg: #3a2f28;--bg: #efe4cc;--muted: #8a7860;--accent: #8b5a2b;--focus-bg: #ddcba6;--line: #cbb994;--editor-font: "Hiragino Mincho ProN", "Yu Mincho", YuMincho, "Noto Serif JP", serif;--press-shadow: 0 0 .35px currentColor, .02em .025em .015em rgba(58, 47, 40, .28);--paper-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.32' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='2.6' intercept='-0.55'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.2'/%3E%3C/svg%3E")}body.theme-letterpress .editor,body.theme-letterpress .candidates{text-shadow:var(--press-shadow);letter-spacing:.015em}body.theme-letterpress .editor-wrap{background-color:var(--bg);background-image:var(--paper-noise);border-radius:10px}body.theme-letterpress .candidates{background-image:var(--paper-noise)}body.theme-terminal{--fg: #33ff33;--bg: #000000;--muted: #1f8a1f;--accent: #33ff33;--focus-bg: #0d3b0d;--line: #1b5e20;--editor-font: ui-monospace, "SFMono-Regular", Menlo, "Hiragino Sans", monospace}body.theme-terminal .cand-row.selected{background:#3f3;color:#000}body.theme-terminal .cand-num{color:#1f8a1f}.theme-bar{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;margin:0 0 .8rem;font-size:.9rem}.theme-bar .swatches{display:flex;gap:.4rem}.theme-bar button.sw{font:inherit;padding:.2rem .7rem;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--fg);cursor:pointer}.theme-bar button.sw[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:600}.theme-bar input[type=range]{accent-color:var(--accent)}.cand-grid{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:20;max-width:min(96vw,1100px);max-height:60vh;overflow:auto;padding:10px 12px 6px;background:var(--bg);border:.5px solid var(--line);border-radius:6px;box-shadow:0 4px 20px #00000038;font-size:var(--cand-size);font-family:var(--editor-font);-webkit-user-select:none;user-select:none}.cand-grid-cells{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(5.5em,auto);gap:1px 10px}.cand-cell{display:flex;gap:6px;align-items:baseline;padding:3px 6px;white-space:nowrap;border-radius:3px;cursor:pointer}.cand-cell.selected{background:var(--focus-bg)}.cand-grid-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding-top:5px;border-top:.5px solid var(--line);font-size:.7rem;color:var(--muted)}.fold-panel{margin-top:12px;padding:8px 10px;border:.5px solid var(--line);border-radius:4px;font-size:.8rem}.fold-panel>summary{cursor:pointer;color:var(--muted)}.fold-grid{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:8px}.cand-more-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:3px}.cand-dots{display:inline-flex;gap:4px;align-items:center}.cand-dot{width:5px;height:5px;border-radius:50%;border:.5px solid var(--muted);opacity:.55}.cand-dot.on{background:var(--muted);opacity:1}.cand-tab-hint{margin-left:8px}.fold-break{flex-basis:100%;height:0;margin:0}.fold-item{display:flex;gap:6px;align-items:center}.fold-label{color:var(--muted);white-space:nowrap}.fold-item input{width:5.5em;padding:2px 4px;font:inherit}.fold-note{margin:8px 0 0;font-size:.75rem;color:var(--muted)}