.write[data-astro-cid-3dd4mo2k]{padding:48px 0 80px}.write-header[data-astro-cid-3dd4mo2k]{text-align:center;margin-bottom:24px}.write-header[data-astro-cid-3dd4mo2k] h1[data-astro-cid-3dd4mo2k]{font-family:var(--font-display);font-size:clamp(36px,4vw,56px);font-weight:400;color:var(--color-ink);margin-bottom:6px}.write-deck[data-astro-cid-3dd4mo2k]{font-size:15px;color:var(--color-muted)}.write-scene[data-astro-cid-3dd4mo2k]{width:100%;max-width:420px;margin:0 auto 28px;background:var(--color-paper);border:1px solid var(--color-border);padding:28px;display:flex;flex-direction:column;align-items:center;gap:20px;position:relative;user-select:none}.write-prompt[data-astro-cid-3dd4mo2k]{text-align:center;display:flex;flex-direction:column;gap:6px}.write-prompt-main[data-astro-cid-3dd4mo2k]{line-height:1.1}.write-prompt-main[data-astro-cid-3dd4mo2k].mode-pinyin{font-family:var(--font-display);font-style:italic;font-size:clamp(32px,5vw,56px);color:var(--color-ink);letter-spacing:.02em}.write-prompt-sub[data-astro-cid-3dd4mo2k]{font-family:var(--font-zh);font-size:clamp(16px,2vw,22px);color:var(--color-muted)}.write-canvas-wrap[data-astro-cid-3dd4mo2k]{position:relative;width:280px;height:280px}.write-canvas[data-astro-cid-3dd4mo2k]{width:100%;height:100%}.write-canvas[data-astro-cid-3dd4mo2k] svg{width:100%;height:100%}.write-overlay[data-astro-cid-3dd4mo2k]{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#ffffffd9;font-family:var(--font-display);font-style:italic;font-size:28px;color:var(--color-accent);pointer-events:none}.write-feedback[data-astro-cid-3dd4mo2k]{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);min-height:18px;text-align:center}.write-controls[data-astro-cid-3dd4mo2k]{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap}.write-controls[data-astro-cid-3dd4mo2k] button[data-astro-cid-3dd4mo2k]{background:var(--color-bg);border:1px solid var(--color-border);padding:10px 20px;font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--color-fg);cursor:pointer;transition:border-color .15s ease}.write-controls[data-astro-cid-3dd4mo2k] button[data-astro-cid-3dd4mo2k]:hover{border-color:var(--color-ink)}.write-controls[data-astro-cid-3dd4mo2k] button[data-astro-cid-3dd4mo2k].is-active{background:var(--color-ink);color:var(--color-bg);border-color:var(--color-ink)}.write-controls[data-astro-cid-3dd4mo2k] button[data-astro-cid-3dd4mo2k].is-locked,.write-controls[data-astro-cid-3dd4mo2k] button[data-astro-cid-3dd4mo2k]:disabled{opacity:.4;cursor:not-allowed;border-color:var(--color-border);pointer-events:none;user-select:none}.write-controls[data-astro-cid-3dd4mo2k] button[data-astro-cid-3dd4mo2k].is-locked:hover,.write-controls[data-astro-cid-3dd4mo2k] button[data-astro-cid-3dd4mo2k]:disabled:hover{border-color:var(--color-border)}.write-counter[data-astro-cid-3dd4mo2k]{font-family:var(--font-mono);font-size:12px;color:var(--color-muted);min-width:70px;text-align:center}.write-filter-panel[data-astro-cid-3dd4mo2k]{max-width:520px;margin:20px auto 0;border:1px solid var(--color-border);background:var(--color-paper);padding:20px;display:none}.write-filter-panel[data-astro-cid-3dd4mo2k][data-open=true]{display:block}.filter-book[data-astro-cid-3dd4mo2k]{font-family:var(--font-display);font-size:16px;font-style:italic;color:var(--color-ink);margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.filter-head[data-astro-cid-3dd4mo2k]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--color-fg)}.filter-actions[data-astro-cid-3dd4mo2k]{display:flex;gap:12px}.filter-actions[data-astro-cid-3dd4mo2k] button[data-astro-cid-3dd4mo2k]{background:none;border:0;padding:0;font:inherit;color:var(--color-muted);cursor:pointer;letter-spacing:inherit;text-transform:inherit;transition:color .15s ease}.filter-actions[data-astro-cid-3dd4mo2k] button[data-astro-cid-3dd4mo2k]:hover{color:var(--color-accent)}.filter-chips[data-astro-cid-3dd4mo2k]{display:flex;flex-wrap:wrap;gap:8px}.filter-chip[data-astro-cid-3dd4mo2k]{display:inline-flex;align-items:center;gap:8px;background:var(--color-bg);border:1px solid var(--color-border);padding:8px 14px;cursor:pointer;font-family:var(--font-mono);font-size:11px;color:var(--color-fg);transition:border-color .15s ease}.filter-chip[data-astro-cid-3dd4mo2k]:hover{border-color:var(--color-ink)}.filter-chip[data-astro-cid-3dd4mo2k] input[data-astro-cid-3dd4mo2k]{appearance:none;width:14px;height:14px;border:1px solid var(--color-border);background:var(--color-bg);margin:0;cursor:pointer;position:relative;transition:border-color .15s ease}.filter-chip[data-astro-cid-3dd4mo2k] input[data-astro-cid-3dd4mo2k]:checked{border-color:var(--color-ink);background:var(--color-ink)}.filter-chip[data-astro-cid-3dd4mo2k] input[data-astro-cid-3dd4mo2k]:checked:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid var(--color-bg);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.filter-chip-count[data-astro-cid-3dd4mo2k]{color:var(--color-muted);font-size:10px}@media(max-width:560px){.write[data-astro-cid-3dd4mo2k]{padding:32px 0 56px}.write-scene[data-astro-cid-3dd4mo2k]{padding:20px}.write-canvas-wrap[data-astro-cid-3dd4mo2k]{width:240px;height:240px}.write-controls[data-astro-cid-3dd4mo2k]{gap:12px}.write-controls[data-astro-cid-3dd4mo2k] button[data-astro-cid-3dd4mo2k]{padding:10px 14px}.write-filter-panel[data-astro-cid-3dd4mo2k]{margin-left:0;margin-right:0}}