:root{--bg:#0a0a0a;--surface:#141414;--border:#262626;--text:#e5e5e5;--text-dim:#737373;--accent:#3b82f6;--danger:#ef4444;--radius:8px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}.container{max-width:640px;margin:0 auto;padding:48px 24px}header{margin-bottom:32px}h1{letter-spacing:-.02em;font-size:24px;font-weight:700}.subtitle{color:var(--text-dim);margin-top:4px;font-size:13px}.form{flex-direction:column;gap:8px;margin-bottom:32px;display:flex}.form input,.form textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);resize:vertical;outline:none;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s}.form input:focus,.form textarea:focus{border-color:var(--accent)}.form-actions{gap:8px;display:flex}button{background:var(--accent);border-radius:var(--radius);color:#fff;cursor:pointer;border:none;padding:8px 16px;font-size:13px;font-weight:600;transition:opacity .15s}button:hover{opacity:.85}.btn-cancel{background:var(--surface);border:1px solid var(--border);color:var(--text-dim)}.btn-sm{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);padding:4px 10px;font-size:12px}.btn-danger{color:var(--danger)}.list{flex-direction:column;gap:8px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.card-body h3{font-size:14px;font-weight:600}.card-body p{color:var(--text-dim);margin-top:4px;font-size:13px}.card-body time{color:var(--text-dim);margin-top:6px;font-size:11px;display:block}.card-actions{flex-shrink:0;gap:4px;display:flex}.empty{color:var(--text-dim);text-align:center;padding:32px 0;font-size:13px}