.visual.svelte-1qfoobz{width:100%;height:100%;display:flex}.visual.svelte-1qfoobz>.ui-canvas{flex:1}.mail.svelte-1qfoobz{width:100%;max-width:340px;margin:0 auto;padding:16px 14px 12px;background:var(--ui-paper);border-radius:12px;box-shadow:var(--ui-shadow),inset 0 0 0 1px #1118270f}.m-head.svelte-1qfoobz{display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px}.m-logo.svelte-1qfoobz{width:22px;height:22px;border-radius:50%;background:var(--ui-accent);display:grid;place-items:center}.m-logo.svelte-1qfoobz i:where(.svelte-1qfoobz){width:9px;height:9px;border-radius:50%;background:var(--ui-paper)}.m-rule.svelte-1qfoobz{display:block;height:2px;margin:10px 4px;background:var(--ui-accent);border-radius:2px}.m-from.svelte-1qfoobz{padding:2px 4px 8px}.m-from.svelte-1qfoobz p:where(.svelte-1qfoobz){margin-top:6px;font-size:12px;color:var(--color-gray-600)}.m-from.svelte-1qfoobz b:where(.svelte-1qfoobz){color:var(--ui-ink);font-weight:var(--font-weight-semibold)}.m-event.svelte-1qfoobz{display:flex;align-items:center;gap:10px;padding:9px;border-radius:12px;background:var(--ui-surface)}.m-date.svelte-1qfoobz{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:54px;padding:5px 0;border-radius:10px;background:var(--ui-paper);box-shadow:inset 0 0 0 2px var(--ui-accent);font-size:11px;line-height:1.3;color:var(--color-gray-500)}.m-date.svelte-1qfoobz b:where(.svelte-1qfoobz){font-size:19px;line-height:1.15;color:var(--ui-ink)}.m-meta.svelte-1qfoobz{display:flex;flex-direction:column;gap:3px;min-width:0}.m-meta.svelte-1qfoobz>b:where(.svelte-1qfoobz){font-size:14px;font-weight:700}.m-meta.svelte-1qfoobz small:where(.svelte-1qfoobz){font-size:12px;color:var(--color-gray-500)}.m-pill.svelte-1qfoobz{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;padding:1px 8px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--color-gray-300);font-size:11px;font-weight:700;letter-spacing:.4px;background:var(--ui-paper)}.m-pill.svelte-1qfoobz i:where(.svelte-1qfoobz){width:6px;height:6px;border-radius:50%;background:var(--ui-accent)}.m-desc.svelte-1qfoobz{margin-top:8px;padding:12px 10px;border-radius:12px;background:var(--ui-surface)}.m-cal.svelte-1qfoobz{margin:10px 0 0;text-align:center;font-size:11px;color:var(--color-gray-500)}.m-foot.svelte-1qfoobz{display:flex;flex-direction:column;gap:2px;padding:0 6px;font-size:11px;color:var(--ui-ink-soft)}.m-foot.svelte-1qfoobz small:where(.svelte-1qfoobz){font-size:11px;color:var(--ui-accent-ink)}