:root{--bg-base:#faf8f5;--bg-gradient:linear-gradient(160deg, #faf8f5 0%, #f3ede6 50%, #ede5db 100%);--text-primary:#1a1a1d;--accent:#c17a56;--accent-hover:#a8654a;--accent-light:#c17a561a;--accent-light-2:#c17a560d;--accent-gradient:linear-gradient(135deg, #c17a56 0%, #d4956f 100%);--surface:#f0ebe3;--surface-white:#fff;--surface-elevated:#ffffffd9;--surface-glass:#ffffffb3;--text-muted:#1a1a1d73;--text-secondary:#1a1a1da6;--border:#1a1a1d14;--border-strong:#1a1a1d24;--border-accent:var(--accent);--overlay:#1a1a1d73;--dark-bg:#0e0e10;--dark-bg-2:#141416;--dark-bg-3:#1a1a1e;--dark-surface:#ffffff0a;--dark-surface-hover:#ffffff14;--dark-border:#ffffff0f;--dark-border-strong:#ffffff1f;--dark-text:#f5f0eb;--dark-text-secondary:#f5f0eb8c;--dark-text-muted:#f5f0eb4d;--dark-glass:#0e0e10cc;--accent-gold:#d4a574;--accent-gold-light:#d4a5741f;--accent-gold-gradient:linear-gradient(135deg, #d4a574 0%, #e8c5a0 50%, #d4a574 100%);--accent-gold-glow:0 0 30px #d4a57440;--sp-1:8px;--sp-2:16px;--sp-3:24px;--sp-4:32px;--sp-5:40px;--sp-6:48px;--sp-8:64px;--radius-card:32px;--radius-btn:16px;--radius-sm:12px;--radius-full:9999px;--radius-xl:40px;--shadow-card:0 4px 20px #00000005, 0 10px 40px #0000000a;--shadow-card-hover:0 8px 30px #0000000f, 0 20px 60px #00000014;--shadow-sm:0 1px 4px #00000005;--shadow-glass:0 10px 40px #0000000a;--shadow-float:0 12px 40px #c17a5626;--shadow-luxe:0 20px 60px #00000026, 0 8px 24px #00000014;--shadow-dark-card:0 4px 30px #0000004d;--shadow-gold-glow:0 8px 30px #d4a57433;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--duration-fast:.2s;--duration-normal:.35s;--duration-slow:.5s;--duration-cinematic:.8s;--sidebar-width:280px;--topbar-height:80px;--bottom-bar-height:72px}@media (width<=768px){:root{--sidebar-width:0px;--topbar-height:56px;--sp-4:20px;--sp-3:16px;--radius-card:16px}}.heading-xl{color:var(--text-primary);letter-spacing:-.03em;font-family:Playfair Display,serif;font-size:48px;font-weight:700;line-height:1.1}.heading-lg{color:var(--text-primary);letter-spacing:-.02em;font-family:Playfair Display,serif;font-size:40px;font-weight:700;line-height:1.15}.heading-md{color:var(--text-primary);letter-spacing:-.01em;font-family:Playfair Display,serif;font-size:28px;font-weight:700;line-height:1.25}.heading-sm{color:var(--text-primary);font-family:Playfair Display,serif;font-size:22px;font-weight:700;line-height:1.3}.editorial{color:var(--accent);font-family:Playfair Display,serif;font-style:italic;font-weight:400}.body-lg{color:var(--text-primary);font-family:DM Sans,sans-serif;font-size:18px;font-weight:400;line-height:1.65}.body{color:var(--text-primary);font-family:DM Sans,sans-serif;font-size:16px;font-weight:400;line-height:1.6}.body-sm{color:var(--text-secondary);font-family:DM Sans,sans-serif;font-size:14px;font-weight:400;line-height:1.55}.label{letter-spacing:.03em;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;line-height:1.4}.label-sm{letter-spacing:.06em;text-transform:uppercase;font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;line-height:1.4}.muted{opacity:.55}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-40px)}}@keyframes sweepIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #c47a5a4d}50%{box-shadow:0 0 0 12px #c47a5a00}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes circularProgress{0%{stroke-dashoffset:283px}}.animate-fade-in{animation:fadeIn var(--duration-slow) ease both}.animate-slide-in-right{animation:slideInRight var(--duration-normal) var(--ease-out) both}.animate-slide-out-left{animation:slideOutLeft var(--duration-normal) var(--ease-out) both}.animate-sweep-in{animation:sweepIn var(--duration-normal) var(--ease-out) both}.animate-scale-in{animation:scaleIn var(--duration-normal) var(--ease-out) both}.stagger-children>*{animation:fadeInUp var(--duration-normal) var(--ease-out) both}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:60ms}.stagger-children>:nth-child(3){animation-delay:.12s}.stagger-children>:nth-child(4){animation-delay:.18s}.stagger-children>:nth-child(5){animation-delay:.24s}.stagger-children>:nth-child(6){animation-delay:.3s}.stagger-children>:nth-child(7){animation-delay:.36s}.stagger-children>:nth-child(8){animation-delay:.42s}@keyframes scoreReveal{0%{opacity:0;filter:blur(10px);transform:scale(.3)rotate(-10deg)}60%{opacity:1;filter:blur();transform:scale(1.15)rotate(2deg)}80%{transform:scale(.95)rotate(-1deg)}to{transform:scale(1)rotate(0)}}.animate-score-reveal{animation:.8s cubic-bezier(.34,1.56,.64,1) both scoreReveal}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,#f0ebe3 25%,#e8e2d8 50%,#f0ebe3 75%) 0 0/200% 100%;border-radius:12px;animation:1.5s infinite shimmer}@keyframes tensionPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes slideUpReveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUpReveal .5s var(--ease-out) both}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.animate-float{animation:3s ease-in-out infinite float}@keyframes countBounce{0%{opacity:0;transform:scale(0)}70%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.animate-count-bounce{animation:.6s cubic-bezier(.34,1.56,.64,1) both countBounce}@keyframes liquidGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-liquid-bg{background-size:400% 400%;animation:15s infinite liquidGradient}@keyframes textShimmer{0%{background-position:-200%}to{background-position:200%}}.text-shimmer{background:linear-gradient(90deg,#d4a574 0%,#f0dcc4 30%,#d4a574 60%,#f0dcc4 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s ease-in-out infinite textShimmer}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #d4a57426,0 4px 16px #0000001a}50%{box-shadow:0 0 40px #d4a5744d,0 4px 16px #0000001a}}.animate-glow-pulse{animation:3s ease-in-out infinite glowPulse}@keyframes borderGradientSpin{0%{--border-angle:0deg}to{--border-angle:360deg}}@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.animated-border{--border-angle:0deg;background-origin:border-box;background-clip:padding-box,border-box;background-image:linear-gradient(var(--dark-bg-2), var(--dark-bg-2)), conic-gradient(from var(--border-angle), #d4a574, #1a1a1a, #d4a574, #e8c5a0, #d4a574);border:2px solid #0000;animation:4s linear infinite borderGradientSpin}@keyframes revealUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.reveal-on-scroll{opacity:0;transition:all .8s var(--ease-out);transform:translateY(40px)}.reveal-on-scroll.revealed{opacity:1;transform:translateY(0)}@keyframes orbFloat1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-20px)scale(1.05)}66%{transform:translate(-20px,15px)scale(.95)}}@keyframes orbFloat2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-25px,25px)scale(.95)}66%{transform:translate(20px,-30px)scale(1.05)}}.orb-1{animation:8s ease-in-out infinite orbFloat1}.orb-2{animation:10s ease-in-out infinite orbFloat2}@keyframes magneticPop{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1.02)}}@keyframes slideUpSheet{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.animate-slide-up-sheet{animation:.4s cubic-bezier(.22,1,.36,1) both slideUpSheet}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)rotate(0)}50%{opacity:1;transform:scale(1)rotate(180deg)}}.dot-grid-bg{background-image:radial-gradient(circle,#ffffff08 1px,#0000 1px);background-size:24px 24px}@keyframes scrollBounce{0%,20%,50%,80%,to{transform:translateY(0)translate(-50%)}40%{transform:translateY(-8px)translate(-50%)}60%{transform:translateY(-4px)translate(-50%)}}.scroll-indicator{animation:2s infinite scrollBounce}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-count-up{animation:countUp .6s var(--ease-out) both}@keyframes spinSmooth{to{transform:rotate(360deg)}}.spinner-dark{border:2.5px solid #ffffff1a;border-top-color:var(--accent-gold);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spinSmooth}@keyframes badgeShine{0%{left:-100%}to{left:200%}}.badge-shine{position:relative;overflow:hidden}.badge-shine:after{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:50%;height:100%;animation:3s ease-in-out infinite badgeShine;position:absolute;top:0;left:-100%}@keyframes aiScanline{0%{opacity:0;top:2%}15%{opacity:.85}85%{opacity:.85}to{opacity:0;top:96%}}.animate-ai-scanline{pointer-events:none;z-index:5;background:linear-gradient(90deg,#0000,#d4a574,#fff,#d4a574,#0000);height:3px;animation:2.8s cubic-bezier(.4,0,.2,1) infinite aiScanline;position:absolute;left:0;right:0;box-shadow:0 0 15px #d4a574cc,0 0 30px #d4a57466}@keyframes floatGentle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-float-gentle{animation:4s ease-in-out infinite floatGentle}@keyframes floatGentleAlt{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.animate-float-gentle-alt{animation:4.5s ease-in-out infinite floatGentleAlt}.btn-primary{justify-content:center;align-items:center;gap:var(--sp-1);background:var(--accent-gradient);color:#fff;border-radius:var(--radius-btn);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);letter-spacing:.02em;border:none;min-height:48px;padding:14px 32px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;display:inline-flex;box-shadow:0 4px 16px #c17a5640}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #c17a5659}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #c17a5633}.btn-ghost{justify-content:center;align-items:center;gap:var(--sp-1);color:var(--accent);border:1.5px solid var(--accent);border-radius:var(--radius-btn);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:0 0;min-height:48px;padding:14px 28px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;display:inline-flex}.btn-ghost:hover{background:var(--accent-light);transform:translateY(-2px);box-shadow:0 4px 16px #c17a561f}.btn-text{color:var(--accent);cursor:pointer;text-underline-offset:3px;transition:opacity var(--duration-fast) ease;background:0 0;border:none;align-items:center;gap:4px;min-height:44px;padding:8px 4px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;text-decoration:underline;display:inline-flex}.btn-text:hover{opacity:.7}.card{background:var(--surface-white);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--sp-3);transition:all var(--duration-normal) var(--ease-out);border:1px solid var(--border)}.card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-6px)}.card-surface{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--sp-3);transition:all var(--duration-fast) var(--ease-out);border:1px solid var(--border)}.card-flat{background:var(--surface);border-radius:var(--radius-card);padding:var(--sp-3)}.card-no-hover:hover{box-shadow:var(--shadow-card);transform:none}.card-glass{background:var(--surface-glass);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-card);box-shadow:var(--shadow-glass);padding:var(--sp-3);border:1px solid #fff9}.input-field{border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background:var(--surface-white);transition:all var(--duration-fast) ease;outline:none;min-height:48px;padding:14px 20px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:400}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-light)}.input-group{position:relative}.input-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;display:block}.select-field{border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background:var(--surface-white);cursor:pointer;appearance:none;transition:border-color var(--duration-fast) ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231A1A1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;outline:none;min-height:48px;padding:14px 20px;font-family:DM Sans,sans-serif;font-size:15px}.select-field:focus{border-color:var(--accent)}.drop-zone{border:2px dashed var(--border-strong);border-radius:var(--radius-card);padding:var(--sp-6) var(--sp-3);cursor:pointer;transition:all var(--duration-fast) ease;background:var(--surface-white);flex-direction:column;justify-content:center;align-items:center;min-height:320px;display:flex}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--accent);background:var(--accent-light);transform:scale(1.01)}.drop-zone svg{color:var(--text-muted);margin-bottom:var(--sp-2)}.drop-zone p{color:var(--text-muted);text-align:center;font-family:DM Sans,sans-serif;font-size:15px}.chip{border:1.5px solid var(--border-strong);border-radius:var(--radius-full);color:var(--text-secondary);background:var(--surface-white);cursor:pointer;transition:all var(--duration-fast) ease;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;min-height:44px;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;display:inline-flex}.chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.chip.active{border-color:var(--accent);background:var(--accent-gradient);color:#fff}.tag{background:var(--accent-light);color:var(--accent);border-radius:var(--radius-full);letter-spacing:.02em;padding:5px 14px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;display:inline-block}.color-swatch{border:2.5px solid var(--border);cursor:pointer;width:32px;height:32px;transition:all var(--duration-fast) var(--ease-spring);border-radius:50%}.color-swatch.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);transform:scale(1.15)}.fab{background:var(--accent-gradient);color:#fff;cursor:pointer;width:60px;height:60px;box-shadow:var(--shadow-float);transition:all var(--duration-fast) var(--ease-spring);z-index:100;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:32px;right:32px}.fab:hover{transform:translateY(-4px)scale(1.08);box-shadow:0 12px 40px #c17a5666}.fab svg{width:24px;height:24px}.sidebar{width:var(--sidebar-width);background:var(--surface-white);border-right:1px solid var(--border);height:100vh;padding:var(--sp-4) 0;z-index:50;flex-direction:column;display:flex;position:fixed;top:0;left:0}.sidebar-logo{padding:0 var(--sp-3);margin-bottom:var(--sp-6)}.sidebar-logo h1{color:#1a1a1a;letter-spacing:-1px;font-family:Cormorant Garamond,serif;font-size:32px;font-weight:600}.sidebar-nav{padding:0 var(--sp-1);flex-direction:column;flex:1;gap:2px;display:flex}.sidebar-link{color:#1a1a1d66;cursor:pointer;border-radius:100px;align-items:center;gap:16px;min-height:52px;padding:14px 20px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.22,1,.36,1);display:flex}.sidebar-link:hover{color:#1a1a1a;background:#f9f7f5}.sidebar-link.active{color:#1a1a1a;background:#fdf4eb;font-weight:700}.sidebar-link svg{opacity:.8;flex-shrink:0;width:22px;height:22px}.sidebar-link.active svg{opacity:1}.topbar{padding:0 var(--sp-4);height:var(--topbar-height);justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex}.topbar-greeting{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;min-width:0;font-family:Playfair Display,serif;font-size:26px;font-weight:700;overflow:hidden}.topbar-right{flex-shrink:0;align-items:center;gap:14px;display:flex}.weather-widget{align-items:center;gap:var(--sp-1);background:var(--surface-glass);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-full);border:1px solid var(--border);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:320px;box-shadow:var(--shadow-sm);padding:8px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;display:flex;overflow:hidden}.weather-widget svg{width:18px;height:18px;color:var(--accent);flex-shrink:0}.avatar{object-fit:cover;border:2.5px solid var(--surface);width:40px;height:40px;box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0}.avatar-lg{object-fit:cover;border:4px solid var(--surface-white);width:88px;height:88px;box-shadow:var(--shadow-card);border-radius:50%}.app-layout{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);background:var(--bg-gradient);flex:1;min-width:0;min-height:100vh}.page-content{padding:0 var(--sp-4) var(--sp-4);animation:fadeInUp var(--duration-normal) var(--ease-out) both}.h-scroll{gap:var(--sp-2);padding-bottom:var(--sp-1);scrollbar-width:thin;scrollbar-color:var(--border) transparent;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.h-scroll::-webkit-scrollbar{height:4px}.h-scroll::-webkit-scrollbar-track{background:0 0}.h-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.step-indicator{margin-bottom:var(--sp-4);justify-content:center;align-items:center;gap:6px;display:flex}.step-dot{background:var(--border-strong);width:8px;height:8px;transition:all var(--duration-normal) var(--ease-spring);border-radius:50%}.step-dot.active{background:var(--accent-gradient);border-radius:4px;width:36px}.gauge-container{width:180px;height:180px;position:relative}.gauge-container svg{transform:rotate(-90deg)}.gauge-bg{fill:none;stroke:var(--surface);stroke-width:10px}.gauge-fill{fill:none;stroke:var(--accent);stroke-width:10px;stroke-linecap:round;transition:stroke-dashoffset 1.5s var(--ease-out)}.gauge-label{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gauge-number{color:var(--text-primary);font-family:Playfair Display,serif;font-size:48px;font-weight:700;line-height:1}.gauge-sub{color:var(--text-muted);margin-top:4px;font-family:DM Sans,sans-serif;font-size:15px}.settings-tile{padding:16px var(--sp-3);background:var(--surface-white);border-radius:var(--radius-card);cursor:pointer;transition:all var(--duration-fast) ease;border:1px solid var(--border);align-items:center;gap:14px;min-height:56px;display:flex}.settings-tile:hover{background:var(--accent-light);border-color:var(--accent);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.settings-tile svg{width:20px;height:20px;color:var(--accent);flex-shrink:0}.settings-tile .tile-label{color:var(--text-primary);flex:1;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500}.settings-tile .tile-chevron{color:var(--text-muted)}.ai-banner{align-items:center;gap:var(--sp-2);padding:14px var(--sp-3);border-radius:var(--radius-btn);animation:sweepIn var(--duration-normal) var(--ease-out) both;background:linear-gradient(135deg,#c17a5614,#c17a5629);border:1px solid #c17a562e;display:flex}.ai-banner .ai-icon{font-size:18px}.ai-banner p{color:var(--accent);font-family:DM Sans,sans-serif;font-size:14px;font-weight:600}@media (width<=1024px){.topbar-greeting{font-size:22px}.weather-widget{max-width:240px;padding:6px 12px;font-size:12px}}@media (width<=768px){.sidebar{width:100%;height:var(--bottom-bar-height);border-right:none;border-top:1px solid var(--border);background:var(--surface-glass);-webkit-backdrop-filter:blur(20px);z-index:200;flex-direction:row;padding:0;inset:auto 0 0;box-shadow:0 -4px 20px #00000008}.sidebar-logo{display:none}.sidebar-nav{flex-direction:row;justify-content:center;align-items:center;gap:0;width:100%;padding:0 8px}.sidebar-link{min-height:auto;color:var(--text-muted);border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 0;font-size:10px;font-weight:700;transition:all .2s}.sidebar-link.active{color:var(--accent);background:0 0}.sidebar-link svg{width:20px;height:20px;transition:transform .2s}.sidebar-link.active svg{color:var(--accent);transform:translateY(-2px)}.sidebar-link:hover{background:0 0}.main-content{padding-bottom:calc(var(--bottom-bar-height) + 16px);margin-left:0}.page-content{padding:0 var(--sp-2) var(--sp-2)}.topbar{padding:0 var(--sp-2)}.topbar-greeting{font-size:18px}.weather-widget{max-width:170px;padding:5px 10px;font-size:11px}.weather-widget img{width:18px!important;height:18px!important}.avatar{width:34px;height:34px}.avatar-lg{width:72px;height:72px}.fab{bottom:calc(var(--bottom-bar-height) + 16px);width:52px;height:52px;right:16px}.card{padding:var(--sp-2)}.drop-zone{min-height:200px;padding:var(--sp-4) var(--sp-2)}.gauge-container{width:140px;height:140px}.gauge-number{font-size:36px}.settings-tile{padding:14px var(--sp-2)}}@media (width<=480px){.topbar-greeting{font-size:16px}.weather-widget{max-width:140px;padding:4px 8px;font-size:10px}.btn-primary,.btn-ghost{padding:12px 20px;font-size:14px}}@keyframes spin{to{transform:rotate(360deg)}}.animate-tension{animation:2s ease-in-out infinite tension}@keyframes tension{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;filter:drop-shadow(0 0 10px #0000001a);transform:scale(1.1)}}.animate-fade-in-up{animation:.8s cubic-bezier(.22,1,.36,1) both fadeInUp}.hover-lift{transition:transform .3s cubic-bezier(.22,1,.36,1)}.hover-lift:hover{transform:translateY(-8px)}.hover-scale{transition:transform .3s cubic-bezier(.22,1,.36,1)}.hover-scale:hover{transform:scale(1.05)}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}html,body{max-width:100vw;overflow-x:hidden!important}.page{width:100%;overflow-x:hidden!important}.dark-luxe-sidebar{background:#0d0d0f;border-right:1px solid #ffffff0f;flex-direction:column;justify-content:space-between;display:flex}.dark-luxe-sidebar .sidebar-nav{padding:0 12px;position:relative}.dark-luxe-sidebar .sidebar-link{z-index:1;color:#ffffff73;cursor:pointer;border-radius:16px;align-items:center;gap:14px;min-height:52px;padding:14px 18px;font-family:Inter,DM Sans,sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:color .25s,background .25s;display:flex;position:relative}.dark-luxe-sidebar .sidebar-link.active{color:#d4a574;font-weight:700}.dark-luxe-sidebar .sidebar-link svg{opacity:.8;color:currentColor;width:20px;height:20px}.dark-luxe-sidebar .sidebar-link:hover{color:#fff;background:#ffffff0a}@media (width<=768px){.dark-luxe-sidebar{width:100vw!important;height:var(--bottom-bar-height)!important;-webkit-backdrop-filter:blur(24px)!important;z-index:999!important;background:#0d0d0ff2!important;border-top:1px solid #ffffff14!important;border-right:none!important;flex-direction:row!important;justify-content:space-around!important;align-items:center!important;padding:0 6px!important;position:fixed!important;inset:auto 0 0!important;box-shadow:0 -8px 30px #0009!important}.dark-luxe-sidebar .sidebar-top-group{width:100%;display:flex}.dark-luxe-sidebar .sidebar-logo-container,.dark-luxe-sidebar .sidebar-upgrade-card,.dark-luxe-sidebar .sidebar-active-pill{display:none!important}.dark-luxe-sidebar .sidebar-nav{flex-direction:row!important;justify-content:space-around!important;align-items:center!important;gap:0!important;width:100%!important;padding:0!important;display:flex!important}.dark-luxe-sidebar .sidebar-link{color:#ffffff73!important;background:0 0!important;border-radius:8px!important;flex-direction:column!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:4px!important;min-height:auto!important;padding:8px 2px!important;font-size:10px!important;font-weight:600!important}.dark-luxe-sidebar .sidebar-link.active{color:#d4a574!important;font-weight:700!important}.dark-luxe-sidebar .sidebar-link svg{width:20px!important;height:20px!important}}.landing-header-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1280px;margin:0 auto;padding:18px 32px;display:flex}.hero-section-grid{z-index:10;grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;max-width:1280px;margin:0 auto;padding:60px 32px 100px;display:grid;position:relative}.hero-visual-wrapper{width:100%;max-width:520px;margin:0 auto;position:relative}.hero-visual-frame{background:linear-gradient(145deg,#ffffff1a,#ffffff05);border:1px solid #d4a5744d;border-radius:32px;padding:12px;position:relative;box-shadow:0 24px 60px #0009,0 0 80px #d4a57426}.hero-hud-badge{z-index:20;-webkit-backdrop-filter:blur(20px);background:#121216eb;border:1px solid #d4a57466;border-radius:20px;align-items:center;gap:14px;padding:16px 20px;display:flex;position:absolute;top:-20px;right:-20px;box-shadow:0 16px 36px #00000080}.demo-showcase-card{-webkit-backdrop-filter:blur(24px);background:#16161a99;border:1px solid #ffffff14;border-radius:28px;grid-template-columns:420px 1fr;align-items:center;gap:40px;padding:32px;display:grid;box-shadow:0 20px 50px #0006}.fitcheck-section-grid{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.steps-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.cta-banner-box{text-align:center;background:linear-gradient(135deg,#d4a57426 0%,#c17a5614 100%);border:1px solid #d4a5744d;border-radius:32px;padding:64px 48px;position:relative;overflow:hidden}.landing-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1280px;margin:0 auto;display:flex}@media (width<=960px){.hero-section-grid{grid-template-columns:1fr;gap:48px;padding:40px 24px 70px}.demo-showcase-card{grid-template-columns:1fr;gap:32px;padding:28px 24px}.demo-photo-container{width:100%;max-width:380px;margin:0 auto}.fitcheck-section-grid{grid-template-columns:1fr;gap:44px}.fitcheck-photo-container{width:100%;max-width:380px;margin:0 auto}.steps-grid{grid-template-columns:1fr;gap:18px}}@media (width<=860px){.desktop-nav-links{display:none!important}.landing-header-inner{padding:14px 20px}}@media (width<=640px){.mobile-hide{display:none!important}.landing-header-inner{padding:12px 16px}.hero-section-grid{gap:36px;padding:24px 16px 50px}.hero-hud-badge{border-radius:16px;padding:10px 14px;top:-12px;right:8px}.hero-floating-tag{white-space:nowrap;text-overflow:ellipsis;max-width:85%;overflow:hidden;padding:4px 10px!important;font-size:10px!important}.hero-cta-group{width:100%;flex-direction:column!important;align-items:stretch!important;gap:12px!important}.hero-cta-group button,.hero-cta-group a{text-align:center!important;justify-content:center!important;width:100%!important}.hero-metrics-grid{grid-template-columns:repeat(3,1fr)!important;gap:10px!important}.hero-metrics-grid .metric-value{font-size:24px!important}.demo-showcase-card{border-radius:20px;padding:20px 16px}.demo-items-grid-responsive{grid-template-columns:1fr!important;gap:10px!important}.cta-banner-box{border-radius:24px;padding:40px 20px}.landing-footer-inner{text-align:center;flex-direction:column;gap:16px}}.dashboard-header-bar{justify-content:space-between;align-items:flex-end;margin-bottom:32px;display:flex}.dashboard-weather-card{color:#fff;-webkit-backdrop-filter:blur(20px);background:#121216d9;border:1px solid #ffffff12;border-radius:24px;justify-content:space-between;align-items:center;margin-bottom:32px;padding:22px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #0006}.dashboard-outfit-grid{text-align:left;grid-template-columns:260px 1fr;align-items:center;gap:28px;width:100%;display:grid}@media (width<=768px){.dashboard-header-bar{flex-direction:column;align-items:flex-start;gap:16px}.dashboard-header-actions{gap:8px;width:100%;display:flex}.dashboard-header-actions button{flex:1;justify-content:center}.dashboard-weather-card{flex-direction:column;align-items:flex-start;gap:18px;padding:18px 16px}.dashboard-weather-right{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.dashboard-outfit-grid{grid-template-columns:1fr;gap:20px}.dashboard-outfit-img-wrapper{width:100%;max-width:280px;margin:0 auto}}.admin-header-nav{-webkit-backdrop-filter:blur(20px);z-index:100;background:#0e0e12d9;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.admin-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:32px;display:grid}.admin-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px;display:flex}.admin-filter-tabs-wrapper{-webkit-overflow-scrolling:touch;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:100px;gap:8px;padding:4px;display:flex;overflow-x:auto}.admin-desktop-table{display:block}.admin-mobile-cards{display:none}@media (width<=768px){.admin-header-nav{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 16px}.admin-header-actions{gap:8px;width:100%;display:flex}.admin-header-actions button{text-align:center;flex:1;justify-content:center;padding:9px 12px!important}.admin-kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:24px}.admin-filter-bar{flex-direction:column;align-items:stretch}.admin-search-wrapper{width:100%!important;max-width:100%!important}.admin-desktop-table{display:none}.admin-mobile-cards{flex-direction:column;gap:12px;display:flex}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{color:var(--text-primary);background:var(--bg-gradient);font-family:DM Sans,sans-serif;font-weight:400;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit}img{max-width:100%;display:block}ul,ol{list-style:none}.page{animation:fadeIn var(--duration-normal) var(--ease-out) both}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.landing-page{min-height:100vh;display:flex}.landing-left{width:50%;position:relative;overflow:hidden}.landing-left img{object-fit:cover;width:100%;height:100%;animation:.8s both fadeIn}.landing-left:after{content:"";background:linear-gradient(to right, transparent, var(--bg-base));pointer-events:none;width:120px;position:absolute;top:0;bottom:0;right:0}.landing-right{width:50%;padding:var(--sp-8);background:var(--bg-base);justify-content:center;align-items:center;display:flex}.landing-content{max-width:440px}.landing-content>*+*{margin-top:var(--sp-3)}.landing-logo{color:var(--text-primary);letter-spacing:-.03em;font-family:Playfair Display,serif;font-size:52px;font-weight:700}.landing-logo span{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-headline{color:var(--text-primary);letter-spacing:-.02em;font-family:Playfair Display,serif;font-size:40px;font-weight:700;line-height:1.15}.landing-sub{color:var(--text-secondary);font-family:DM Sans,sans-serif;font-size:17px;line-height:1.7}.landing-actions{align-items:center;gap:var(--sp-2);flex-direction:column;display:flex;margin-top:var(--sp-5)!important}.auth-page{background:var(--bg-gradient);min-height:100vh;padding:var(--sp-4);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";background:radial-gradient(circle, var(--accent-light) 0%, transparent 70%);opacity:.4;filter:blur(80px);pointer-events:none;width:40vw;height:40vw;position:absolute;top:-10vw;right:-10vw}.auth-card{-webkit-backdrop-filter:blur(20px)saturate(180%);width:100%;max-width:440px;padding:var(--sp-6) var(--sp-5);border-radius:var(--radius-xl);z-index:1;background:#ffffffb3;border:1px solid #ffffff80;box-shadow:0 24px 80px #00000014}.auth-header{text-align:center;margin-bottom:var(--sp-5)}.auth-header .landing-logo{margin-bottom:var(--sp-1);font-size:38px}.auth-header h2{color:var(--text-primary);letter-spacing:-.01em;font-family:Playfair Display,serif;font-size:28px}.auth-form{gap:var(--sp-4);flex-direction:column;display:flex}.auth-footer{margin-top:var(--sp-5);text-align:center;padding-top:var(--sp-4);border-top:1px solid #0000000d}.auth-footer a{color:var(--accent);font-weight:600;transition:color .2s}.auth-footer a:hover{color:var(--accent-dark)}.spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;margin:0 auto;animation:.8s linear infinite spin}.onboarding-page{background:var(--bg-gradient);min-height:100vh;padding:var(--sp-4);justify-content:center;align-items:center;display:flex}.onboarding-container{background:var(--surface-white);width:100%;max-width:520px;padding:var(--sp-5) var(--sp-4);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);border:1px solid var(--border)}.onboarding-step{animation:fadeInUp var(--duration-normal) var(--ease-out) both}.onboarding-step h2{margin-bottom:var(--sp-3);color:var(--text-primary);letter-spacing:-.01em;font-family:Playfair Display,serif;font-size:26px;font-weight:700}.greeting-confirm{color:var(--accent);margin-top:var(--sp-2);min-height:28px;transition:opacity var(--duration-fast) ease;font-family:Playfair Display,serif;font-size:17px;font-style:italic;font-weight:400}.gender-cards{gap:var(--sp-2);margin-bottom:var(--sp-4);display:flex}.city-grid{gap:var(--sp-1);margin-bottom:var(--sp-2);flex-wrap:wrap;display:flex}.gender-card{padding:var(--sp-3) var(--sp-2);text-align:center;border:2px solid var(--border-strong);border-radius:var(--radius-card);cursor:pointer;transition:all var(--duration-fast) var(--ease-spring);background:var(--surface-white);color:var(--text-primary);flex:1;min-height:48px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600}.gender-card:hover{border-color:var(--accent);transform:translateY(-2px)}.gender-card.selected{border-color:var(--accent);background:var(--accent-light);color:var(--accent);box-shadow:0 4px 16px #c17a5626}.gender-card .icon{margin-bottom:var(--sp-1);font-size:32px;display:block}.style-grid{margin-bottom:var(--sp-4);grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.style-tile{aspect-ratio:1;border-radius:var(--radius-card);cursor:pointer;transition:all var(--duration-fast) var(--ease-spring);border:3px solid #0000;position:relative;overflow:hidden}.style-tile img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-normal) var(--ease-out)}.style-tile:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.style-tile:hover img{transform:scale(1.06)}.style-tile.selected{border-color:var(--accent);box-shadow:0 6px 24px #c17a5640}.style-tile.selected img{transform:scale(1.04)}.style-tile .tile-overlay{color:#fff;background:linear-gradient(#0000,#000000a6);padding:12px 14px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;position:absolute;bottom:0;left:0;right:0}.style-tile .tile-check{background:var(--accent-gradient);color:#fff;opacity:0;width:30px;height:30px;transition:all var(--duration-fast) var(--ease-spring);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:10px;right:10px;transform:scale(.5)}.style-tile.selected .tile-check{opacity:1;transform:scale(1)}.hide-scrollbar{scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.outfit-card{border-radius:var(--radius-card);background:var(--surface-white);width:150px;box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:all var(--duration-fast) var(--ease-out);flex-shrink:0;overflow:hidden}.outfit-card:hover{box-shadow:var(--shadow-card);transform:translateY(-4px)}.outfit-card img{object-fit:cover;width:100%;height:150px}.outfit-card .outfit-date{color:var(--text-secondary);padding:10px 14px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500}.insight-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:14px;padding:14px 0;display:flex}.insight-item:last-child{border-bottom:none}.insight-icon{border-radius:var(--radius-sm);background:var(--accent-light);width:38px;height:38px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.insight-icon svg{width:18px;height:18px}.insight-text{color:var(--text-primary);font-family:DM Sans,sans-serif;font-size:14px;line-height:1.6}.wardrobe-layout{gap:var(--sp-4);display:flex}.wardrobe-filters{flex-shrink:0;width:170px}.wardrobe-filters h3{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--sp-2);font-family:DM Sans,sans-serif;font-size:11px;font-weight:600}.filter-link{color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) ease;text-align:left;border-radius:var(--radius-sm);background:0 0;border:none;width:100%;min-height:44px;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:15px;display:block}.filter-link:hover{color:var(--text-primary);background:var(--surface)}.filter-link.active{color:var(--accent);background:var(--accent-light);font-weight:600}.wardrobe-grid{flex:1;grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.wardrobe-item{border-radius:var(--radius-card);cursor:pointer;background:var(--surface-white);box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:all var(--duration-fast) var(--ease-out);position:relative;overflow:hidden}.wardrobe-item:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-5px)}.wardrobe-item img{aspect-ratio:3/4;object-fit:cover;width:100%}.wardrobe-item .item-name{color:var(--text-primary);padding:12px 14px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600}.wardrobe-item .item-overlay{padding:var(--sp-2);opacity:0;transition:opacity var(--duration-fast) ease;background:linear-gradient(#0000 40%,#141416bf 100%);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.wardrobe-item:hover .item-overlay{opacity:1}.item-overlay .meta-row{align-items:center;gap:6px;margin-bottom:6px;display:flex}.item-overlay .color-dot{border:2px solid #ffffff80;border-radius:50%;width:14px;height:14px}.item-overlay .tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-full);color:#fff;background:#fff3;padding:4px 12px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500}.item-overlay .brand-name{color:#ffffffd9;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500}.wardrobe-header{margin-bottom:var(--sp-3);justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex}.add-item-layout{gap:var(--sp-4);min-height:calc(100vh - var(--topbar-height) - var(--sp-4));grid-template-columns:1fr 1fr;display:grid}.upload-preview{object-fit:cover;border-radius:var(--radius-card);width:100%;height:100%;animation:fadeIn var(--duration-slow) ease both}.qr-card{align-items:center;gap:var(--sp-2);padding:var(--sp-2);background:var(--surface);border-radius:var(--radius-btn);margin-top:var(--sp-2);display:flex}.qr-placeholder{background:var(--text-primary);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:64px;height:64px;display:flex}.qr-placeholder svg{color:#fff;width:48px;height:48px}.form-group{margin-bottom:var(--sp-3)}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;display:block}.color-chips,.season-toggles{gap:var(--sp-1);flex-wrap:wrap;display:flex}.profile-page{max-width:680px;padding-top:var(--sp-4);margin:0 auto}.profile-card{text-align:center;padding:var(--sp-5) var(--sp-4);background:var(--surface-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);margin-bottom:var(--sp-4);border:1px solid var(--border);position:relative;overflow:hidden}.profile-card:before{content:"";background:linear-gradient(135deg, var(--accent-light), #c17a560d);pointer-events:none;height:100px;position:absolute;top:0;left:0;right:0}.profile-card .avatar-lg{margin:0 auto var(--sp-2);z-index:1;position:relative}.profile-name{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:4px;font-family:Playfair Display,serif;font-size:28px;font-weight:700;position:relative}.profile-tagline{color:var(--text-muted);margin-bottom:var(--sp-3);font-family:DM Sans,sans-serif;font-size:15px;position:relative}.profile-stats{justify-content:center;gap:var(--sp-5);padding-top:var(--sp-3);border-top:1px solid var(--border);display:flex;position:relative}.stat-item{text-align:center}.stat-value{color:var(--text-primary);font-family:DM Sans,sans-serif;font-size:20px;font-weight:700}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-family:DM Sans,sans-serif;font-size:12px}.settings-grid{gap:var(--sp-2);grid-template-columns:1fr 1fr;display:grid}@media (width<=1024px){.wardrobe-grid{grid-template-columns:repeat(3,1fr)}.landing-logo{font-size:42px}.landing-headline{font-size:32px}.dashboard-primary img{height:320px}}@media (width<=768px){.landing-page{flex-direction:column}.landing-left{width:100%;height:40vh;min-height:250px}.landing-left:after{display:none}.landing-right{width:100%;padding:var(--sp-4) var(--sp-3)}.landing-logo{font-size:36px}.landing-headline{font-size:28px}.landing-sub{font-size:15px}.landing-actions{flex-direction:column;align-items:stretch}.landing-actions .btn-primary,.landing-actions .btn-ghost{justify-content:center;width:100%}.onboarding-page{padding:var(--sp-2);padding-top:var(--sp-3);align-items:flex-start}.onboarding-container{padding:var(--sp-3) var(--sp-2);border-radius:var(--radius-card)}.onboarding-step h2{margin-bottom:var(--sp-2);font-size:22px}.greeting-confirm{font-size:15px}.style-grid{grid-template-columns:repeat(2,1fr);gap:8px}.gender-cards{gap:var(--sp-1);flex-direction:column}.wardrobe-layout{gap:var(--sp-2);flex-direction:column}.wardrobe-filters{gap:var(--sp-1);-webkit-overflow-scrolling:touch;width:100%;padding-bottom:var(--sp-1);display:flex;overflow-x:auto}.wardrobe-filters h3{display:none}.filter-link{white-space:nowrap;border:1.5px solid var(--border-strong);border-radius:var(--radius-full);justify-content:center;align-items:center;width:auto;min-height:38px;padding:8px 18px;font-size:13px;display:inline-flex}.filter-link.active{border-color:var(--accent);background:var(--accent-light)}.wardrobe-grid{grid-template-columns:repeat(2,1fr);gap:10px}.add-item-layout{gap:var(--sp-3);grid-template-columns:1fr;min-height:auto}.profile-page{padding-top:var(--sp-2)}.profile-card{padding:var(--sp-3);border-radius:var(--radius-card)}.profile-card:before{height:70px}.profile-name{font-size:22px}.settings-grid{gap:var(--sp-1);grid-template-columns:1fr}.profile-stats{gap:var(--sp-3)}}@media (width<=480px){.landing-left{height:35vh;min-height:200px}.landing-logo{font-size:30px}.landing-headline{font-size:24px}.onboarding-step h2{font-size:20px}.wardrobe-item .item-name{padding:8px 10px;font-size:12px}.profile-name{font-size:20px}}