:root{color-scheme:light;--bg-main: #f8fafc;--bg-surface: #ffffff;--bg-surface-hover: #f1f5f9;--text-main: #0f172a;--text-secondary: #475569;--border: #e2e8f0;--primary: #4338ca;--primary-hover: #3730a3;--theme-primary: #4338ca;--theme-primary-hover: #3730a3;--theme-secondary: #0284c7;--theme-tertiary: #0d9488;--theme-primary-light: rgba(67, 56, 202, .08);--theme-secondary-light: rgba(2, 132, 199, .08);--theme-tertiary-light: rgba(13, 148, 136, .08);--theme-ring: rgba(67, 56, 202, .25);--danger: #ef4444;--input-bg: #ffffff;--glass-border: rgba(0, 0, 0, .08)}.dark{color-scheme:dark;--bg-main: #0f172a;--bg-surface: #1e293b;--bg-surface-hover: #334155;--text-main: #f8fafc;--text-secondary: #94a3b8;--border: #334155;--primary: #818cf8;--primary-hover: #6366f1;--theme-primary: #818cf8;--theme-primary-hover: #6366f1;--theme-secondary: #38bdf8;--theme-tertiary: #2dd4bf;--theme-primary-light: rgba(129, 140, 248, .15);--theme-secondary-light: rgba(56, 189, 248, .15);--theme-tertiary-light: rgba(45, 212, 191, .15);--theme-ring: rgba(129, 140, 248, .3);--danger: #f87171;--input-bg: #0b1120;--glass-border: rgba(255, 255, 255, .1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-main);color:var(--text-main);transition:background-color .3s ease,color .3s ease}.card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:1rem;transition:all .2s ease}.glass-panel{background:var(--bg-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);transform:translateZ(0);-webkit-transform:translateZ(0)}.dark .glass-panel{background:#1e293bb3}.mesh-ambient-layer{transform:translateZ(0);-webkit-transform:translate3d(0,0,0);will-change:transform;contain:strict}.btn-primary{background-color:var(--primary);color:#fff;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1)}.btn-primary:hover{background-color:var(--primary-hover)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background-color:var(--bg-surface);border:1px solid var(--border);color:var(--text-main);transition:all .2s}.btn-secondary:hover{background-color:var(--bg-surface-hover)}.input-field{width:100%;background-color:var(--input-bg);border:1px solid var(--border);color:var(--text-main);border-radius:.75rem;padding:.75rem 1rem;outline:none;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--theme-ring)}.text-primary{color:var(--text-main)}.text-secondary{color:var(--text-secondary)}.text-theme-primary{color:var(--theme-primary)}.text-theme-secondary{color:var(--theme-secondary)}.text-theme-tertiary{color:var(--theme-tertiary)}.bg-theme-primary{background-color:var(--theme-primary)}.bg-theme-primary-light{background-color:var(--theme-primary-light)}.bg-theme-secondary{background-color:var(--theme-secondary)}.bg-theme-secondary-light{background-color:var(--theme-secondary-light)}.bg-theme-tertiary{background-color:var(--theme-tertiary)}.bg-theme-tertiary-light{background-color:var(--theme-tertiary-light)}.border-theme-primary{border-color:var(--theme-primary)}.border-theme-secondary{border-color:var(--theme-secondary)}.border-theme-tertiary{border-color:var(--theme-tertiary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.dark ::-webkit-scrollbar-thumb{background:#475569}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.animate-blob{animation:blob 7s infinite}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}.animation-delay-6000{animation-delay:6s}@keyframes blob{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}@keyframes meshFloat1{0%,to{transform:translateZ(0) scale(1) rotate(0)}25%{transform:translate3d(50px,-35px,0) scale(1.1) rotate(15deg)}50%{transform:translate3d(15px,40px,0) scale(.96) rotate(30deg)}75%{transform:translate3d(-40px,-15px,0) scale(1.05) rotate(10deg)}}@keyframes meshFloat2{0%,to{transform:translateZ(0) scale(1) rotate(0)}30%{transform:translate3d(-55px,40px,0) scale(1.08) rotate(-20deg)}60%{transform:translate3d(30px,-45px,0) scale(.94) rotate(-10deg)}85%{transform:translate3d(15px,25px,0) scale(1.04) rotate(-25deg)}}@keyframes meshFloat3{0%,to{transform:translateZ(0) scale(1)}35%{transform:translate3d(35px,25px,0) scale(1.15)}70%{transform:translate3d(-25px,-30px,0) scale(.92)}}@keyframes pulseSlow{0%,to{opacity:.35;transform:scaleZ(1)}50%{opacity:.65;transform:scale3d(1.06,1.06,1)}}.animate-mesh-1{animation:meshFloat1 24s ease-in-out infinite;will-change:transform;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.animate-mesh-2{animation:meshFloat2 28s ease-in-out infinite;will-change:transform;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.animate-mesh-3{animation:meshFloat3 22s ease-in-out infinite;will-change:transform;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.animate-pulse-slow{animation:pulseSlow 6s ease-in-out infinite;will-change:transform,opacity;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}[data-visual-effects=true] .glow-card{box-shadow:0 4px 20px -2px var(--theme-primary-light),0 2px 6px -1px #0000000a;transition:all .3s cubic-bezier(.16,1,.3,1)}[data-visual-effects=true] .glow-card:hover{box-shadow:0 12px 32px -4px var(--theme-primary-light),0 4px 12px -2px #0000000d;border-color:var(--theme-primary)}[data-visual-effects=true] .glow-border{position:relative}[data-visual-effects=true] .glow-border:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary),var(--theme-tertiary));opacity:.4;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}[data-visual-effects=true] .glow-accent{box-shadow:0 0 24px -4px var(--theme-ring)}[data-visual-effects=true] .glow-pill{box-shadow:0 0 12px -2px var(--theme-ring)}[data-visual-effects=true] .timer-glow{filter:drop-shadow(0 0 24px var(--theme-primary-light))}[data-visual-effects=true] .gradient-pill-active{background:linear-gradient(135deg,var(--theme-primary-light) 0%,var(--theme-secondary-light) 100%);border-color:var(--theme-primary);box-shadow:0 0 16px -4px var(--theme-ring)}[data-visual-effects=false] .mesh-ambient-layer,[data-visual-effects=false] .timer-ambient-glow,[data-visual-effects=false] .glow-ring-layer{display:none!important}[data-visual-effects=false] .glow-card,[data-visual-effects=false] .card{box-shadow:none!important}[data-visual-effects=false] .glow-accent,[data-visual-effects=false] .glow-pill,[data-visual-effects=false] .timer-glow,[data-visual-effects=false] .btn-primary{box-shadow:none!important;filter:none!important}@keyframes slideInFromRight{0%{opacity:.2;transform:translate(36px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromLeft{0%{opacity:.2;transform:translate(-36px)}to{opacity:1;transform:translate(0)}}.animate-slide-in-right{animation:slideInFromRight .25s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-in-left{animation:slideInFromLeft .25s cubic-bezier(.16,1,.3,1) forwards}
