:root{--bg-deep: #0f0a1a;--bg-card: rgba(255,255,255,.03);--bg-card-hover: rgba(255,255,255,.06);--border: rgba(255,255,255,.07);--border-focus: rgba(231,76,139,.4);--text-primary: #f0edf5;--text-secondary: rgba(255,255,255,.55);--text-muted: rgba(255,255,255,.3);--accent-pink: #e74c8b;--accent-violet: #8b5cf6;--accent-gradient: linear-gradient(135deg, #e74c8b, #8b5cf6);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 24px;--font-display: "Playfair Display", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-deep);color:var(--text-primary);min-height:100dvh;-webkit-font-smoothing:antialiased;overscroll-behavior:none}input,textarea,select,button{font-family:var(--font-body)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .4s ease-out both}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent-pink);border-radius:50%;animation:spin .8s linear infinite}