:root{--bg:#f5f6f8;--surface:#fff;--border:#e2e5ea;--text:#1b1e22;--text-muted:#6b7280;--accent:#4f46e5;--accent-hover:#4338ca;--danger:#dc2626;--radius:12px}@media (prefers-color-scheme:dark){:root{--bg:#14161a;--surface:#1c1f24;--border:#2c3138;--text:#e8eaed;--text-muted:#9aa3ae;--accent:#7c74f0;--accent-hover:#918af5;--danger:#f87171}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.6}.app{max-width:640px;margin:0 auto;padding:32px 16px 64px}.app-header h1{margin:0 0 4px;font-size:24px;font-weight:600}.app-sub{color:var(--text-muted);margin:0 0 24px;font-size:14px}.message-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:24px;padding:16px}.field{margin-bottom:12px}.field label{color:var(--text-muted);margin-bottom:6px;font-size:13px;display:block}.field-head{justify-content:space-between;align-items:baseline;display:flex}.counter{color:var(--text-muted);font-size:12px}.counter.over{color:var(--danger)}input,textarea{width:100%;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .15s}input:focus,textarea:focus{border-color:var(--accent)}textarea{resize:vertical;min-height:88px}button{font:inherit;cursor:pointer}.message-form button{color:#fff;background:var(--accent);border:none;border-radius:8px;width:100%;padding:10px 16px;font-size:14px;transition:background .15s}.message-form button:hover:not(:disabled){background:var(--accent-hover)}.message-form button:disabled{opacity:.6;cursor:not-allowed}.form-error{color:var(--danger);margin:8px 0 0;font-size:13px}.list-title{align-items:center;gap:8px;margin-bottom:12px;font-size:15px;font-weight:600;display:flex}.count{color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:0 8px;font-size:12px;font-weight:400}.hint,.empty{color:var(--text-muted);text-align:center;margin:0;padding:32px 0;font-size:14px}.message-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.message-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.message-head{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.message-author{font-size:14px;font-weight:600}.message-time{color:var(--text-muted);font-size:12px}.message-content{white-space:pre-wrap;word-break:break-word;margin:0;font-size:14px}.load-more{width:100%;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-top:14px;padding:10px;font-size:14px;display:block}.load-more:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.load-more:disabled{opacity:.6;cursor:not-allowed}.error-box{color:var(--danger);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:14px;display:flex}.error-box button{color:var(--accent);border:1px solid var(--border);background:0 0;border-radius:6px;flex-shrink:0;padding:4px 12px;font-size:13px}.message-meta{align-items:baseline;gap:10px;display:flex}.delete-btn{color:var(--text-muted);opacity:.45;background:0 0;border:none;padding:0;font-size:12px;transition:opacity .15s,color .15s}.message-card:hover .delete-btn{opacity:1}.delete-btn:hover{color:var(--danger)}.delete-confirm{border-top:1px dashed var(--border);margin-top:12px;padding-top:12px}.token-input{margin-bottom:8px;font-size:13px}.delete-actions{gap:8px;display:flex}.btn-danger,.btn-ghost{border:1px solid var(--border);border-radius:6px;padding:6px 14px;font-size:13px;transition:opacity .15s,background .15s}.btn-danger{color:#fff;background:var(--danger);border-color:var(--danger)}.btn-danger:hover:not(:disabled){opacity:.85}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--text)}.btn-danger:disabled,.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.delete-error{color:var(--danger);margin:8px 0 0;font-size:13px}