.counter-page{--soft:#f8f9fa;--danger:#a43d3d;--counter-page:880px;max-width:var(--counter-page)}.counter-page button,.counter-page textarea,.counter-page input{font:inherit}.counter-hero{padding:64px 0 56px}.counter-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 20px;color:#7c8187;font-size:12px;font-weight:700;letter-spacing:.2em}.counter-eyebrow:before{width:28px;height:2px;background:var(--color-accent);content:""}.counter-hero h1{margin:0;font-size:clamp(2rem,5vw,3rem);line-height:1.35;letter-spacing:-.035em}.counter-workspace{border-top:1px solid var(--color-line)}.tool-section{padding:32px 0;border-bottom:1px solid var(--color-line)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.section-heading h2{margin:0;font-size:1.08rem;line-height:1.5}.section-description{margin:-4px 0 16px;color:var(--color-muted);font-size:.82rem}.section-action,.collapse-toggle,.text-button{min-height:44px;border:0;background:transparent;color:var(--color-text);cursor:pointer;font-size:.82rem;font-weight:700;text-decoration:underline;text-underline-offset:5px}.section-action:hover,.collapse-toggle:hover,.text-button:hover{color:#8a6e1f}.section-action:focus-visible,.collapse-toggle:focus-visible,.text-button:focus-visible,.counter-button:focus-visible,.preset-button:focus-visible,.counter-page textarea:focus-visible,.counter-page input:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.collapse-toggle{display:inline-flex;align-items:center;gap:8px;text-decoration:none}.collapse-toggle:after{content:"⌄";font-size:1rem;transition:transform .15s ease}.collapse-toggle[aria-expanded=true]:after{transform:rotate(180deg)}.current-setting{color:var(--color-muted);font-weight:500}.collapsible[hidden]{display:none}.counter-page textarea{display:block;width:100%;border:1px solid #c9cccf;border-radius:2px;background:#fff;color:var(--color-text);font-size:16px;line-height:1.8;padding:14px 16px;resize:vertical}#problem-memo{height:168px;min-height:128px;max-height:240px;overflow-y:auto;background:var(--soft)}#answer-input{min-height:184px;font-family:Shippori Mincho,Noto Sans JP,serif;font-size:17px}.limit-controls{display:flex;flex-wrap:wrap;gap:8px}.preset-button{min-width:58px;min-height:44px;padding:8px 12px;border:1px solid #c9cccf;border-radius:3px;background:#fff;color:var(--color-text);cursor:pointer;font-size:.84rem;font-weight:700}.preset-button:hover{border-color:var(--color-accent)}.preset-button.active{border-color:var(--color-accent);box-shadow:inset 0 -2px 0 var(--color-accent)}.custom-limit{display:flex;align-items:center;gap:8px;margin-top:12px;color:var(--color-muted);font-size:.82rem}.custom-limit input{width:88px;min-height:44px;border:1px solid #c9cccf;border-radius:3px;padding:6px 10px;color:var(--color-text);font-size:16px}.count-panel{margin-top:20px;padding-top:20px;border-top:1px solid var(--color-line)}.count-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.count-number{font-size:2rem;font-weight:700;line-height:1}.count-limit{color:var(--color-muted);font-size:.8rem}.count-status{display:flex;align-items:flex-end;flex-direction:column;gap:2px;text-align:right}.status{font-size:.82rem;font-weight:700}.target-range{color:var(--color-muted);font-size:.7rem;font-weight:400}.status[data-state=over]{color:var(--danger)}.progress-track{height:3px;margin-top:14px;overflow:hidden;background:var(--color-line)}.progress-bar{width:0;height:100%;background:var(--color-accent);transition:width .15s ease}.progress-bar.over{background:var(--danger)}.answer-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px;margin-top:12px}.counter-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:11px 18px;border:1px solid var(--color-text);border-radius:4px;background:#fff;color:var(--color-text);cursor:pointer;font-size:.88rem;font-weight:700;box-shadow:inset 0 -2px 0 var(--color-accent)}.counter-button:hover{background:var(--soft)}.preview-note{color:var(--color-muted);font-size:.74rem}.grid-scale{display:flex;justify-content:space-between;margin-bottom:4px;padding:0 2px;color:#8b9095;font-family:monospace;font-size:9px}.genko-row{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:2px;margin-bottom:3px}.genko-cell{position:relative;display:flex;aspect-ratio:1/1;align-items:center;justify-content:center;border:1px solid #cbd5e1;border-radius:2px;background:#fff;color:#1e293b;font-family:Shippori Mincho,Noto Sans JP,serif;font-size:15px;font-weight:700;user-select:none}.genko-cell.overflow{border-color:#d9a0a0;background:#fbf1f1;color:var(--danger)}.genko-cell.empty{border-color:#edf0f2;background:#fafafa;color:transparent}.genko-cell.punctuation,.genko-cell .merged-punct{color:#8a6e1f}.genko-cell .merged-punct{position:absolute;right:1px;bottom:1px;font-size:.75em;font-weight:700}.toast{position:fixed;right:20px;bottom:20px;z-index:50;max-width:min(360px,calc(100% - 32px));padding:11px 14px;border:1px solid #404246;border-left:3px solid var(--color-accent);background:var(--color-text);color:#fff;font-size:.78rem;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .15s ease,transform .15s ease}.toast.visible{opacity:1;transform:translateY(0)}.toast.error{border-left-color:#d77b7b}@media(max-width:640px){.counter-hero{padding:48px 0 40px}.tool-section{padding:28px 0}.section-heading{align-items:flex-start}.section-heading h2{font-size:1rem}#problem-memo{height:144px}#answer-input{min-height:220px}.limit-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.preset-button{width:100%;min-width:0}.count-row{gap:12px}.genko-cell{border-width:.5px;font-size:10px}.genko-row{gap:1px;margin-bottom:2px}.toast{right:16px;bottom:16px}}@media(prefers-reduced-motion:reduce){.counter-page *,.counter-page *:before,.counter-page *:after{transition:none!important}}