:root{--bg-primary: #f5f5f7;--bg-secondary: #ffffff;--bg-card: rgba(255, 255, 255, .72);--bg-glass: rgba(255, 255, 255, .6);--bg-elevated: rgba(255, 255, 255, .85);--text-primary: #1d1d1f;--text-secondary: #6e6e73;--text-tertiary: #86868b;--text-muted: #aeaeb2;--border-color: rgba(0, 0, 0, .08);--border-light: rgba(0, 0, 0, .04);--accent-color: #007aff;--accent-hover: #0056cc;--accent-light: rgba(0, 122, 255, .1);--success-color: #34c759;--warning-color: #ff9500;--error-color: #ff3b30;--glass-blur: 20px;--glass-blur-heavy: 40px;--glass-border: 1px solid rgba(255, 255, 255, .5);--glass-border-dark: 1px solid rgba(255, 255, 255, .18);--gradient-bg: linear-gradient(135deg, #f5f7fa 0%, #e4e8ec 100%);--gradient-card: linear-gradient(180deg, rgba(255,255,255,.9) 0%, rgba(255,255,255,.7) 100%);--gradient-accent: linear-gradient(135deg, #007aff 0%, #5856d6 100%);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .16);--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--ease-spring: cubic-bezier(.32, .72, 0, 1);--ease-smooth: cubic-bezier(.25, .1, .25, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--duration-spring: .5s}.dark{--bg-primary: #000000;--bg-secondary: #1c1c1e;--bg-card: rgba(28, 28, 30, .72);--bg-glass: rgba(28, 28, 30, .6);--bg-elevated: rgba(44, 44, 46, .85);--text-primary: #f5f5f7;--text-secondary: #98989d;--text-tertiary: #636366;--text-muted: #48484a;--border-color: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .04);--accent-color: #0a84ff;--accent-hover: #409cff;--accent-light: rgba(10, 132, 255, .15);--glass-border: 1px solid rgba(255, 255, 255, .12);--glass-border-dark: 1px solid rgba(255, 255, 255, .08);--gradient-bg: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);--gradient-card: linear-gradient(180deg, rgba(28,28,30,.9) 0%, rgba(28,28,30,.7) 100%);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .6)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif;background:var(--gradient-bg);background-attachment:fixed;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}#app{height:100%}a{color:var(--accent-color);text-decoration:none;transition:color var(--duration-fast) var(--ease-smooth)}a:hover{color:var(--accent-hover)}::selection{background:var(--accent-light);color:var(--accent-color)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-full);transition:background var(--duration-fast) var(--ease-smooth)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-smooth) both}.animate-fade-in-up{animation:fadeInUp var(--duration-slow) var(--ease-spring) both}.animate-fade-in-down{animation:fadeInDown var(--duration-slow) var(--ease-spring) both}.animate-scale-in{animation:scaleIn var(--duration-normal) var(--ease-spring) both}.animate-slide-in-right{animation:slideInRight var(--duration-slow) var(--ease-spring) both}.animate-slide-in-left{animation:slideInLeft var(--duration-slow) var(--ease-spring) both}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.glass-card{background:var(--bg-card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-spring)}.glass-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.page-enter-active{transition:opacity var(--duration-normal) var(--ease-smooth),transform var(--duration-slow) var(--ease-spring)}.page-leave-active{transition:opacity var(--duration-fast) var(--ease-smooth),transform var(--duration-normal) var(--ease-smooth)}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0;transform:translateY(-8px)}.markdown-body{color:var(--text-primary);line-height:1.8}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.3;color:var(--text-primary)}.markdown-body h1{font-size:2em}.markdown-body h2{font-size:1.5em}.markdown-body h3{font-size:1.25em}.markdown-body p{margin-bottom:16px}.markdown-body a{color:var(--accent-color);text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--duration-fast) var(--ease-smooth)}.markdown-body a:hover{border-bottom-color:var(--accent-color)}.markdown-body code{background:var(--bg-secondary);padding:2px 6px;border-radius:var(--radius-xs);font-family:SF Mono,Fira Code,JetBrains Mono,monospace;font-size:.9em;color:var(--accent-color)}.markdown-body pre{background:var(--bg-secondary);padding:16px;border-radius:var(--radius-md);overflow-x:auto;margin-bottom:16px;border:1px solid var(--border-color)}.markdown-body pre code{background:none;padding:0;color:var(--text-primary)}.markdown-body blockquote{border-left:4px solid var(--accent-color);padding-left:16px;margin:16px 0;color:var(--text-secondary);font-style:italic}.markdown-body ul,.markdown-body ol{margin-bottom:16px;padding-left:24px}.markdown-body li{margin-bottom:8px}.markdown-body img{max-width:100%;border-radius:var(--radius-md);margin:16px 0}.markdown-body hr{border:none;border-top:1px solid var(--border-color);margin:24px 0}.markdown-body table{width:100%;border-collapse:collapse;margin-bottom:16px}.markdown-body th,.markdown-body td{padding:8px 12px;border:1px solid var(--border-color);text-align:left}.markdown-body th{background:var(--bg-secondary);font-weight:600}.search-highlight{color:var(--error-color);background:#ff3b301a;border-radius:2px;padding:0 2px}.empty-state{text-align:center;padding:80px 20px;color:var(--text-secondary)}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.4}.empty-state-text{font-size:15px;margin-bottom:16px}.btn-hover-lift{transition:all var(--duration-normal) var(--ease-spring)}.btn-hover-lift:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-hover-lift:active{transform:translateY(0);box-shadow:var(--shadow-xs)}