:root{--color-bg:#000;--color-surface:#111;--color-surface-hover:#1a1a1a;--color-border:#222;--color-text:#e5e5e5;--color-text-muted:#777;--color-accent:#6366f1;--color-accent-hover:#818cf8;--color-accent-muted:#6366f126;--color-danger:#ef4444;--color-danger-hover:#f87171;--color-success:#22c55e;--color-info:#3b82f6;--color-warning:#f59e0b;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"SF Mono", ui-monospace, "Cascadia Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--line-height:1.5;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--max-width:600px;--sidebar-width:280px;--right-panel-width:350px;--header-height:56px;--bottom-bar-height:56px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 24px #0009;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);font-size:16px;line-height:var(--line-height);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-bg);color:var(--color-text);min-height:100vh}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}img,svg{max-width:100%;display:block}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}input,textarea{font:inherit;color:inherit}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layout-image .timeline-posts{gap:var(--space-2);padding:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.layout-image .timeline-posts .post{border-bottom:none;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.layout-image .timeline-posts .post-body{-webkit-line-clamp:2;line-clamp:2;font-size:var(--text-sm);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.layout-image .timeline-posts .post-media .media-item img{max-height:400px}.layout-image .timeline-posts .post-stats,.layout-image .timeline-posts .post-actions{padding:0 var(--space-2)}.layout-image .timeline-posts .post:not(:has(.post-media)){opacity:.85}.layout-writing .timeline-posts .post-body{font-size:18px;line-height:1.7}.layout-writing .timeline-posts .post{padding:var(--space-4) var(--space-6)}@media (width<=640px){.layout-image .timeline-posts{grid-template-columns:1fr}}.toast-container.svelte-1cpok13{bottom:var(--space-4);right:var(--space-4);gap:var(--space-2);z-index:var(--z-toast);flex-direction:column-reverse;max-width:400px;display:flex;position:fixed}.toast.svelte-1cpok13{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background-color:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-md);animation:svelte-1cpok13-slide-in var(--transition-base);font-size:var(--text-sm);display:flex}.toast-icon.svelte-1cpok13{font-size:var(--text-lg);flex-shrink:0}.toast-success.svelte-1cpok13 .toast-icon:where(.svelte-1cpok13){color:var(--color-success)}.toast-error.svelte-1cpok13 .toast-icon:where(.svelte-1cpok13){color:var(--color-danger)}.toast-info.svelte-1cpok13 .toast-icon:where(.svelte-1cpok13){color:var(--color-info)}.toast-message.svelte-1cpok13{color:var(--color-text);flex:1}.toast-close.svelte-1cpok13{color:var(--color-text-muted);font-size:var(--text-lg);padding:var(--space-1);border-radius:var(--radius-sm);transition:color var(--transition-fast);line-height:1}.toast-close.svelte-1cpok13:hover{color:var(--color-text)}@keyframes svelte-1cpok13-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.toast-container.svelte-1cpok13{left:var(--space-4);right:var(--space-4);max-width:none}}