:root{--bg: #17130e;--bg-raised: #221c14;--bg-card: #241d13;--text: #f2ead9;--text-dim: #a89877;--accent: #e8a33d;--accent-dark: #b57a22;--danger: #d95555;--ok: #7dba6a;--radius: 12px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;min-height:100vh}#app{max-width:640px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 14px calc(14px + env(safe-area-inset-bottom))}.header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:14px 4px 8px}.logo{font-size:1.6rem;margin:0;letter-spacing:.5px;color:var(--accent)}.status{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.badge{font-size:.72rem;padding:3px 9px;border-radius:999px;white-space:nowrap}.badge-ok{background:#26331f;color:var(--ok)}.badge-off{background:#33261f;color:#e0a05a}.badge-pending{background:#33301f;color:var(--accent)}.badge-err{background:#3a2222;color:var(--danger)}.tabs{display:flex;gap:6px;padding:4px 0 12px}.tab{flex:1;padding:11px 0;border:none;border-radius:var(--radius);background:var(--bg-raised);color:var(--text-dim);font-size:.95rem;font-weight:600;cursor:pointer}.tab-active{background:var(--accent);color:#241a08}.main{flex:1;display:flex;flex-direction:column}.capture-area{display:flex;flex-direction:column;gap:12px}.draft{width:100%;resize:vertical;min-height:140px;padding:14px;border-radius:var(--radius);border:1px solid #3a2f1e;background:var(--bg-raised);color:var(--text);font-size:1.05rem;line-height:1.45}.draft:focus{outline:2px solid var(--accent);border-color:transparent}.recorded-preview{display:flex;align-items:center;justify-content:space-between;background:var(--bg-raised);border-radius:var(--radius);padding:10px 14px}.recorded-label{color:var(--ok);font-weight:600}.capture-actions{display:flex;align-items:center;gap:10px}.rec-indicator{color:var(--danger);font-variant-numeric:tabular-nums;font-weight:600;animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.45}}.btn{border:none;border-radius:var(--radius);padding:14px 18px;font-size:1rem;font-weight:600;cursor:pointer;background:var(--bg-raised);color:var(--text)}.btn:disabled{opacity:.4;cursor:default}.btn-primary{flex:1;background:var(--accent);color:#241a08}.btn-primary:not(:disabled):active{background:var(--accent-dark)}.btn-mic{background:var(--bg-raised);border:1px solid #3a2f1e}.btn-mic.recording{background:var(--danger);color:#fff;border-color:transparent}.btn-small{padding:9px 12px;font-size:.85rem;border-radius:9px}.btn-ghost{padding:8px 12px;font-size:.85rem;background:transparent;border:1px solid #3a2f1e;color:var(--text-dim)}.btn-danger{color:var(--danger)}.list{display:flex;flex-direction:column;gap:12px}.card{background:var(--bg-card);border:1px solid #322818;border-radius:var(--radius);padding:14px}.card-pending{border-style:dashed}.card-text{margin:0 0 8px;white-space:pre-wrap;word-break:break-word;line-height:1.45}.audio{width:100%;margin:6px 0}.card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}.card-date{color:var(--text-dim);font-size:.78rem}.chip{font-size:.72rem;padding:2px 9px;border-radius:999px}.chip-project{background:#2b2416;color:var(--accent)}.chip-pending{background:#33301f;color:var(--accent)}.card-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.empty{color:var(--text-dim);text-align:center;padding:48px 20px;line-height:1.5}.update-toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(18px + env(safe-area-inset-bottom));background:var(--bg-raised);border:1px solid #3a2f1e;border-radius:var(--radius);padding:10px 14px;display:flex;align-items:center;gap:12px;box-shadow:0 6px 24px #00000080;z-index:10}.update-toast[hidden]{display:none}