@tailwind base;@tailwind components;@tailwind utilities;:root{--glass-border: rgba(255, 255, 255, .1);--glass-bg: rgba(255, 255, 255, .05);--glass-shine: rgba(255, 255, 255, .1);--blue-bg-primary: linear-gradient(135deg, #ACC1D8 0%, #D4E3F0 100%);--blue-bg-secondary: #F5F8FC;--blue-glass-border: rgba(100, 140, 180, .15);--blue-glass-bg: rgba(255, 255, 255, .75);--blue-primary: #4A7FB8;--blue-secondary: #3A6FA0;--blue-light: #7BA5CC;--cyan-accent: #89DEF9;--blue-text-primary: #2B4058;--blue-text-secondary: #5A6C7D;--blue-shadow-soft: 6px 6px 16px rgba(140, 160, 190, .35), -6px -6px 16px rgba(255, 255, 255, .9);--blue-shadow-inset: inset 3px 3px 6px rgba(140, 160, 190, .25), inset -3px -3px 6px rgba(255, 255, 255, .8);--shadow-cyan: 0 0 20px rgba(137, 222, 249, .4);--sky-bg-start: #E3F2FD;--sky-bg-mid: #BBDEFB;--sky-bg-end: #90CAF9;--sky-glass-bg: rgba(255, 255, 255, .7);--sky-glass-border: rgba(255, 255, 255, .5);--sky-glass-shine: rgba(255, 255, 255, .6);--sky-blue-primary: #42A5F5;--sky-blue-hover: #64B5F6;--sky-cyan-accent: #00B8D4;--sky-text-primary: #1A237E;--sky-text-secondary: #5C6BC0;--sky-text-placeholder: #9FA8DA;--sky-shadow-glass: 0 8px 32px rgba(100, 150, 200, .15), inset 0 1px 0 rgba(255, 255, 255, .6);--sky-shadow-button: 0 4px 16px rgba(66, 165, 245, .3);--sky-shadow-cyan: 0 0 24px rgba(0, 184, 212, .5)}body{@apply bg-[#0f1221] text-white;background:radial-gradient(circle at 50% 0%,#1a2a6c,#0f1221 60%);min-height:100vh}.auto-video-theme{background:linear-gradient(135deg,var(--sky-bg-start) 0%,var(--sky-bg-mid) 50%,var(--sky-bg-end) 100%);color:var(--sky-text-primary)}.auto-video-theme .glass-panel{@apply rounded-3xl;background:var(--sky-glass-bg);background:#fff6;border:1px solid var(--sky-glass-border);box-shadow:var(--sky-shadow-glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transition:all .3s ease}.auto-video-theme .glass-panel-hover{@apply transition-all duration-300 ease-out;}.auto-video-theme .glass-button{@apply relative overflow-hidden transition-all duration-300;background:var(--sky-glass-bg);border:1px solid var(--sky-glass-border);box-shadow:var(--sky-shadow-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--sky-text-primary);font-weight:500}.auto-video-theme .glass-input{@apply w-full rounded-xl px-4 py-3 transition-all duration-300;background:var(--sky-glass-bg);border:1px solid var(--sky-glass-border);box-shadow:inset 0 2px 8px #6496c81a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--sky-text-primary);font-weight:400}.auto-video-theme .glass-input:focus{outline:none;border-color:var(--sky-blue-primary);box-shadow:inset 0 2px 8px #6496c81a,0 0 0 3px #42a5f533}.auto-video-theme .glass-input::placeholder{color:var(--sky-text-placeholder);opacity:.8}.auto-video-theme .spatial-tile{background:var(--sky-glass-bg);border:1px solid var(--sky-glass-border);box-shadow:var(--sky-shadow-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}@media(hover:hover){.auto-video-theme .glass-panel-hover:hover{box-shadow:var(--sky-shadow-glass),0 12px 48px #6496c840;border-color:#ffffffb3;background:#fffc;transform:translateY(-2px)}.auto-video-theme .glass-button:hover{box-shadow:var(--sky-shadow-glass),var(--sky-shadow-button);background:#ffffffd9;transform:translateY(-2px)}.auto-video-theme .spatial-tile:hover{transform:translateY(-4px);box-shadow:var(--sky-shadow-glass),0 16px 48px #6496c84d;background:#ffffffd9}}.auto-video-theme .spatial-tile:active{transform:translateY(0)}.auto-video-theme .custom-scrollbar::-webkit-scrollbar{width:8px}.auto-video-theme .custom-scrollbar::-webkit-scrollbar-track{background:#90caf933;border-radius:4px}.auto-video-theme .custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--sky-blue-primary) 0%,var(--sky-cyan-accent) 100%);border-radius:4px}.auto-video-theme .custom-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--sky-blue-hover) 0%,var(--sky-cyan-accent) 100%)}.auto-video-theme [class*=text-white]:not([class*=bg-]):not([style*=background]){color:var(--sky-text-primary)!important}.auto-video-theme [class*=text-gray-2],.auto-video-theme [class*=text-gray-3],.auto-video-theme [class*=text-gray-4]{color:var(--sky-text-secondary)!important}.auto-video-theme [class*=text-gray-5]{color:var(--sky-text-placeholder)!important}.auto-video-theme [class*=from-blue-400][class*=to-purple-600],.auto-video-theme [class*=bg-gradient-to-br][class*=from-blue-400]{background:linear-gradient(135deg,var(--sky-cyan-accent) 0%,var(--sky-blue-primary) 100%)!important;box-shadow:var(--sky-shadow-cyan)!important}.auto-video-theme [class*=bg-purple-600]{background:var(--sky-cyan-accent)!important;box-shadow:var(--sky-shadow-cyan)!important}.auto-video-theme [class*=from-purple-600][class*=to-blue-500]{background:linear-gradient(135deg,var(--sky-cyan-accent) 0%,var(--sky-blue-primary) 100%)!important;box-shadow:var(--sky-shadow-cyan)!important}.auto-video-theme .text-purple-300,.auto-video-theme .text-purple-400,.auto-video-theme .text-purple-500{color:var(--sky-cyan-accent)!important}.auto-video-theme [class*=from-purple-600][class*=to-blue-600],.auto-video-theme button[class*=bg-gradient-to-r]{background:linear-gradient(135deg,var(--sky-blue-primary) 0%,var(--sky-cyan-accent) 100%)!important;box-shadow:var(--sky-shadow-button)!important}.auto-video-theme button[class*=bg-gradient-to-r]:hover{background:linear-gradient(135deg,var(--sky-blue-hover) 0%,var(--sky-cyan-accent) 100%)!important;box-shadow:0 6px 24px #42a5f566!important;transform:translateY(-2px)}