@tailwind base;@tailwind components;@tailwind utilities;:root{--sun:#ffb800;--sun-light:#ffd555;--sun-pale:#fff3c4;--coral:#ff6b4a;--coral-light:#ff8f73;--sky:#4ab8ff;--sand:#fffbf0;--sand-mid:#fff3c4;--sand-deep:#f0d9a0;--bark:#8b5e3c;--text:#2c1810;--text-soft:#9a7a6a;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--sand);color:var(--text);font-family:DM Sans,Helvetica Neue,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--sand-mid)}::-webkit-scrollbar-thumb{background:var(--sun);border-radius:3px}::selection{background:var(--sun-light);color:var(--text)}.summer-card{background:var(--white);border-radius:24px;border:2px solid var(--sand-deep);box-shadow:0 4px 24px rgba(255,184,0,.1),0 1px 4px rgba(0,0,0,.05);transition:transform .25s ease,box-shadow .25s ease}.summer-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(255,184,0,.2),0 2px 8px rgba(0,0,0,.07)}.btn-sun{background:linear-gradient(135deg,var(--sun) 0,var(--coral) 100%);color:#fff;border:none;border-radius:50px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px rgba(255,184,0,.35);display:inline-flex;align-items:center;gap:8px;font-family:DM Sans,sans-serif}.btn-sun:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 32px rgba(255,107,74,.45)}.btn-sun:active{transform:scale(.97)}.btn-sun:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-ghost{background:var(--white);color:var(--text);border:2px solid var(--sand-deep);border-radius:50px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px;font-family:DM Sans,sans-serif}.btn-ghost:hover{border-color:var(--sun);background:var(--sun-pale)}.gradient-sun{background:linear-gradient(135deg,#ff8c00 0,var(--coral) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.summer-input{background:var(--sand);border:2px solid var(--sand-deep);border-radius:16px;color:var(--text);font-size:15px;transition:border-color .2s,box-shadow .2s;width:100%;padding:14px 18px;outline:none;resize:none;font-family:DM Sans,sans-serif}.summer-input:focus{border-color:var(--sun);box-shadow:0 0 0 4px rgba(255,184,0,.15);background:var(--white)}.summer-input::placeholder{color:var(--text-soft);opacity:.7}.tone-pill{border-radius:50px;border:2px solid var(--sand-deep);background:var(--white);color:var(--text-soft);font-size:13px;font-weight:600;cursor:pointer;padding:6px 16px;transition:all .18s;display:inline-flex;align-items:center;gap:6px;font-family:DM Sans,sans-serif}.tone-pill:hover{border-color:var(--sun);color:var(--text);background:var(--sun-pale)}.tone-pill.active{background:linear-gradient(135deg,var(--sun),var(--coral));border-color:transparent;color:#fff;box-shadow:0 3px 12px rgba(255,107,74,.3)}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}40%{transform:translateY(-14px) rotate(4deg)}70%{transform:translateY(-7px) rotate(-3deg)}}@keyframes ticker{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes spin{to{transform:rotate(1turn)}}.animate-float{animation:float 5s ease-in-out infinite}.animate-ticker{animation:ticker 35s linear infinite}