:root{color-scheme:light;--color-bg:#f6f6f4;--color-text:#1a1a19;--color-text-secondary:#6b6b68;--color-text-muted:#8a8a86;--color-text-faint:#9a9a96;--color-text-faintest:#a0a09c;--color-accent:oklch(55% .15 256);--color-accent-bg:oklch(97% .03 256);--color-border-input:#e0e0dc;--color-border-card:#e6e6e3;--color-border-panel:#e8e8e5;--color-danger:#c0392b;--radius-card:14px;--radius-input:12px;--radius-button:8px;--radius-button-lg:10px;--radius-pill:20px;--shadow-card:0 1px 2px #00000008;--font-sans:"Noto Sans JP", sans-serif;--font-mono:"Roboto Mono", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}button,input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#d8d8d4;border-radius:8px}::-webkit-scrollbar-track{background:0 0}.app-container{max-width:1100px;margin:0 auto;padding:26px}.app-columns{flex-direction:column;gap:22px;display:flex}@media (width>=820px){.app-columns{flex-direction:row;align-items:flex-start}.editor-column{flex:1 1 0;align-self:flex-start;position:sticky;top:26px}.posts-column{flex:1 1 0}.input-textarea{min-height:260px}}.editor-column{flex-direction:column;gap:14px;display:flex}.app-header{flex-direction:column;gap:4px;display:flex}.app-header-title-row{align-items:baseline;gap:10px;display:flex}.app-title{letter-spacing:-.01em;color:var(--color-text);margin:0;font-size:1.25rem;font-weight:700}.app-title-badge{font-family:var(--font-mono);color:var(--color-text-muted);font-size:.75rem}.app-description{color:var(--color-text-secondary);margin:0;font-size:.8125rem;line-height:1.6}.input-textarea{border:1px solid var(--color-border-input);border-radius:var(--radius-input);width:100%;color:var(--color-text);background:#fff;outline:none;padding:14px 15px;font-size:.90625rem;line-height:1.75;transition:border-color .15s}.input-textarea::placeholder{color:#b4b4b0}.input-textarea:focus{border-color:var(--color-accent)}.input-textarea:focus-visible{box-shadow:0 0 0 3px oklch(55% .15 256/.2)}.post-stats{font-family:var(--font-mono);color:var(--color-text-muted);justify-content:space-between;align-items:baseline;gap:12px;font-size:.75rem;display:flex}.settings-panel{border:1px solid var(--color-border-panel);border-radius:var(--radius-input);background:#fbfbfa;overflow:hidden}.settings-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;list-style:none;display:flex}.settings-summary::-webkit-details-marker{display:none}.settings-summary:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.settings-summary-left{align-items:baseline;gap:8px;min-width:0;display:flex}.settings-summary-label{color:#3a3a38;flex-shrink:0;font-size:.8125rem;font-weight:600}.settings-summary-text{color:var(--color-text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.settings-chevron{color:var(--color-text-faintest);flex-shrink:0;font-size:1rem;transition:transform .18s}.settings-panel[open] .settings-chevron{transform:rotate(180deg)}.settings-panel-body{flex-wrap:wrap;gap:8px;padding:2px 14px 14px;display:flex}.option-pill{border-radius:var(--radius-button-lg);cursor:pointer;border:1px solid var(--color-border-input);color:var(--color-text-secondary);background:#fff;align-items:center;gap:6px;padding:9px 13px;font-size:.78125rem;font-weight:500;transition:all .15s;display:inline-flex}.option-pill:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.option-pill[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent-bg);color:var(--color-accent)}.option-pill-badge{border-radius:var(--radius-pill);color:var(--color-text-faint);background:#ececea;padding:2px 6px;font-size:.625rem;font-weight:500}.posts-list{flex-direction:column;gap:12px;display:flex}.posts-empty{border:1px dashed var(--color-border-input);border-radius:var(--radius-card);text-align:center;color:var(--color-text-faintest);padding:40px 20px;font-size:.8125rem}.post-card{border:1px solid var(--color-border-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:#fff;flex-direction:column;gap:12px;padding:16px 18px;display:flex}.post-card-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.post-card-badge{font-family:var(--font-mono);color:var(--color-accent);background:var(--color-accent-bg);border-radius:var(--radius-pill);padding:3px 10px;font-size:.75rem;font-weight:500}.post-card-body{white-space:pre-wrap;word-break:break-word;color:var(--color-text);font-size:.9375rem;line-height:1.75}.post-card-footer{justify-content:flex-end;display:flex}.post-card-count{font-family:var(--font-mono);color:var(--color-text-faintest);font-size:.6875rem}.post-card-count.is-over-limit{color:var(--color-danger)}@keyframes success-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.copy-button{border-radius:var(--radius-button);cursor:pointer;border:1px solid var(--color-border-input);color:#5a5a56;background:#fff;padding:5px 12px;font-size:.75rem;font-weight:500;transition:all .15s}.copy-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.copy-button.copied{border-color:var(--color-accent);background:var(--color-accent);color:#fff;animation:.4s ease-in-out success-pulse}