:root{--font-sans: "Pretendard Variable", Pretendard, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Pretendard Variable", Pretendard, "Inter", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, monospace;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .45s;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 9999px}[data-theme=classic]{--app-bg: #0a0e1a;--bg: #0a0e1a;--surface: #111827;--card: #1a2236;--card-hover: #1e2a42;--border: #2a3654;--border-light: #374869;--primary: #3b82f6;--primary-light: #60a5fa;--primary-dark: #2563eb;--accent: #06b6d4;--accent-glow: rgba(6, 182, 212, .15);--purple: #8b5cf6;--text: #e2e8f0;--app-text: #e2e8f0;--text-muted: #94a3b8;--text-dim: #64748b;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--gradient-brand: linear-gradient(135deg, #3b82f6, #06b6d4);--gradient-hero: linear-gradient(135deg, #1a2236 0%, rgba(59, 130, 246, .1) 100%);--gradient-mesh: none;--radius-card: 14px;--radius-button: 8px;--shadow-card: none;--shadow-hover: 0 8px 24px -8px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px rgba(59, 130, 246, .2);--scrollbar-thumb: #2a3654;--scrollbar-thumb-hover: #374869;--letter-spacing-heading: -.01em;--letter-spacing-body: 0}[data-theme=neo-perplexity]{--app-bg: #0f1419;--bg: #0f1419;--surface: #14191f;--card: #1a2026;--card-hover: #1f262e;--border: #252d37;--border-light: #323c48;--primary: #20b8a6;--primary-light: #5ecfbe;--primary-dark: #108f80;--accent: #6dd4c0;--accent-glow: rgba(32, 184, 166, .18);--purple: #a78bfa;--text: #e8ecef;--app-text: #e8ecef;--text-muted: #9aa4af;--text-dim: #6b7480;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--gradient-brand: linear-gradient(135deg, #20b8a6, #6dd4c0);--gradient-hero: radial-gradient(ellipse at top right, rgba(32, 184, 166, .12), transparent 55%), linear-gradient(180deg, #141a20 0%, #0f1419 100%);--gradient-mesh: none;--radius-card: 12px;--radius-button: 8px;--shadow-card: 0 1px 2px rgba(0, 0, 0, .3);--shadow-hover: 0 12px 32px -12px rgba(32, 184, 166, .25);--shadow-glow: 0 0 24px rgba(32, 184, 166, .25);--scrollbar-thumb: #252d37;--scrollbar-thumb-hover: #323c48;--letter-spacing-heading: -.015em;--letter-spacing-body: 0}[data-theme=neo-openai]{--app-bg: #0d0d0d;--bg: #0d0d0d;--surface: #131313;--card: #171717;--card-hover: #1d1d1d;--border: #262626;--border-light: #333333;--primary: #10a37f;--primary-light: #19c37d;--primary-dark: #0d8a6a;--accent: #19c37d;--accent-glow: rgba(16, 163, 127, .15);--purple: #a78bfa;--text: #ececec;--app-text: #ececec;--text-muted: #9b9b9b;--text-dim: #666666;--success: #10a37f;--warning: #d97706;--danger: #dc2626;--gradient-brand: linear-gradient(135deg, #10a37f, #19c37d);--gradient-hero: linear-gradient(180deg, #0d0d0d 0%, #0a0a0a 100%);--gradient-mesh: none;--radius-card: 8px;--radius-button: 6px;--shadow-card: none;--shadow-hover: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 4px 16px -4px rgba(0, 0, 0, .5);--shadow-glow: 0 0 0 1px rgba(16, 163, 127, .3);--scrollbar-thumb: #262626;--scrollbar-thumb-hover: #333333;--letter-spacing-heading: -.02em;--letter-spacing-body: -.003em}[data-theme=neo-framer]{--app-bg: #0a0614;--bg: #0a0614;--surface: rgba(255, 255, 255, .03);--card: rgba(255, 255, 255, .04);--card-hover: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .14);--primary: #0099ff;--primary-light: #38b6ff;--primary-dark: #006fd6;--accent: #ff00a8;--accent-glow: rgba(255, 0, 168, .35);--purple: #9333ea;--text: #ffffff;--app-text: #ffffff;--text-muted: rgba(255, 255, 255, .65);--text-dim: rgba(255, 255, 255, .4);--success: #22c55e;--warning: #fbbf24;--danger: #f43f5e;--gradient-brand: linear-gradient(135deg, #0099ff 0%, #ff00a8 50%, #ffb800 100%);--gradient-hero: radial-gradient(ellipse 80% 60% at 20% 30%, rgba(0, 153, 255, .35), transparent 60%), radial-gradient(ellipse 70% 50% at 80% 70%, rgba(255, 0, 168, .28), transparent 60%), radial-gradient(ellipse 60% 40% at 50% 10%, rgba(255, 184, 0, .15), transparent 55%);--gradient-mesh: radial-gradient(at 27% 37%, hsla(215, 98%, 61%, .5) 0px, transparent 50%), radial-gradient(at 97% 21%, hsla(322, 100%, 50%, .4) 0px, transparent 50%), radial-gradient(at 52% 99%, hsla(354, 98%, 61%, .3) 0px, transparent 50%), radial-gradient(at 10% 29%, hsla(256, 96%, 67%, .4) 0px, transparent 50%), radial-gradient(at 97% 96%, hsla(38, 60%, 74%, .3) 0px, transparent 50%);--radius-card: 20px;--radius-button: 14px;--shadow-card: 0 10px 30px -10px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .06) inset;--shadow-hover: 0 24px 48px -12px rgba(0, 153, 255, .4), 0 0 0 1px rgba(255, 255, 255, .12) inset;--shadow-glow: 0 0 60px rgba(255, 0, 168, .4);--scrollbar-thumb: rgba(255, 255, 255, .12);--scrollbar-thumb-hover: rgba(255, 255, 255, .2);--letter-spacing-heading: -.025em;--letter-spacing-body: -.005em}[data-theme=neo-linear]{--app-bg: #08090a;--bg: #08090a;--surface: #0d0e10;--card: #131417;--card-hover: #181a1e;--border: #1e2025;--border-light: #2a2d33;--primary: #5e6ad2;--primary-light: #8a92e6;--primary-dark: #4750a8;--accent: #8a8ff0;--accent-glow: rgba(94, 106, 210, .2);--purple: #a855f7;--text: #f4f5f8;--app-text: #f4f5f8;--text-muted: #9098a8;--text-dim: #5b6170;--success: #4ade80;--warning: #fbbf24;--danger: #f87171;--gradient-brand: linear-gradient(135deg, #5e6ad2, #8a8ff0);--gradient-hero: radial-gradient(ellipse 100% 80% at 50% 0%, rgba(94, 106, 210, .15), transparent 60%), linear-gradient(180deg, #0a0b0d 0%, #08090a 100%);--gradient-mesh: none;--radius-card: 8px;--radius-button: 6px;--shadow-card: 0 0 0 1px rgba(255, 255, 255, .03) inset;--shadow-hover: 0 0 0 1px rgba(94, 106, 210, .3) inset, 0 8px 24px -8px rgba(94, 106, 210, .3);--shadow-glow: 0 0 32px rgba(94, 106, 210, .25);--scrollbar-thumb: #1e2025;--scrollbar-thumb-hover: #2a2d33;--letter-spacing-heading: -.022em;--letter-spacing-body: -.005em}[data-theme=neo-framer] body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:var(--gradient-mesh);opacity:.55;z-index:0;pointer-events:none;filter:blur(60px);animation:neo-framer-drift 24s ease-in-out infinite alternate}@keyframes neo-framer-drift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(-3%,2%,0) scale(1.05)}to{transform:translate3d(2%,-1%,0) scale(1)}}[data-theme=neo-perplexity] body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(32,184,166,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(32,184,166,.035) 1px,transparent 1px);background-size:48px 48px;background-position:-1px -1px;z-index:0;pointer-events:none;mask-image:radial-gradient(ellipse 80% 60% at 50% 20%,black,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 20%,black,transparent 70%)}[data-theme=neo-linear] body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at center,rgba(255,255,255,.035) 1px,transparent 1px);background-size:24px 24px;z-index:0;pointer-events:none;mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black,transparent 75%)}[data-theme=neo-openai] body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 100% 80% at 50% 0%,transparent 0%,rgba(0,0,0,.4) 100%);z-index:0;pointer-events:none}#root{position:relative;z-index:1}.themed-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:all var(--duration-base) var(--ease-out)}.themed-card:hover{background:var(--card-hover);border-color:var(--border-light);box-shadow:var(--shadow-hover)}[data-theme=neo-framer] .themed-card{backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4)}