:root{--bg-primary:#0a1628;--bg-secondary:#0d1b2a;--bg-card:#111d32;--bg-card-hover:#1a2942;--bg-elevated:#162236;--bg-input:#0f1a2e;--bg-overlay:#0a1628d9;--accent-green:#22c55e;--accent-green-light:#4ade80;--accent-green-dark:#16a34a;--accent-green-bg:#22c55e1f;--accent-green-bg-hover:#22c55e33;--accent-teal:#0ea5e9;--accent-teal-light:#38bdf8;--accent-teal-dark:#0284c7;--accent-teal-bg:#0ea5e91f;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#0ea5e9;--color-heart:#ef4444;--color-heart-bg:#ef44441f;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#0a1628;--text-accent:#22c55e;--border-color:#ffffff14;--border-color-light:#ffffff1f;--border-color-focus:#22c55e80;--gradient-brand:linear-gradient(135deg, #0ea5e9 0%, #22c55e 100%);--gradient-brand-reverse:linear-gradient(135deg, #22c55e 0%, #0ea5e9 100%);--gradient-dark:linear-gradient(180deg, #0a1628 0%, #0d1b2a 100%);--gradient-card:linear-gradient(135deg, #111d32cc 0%, #16223699 100%);--gradient-glow-green:radial-gradient(circle at center, #22c55e26 0%, transparent 70%);--gradient-glow-teal:radial-gradient(circle at center, #0ea5e926 0%, transparent 70%);--gradient-hero:linear-gradient(135deg, #0a1628 0%, #0d2847 50%, #0a1628 100%);--gradient-warm:linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);--gradient-purple:linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-size-xs:.6875rem;--font-size-sm:.75rem;--font-size-base:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.65;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 24px #0006;--shadow-xl:0 16px 48px #00000080;--shadow-glow-green:0 0 20px #22c55e4d;--shadow-glow-teal:0 0 20px #0ea5e94d;--z-base:1;--z-dropdown:10;--z-sticky:20;--z-nav:40;--z-modal-backdrop:90;--z-modal:100;--z-toast:110;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--transition-spring:.4s cubic-bezier(.34, 1.56, .64, 1);--nav-height:72px;--topbar-height:56px;--max-content-width:480px;--safe-area-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-primary);-webkit-tap-highlight-color:transparent;min-height:100dvh;overflow-x:hidden}#root{flex-direction:column;min-height:100dvh;display:flex}a{color:var(--accent-teal);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-teal-light)}img,video{max-width:100%;height:auto;display:block}button{font-family:var(--font-family);cursor:pointer;color:inherit;font-size:inherit;background:0 0;border:none;outline:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent-green);outline-offset:2px}input,textarea,select{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;width:100%}input:focus,textarea:focus,select:focus{border-color:var(--border-color-focus);box-shadow:0 0 0 3px #22c55e1a}input::placeholder,textarea::placeholder{color:var(--text-muted)}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color-light);border-radius:var(--radius-full)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes heartBeat{0%{filter:drop-shadow(0 0 20px #ef444466);transform:scale(1)}14%{filter:drop-shadow(0 0 40px #ef4444cc);transform:scale(1.15)}28%{filter:drop-shadow(0 0 20px #ef444466);transform:scale(1)}42%{filter:drop-shadow(0 0 40px #ef4444cc);transform:scale(1.15)}70%{filter:drop-shadow(0 0 20px #ef444466);transform:scale(1)}}.heartbeat-logo{animation:1.5s infinite heartBeat}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes ripple{to{opacity:0;transform:scale(4)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:.4s forwards fadeIn}.animate-fade-in-up{animation:.5s forwards fadeInUp}.animate-scale-in{animation:.3s forwards scaleIn}.animate-slide-up{animation:.4s forwards slideUp}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-float{animation:3s ease-in-out infinite float}.animate-spin{animation:1s linear infinite spin}.animate-heartbeat{animation:.6s heartBeat}.stagger-children>*{opacity:0;animation:.4s forwards fadeInUp}.stagger-children>:first-child{animation-delay:50ms}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.15s}.stagger-children>:nth-child(4){animation-delay:.2s}.stagger-children>:nth-child(5){animation-delay:.25s}.stagger-children>:nth-child(6){animation-delay:.3s}.stagger-children>:nth-child(7){animation-delay:.35s}.stagger-children>:nth-child(8){animation-delay:.4s}.stagger-children>:nth-child(9){animation-delay:.45s}.stagger-children>:nth-child(10){animation-delay:.5s}.glass{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);background:#111d3299}.glass-strong{-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-color-light);background:#111d32d9}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-card-hover) 50%, var(--bg-card) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.app-container{max-width:var(--max-content-width);width:100%;margin:0 auto;position:relative}.safe-bottom{padding-bottom:calc(var(--nav-height) + var(--safe-area-bottom) + 16px)}.gradient-text{background:var(--gradient-brand);-webkit-text-fill-color:transparent;background-clip:text}.chip{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background:var(--accent-green-bg);color:var(--accent-green);white-space:nowrap;transition:all var(--transition-fast);border:1px solid #22c55e33;display:inline-flex}.chip:hover{background:var(--accent-green-bg-hover)}.chip-teal{background:var(--accent-teal-bg);color:var(--accent-teal);border-color:#0ea5e933}.chip-warning{color:var(--color-warning);background:#f59e0b1f;border-color:#f59e0b33}.chip-error{color:var(--color-error);background:#ef44441f;border-color:#ef444433}.divider{background:var(--border-color);width:100%;height:1px;margin:var(--space-4) 0}.badge-dot{position:relative}.badge-dot:after{content:"";background:var(--color-error);border:2px solid var(--bg-primary);border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-2px}.page-enter{opacity:0;transform:translateY(8px)}.page-enter-active{opacity:1;transition:opacity .3s,transform .3s;transform:translateY(0)}@media (width>=768px){:root{--max-content-width:540px}}@media (width>=1024px){:root{--max-content-width:480px}body{background:var(--bg-secondary)}.app-container{border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);background:var(--bg-primary);min-height:100vh}}@media print{body{color:#000;background:#fff}}@keyframes flame-pulse{0%{filter:drop-shadow(0 0 2px #f9731666);transform:scale(1)}50%{filter:drop-shadow(0 0 10px #f97316cc)saturate(1.5);transform:scale(1.05)}to{filter:drop-shadow(0 0 2px #f9731666);transform:scale(1)}}.badge-flame-animation{animation:2s ease-in-out infinite flame-pulse}@keyframes gold-glow{0%{border-color:#eab3084d;box-shadow:0 0 5px #eab30833}50%{border-color:#eab308cc;box-shadow:0 0 15px #eab30899}to{border-color:#eab3084d;box-shadow:0 0 5px #eab30833}}.badge-earned-card{animation:3s ease-in-out infinite gold-glow;border-color:#eab30899!important}.community-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (width<=767px){.community-grid{grid-template-columns:1fr}}.wizard-grid-2{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width<=480px){.wizard-grid-2{grid-template-columns:1fr}}.profile-grid-2{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width<=480px){.profile-grid-2{grid-template-columns:1fr}}.profile-grid-3{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}@media (width<=480px){.profile-grid-3{grid-template-columns:1fr}}.profile-conn-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width<=480px){.profile-conn-grid{grid-template-columns:1fr}}.profile-photo-grid{grid-template-columns:repeat(3,1fr);gap:4px;padding-top:16px;display:grid}@media (width<=480px){.profile-photo-grid{grid-template-columns:repeat(2,1fr)}}.profile-ach-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width<=480px){.profile-ach-grid{grid-template-columns:1fr}}audio{max-width:100%}