@tailwind base;@tailwind components;@tailwind utilities;:root{--font-sans: "Plus Jakarta Sans", sans-serif;--font-display: "Outfit", sans-serif;--font-serif: "Playfair Display", serif;--bg-deep: #050508;--bg-surface: #0f0f13;--bg-glass: rgba(15, 15, 19, .7);--text-main: #ffffff;--text-muted: #94a3b8;--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .15);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .3);--primary: #F97316;--primary-glow: rgba(249, 115, 22, .4);--accent: #EA580C;--ease-premium: cubic-bezier(.2, .8, .2, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-elastic: cubic-bezier(.68, -.6, .32, 1.6)}body{font-family:var(--font-sans);background-color:var(--bg-deep);color:var(--text-main);font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;width:100vw;min-height:100dvh;overflow-x:hidden}@media(min-width:768px){body{height:100vh;overflow:hidden}}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;mix-blend-mode:overlay;opacity:.4}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent;margin:4px}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:20px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}::-webkit-scrollbar-corner{background:transparent}@media(max-width:768px){::-webkit-scrollbar{width:4px;height:4px}}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.touch-target{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.hover-scale{transition:transform .2s var(--ease-out-expo);will-change:transform}.hover-scale:hover{transform:scale(1.02)}.hover-scale:active{transform:scale(.98)}.text-balance{text-wrap:balance}.pb-safe{padding-bottom:env(safe-area-inset-bottom)}.animate-enter{animation:enter .6s var(--ease-out-expo) forwards;opacity:0;transform:translateY(10px)}@keyframes enter{to{opacity:1;transform:translateY(0)}}.animate-pop-in{animation:popIn .5s var(--ease-out-expo) forwards;opacity:0;transform:scale(.95);will-change:transform,opacity}@keyframes popIn{to{opacity:1;transform:scale(1)}}.animate-slide-up{animation:slideUp .6s var(--ease-out-expo) forwards;opacity:0;transform:translateY(20px);will-change:transform,opacity}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.animate-slide-left{animation:slideFromLeft .4s cubic-bezier(.16,1,.3,1) forwards;transform:translate(-100%);will-change:transform}@keyframes slideFromLeft{to{transform:translate(0)}}.library-drawer-enter{transform:translate(-100%);opacity:0}.library-drawer-enter-active{transform:translate(0);opacity:1;transition:transform .6s var(--ease-out-expo),opacity .6s var(--ease-out-expo)}.library-drawer-exit{transform:translate(0);opacity:1}.library-drawer-exit-active{transform:translate(-100%);opacity:0;transition:transform .5s var(--ease-out-expo),opacity .5s var(--ease-out-expo)}.drawer-overlay-exit-active{opacity:0;transition:opacity .4s var(--ease-premium)}.modal-fade-enter{opacity:0;transform:scale(.98) translateY(10px)}.modal-fade-enter-active{opacity:1;transform:scale(1) translateY(0);transition:all .4s var(--ease-out-expo)}.modal-fade-exit{opacity:1;transform:scale(1) translateY(0)}.modal-fade-exit-active{opacity:0;transform:scale(.98) translateY(10px);transition:all .3s var(--ease-out-expo)}.dropdown-fade-enter{opacity:0;transform:translateY(-5px) scale(.98)}.dropdown-fade-enter-active{opacity:1;transform:translateY(0) scale(1);transition:all .2s var(--ease-out-expo)}.dropdown-fade-exit{opacity:1;transform:translateY(0) scale(1)}.dropdown-fade-exit-active{opacity:0;transform:translateY(-5px) scale(.98);transition:all .15s var(--ease-out-expo)}@keyframes floatSlow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(1deg)}}.animate-float-slow{animation:floatSlow 12s ease-in-out infinite}@keyframes floatMedium{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.02)}}.animate-float-medium{animation:floatMedium 7s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 #f9731600}50%{box-shadow:0 0 20px #f9731633}}.animate-pulse-slow{animation:pulseGlow 4s infinite}@keyframes textGlowPulse{0%,to{text-shadow:0 0 10px rgba(249,115,22,0);opacity:.9}50%{text-shadow:0 0 20px rgba(249,115,22,.5);opacity:1}}.animate-text-glow{animation:textGlowPulse 3s ease-in-out infinite}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;width:100%;cursor:pointer}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;border-radius:50%;background:#fff;border:2px solid var(--primary);box-shadow:0 0 10px var(--primary-glow);margin-top:-6px;transition:transform .2s var(--ease-out-expo);position:relative;z-index:10}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.3)}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:#ffffff1a;border-radius:2px;transition:background .3s;.pb-safe{padding-bottom:env(safe-area-inset-bottom)}.pt-safe-top{padding-top:env(safe-area-inset-top)}.min-h-dvh{min-height:100dvh}}input[type=range]:hover::-webkit-slider-runnable-track{background:#ffffff26}img{-webkit-user-drag:none;user-select:none}.drawer-overlay-enter{opacity:0}.drawer-overlay-enter-active{opacity:1;transition:opacity .5s var(--ease-premium)}.drawer-overlay-exit{opacity:1}.drawer-overlay-exit-active{opacity:0;transition:opacity .5s var(--ease-premium)}.library-drawer-enter{transform:translate(100%)}.library-drawer-enter-active{transform:translate(0);transition:transform .6s var(--ease-premium)}.library-drawer-exit{transform:translate(0)}.library-drawer-exit-active{transform:translate(100%);transition:transform .6s var(--ease-premium)}.mobile-menu-enter{transform:translate(-100%);opacity:0}.mobile-menu-enter-active{transform:translate(0);opacity:1;transition:transform .3s var(--ease-out-expo),opacity .3s var(--ease-out-expo)}.mobile-menu-exit{transform:translate(0);opacity:1}.mobile-menu-exit-active{transform:translate(-100%);opacity:0;transition:transform .3s var(--ease-out-expo),opacity .3s var(--ease-out-expo)}