:root{--ocean-50: #F0F9FF;--ocean-100: #E0F2FE;--ocean-200: #BAE6FD;--ocean-300: #7DD3FC;--ocean-400: #38BDF8;--ocean-500: #0EA5E9;--ocean-600: #0284C7;--ocean-700: #0369A1;--ocean-800: #075985;--ocean-900: #0C4A6E;--ocean-950: #03045E;--cyan-50: #ECFEFF;--cyan-100: #CFFAFE;--cyan-200: #A5F3FC;--cyan-300: #67E8F9;--cyan-400: #22D3EE;--cyan-500: #06B6D4;--cyan-600: #0891B2;--cyan-700: #0E7490;--cyan-800: #155E75;--cyan-900: #164E63;--cyan-950: #083344;--slate-50: #F8FAFC;--slate-100: #F1F5F9;--slate-200: #E2E8F0;--slate-300: #CBD5E1;--slate-400: #94A3B8;--slate-500: #64748B;--slate-600: #475569;--slate-700: #334155;--slate-800: #1E293B;--slate-900: #0F172A;--slate-950: #020617;--success-50: #F0FDF4;--success-100: #DCFCE7;--success-200: #BBF7D0;--success-300: #86EFAC;--success-400: #4ADE80;--success-500: #22C55E;--success-600: #16A34A;--success-700: #15803D;--success-800: #166534;--success-900: #14532D;--warning-50: #FFFBEB;--warning-100: #FEF3C7;--warning-200: #FDE68A;--warning-300: #FCD34D;--warning-400: #FBBF24;--warning-500: #F59E0B;--warning-600: #D97706;--warning-700: #B45309;--warning-800: #92400E;--warning-900: #78350F;--error-50: #FEF2F2;--error-100: #FEE2E2;--error-200: #FECACA;--error-300: #FCA5A5;--error-400: #F87171;--error-500: #EF4444;--error-600: #DC2626;--error-700: #B91C1C;--error-800: #991B1B;--error-900: #7F1D1D;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-28: 7rem;--space-32: 8rem;--radius-none: 0;--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--border-0: 0;--border-1: 1px;--border-2: 2px;--border-4: 4px;--border-8: 8px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--shadow-none: 0 0 #0000;--shadow-ocean: 0 4px 14px 0 rgb(14 165 233 / .3);--shadow-cyan: 0 4px 14px 0 rgb(6 182 212 / .3);--duration-75: 75ms;--duration-100: .1s;--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--duration-500: .5s;--duration-700: .7s;--duration-1000: 1s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--z-0: 0;--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}[data-theme=light],.theme-light{--color-primary: var(--ocean-600);--color-primary-hover: var(--ocean-700);--color-primary-active: var(--ocean-800);--color-primary-light: var(--ocean-100);--color-secondary: var(--cyan-500);--color-secondary-hover: var(--cyan-600);--color-secondary-light: var(--cyan-100);--color-success: var(--success-500);--color-success-light: var(--success-100);--color-warning: var(--warning-500);--color-warning-light: var(--warning-100);--color-error: var(--error-500);--color-error-light: var(--error-100);--color-info: var(--ocean-500);--color-info-light: var(--ocean-100);--color-bg: var(--ocean-50);--color-bg-elevated: var(--slate-50);--color-surface: #FFFFFF;--color-surface-hover: var(--slate-50);--color-surface-active: var(--slate-100);--color-text: var(--slate-900);--color-text-secondary: var(--slate-600);--color-text-muted: var(--slate-500);--color-text-on-primary: #FFFFFF;--color-text-link: var(--ocean-600);--color-text-link-hover: var(--ocean-700);--color-border: var(--slate-200);--color-border-hover: var(--slate-300);--color-border-focus: var(--ocean-500);--color-focus-ring: var(--ocean-500);--focus-ring: 0 0 0 2px var(--color-surface), 0 0 0 4px var(--color-focus-ring);--color-input-bg: #FFFFFF;--color-input-border: var(--slate-300);--color-input-placeholder: var(--slate-400);--color-code-bg: var(--slate-100);--color-code-text: var(--ocean-700);--section-priority-bg: #fee2e2;--section-priority-fg: #ef4444;--section-task-bg: #d1fae5;--section-task-fg: #10b981;--section-timeblock-bg: #dbeafe;--section-timeblock-fg: #3b82f6;--section-habit-bg: #ede9fe;--section-habit-fg: #7c3aed;--section-notes-bg: #fef3c7;--section-notes-fg: #f59e0b;--section-reflection-bg: #fce7f3;--section-reflection-fg: #ec4899;--section-kanban-bg: #ccfbf1;--section-kanban-fg: #14b8a6}[data-theme=dark],.theme-dark{--color-primary: #5EABB5;--color-primary-hover: #7AC0C9;--color-primary-active: #95D3DA;--color-primary-light: #1B2F32;--color-secondary: #7C9A92;--color-secondary-hover: #95B0A8;--color-secondary-light: #162420;--color-success: var(--success-400);--color-success-light: #162720;--color-warning: #E5B94E;--color-warning-light: #2A2010;--color-error: #F07070;--color-error-light: #301515;--color-info: #5EABB5;--color-info-light: #1B2F32;--color-bg: #111816;--color-bg-elevated: #1A201E;--color-surface: #222A27;--color-surface-hover: #2D3633;--color-surface-active: #38423E;--color-text: #E8ECE9;--color-text-secondary: #9CA8A3;--color-text-muted: #72807A;--color-text-on-primary: #111816;--color-text-link: #6BB8C2;--color-text-link-hover: #7AC0C9;--color-border: #2F3936;--color-border-hover: #3D4945;--color-border-focus: #5EABB5;--color-focus-ring: #5EABB5;--focus-ring: 0 0 0 2px var(--color-surface), 0 0 0 4px var(--color-focus-ring);--color-input-bg: #1A201E;--color-input-border: #3D4945;--color-input-placeholder: #5A6660;--color-code-bg: #1A201E;--color-code-text: #8CD4BE;--section-priority-bg: #301515;--section-priority-fg: #f87171;--section-task-bg: #162720;--section-task-fg: #4ade80;--section-timeblock-bg: #172040;--section-timeblock-fg: #60a5fa;--section-habit-bg: #1e1535;--section-habit-fg: #a78bfa;--section-notes-bg: #2a2010;--section-notes-fg: #fbbf24;--section-reflection-bg: #2a1525;--section-reflection-fg: #f472b6;--section-kanban-bg: #132420;--section-kanban-fg: #2dd4bf;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .3);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .4), 0 8px 10px -6px rgb(0 0 0 / .3);--shadow-ocean: 0 4px 20px 0 rgb(94 171 181 / .2);--shadow-cyan: 0 4px 20px 0 rgb(94 171 181 / .15)}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);transition:background-color var(--duration-200) var(--ease-in-out),color var(--duration-200) var(--ease-in-out)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.text-6xl{font-size:var(--text-6xl)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media(min-width:640px){.container{padding-left:var(--space-6);padding-right:var(--space-6)}}@media(min-width:1024px){.container{padding-left:var(--space-8);padding-right:var(--space-8)}}.grid{display:grid;gap:var(--space-6)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-tight);text-decoration:none;border:var(--border-1) solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-150) var(--ease-in-out)}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--color-text-on-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-primary:active:not(:disabled){background-color:var(--color-primary-active)}.btn-secondary{background-color:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-surface-hover);border-color:var(--color-border-hover)}.btn-ghost{background-color:transparent;color:var(--color-text)}.btn-ghost:hover:not(:disabled){background-color:var(--color-surface-hover)}.btn-outline{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-outline:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-text-on-primary)}.btn-danger{background-color:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){background-color:var(--error-600)}.btn-xs{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-md)}.btn-sm{padding:var(--space-1-5) var(--space-3);font-size:var(--text-sm)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.btn-xl{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.btn-icon{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center}.btn-icon-sm{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center}@media(max-width:767px){.btn-icon{width:44px;height:44px}}.card{background-color:var(--color-surface);border:var(--border-1) solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:box-shadow var(--duration-200) var(--ease-in-out),border-color var(--duration-200) var(--ease-in-out)}.card:hover{box-shadow:var(--shadow-md)}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--color-border-hover)}.input{width:100%;padding:var(--space-2-5) var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-input-bg);border:var(--border-1) solid var(--color-input-border);border-radius:var(--radius-lg);transition:border-color var(--duration-150) var(--ease-in-out),box-shadow var(--duration-150) var(--ease-in-out)}.input::placeholder{color:var(--color-input-placeholder)}.input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--focus-ring)}.input:disabled{opacity:.5;cursor:not-allowed}.input-error{border-color:var(--color-error)}.input-error:focus{border-color:var(--color-error);box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px var(--color-error)}.label{display:block;margin-bottom:var(--space-1-5);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.helper-text{margin-top:var(--space-1-5);font-size:var(--text-sm);color:var(--color-text-muted)}.helper-text-error{color:var(--color-error)}.badge{display:inline-flex;align-items:center;padding:var(--space-0-5) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full)}.badge-primary{background-color:var(--color-primary-light);color:var(--color-primary)}.badge-success{background-color:var(--color-success-light);color:var(--color-success)}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning)}.badge-error{background-color:var(--color-error-light);color:var(--color-error)}.alert{display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);border:var(--border-1) solid}.alert-info{background-color:var(--color-info-light);border-color:var(--color-info);color:var(--color-info)}.alert-success{background-color:var(--color-success-light);border-color:var(--color-success);color:var(--color-success)}.alert-warning{background-color:var(--color-warning-light);border-color:var(--color-warning);color:var(--color-warning)}.alert-error{background-color:var(--color-error-light);border-color:var(--color-error);color:var(--color-error)}code{font-family:var(--font-mono);font-size:.875em;padding:var(--space-0-5) var(--space-1);background-color:var(--color-code-bg);color:var(--color-code-text);border-radius:var(--radius-md)}pre{font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);padding:var(--space-4);background-color:var(--color-code-bg);border-radius:var(--radius-lg);overflow-x:auto}pre code{padding:0;background:none}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th,.table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:var(--border-1) solid var(--color-border)}.table th{font-weight:var(--font-semibold);color:var(--color-text-secondary);background-color:var(--color-surface-hover)}.table tbody tr:hover{background-color:var(--color-surface-hover)}.divider{height:var(--border-1);background-color:var(--color-border);border:none;margin:var(--space-6) 0}.skip-to-content{position:absolute;top:-100%;left:var(--space-4);z-index:var(--z-toast);padding:var(--space-2) var(--space-4);background-color:var(--color-primary);color:var(--color-text-on-primary);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-semibold);text-decoration:none;transition:top var(--duration-200) var(--ease-in-out)}.skip-to-content:focus{top:var(--space-4);outline:none;box-shadow:var(--focus-ring)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.m-0{margin:var(--space-0)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.mt-0{margin-top:var(--space-0)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:var(--space-0)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-0{padding:var(--space-0)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);overflow:hidden;font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--color-text-on-primary);background:linear-gradient(135deg,var(--ocean-500),var(--cyan-500));position:relative;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-xs{width:24px;height:24px;font-size:var(--text-xs)}.avatar-sm{width:32px;height:32px;font-size:var(--text-xs)}.avatar-lg{width:48px;height:48px;font-size:var(--text-base)}.avatar-xl{width:64px;height:64px;font-size:var(--text-xl)}.avatar-group{display:flex;flex-direction:row-reverse;justify-content:flex-end}.avatar-group .avatar{margin-left:-8px;border:2px solid var(--color-surface)}.avatar-group .avatar:last-child{margin-left:0}.avatar-status{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:var(--radius-full);border:2px solid var(--color-surface)}.avatar-status-online{background-color:var(--color-success)}.avatar-status-offline{background-color:var(--slate-400)}.avatar-status-busy{background-color:var(--color-error)}.avatar-menu{position:relative;display:inline-block}.avatar-menu-trigger{background:none;border:none;padding:0;cursor:pointer;border-radius:var(--radius-full);transition:box-shadow var(--duration-150) var(--ease-in-out)}.avatar-menu-trigger:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px var(--color-focus-ring)}.avatar-menu-trigger:hover .avatar{filter:brightness(1.1)}.avatar-menu-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:220px;background:var(--color-surface);border:var(--border-1) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-1);z-index:var(--z-dropdown);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all var(--duration-150) var(--ease-in-out)}.avatar-menu.open .avatar-menu-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.avatar-menu-header{padding:var(--space-3) var(--space-3);border-bottom:var(--border-1) solid var(--color-border);margin-bottom:var(--space-1)}.avatar-menu-header-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);margin:0}.avatar-menu-header-email{font-size:var(--text-xs);color:var(--color-text-muted);margin:0}.avatar-menu-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:none;border:none;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text);text-align:left;cursor:pointer;border-radius:var(--radius-md);transition:background var(--duration-150) var(--ease-in-out)}.avatar-menu-item:hover{background:var(--color-surface-hover)}.avatar-menu-item svg{width:16px;height:16px;color:var(--color-text-muted);flex-shrink:0}.avatar-menu-item--danger{color:var(--color-error)}.avatar-menu-item--danger svg{color:var(--color-error)}.avatar-menu-item--danger:hover{background:var(--color-error-light)}.avatar-menu-divider{height:1px;background:var(--color-border);margin:var(--space-1) 0}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2-5);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);background-color:var(--color-surface-hover);color:var(--color-text);border:var(--border-1) solid var(--color-border);transition:all var(--duration-150) var(--ease-in-out)}.chip-sm{padding:var(--space-0-5) var(--space-2);font-size:.6875rem}.chip-lg{padding:var(--space-1-5) var(--space-3);font-size:var(--text-sm)}.chip-primary{background-color:var(--color-primary-light);color:var(--color-primary);border-color:transparent}.chip-success{background-color:var(--color-success-light);color:var(--color-success);border-color:transparent}.chip-warning{background-color:var(--color-warning-light);color:var(--color-warning);border-color:transparent}.chip-error{background-color:var(--color-error-light);color:var(--color-error);border-color:transparent}.chip-dismiss{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border:none;background:none;color:inherit;opacity:.6;cursor:pointer;padding:0;border-radius:var(--radius-full);transition:opacity var(--duration-150)}.chip-dismiss:hover{opacity:1}.chip-selectable{cursor:pointer}.chip-selectable:hover{border-color:var(--color-primary)}.chip-selectable.selected{background-color:var(--color-primary);color:var(--color-text-on-primary);border-color:var(--color-primary)}.kbd{display:inline-flex;align-items:center;padding:var(--space-0-5) var(--space-1-5);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);background-color:var(--color-surface-hover);border:var(--border-1) solid var(--color-border);border-bottom-width:2px;border-radius:var(--radius-md);line-height:1;min-width:20px;justify-content:center}.divider-vertical{display:inline-block;width:var(--border-1);height:1em;background-color:var(--color-border);vertical-align:middle;margin:0 var(--space-3)}.divider-label{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-6) 0;font-size:var(--text-sm);color:var(--color-text-muted)}.divider-label:before,.divider-label:after{content:"";flex:1;height:var(--border-1);background-color:var(--color-border)}.prose{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text);max-width:65ch}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);margin-top:1.5em;margin-bottom:.5em;line-height:var(--leading-tight)}.prose h1{font-size:var(--text-4xl)}.prose h2{font-size:var(--text-3xl)}.prose h3{font-size:var(--text-2xl)}.prose h4{font-size:var(--text-xl)}.prose p{margin:0 0 1em}.prose a{color:var(--color-text-link);text-decoration:underline;transition:color var(--duration-150)}.prose a:hover{color:var(--color-text-link-hover)}.prose ul,.prose ol{margin:0 0 1em;padding-left:1.5em}.prose li{margin-bottom:.25em}.prose blockquote{margin:1.5em 0;padding:var(--space-4) var(--space-6);border-left:var(--border-4) solid var(--color-primary);background-color:var(--color-surface);border-radius:0 var(--radius-lg) var(--radius-lg) 0;color:var(--color-text-secondary);font-style:italic}.prose blockquote p:last-child{margin-bottom:0}.prose img{max-width:100%;height:auto;border-radius:var(--radius-lg);margin:1.5em 0}.prose hr{border:none;height:var(--border-1);background-color:var(--color-border);margin:2em 0}.aspect-video{aspect-ratio:16 / 9}.aspect-square{aspect-ratio:1 / 1}.aspect-4-3{aspect-ratio:4 / 3}.aspect-21-9{aspect-ratio:21 / 9}.scroll-area{overflow:auto;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.scroll-area::-webkit-scrollbar{width:6px;height:6px}.scroll-area::-webkit-scrollbar-track{background:transparent}.scroll-area::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--radius-full)}.scroll-area::-webkit-scrollbar-thumb:hover{background-color:var(--color-border-hover)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html,body{margin:0;padding:0;height:100%;font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}app-root{display:block;height:100%}