:root{--primary-50: #eef2ff;--primary-100: #e0e7ff;--primary-200: #c7d2fe;--primary-300: #a5b4fc;--primary-400: #818cf8;--primary-500: #6366f1;--primary-600: #4f46e5;--primary-700: #4338ca;--primary-800: #3730a3;--primary-900: #312e81;--primary: var(--primary-600);--primary-hover: var(--primary-700);--primary-light: var(--primary-50);--primary-glow: rgba(79, 70, 229, .15);--cat-documents: #2563eb;--cat-documents-bg: #eff6ff;--cat-images: #ec4899;--cat-images-bg: #fdf2f8;--cat-videos: #8b5cf6;--cat-videos-bg: #f5f3ff;--cat-audio: #f59e0b;--cat-audio-bg: #fffbeb;--cat-archives: #10b981;--cat-archives-bg: #ecfdf5;--cat-code: #06b6d4;--cat-code-bg: #ecfeff;--cat-other: #64748b;--cat-other-bg: #f8fafc;--success: #10b981;--success-bg: #ecfdf5;--warning: #f59e0b;--warning-bg: #fffbeb;--danger: #ef4444;--danger-bg: #fef2f2;--info: #0284c7;--info-bg: #f0f9ff;--starred: #eab308;--bg-app: #f8fafc;--bg-surface: #ffffff;--bg-surface-subtle: #f1f5f9;--bg-surface-hover: #f8fafc;--bg-surface-active: #e2e8f0;--bg-sidebar: #ffffff;--bg-header: rgba(255, 255, 255, .85);--border-subtle: #f1f5f9;--border-default: #e2e8f0;--border-strong: #cbd5e1;--border-focus: var(--primary-500);--text-main: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverse: #ffffff;--font-display: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--shadow-xs: 0 1px 2px 0 rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px 0 rgba(15, 23, 42, .06), 0 1px 2px -1px rgba(15, 23, 42, .04);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .06), 0 2px 4px -2px rgba(15, 23, 42, .04);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .06), 0 4px 6px -4px rgba(15, 23, 42, .03);--shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, .08), 0 8px 10px -6px rgba(15, 23, 42, .03);--shadow-card: 0 1px 3px 0 rgba(15, 23, 42, .05), 0 1px 2px -1px rgba(15, 23, 42, .03);--shadow-card-hover: 0 10px 20px -3px rgba(15, 23, 42, .08), 0 4px 6px -4px rgba(15, 23, 42, .03);--shadow-modal: 0 25px 50px -12px rgba(15, 23, 42, .2);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-spring: .35s cubic-bezier(.34, 1.56, .64, 1);--sidebar-width: 260px;--sidebar-collapsed-width: 72px;--header-height: 68px;--z-base: 1;--z-footer: 10;--z-header: 30;--z-sidebar: 40;--z-banner: 50;--z-dropdown: 100;--z-modal-backdrop: 9000;--z-modal: 9001;--z-toast: 9999}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;font-family:var(--font-body);background-color:var(--bg-app);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;color:var(--text-main);line-height:1.25}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}textarea{border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-surface-elevated);color:var(--text-main);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}button{cursor:pointer;border:none;background:none}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-primary-color{color:var(--primary)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge.badge-documents{background:var(--cat-documents-bg);color:var(--cat-documents)}.badge.badge-images{background:var(--cat-images-bg);color:var(--cat-images)}.badge.badge-videos{background:var(--cat-videos-bg);color:var(--cat-videos)}.badge.badge-audio{background:var(--cat-audio-bg);color:var(--cat-audio)}.badge.badge-archives{background:var(--cat-archives-bg);color:var(--cat-archives)}.badge.badge-code{background:var(--cat-code-bg);color:var(--cat-code)}.badge.badge-other{background:var(--cat-other-bg);color:var(--cat-other)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulseSubtle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(.97)}}.animate-fade-in{animation:fadeIn .2s cubic-bezier(.4,0,.2,1)}.animate-slide-up{animation:slideUp .25s cubic-bezier(.34,1.56,.64,1) forwards}.dropdown-backdrop{position:fixed;inset:0;z-index:990;background:transparent;cursor:default}.modal-backdrop,.preview-backdrop,.share-backdrop,.confirm-backdrop{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;z-index:999999!important}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:var(--radius-full)}*::-webkit-scrollbar-thumb:hover{background:#94a3b8}