:root{--app-bg-start: #f8fbff;--app-bg-end: #eef3fb;--surface: rgba(255, 255, 255, .88);--surface-strong: #ffffff;--surface-border: rgba(148, 163, 184, .26);--text-primary: #0f172a;--text-muted: #64748b;--brand-blue: #0096da;--brand-pink: #d91278;--radius-xl: 16px;--shadow-soft: 0 12px 34px rgba(15, 23, 42, .08)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{margin:0;color:var(--text-primary);background:linear-gradient(180deg,var(--app-bg-start) 0%,var(--app-bg-end) 100%)}.surface-panel{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.surface-panel-strong{background:var(--surface-strong);border:1px solid var(--surface-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft)}.soft-pill{border-radius:999px;border:1px solid var(--surface-border);background:#ffffffeb}.fade-in-up{animation:fadeInUp .22s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}