:root{--color-bg: #0f1117;--color-surface: #1a1d27;--color-surface-hover: #22263a;--color-surface-active: #2a2e44;--color-border: #2e3348;--color-text: #e4e6ef;--color-text-muted: #8b8fa3;--color-primary: #6366f1;--color-primary-hover: #818cf8;--color-danger: #ef4444;--color-success: #22c55e;--color-warning: #f59e0b;--color-accent: #06b6d4;--color-unread: #f0f1f7;--radius: 8px;--radius-lg: 12px;--shadow: 0 1px 3px rgba(0,0,0,.3);--transition: .15s ease;--sidebar-width: 240px;--header-height: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.5;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}button{cursor:pointer;font-family:inherit;font-size:inherit;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:8px 12px;outline:none;transition:border-color var(--transition)}input:focus,textarea:focus,select:focus{border-color:var(--color-primary)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius);font-weight:500;transition:all var(--transition)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-ghost{color:var(--color-text-muted)}.btn-ghost:hover{background:var(--color-surface-hover);color:var(--color-text)}.btn-danger{background:var(--color-danger);color:#fff}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.loading-screen.svelte-12qhfyh{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px;color:var(--color-text-muted)}.spinner.svelte-12qhfyh{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:svelte-12qhfyh-spin .8s linear infinite}@keyframes svelte-12qhfyh-spin{to{transform:rotate(360deg)}}