:root{--bg:#fafafa;--fg:#1a1a1a;--accent:#4a5568;--border:#e2e8f0;--read:#cbd5e0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;background:var(--bg);color:var(--fg);line-height:1.8}.container{max-width:640px;margin:0 auto;padding:1rem}.card{background:#fff;border:1px solid var(--border);border-radius:8px;padding:1.25rem;margin-bottom:1rem}.input,.textarea{width:100%;border:1px solid var(--border);border-radius:6px;padding:.5rem .75rem;font-size:1rem;margin-bottom:.75rem}.textarea{min-height:150px;resize:vertical}.btn{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:.5rem 1.25rem;font-size:1rem;cursor:pointer}.btn:hover{opacity:.9}.btn--ghost{background:transparent;color:var(--accent);border:1px solid var(--border)}.read-badge{font-size:.75rem;color:var(--read)}@media (max-width:480px){.container{padding:.5rem}.card{padding:1rem}}