.type-mark.note{color:#2563eb}
.type-mark.todo{color:#059669}
.card-time{font-size:12px;color:var(--desc);margin-left:auto}
.card-menu{margin-left:4px;width:28px;height:28px;border:none;border-radius:10px;background:transparent;color:var(--desc);display:grid;place-items:center}
.card-menu:hover{background:var(--hover)}
.card-content{font-size:14px;line-height:1.6;color:var(--foreground);word-wrap:break-word}
.card-content h1,.card-content h2,.card-content h3{margin:.2em 0;font-size:1.05em}
.card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.card-tag{font-size:11px;padding:4px 8px;border-radius:999px;background:color-mix(in srgb, var(--secondary) 12%, transparent);color:var(--secondary);font-weight:700}
.card-footer{display:flex;align-items:center;gap:10px;margin-top:12px;color:var(--desc);font-size:12px}
.card-attach{display:inline-flex;align-items:center;gap:4px}
.card-pinned{position:absolute;top:14px;right:46px;color:#f59e0b}
.timeline{position:relative;padding:2px 4px 10px 18px}
.timeline::before{content:"";position:absolute;left:11px;top:8px;bottom:8px;width:2px;background:color-mix(in srgb, var(--primary) 10%, var(--border))}
.timeline-group{margin:0 0 18px;position:relative}
.timeline-head{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:800;margin-bottom:8px}
.timeline-dot{width:14px;height:14px;background:var(--primary);border-radius:4px;position:absolute;left:-14px;top:4px}
.timeline-item{margin-left:8px}
.empty-state,.loading-state{display:grid;place-items:center;min-height:260px;color:var(--ignore);font-weight:700;text-align:center;padding:24px}
.detail-wrap{max-width:860px;margin:0 auto;padding:6px 4px 18px}
.detail-card{background:var(--background);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;padding:18px}
.detail-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.detail-title{font-size:13px;font-weight:800;color:var(--desc);text-transform:uppercase;letter-spacing:.08em}