@tailwind base;@tailwind components;@tailwind utilities;:root{--font-scale: 1;--color-cream: #FFFDF5;--color-primary: #FF8E72;--color-secondary: #FFC069;--color-text: #44403c;--shadow-clay: 0 10px 25px rgba(0,0,0,.05);--shadow-clay-active: inset 0 4px 10px rgba(0,0,0,.05);--radius-clay: 40px;--keyboard-height: 0px}body{background-color:var(--color-cream);color:var(--color-text);font-size:calc(16px * var(--font-scale));font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}html,body{position:fixed;width:100%;height:100%;overflow:hidden}#root{width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.clay-card{background-color:#ffffffa6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-clay);box-shadow:0 15px 35px #0000000f,inset 0 2px 4px #ffffffe6;border:1px solid rgba(255,255,255,.7)}.clay-btn-primary{background:linear-gradient(135deg,#ffde99,#ffc069,#ff8e72);color:#fff;box-shadow:0 10px 25px #ff8e724d;border-radius:32px;transition:transform .1s ease}.clay-btn-primary:active{transform:scale(.96)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes popup{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-float{animation:float 4s ease-in-out infinite}.animate-popup{animation:popup .4s cubic-bezier(.175,.885,.32,1.275) forwards}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}input[type=range].touch-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:44px;background:transparent;cursor:pointer}input[type=range].touch-slider::-webkit-slider-runnable-track{height:8px;border-radius:4px;background:#e7e5e4}input[type=range].touch-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:36px;height:36px;border-radius:50%;background:var(--color-primary);border:4px solid white;box-shadow:0 4px 12px #ff8e7266;margin-top:-14px}input[type=range].touch-slider::-moz-range-track{height:8px;border-radius:4px;background:#e7e5e4}input[type=range].touch-slider::-moz-range-thumb{width:36px;height:36px;border-radius:50%;background:var(--color-primary);border:4px solid white;box-shadow:0 4px 12px #ff8e7266}.chat-input-container{transition:padding-bottom .25s ease-out;will-change:padding-bottom}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.keyboard-aware{position:fixed;bottom:0;left:0;right:0;transition:transform .25s ease-out}.input-focused{overflow:hidden}@supports (-webkit-touch-callout: none){.chat-input-container{padding-bottom:calc(env(safe-area-inset-bottom) + 10px)}}