@page{size:A4 portrait;margin:0}.yb-desc{margin:0 0 12px;color:var(--text-muted)}.yb-top{max-width:1080px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}.yb-kind{display:inline-flex;border:2px solid var(--accent);border-radius:999px;overflow:hidden;background:var(--card-bg)}.yb-tab{position:relative;display:inline-flex;align-items:center;min-height:var(--tap-min);padding:0 18px;font-weight:700;color:var(--accent-hover);cursor:pointer}.yb-tab input,.yb-chip input{position:absolute;opacity:0;pointer-events:none}.yb-tab:has(input:checked){background:var(--accent);color:var(--on-accent)}.yb-tab:has(input:focus-visible),.yb-chip:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:2px}.yb-templates{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.yb-templates-label{font-size:var(--fs-ui-label);font-weight:700;color:var(--text-muted)}.yb-tpl{min-height:var(--tap-min);padding:0 14px;border:1px solid var(--border);border-radius:999px;background:var(--card-bg);color:var(--text);font:inherit;font-size:var(--fs-ui-button);font-weight:600;cursor:pointer}.yb-tpl:hover{border-color:var(--accent)}.yb-tpl-blank{color:var(--text-muted);border-style:dashed}.yb-mode-kana .yb-templates,.yb-mode-kana .yb-words-only{display:none}.yb-notice{max-width:1080px;margin:12px auto 0;padding:10px 14px;border:1px solid #e5c76b;background:#fff8e1;border-radius:8px;color:#5b4300;text-align:left}.yb-layout{margin-top:16px}.yb-chips{display:flex;flex-wrap:wrap;gap:8px}.yb-chip{position:relative;display:inline-flex;align-items:center;gap:2px;min-height:var(--tap-min);padding:0 14px;border:1px solid var(--border);border-radius:8px;background:var(--card-bg);color:var(--text);font-size:var(--fs-ui-button);font-weight:600;cursor:pointer}.yb-chip small{font-size:var(--fs-small);font-weight:400;color:var(--text-muted)}.yb-chip:has(input:checked){border-color:var(--accent);background:var(--accent-bg);color:var(--accent-hover);box-shadow:inset 0 0 0 1px var(--accent)}.yb-chip:has(input:disabled){opacity:.5;cursor:default}.yb-setting{display:flex;align-items:center;gap:10px;margin:8px 0}.yb-setting-label{flex:0 0 5em;font-size:var(--fs-ui-label);font-weight:700;color:var(--text-muted)}.yb-pick-hint{margin:0 0 8px}.yb-cats{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.yb-cat{min-height:40px;padding:0 12px;border:1px solid var(--border);border-radius:999px;background:var(--card-bg);color:var(--text);font:inherit;font-size:var(--fs-ui-button);cursor:pointer}.yb-cat.is-on{background:var(--text);border-color:var(--text);color:var(--card-bg);font-weight:700}.yb-palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}.yb-pal{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:72px;padding:6px 4px;border:1px solid var(--border);border-radius:10px;background:var(--card-bg);color:var(--text);font:inherit;cursor:pointer}.yb-pal:hover{border-color:var(--accent)}.yb-pal-emoji{font-size:28px;line-height:1.1}.yb-pal-text{font-size:14px;font-weight:700;line-height:1.3;word-break:keep-all;overflow-wrap:anywhere}.yb-pal.is-used{background:var(--surface-soft)}.yb-pal-used{font-size:var(--fs-small);color:var(--text-slate)}.yb-details{margin-top:16px;border:1px solid var(--border-soft);border-radius:10px;background:var(--card-bg);padding:0 14px}.yb-details>summary{min-height:var(--tap-min);display:flex;align-items:center;font-weight:700;cursor:pointer}.yb-details[open]{padding-bottom:14px}.yb-mt{margin-top:12px}.yb-emoji-picks{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.yb-epick{width:var(--tap-min);height:var(--tap-min);border:1px solid var(--border-soft);border-radius:8px;background:var(--card-bg);font-size:22px;cursor:pointer}.yb-photo-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.yb-photo-row input[type=file]{max-width:100%;font-size:var(--fs-ui-button)}.yb-photo-prev{width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid var(--border)}.yb-prompt{white-space:pre-wrap;font-family:inherit;font-size:13px;line-height:1.7;background:var(--surface-soft);border:1px solid var(--border-soft);border-radius:8px;padding:10px 12px;margin:6px 0 8px}.yb-btn-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.yb-btn-row .btn-reset,.yb-details .btn-reset{min-height:40px}.yb-file-btn{position:relative;display:inline-flex;align-items:center}.yb-file-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.yb-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch;margin-bottom:12px}.yb-preview .yb-use{flex:1 1 200px;width:auto;font-size:18px}.yb-print-row{flex:1 1 260px;display:flex;gap:8px;align-items:center}.yb-preview .yb-print{flex:1;width:auto;min-height:var(--tap-min)}.yb-orient{flex-wrap:nowrap}.yb-edit-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 10px;padding:8px 10px;border-radius:10px;background:var(--accent-bg);text-align:left}.yb-edit-what{flex:1 1 100%;font-weight:700}.yb-edit-bar .btn-reset{min-height:40px;min-width:44px}.yb-edit-bar .btn-reset:disabled{opacity:.45;cursor:default}.yb-sheet-wrap{position:relative;overflow:hidden;border-radius:8px}.yb-sheet{box-sizing:border-box;transform-origin:top left;display:flex;flex-direction:column;background:#fff;color:#111;box-shadow:var(--sheet-shadow)}.yb-sheet-title{flex:0 0 var(--title-h);display:flex;align-items:center;justify-content:center;font-size:6mm;font-weight:700;line-height:1.2;overflow:hidden;white-space:nowrap}.yb-sheet.is-kana .yb-sheet-title{font-size:4.5mm}.yb-sheet-grid{display:grid;margin:auto}.yb-cell{container-type:size;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2%;min-width:0;min-height:0;padding:3%;border:.9mm solid #1f2a2c;border-radius:3mm;background:#fff;color:#111;font:inherit;cursor:pointer;overflow:hidden}.yb-cell.is-yes{background:#e3efff}.yb-cell.is-no{background:#ffe9e4}.yb-cell.is-empty{border:.5mm dashed #8a979a;background:#fafafa}.yb-empty-mark{font-size:30cqh;color:#6b7a7d;line-height:1}.yb-sheet .yb-cell.is-sel{outline:1.4mm solid var(--accent);outline-offset:.8mm;background:var(--accent-bg)}.yb-pic{font-size:40cqh;line-height:1.1;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.yb-pic img{display:block;height:52cqh;max-width:90cqi;object-fit:cover;border-radius:2mm}.yb-pic.is-none{display:none}.yb-label{font-size:min(23cqh,calc(90cqi / var(--len)));font-weight:800;line-height:1.15;white-space:nowrap}.yb-cell:has(.yb-pic.is-none) .yb-label{font-size:min(34cqh,calc(90cqi / var(--len)))}.size-xl .yb-pic{font-size:28cqh}.size-xl .yb-pic img{height:40cqh}.size-xl .yb-label{font-size:min(32cqh,calc(92cqi / var(--len)))}.yb-kcell{container-type:size;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;padding:0;border:.6mm solid #1f2a2c;border-radius:2mm;background:#fff;color:#111;font:inherit}.yb-kch{font-size:68cqh;font-weight:700;line-height:1}.yb-kcell.is-yes,.yb-kcell.is-no{border-width:.9mm}.yb-kcell.is-yes{background:#e3efff}.yb-kcell.is-no{background:#ffe9e4}.yb-kcell.is-yes .yb-kch,.yb-kcell.is-no .yb-kch{font-size:60cqh;font-weight:800}.yb-kcell.is-mark{background:#f1f1ef}.yb-kmark{display:flex}.yb-kmark svg{width:80cqh;height:80cqh}:root.yb-showing,:root.yb-showing body{overflow:hidden}.yb-show{position:fixed;inset:0;z-index:var(--z-modal);display:flex;flex-direction:column;gap:clamp(8px,1.6vmin,18px);padding:clamp(8px,1.6vmin,18px);background:#f4f2ec;color:#111}.yb-show[hidden]{display:none}.yb-show-top{display:flex;gap:clamp(8px,1.6vmin,18px);align-items:stretch}.yb-banner{flex:1;min-width:0;min-height:clamp(64px,15vh,170px);display:flex;align-items:center;gap:.35em;padding:0 .4em;border-radius:16px;background:#fff;border:3px solid #1f2a2c;font-size:clamp(30px,8.5vmin,96px);font-weight:800;line-height:1.1;overflow:hidden}.yb-banner-emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.yb-banner-emoji img{display:block;height:1.3em;width:auto;border-radius:10px}.yb-banner-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yb-banner.is-empty .yb-banner-text:before{content:attr(data-hint);font-size:.42em;font-weight:600;color:#4a5558}.yb-show.is-kana .yb-banner{display:none}.yb-show.is-kana .yb-show-top{justify-content:flex-end}.yb-show-tools{display:flex;flex-direction:column;gap:8px;justify-content:center}.yb-show.is-kana .yb-show-tools{flex-direction:row}.yb-show-btn{min-height:52px;padding:0 18px;border:2px solid #1f2a2c;border-radius:12px;background:#fff;color:#111;font:inherit;font-size:18px;font-weight:700;white-space:nowrap;cursor:pointer}.yb-show-btn:disabled{opacity:.4;cursor:default}.yb-show-close{background:#1f2a2c;color:#fff}.yb-stage{flex:1;min-height:0;display:grid;gap:clamp(10px,2.4vmin,30px)}.yb-scell{border:4px solid #1f2a2c;border-radius:18px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none}.yb-scell.is-empty{border:2px dashed #c3c9ca;background:transparent;cursor:default}.yb-stage button:focus-visible{outline:4px dashed var(--accent-hover);outline-offset:4px}.yb-stage .is-on{z-index:1;border-color:#111;background:#fff4c2;box-shadow:0 0 0 clamp(6px,1.3vmin,16px) #e8a800;transform:scale(1.02)}.yb-stage.is-kana{grid-template-columns:repeat(11,1fr);grid-template-rows:repeat(8,1fr);gap:clamp(4px,1vmin,12px)}.yb-stage .yb-kcell{border-width:2px;border-radius:10px;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-tap-highlight-color:transparent}.yb-stage .yb-kcell.is-on{box-shadow:0 0 0 clamp(3px,.7vmin,8px) #e8a800;transform:none}.yb-kana-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch}.yb-kana-text{flex:1 1 320px;min-height:clamp(56px,11vh,120px);display:flex;align-items:center;padding:0 .4em;border:3px solid #1f2a2c;border-radius:14px;background:#fff;font-size:clamp(28px,7vmin,80px);font-weight:800;letter-spacing:.04em;overflow-x:auto;white-space:nowrap}.yb-kana-text.is-empty:before{content:"字を押すと、ここに並びます";font-size:.4em;font-weight:600;color:#4a5558}.yb-kana-ops{display:flex;gap:8px}.yb-kana-read{background:#1f6f66;border-color:#1f6f66;color:#fff}.tool-guide-content ol{list-style:decimal;padding-left:1.4em}.tool-guide-content .yb-guide-list{list-style:disc;padding-left:1.4em}@media (max-width: 768px){.yb-preview{order:-1}.yb-top{gap:10px}.yb-kind{width:100%}.yb-tab{flex:1;justify-content:center;padding:0 8px}.yb-templates-label{width:100%}.yb-print-row{flex-basis:100%}.yb-show-btn{font-size:15px;padding:0 8px;min-height:48px}.yb-show-top{flex-direction:column}.yb-banner{min-height:clamp(64px,11vh,120px)}.yb-show-tools{flex-wrap:nowrap}.yb-show-tools{flex-direction:row;flex-wrap:wrap}.yb-show-tools .yb-show-btn{flex:1}}@media (prefers-reduced-motion: reduce){.yb-stage .is-on{transform:none}}@media print{.yb-preview{border:none!important}.yb-sheet-wrap{height:auto!important;overflow:visible;border-radius:0}.yb-sheet{transform:none!important;box-shadow:none;overflow:hidden;break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}.yb-empty-mark{display:none}.yb-sheet .yb-cell.is-sel{outline:none}}