.tabs.svelte-1ce0uvz{display:flex;gap:4px;padding:0 20px 8px}.tabs.svelte-1ce0uvz button:where(.svelte-1ce0uvz){padding:8px 16px;border:1px solid var(--border);border-radius:999px;background:none;color:var(--text-muted);font-size:var(--callout-size);font-weight:600;cursor:pointer}.tabs.svelte-1ce0uvz button.active:where(.svelte-1ce0uvz){border-color:var(--accent);background:var(--accent);color:#fff}h1.svelte-1ce0uvz{margin:0;padding:20px;font-size:var(--title-1-size);line-height:var(--title-1-line-height)}ul.svelte-1ce0uvz{margin:0;padding:0 8px;list-style:none}li.svelte-1ce0uvz a:where(.svelte-1ce0uvz){display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-md)}.faces.svelte-1ce0uvz{display:flex;flex-shrink:0}.faces.svelte-1ce0uvz>:not(:first-child){margin-left:-14px;box-shadow:0 0 0 2px var(--gradient-bottom)}li.svelte-1ce0uvz a:where(.svelte-1ce0uvz):hover{background:var(--bg-hover)}li.unread.svelte-1ce0uvz a:where(.svelte-1ce0uvz){background:color-mix(in srgb,var(--accent) 10%,transparent)}.body.svelte-1ce0uvz{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1;font-size:var(--title-3-size)}.line.svelte-1ce0uvz{display:flex;flex-wrap:wrap;gap:5px;align-items:baseline}.subject.svelte-1ce0uvz{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;color:var(--text-secondary);font-size:var(--callout-size);line-height:var(--callout-line-height)}.preview.svelte-1ce0uvz{position:relative;flex-shrink:0;display:block;width:64px;height:64px}.preview.svelte-1ce0uvz img:where(.svelte-1ce0uvz){width:100%;height:100%;object-fit:cover;border-radius:var(--radius-sm);background:var(--bg-surface)}.play.svelte-1ce0uvz{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}.who.svelte-1ce0uvz{font-weight:600}.what.svelte-1ce0uvz{color:var(--text-secondary)}.when.svelte-1ce0uvz{color:var(--text-muted);font-size:var(--callout-size)}.empty.svelte-1ce0uvz{padding:48px 20px;text-align:center;color:var(--text-muted)}.empty.svelte-1ce0uvz a:where(.svelte-1ce0uvz){color:var(--accent)}.empty.svelte-1ce0uvz button:where(.svelte-1ce0uvz){margin-left:8px;padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:inherit;cursor:pointer}