@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-primary: #F7F6F3;--bg-secondary: #FFFFFF;--bg-card: #FFFFFF;--bg-hover: #F0EEED;--bg-cream: #F2F0EB;--border: #E8E6E3;--border-light: #F0EEED;--text-primary: #1A1A1A;--text-secondary: #6B6B6B;--text-tertiary: #9CA3AF;--accent: #2563EB;--accent-hover: #1D4ED8;--accent-light: #EFF6FF;--danger: #EF4444;--success: #10B981;--warning: #F59E0B;--purple: #8B5CF6;--orange: #F97316;--pink: #EC4899;--green: #10B981;--yellow: #FBBF24;--chip-blue: #DBEAFE;--chip-blue-text: #2563EB;--chip-yellow: #FEF3C7;--chip-yellow-text: #D97706;--chip-green: #D1FAE5;--chip-green-text: #059669;--chip-pink: #FCE7F3;--chip-pink-text: #DB2777;--chip-purple: #EDE9FE;--chip-purple-text: #7C3AED;--chip-orange: #FFEDD5;--chip-orange-text: #EA580C;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.06);--shadow-lg: 0 8px 30px rgba(0,0,0,.08);--shadow-card: 0 1px 3px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.06);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}::selection{background:var(--accent-light);color:var(--accent)}input,textarea,select{font-family:inherit;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);padding:10px 14px;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all .2s}a{color:inherit;text-decoration:none}.card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:500}.btn-primary{background:var(--accent);color:#fff;padding:10px 20px;border-radius:var(--radius-sm);font-weight:600;font-size:14px;box-shadow:0 1px 2px #2563eb33}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 4px 12px #2563eb4d}.btn-primary:active{transform:scale(.98)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:8px 16px;border-radius:var(--radius-sm);font-weight:500;font-size:14px}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.like-btn{transition:transform .15s}.like-btn:active{transform:scale(1.3)}.gradient-hero{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#f5576c,#fda085)}.gradient-subtle{background:linear-gradient(135deg,#f5f7fa,#e4e8ec)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:fadeIn .3s ease-out}.chip-active{background:var(--text-primary)!important;color:var(--bg-primary)!important}