@charset "UTF-8";:root{--space-0: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs: clamp(.75rem, .72rem + .15vw, .8125rem);--text-sm: clamp(.8125rem, .78rem + .2vw, .875rem);--text-base: clamp(.9375rem, .9rem + .2vw, 1rem);--text-md: clamp(1rem, .95rem + .3vw, 1.125rem);--text-lg: clamp(1.125rem, 1.05rem + .4vw, 1.25rem);--text-xl: clamp(1.25rem, 1.15rem + .6vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.35rem + .8vw, 1.875rem);--text-3xl: clamp(1.875rem, 1.65rem + 1.2vw, 2.375rem);--text-4xl: clamp(2.25rem, 1.95rem + 1.6vw, 3rem);--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.65;--prose-max-width: 75ch;--container-laptop: 1280px;--container-desktop: 1536px;--sidebar-width-desktop: 270px;--sidebar-width-collapsed: 84px;--navbar-height: 72px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .35s cubic-bezier(.16, 1, .3, 1);--bg-base: #0a0f1d;--bg-canvas: #0f172a;--bg-surface: rgba(22, 32, 54, .72);--bg-surface-elevated: rgba(30, 43, 72, .85);--bg-surface-hover: rgba(43, 60, 98, .6);--bg-input: rgba(15, 23, 42, .8);--border-subtle: rgba(255, 255, 255, .08);--border-medium: rgba(148, 163, 184, .22);--border-focus: #6366f1;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-inverse: #0f172a;--brand-primary: #6366f1;--brand-primary-hover: #4f46e5;--brand-secondary: #38bdf8;--brand-accent: #f59e0b;--brand-gradient: linear-gradient(135deg, #6366f1 0%, #38bdf8 55%, #f59e0b 100%);--brand-gradient-hover: linear-gradient(135deg, #4f46e5 0%, #0284c7 55%, #d97706 100%);--color-success: #10b981;--color-success-bg: rgba(16, 185, 129, .12);--color-warning: #f59e0b;--color-warning-bg: rgba(245, 158, 11, .12);--color-error: #ef4444;--color-error-bg: rgba(239, 68, 68, .14);--glass-bg: rgba(20, 29, 49, .75);--glass-blur: 16px;--glass-border: 1px solid rgba(255, 255, 255, .1);--glass-shadow: 0 16px 40px rgba(0, 0, 0, .45);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .2);--shadow-md: 0 8px 20px rgba(0, 0, 0, .3);--shadow-lg: 0 16px 36px rgba(0, 0, 0, .4);--shadow-glow: 0 0 24px rgba(99, 102, 241, .35);--focus-ring: 0 0 0 2px #0a0f1d, 0 0 0 4px #818cf8}html.light-theme,body.light-theme,[data-theme=light]{--bg-base: #f1f5f9;--bg-canvas: #f8fafc;--bg-surface: rgba(255, 255, 255, .88);--bg-surface-elevated: #ffffff;--bg-surface-hover: rgba(238, 242, 255, .95);--bg-input: #ffffff;--border-subtle: rgba(100, 116, 139, .15);--border-medium: rgba(71, 85, 105, .28);--border-focus: #4f46e5;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--text-inverse: #f8fafc;--brand-primary: #4f46e5;--brand-primary-hover: #4338ca;--brand-secondary: #0284c7;--brand-accent: #d97706;--brand-gradient: linear-gradient(135deg, #4f46e5 0%, #0284c7 55%, #d97706 100%);--brand-gradient-hover: linear-gradient(135deg, #4338ca 0%, #0369a1 55%, #b45309 100%);--color-success: #059669;--color-success-bg: rgba(5, 150, 105, .1);--color-warning: #d97706;--color-warning-bg: rgba(217, 119, 6, .1);--color-error: #dc2626;--color-error-bg: rgba(220, 38, 38, .1);--glass-bg: rgba(255, 255, 255, .92);--glass-blur: 16px;--glass-border: 1px solid rgba(99, 102, 241, .18);--glass-shadow: 0 12px 32px rgba(15, 23, 42, .08);--shadow-sm: 0 2px 6px rgba(15, 23, 42, .04);--shadow-md: 0 8px 20px rgba(15, 23, 42, .06);--shadow-lg: 0 16px 36px rgba(15, 23, 42, .1);--shadow-glow: 0 0 20px rgba(79, 70, 229, .25);--focus-ring: 0 0 0 2px #ffffff, 0 0 0 4px #4f46e5}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}i[data-lucide],svg.lucide{width:1.25rem;height:1.25rem;display:inline-flex;align-items:center;justify-content:center;stroke-width:2;flex-shrink:0;vertical-align:middle}html{font-size:16px;scroll-behavior:smooth;text-size-adjust:100%;-webkit-text-size-adjust:100%;height:100%;overflow-x:clip}body{min-height:100%;min-height:100dvh;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-base);background-image:radial-gradient(1000px 600px at 0% 0%,rgba(99,102,241,.15),transparent 60%),radial-gradient(900px 500px at 100% 10%,rgba(56,189,248,.12),transparent 55%),radial-gradient(800px 600px at 50% 100%,rgba(245,158,11,.08),transparent 60%);background-attachment:fixed;overflow-x:clip;position:relative;padding-top:env(safe-area-inset-top,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);transition:background-color var(--transition-base),color var(--transition-base)}body.light-theme{background-image:radial-gradient(1000px 600px at 0% 0%,rgba(79,70,229,.08),transparent 60%),radial-gradient(900px 500px at 100% 10%,rgba(2,132,199,.07),transparent 55%),radial-gradient(800px 600px at 50% 100%,rgba(217,119,6,.05),transparent 60%)}input,select,textarea,button{font-family:inherit;font-size:16px!important;color:inherit}:focus-visible{outline:none!important;box-shadow:var(--focus-ring)!important;border-radius:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);line-height:var(--leading-tight);font-weight:700;letter-spacing:-.02em}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p,li,span,label{word-break:break-word;overflow-wrap:anywhere}p{color:var(--text-secondary);line-height:var(--leading-relaxed)}.prose-block{max-width:var(--prose-max-width)}a{color:var(--brand-secondary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--brand-primary);text-decoration:underline}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(140%);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}button{cursor:pointer;border:none;background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.btn-primary{min-height:44px;padding:10px var(--space-5);background:var(--brand-gradient);color:#fff!important;border-radius:var(--radius-md);font-weight:600;font-size:15px!important;letter-spacing:-.01em;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 14px #6366f159;transition:transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}@media(hover:hover)and (pointer:fine){.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f173}}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-secondary{min-height:44px;padding:10px var(--space-5);background:var(--bg-surface);color:var(--text-primary);border-radius:var(--radius-md);font-weight:600;font-size:15px!important;border:1px solid var(--border-medium);transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}@media(hover:hover)and (pointer:fine){.btn-secondary:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--brand-primary)}}.btn-secondary:disabled{opacity:.55;cursor:not-allowed}.btn-outline-primary{min-height:44px;padding:8px var(--space-4);background:transparent;color:var(--brand-primary);border-radius:var(--radius-md);font-weight:600;font-size:14px!important;border:1px solid var(--brand-primary);transition:all var(--transition-fast)}@media(hover:hover)and (pointer:fine){.btn-outline-primary:hover{background:var(--brand-primary);color:#fff}}.btn-google-auth{width:100%;min-height:46px;padding:10px 16px;background:#fff;color:#1f2937!important;border:1px solid #d1d5db;border-radius:var(--radius-md);font-weight:600;font-size:15px!important;display:inline-flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 1px 3px #0000001a;cursor:pointer;transition:all var(--transition-fast)}.btn-google-auth .google-icon{width:20px;height:20px;flex-shrink:0}.btn-google-auth:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;box-shadow:0 4px 10px #0000001f;transform:translateY(-1px)}.btn-google-auth:active:not(:disabled){transform:translateY(0)}.btn-google-auth:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--text-xs)!important;font-weight:600;line-height:1}.badge.public{background:var(--color-success-bg);color:var(--color-success);border:1px solid rgba(16,185,129,.3)}.badge.private{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid rgba(245,158,11,.3)}.app-container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media(min-width:640px){.app-container{padding-left:var(--space-6);padding-right:var(--space-6)}}@media(min-width:1024px){.app-container{max-width:var(--container-laptop);padding-left:var(--space-8);padding-right:var(--space-8)}}@media(min-width:1920px){.app-container{max-width:var(--container-desktop)}}.grid-cols-adaptive{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:600px){.grid-cols-adaptive{grid-template-columns:repeat(2,1fr);gap:var(--space-5)}}@media(min-width:1024px){.grid-cols-adaptive{grid-template-columns:repeat(3,1fr);gap:var(--space-6)}}@media(min-width:1440px){.grid-cols-adaptive{grid-template-columns:repeat(4,1fr)}}@media(min-width:2200px){.grid-cols-adaptive{grid-template-columns:repeat(5,1fr)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .35s cubic-bezier(.16,1,.3,1) forwards}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3b840;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#94a3b873}