@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,600;1,700&family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap";:root{--bg-primary:#faf9f6;--bg-secondary:#f3f1ec;--bg-tertiary:#eae6df;--bg-card:#fff;--text-primary:#1c1917;--text-secondary:#57534e;--text-tertiary:#a8a29e;--border:#e2ddd5;--accent:#8c6239;--accent-hover:#7a5430;--accent-light:#8c623914;--accent-fg:#fff;--danger:#dc2626;--danger-light:#dc262614;--success:#16a34a;--success-light:#16a34a14;--warning:#d97706;--warning-light:#d9770614;--glass-bg:#faf9f6bf;--glass-border:#e2ddd580;--shadow-card:0 1px 3px #0000000a, 0 4px 20px #0000000a;--shadow-elevated:0 8px 40px #00000014, 0 1px 3px #0000000d;--shadow-glow:0 0 25px 4px #8c62392e;--shadow-focus:0 0 0 3px #8c623933;--tier-free:#a8a29e;--tier-bronze:#cd7f32;--tier-silver:#a8a9ad;--tier-gold:#d4af37;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-pill:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--font-sans:"Outfit", system-ui, -apple-system, sans-serif;--font-serif:"Playfair Display", "Georgia", serif;--text-overline:10px;--text-caption:12px;--text-body:14px;--text-primary-size:16px;--text-subtitle:18px;--text-heading:24px;--text-title:36px;--text-display:64px;--weight-thin:100;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--weight-black:900;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-tighter:-.04em;--tracking-tight:-.02em;--tracking-normal:0em;--tracking-wide:.05em;--tracking-wider:.1em;--tracking-widest:.2em;--z-below:-1;--z-base:0;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--z-tooltip:600}.dark{--bg-primary:#0c0b0a;--bg-secondary:#161413;--bg-tertiary:#22201e;--bg-card:#161413;--text-primary:#f5f2eb;--text-secondary:#b5ada5;--text-tertiary:#6c645c;--border:#2a2724;--accent:#e5ba93;--accent-hover:#ecc89f;--accent-light:#e5ba931a;--accent-fg:#0c0b0a;--danger:#f87171;--danger-light:#f871711a;--success:#4ade80;--success-light:#4ade801a;--warning:#fcd34d;--warning-light:#fcd34d1a;--glass-bg:#0c0b0acc;--glass-border:#2a272499;--shadow-card:0 1px 3px #0000004d, 0 4px 20px #0003;--shadow-elevated:0 8px 40px #00000080, 0 1px 3px #0000004d;--shadow-glow:0 0 25px 4px #e5ba9333;--shadow-focus:0 0 0 3px #e5ba9340}:root{--spring:cubic-bezier(.16, 1, .3, 1);--spring-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--dur-instant:.1s;--dur-fast:.2s;--dur-normal:.35s;--dur-slow:.5s;--dur-cinematic:.7s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scale-bounce{0%{transform:scale(1)}40%{transform:scale(1.25)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow-pulse{0%,to{box-shadow:0 0 15px #8c62390d}50%{box-shadow:var(--shadow-glow)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes heart-pop{0%{transform:scale(1)}30%{transform:scale(0)}60%{transform:scale(1.3)}80%{transform:scale(.9)}to{transform:scale(1)}}@keyframes count-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes blob-drift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-50px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}}@keyframes underline-slide{0%{transform-origin:0;transform:scaleX(0)}to{transform-origin:0;transform:scaleX(1)}}@keyframes draw-path{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-primary-size);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;transition:background-color var(--dur-normal) var(--spring), color var(--dur-normal) var(--spring);min-height:100vh;overflow-x:hidden}body,body *{transition:background-color var(--dur-normal) var(--spring), color var(--dur-normal) var(--spring), border-color var(--dur-normal) var(--spring)}.no-transition,.no-transition *{transition:none!important}img,video,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:var(--font-sans);cursor:pointer;background:0 0;border:none}input,textarea,select{font-family:var(--font-sans);font-size:var(--text-body)}ul,ol{list-style:none}button,a,input,select,textarea{touch-action:manipulation}.scroll-container{-webkit-overflow-scrolling:touch;overflow-y:auto}.canvas-area{-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background-color:var(--accent-light);color:var(--accent)}.font-serif{font-family:var(--font-serif)}.font-sans{font-family:var(--font-sans)}.text-overline{font-size:var(--text-overline);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;font-family:var(--font-sans)}.text-caption{font-size:var(--text-caption);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--text-tertiary)}.text-body{font-size:var(--text-body);font-weight:var(--weight-regular);line-height:var(--leading-relaxed)}.text-subtitle{font-size:var(--text-subtitle);font-weight:var(--weight-medium);line-height:var(--leading-snug)}.text-heading{font-family:var(--font-serif);font-size:var(--text-heading);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.text-title{font-family:var(--font-serif);font-size:var(--text-title);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter)}.text-display{font-family:var(--font-serif);font-size:clamp(40px, 8vw, var(--text-display));font-weight:var(--weight-black);line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter)}.text-gradient{background:linear-gradient(135deg, var(--accent) 0%, #c49a6c 50%, var(--accent) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text}.text-gradient-animated{background:linear-gradient(135deg, var(--accent) 0%, #c49a6c 50%, var(--accent) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite shimmer}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--accent)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--shadow-card)}.glass-elevated{background:var(--glass-bg);-webkit-backdrop-filter:blur(40px)saturate(200%);border:1px solid var(--glass-border);box-shadow:var(--shadow-elevated)}.glass-nav{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px)saturate(200%);border:1px solid var(--glass-border);box-shadow:var(--shadow-card)}.aspect-product{aspect-ratio:3/4;overflow:hidden}.aspect-banner{aspect-ratio:3;overflow:hidden}.aspect-logo,.aspect-square{aspect-ratio:1;overflow:hidden}.aspect-video{aspect-ratio:16/9;overflow:hidden}.aspect-portrait{aspect-ratio:2/3;overflow:hidden}.aspect-lookbook{aspect-ratio:4/5;overflow:hidden}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.container{width:100%;max-width:1280px;padding-left:var(--space-6);padding-right:var(--space-6);margin-left:auto;margin-right:auto}.container-wide{width:100%;max-width:1440px;padding-left:var(--space-6);padding-right:var(--space-6);margin-left:auto;margin-right:auto}@media (width<=768px){.container,.container-wide{padding-left:var(--space-4);padding-right:var(--space-4)}}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{inset:0}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.overflow-hidden{overflow:hidden}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.skeleton{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-secondary) 50%, var(--bg-tertiary) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.skeleton-text{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-secondary) 50%, var(--bg-tertiary) 75%);background-size:200% 100%;height:14px;animation:1.5s ease-in-out infinite shimmer}.skeleton-circle{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-secondary) 50%, var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:50%;animation:1.5s ease-in-out infinite shimmer}.hover-lift{transition:transform var(--dur-fast) var(--spring), box-shadow var(--dur-fast) var(--spring)}.hover-lift:hover{box-shadow:var(--shadow-elevated);transform:translateY(-2px)}.hover-lift:active{box-shadow:var(--shadow-card);transform:translateY(0)scale(.98)}.card-hover{transition:transform var(--dur-normal) var(--spring), box-shadow var(--dur-normal) var(--spring), border-color var(--dur-normal) var(--spring);border:1px solid var(--border)}.card-hover:hover{box-shadow:var(--shadow-elevated);border-color:var(--accent);transform:translateY(-5px)}.img-zoom{transition:transform var(--dur-slow) var(--spring)}.img-zoom:hover{transform:scale(1.05)}.img-zoom-container{overflow:hidden}.img-zoom-container img,.img-zoom-container .img-zoom{transition:transform var(--dur-slow) var(--spring)}.img-zoom-container:hover img,.img-zoom-container:hover .img-zoom{transform:scale(1.07)}.btn-base{transition:transform var(--dur-fast) var(--spring), box-shadow var(--dur-fast) var(--spring), background-color var(--dur-fast) var(--spring), color var(--dur-fast) var(--spring), border-color var(--dur-fast) var(--spring)}.btn-base:hover{transform:scale(1.02)}.btn-base:active{transform:scale(.98)}.glow-pulse{animation:3s ease-in-out infinite glow-pulse}.spin-slow{animation:3s linear infinite spin-slow}.animate-fade-in{animation:fade-in var(--dur-normal) var(--spring) both}.animate-slide-up{animation:slide-up var(--dur-normal) var(--spring) both}.animate-scale-in{animation:scale-in var(--dur-normal) var(--spring) both}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.stagger-9{animation-delay:.45s}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.card-elevated{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated)}.card-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.input-base{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-body);font-weight:var(--weight-regular);color:var(--text-primary);background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--dur-fast) var(--spring), box-shadow var(--dur-fast) var(--spring), background-color var(--dur-fast) var(--spring);appearance:none;outline:none}.input-base::placeholder{color:var(--text-tertiary)}.input-base:hover:not(:disabled){border-color:var(--text-secondary)}.input-base:focus{border-color:var(--accent);box-shadow:var(--shadow-focus)}.input-base:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-secondary)}.input-error{border-color:var(--danger)!important;box-shadow:0 0 0 3px var(--danger-light)!important}.input-error-message{font-size:var(--text-caption);color:var(--danger);margin-top:var(--space-1);font-weight:var(--weight-medium)}.label-base{font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--text-primary);margin-bottom:var(--space-2);display:block}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-sans);font-size:var(--text-body);font-weight:var(--weight-semibold);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:transform var(--dur-fast) var(--spring), box-shadow var(--dur-fast) var(--spring), background-color var(--dur-fast) var(--spring), color var(--dur-fast) var(--spring), border-color var(--dur-fast) var(--spring), opacity var(--dur-fast) var(--spring);border:1.5px solid #0000;line-height:1;text-decoration:none;display:inline-flex}.btn:hover{transform:scale(1.02)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-elevated)}.btn-accent{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn-accent:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-glow)}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.btn-outline{color:var(--text-primary);border-color:var(--border);background:0 0}.btn-outline:hover:not(:disabled){border-color:var(--accent);color:var(--accent);box-shadow:var(--shadow-focus)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover:not(:disabled){box-shadow:0 0 0 3px var(--danger-light)}.btn-xs{padding:var(--space-1) var(--space-3);font-size:var(--text-caption);border-radius:var(--radius-sm)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-caption);border-radius:var(--radius-sm)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-primary-size);border-radius:var(--radius-lg)}.btn-xl{padding:var(--space-5) var(--space-10);font-size:var(--text-subtitle);border-radius:var(--radius-xl)}.btn-pill{border-radius:var(--radius-pill)}.btn-icon{padding:var(--space-2);border-radius:var(--radius-md);aspect-ratio:1}.badge{align-items:center;gap:var(--space-1);padding:3px var(--space-2);font-size:var(--text-overline);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;border-radius:var(--radius-pill);white-space:nowrap;display:inline-flex}.badge-default{background:var(--bg-tertiary);color:var(--text-secondary)}.badge-accent{background:var(--accent-light);color:var(--accent)}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-danger{background:var(--danger-light);color:var(--danger)}.badge-free{color:var(--tier-free);background:#a8a29e26}.badge-bronze{color:var(--tier-bronze);background:#cd7f321f}.badge-silver{color:var(--tier-silver);background:#a8a9ad1f}.badge-gold{color:var(--tier-gold);background:#d4af3726}.badge-rank-1{color:#000;background:linear-gradient(135deg,#d4af37,gold)}.badge-rank-2{color:#000;background:linear-gradient(135deg,#a8a9ad,silver)}.badge-rank-3{color:#fff;background:linear-gradient(135deg,#cd7f32,#b87333)}.nav-wrapper{z-index:var(--z-sticky);width:calc(100% - 48px);max-width:1200px;padding-top:env(safe-area-inset-top);transition:all var(--dur-normal) var(--spring);position:fixed;top:16px;left:50%;transform:translate(-50%)}.nav-pill{border-radius:var(--radius-xl);padding:var(--space-3) var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.nav-pill.scrolled{padding-top:var(--space-2);padding-bottom:var(--space-2)}.nav-logo{font-family:var(--font-serif);font-size:22px;font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight)}.nav-link{font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:color var(--dur-fast) var(--spring);position:relative}.nav-link:after{content:"";bottom:0;left:var(--space-3);right:var(--space-3);background:var(--accent);border-radius:var(--radius-pill);transform-origin:0;height:1.5px;transition:transform var(--dur-fast) var(--spring);position:absolute;transform:scaleX(0)}.nav-link:hover{color:var(--accent)}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.nav-link.active{color:var(--accent)}.bottom-tab-bar{z-index:var(--z-sticky);padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--border);background:var(--glass-bg);-webkit-backdrop-filter:blur(24px)saturate(200%);display:none;position:fixed;bottom:0;left:0;right:0}@media (width<=767px){.bottom-tab-bar{display:flex}.nav-wrapper{display:none}.app-shell{padding-bottom:calc(66px + env(safe-area-inset-bottom))}}.bottom-tab-item{justify-content:center;align-items:center;gap:var(--space-1);min-width:0;padding:var(--space-3) var(--space-2);font-size:10px;font-weight:var(--weight-medium);color:var(--text-tertiary);transition:color var(--dur-fast) var(--spring);cursor:pointer;flex-direction:column;flex:1 1 0;display:flex}.bottom-tab-item.active{color:var(--accent)}.bottom-tab-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}@media (width<=400px){.bottom-tab-item{gap:3px;padding-left:2px;padding-right:2px}.bottom-tab-label{font-size:9px}}@media (pointer:coarse){.btn-icon{min-width:42px;min-height:42px}}.bottom-tab-item svg{transition:transform var(--dur-fast) var(--spring-bounce)}.bottom-tab-item.active svg{transform:scale(1.15)}.modal-overlay{z-index:var(--z-modal);padding:var(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-elevated);width:100%;max-width:560px;max-height:90vh;position:relative;overflow-y:auto}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.modal-body{padding:var(--space-6)}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:var(--space-3);display:flex}.drawer-overlay{z-index:var(--z-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;position:fixed;inset:0}.drawer-panel{z-index:var(--z-overlay);background:var(--bg-card);border-left:1px solid var(--border);width:100%;max-width:420px;box-shadow:var(--shadow-elevated);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}.drawer-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.drawer-body{padding:var(--space-4) var(--space-6);flex:1;overflow-y:auto}.drawer-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);flex-shrink:0}.toast-container{bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);gap:var(--space-3);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--text-primary);pointer-events:all;min-width:280px;max-width:380px;display:flex}.toast-success{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--danger)}.toast-warning{border-left:3px solid var(--warning)}.toast-info{border-left:3px solid var(--accent)}.hero-section{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.blob{filter:blur(80px);opacity:.35;pointer-events:none;border-radius:50%;animation:12s ease-in-out infinite blob-drift;position:absolute}.blob-1{background:radial-gradient(circle,#8c623980 0%,#0000 70%);width:500px;height:500px;animation-delay:0s;top:-10%;left:-10%}.blob-2{background:radial-gradient(circle,#c49a6c66 0%,#0000 70%);width:400px;height:400px;animation-delay:4s;bottom:-10%;right:-5%}.blob-3{background:radial-gradient(circle,#e5ba934d 0%,#0000 70%);width:300px;height:300px;animation-delay:8s;top:40%;left:30%}.product-grid{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1024px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.product-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}}@media (width<=375px){.product-grid{grid-template-columns:1fr}}.store-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=1024px){.store-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.store-grid{gap:var(--space-4);grid-template-columns:1fr}}.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:48px;display:grid}.hero-collage{height:520px;position:relative}.hero-collage-img{object-fit:cover;border-radius:var(--radius-xl);border:5px solid var(--bg-primary);box-shadow:var(--shadow-elevated);display:block;position:absolute}.hero-collage-img--0{z-index:2;width:60%;height:80%;top:10%;left:0;transform:rotate(-3deg)}.hero-collage-img--1{z-index:1;width:48%;height:62%;top:0;right:2%;transform:rotate(3.5deg)}.hero-collage-img--2{z-index:3;width:44%;height:54%;bottom:0;right:8%;transform:rotate(-2deg)}@media (width<=1024px){.hero-collage{height:420px}}@media (width<=900px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:0}.hero-collage{display:none}}.browse-toolbar{z-index:var(--z-sticky);padding:10px 0;padding-top:calc(10px + env(safe-area-inset-top));border-bottom:1px solid var(--border);background:var(--bg-primary);background:color-mix(in srgb, var(--bg-primary) 90%, transparent);-webkit-backdrop-filter:blur(16px)saturate(180%);position:sticky;top:0}@media (width>=768px){.browse-toolbar{padding:14px 0;top:88px}}.browse-toolbar__inner{align-items:center;gap:12px;display:flex}.browse-toolbar__controls{align-items:center;gap:8px;min-width:0;display:flex}.seg-btn{border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-body);transition:all var(--dur-fast) var(--spring);text-transform:capitalize;border:none;padding:7px 16px;font-weight:500}.seg-btn--active{font-weight:700}.browse-sort{min-width:150px;padding-right:32px}@media (width<=767px){.seg-btn{padding:6px 9px;font-size:12px}.browse-sort{width:118px;min-width:0;padding-left:10px;padding-right:24px;font-size:12px}}@media (width<=400px){.browse-sort{width:108px}.seg-btn{padding:6px 7px}}@media (width<=767px){.browse-toolbar__inner{flex-direction:column;align-items:stretch;gap:8px}.browse-toolbar__controls{width:100%;padding-bottom:2px;overflow-x:visible}.browse-toolbar__tabs{scrollbar-width:none;flex:auto;min-width:0;overflow-x:auto}.browse-toolbar__tabs::-webkit-scrollbar{display:none}.browse-toolbar__controls>*{flex-shrink:0}.browse-toolbar__controls>.browse-toolbar__tabs{flex-shrink:1}}.browse-toolbar__chips{scrollbar-width:none;gap:6px;margin-top:8px;padding-bottom:2px;display:flex;overflow-x:auto}.browse-toolbar__chips::-webkit-scrollbar{display:none}.chip{border-radius:var(--radius-pill);background:var(--accent-light);color:var(--accent);font-family:var(--font-sans);cursor:pointer;transition:border-color var(--dur-fast) var(--spring);border:1px solid #0000;flex-shrink:0;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.chip:hover{border-color:var(--accent)}.chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.browse-compact-search{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:none}@media (width<=767px){.browse-toolbar{transition:padding var(--dur-fast) var(--spring)}.browse-toolbar--compact{padding:8px 0;padding-top:calc(8px + env(safe-area-inset-top))}.browse-toolbar--compact .browse-toolbar__inner{flex-direction:row;align-items:center}.browse-toolbar--compact .browse-search{display:none}.browse-toolbar--compact .browse-compact-search{display:flex}.browse-toolbar--compact .browse-toolbar__chips{display:none}.browse-toolbar--compact .browse-toolbar__controls{flex:auto;width:auto}}.gallery-stage{border-radius:var(--radius-xl);background:var(--bg-secondary);touch-action:pan-y;outline:none;position:relative;overflow:hidden}.gallery-stage:focus-visible{box-shadow:0 0 0 3px var(--accent-light)}.gallery-nav{border:1px solid var(--border);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);width:38px;height:38px;color:var(--text-primary);cursor:pointer;z-index:2;opacity:0;transition:opacity var(--dur-fast) var(--spring);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.gallery-stage:hover .gallery-nav,.gallery-stage:focus-within .gallery-nav,.gallery-nav:focus-visible{opacity:1}@media (hover:none){.gallery-nav{opacity:1}}.gallery-nav--prev{left:12px}.gallery-nav--next{right:12px}.gallery-counter{border-radius:var(--radius-pill);color:#fff;font-size:var(--text-caption);letter-spacing:.02em;-webkit-backdrop-filter:blur(6px);z-index:2;pointer-events:none;background:#0000008c;padding:3px 10px;font-weight:600;position:absolute;bottom:12px;right:12px}.gallery-thumb:active{transform:scale(.96)}.masonry-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:20px;display:grid}.masonry-grid--single{grid-template-columns:minmax(0,1fr)}@media (width<=900px){.masonry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.product-layout{grid-template-columns:1fr 1fr;align-items:start;gap:64px;display:grid}.studio-layout{grid-template-columns:1fr 360px;align-items:start;gap:40px;display:grid}@media (width<=1024px){.studio-layout{grid-template-columns:minmax(0,1fr);gap:32px}}@media (width<=900px){.product-layout{grid-template-columns:minmax(0,1fr);gap:32px}}.lookbook-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=1024px){.lookbook-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.lookbook-grid{grid-template-columns:1fr}}.carousel-track{gap:var(--space-5);padding-bottom:var(--space-4);scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow-x:auto}.carousel-track::-webkit-scrollbar{display:none}.carousel-item{flex-shrink:0;width:280px}@media (width<=768px){.carousel-item{width:240px}}.section{padding-top:var(--space-20);padding-bottom:var(--space-20)}.section-sm{padding-top:var(--space-12);padding-bottom:var(--space-12)}.section-header{margin-bottom:var(--space-10);justify-content:space-between;align-items:flex-end;gap:var(--space-4);display:flex}@media (width<=768px){.section{padding-top:var(--space-12);padding-bottom:var(--space-12)}.section-header{margin-bottom:var(--space-6);flex-direction:column;align-items:flex-start}}.divider{background:var(--border);height:1px;margin:var(--space-8) 0}.podium-container{justify-content:center;align-items:flex-end;gap:var(--space-4);padding-top:var(--space-8);display:flex}.podium-card{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-6);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);text-align:center;flex-direction:column;display:flex;position:relative}.podium-card-gold{border-color:var(--tier-gold);background:linear-gradient(160deg, var(--bg-card) 0%, #d4af370a 100%);transform:translateY(-16px);box-shadow:0 0 30px #d4af3733}.podium-card-silver{border-color:var(--tier-silver);box-shadow:0 0 20px #a8a9ad26}.podium-card-bronze{border-color:var(--tier-bronze);box-shadow:0 0 20px #cd7f3226}.podium-rank-label{font-size:20px;line-height:1;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.progress-bar-track{background:var(--bg-tertiary);border-radius:var(--radius-pill);height:3px;overflow:hidden}.progress-bar-fill{background:var(--accent);border-radius:var(--radius-pill);height:100%;transition:width var(--dur-slow) var(--spring)}.checkout-step{align-items:center;gap:var(--space-2);font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--text-tertiary);transition:color var(--dur-fast) var(--spring);display:flex}.checkout-step.active{color:var(--accent)}.checkout-step.complete{color:var(--success)}.checkout-step-number{width:28px;height:28px;font-size:var(--text-caption);font-weight:var(--weight-bold);transition:all var(--dur-fast) var(--spring);border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.checkout-step.active .checkout-step-number{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.checkout-step.complete .checkout-step-number{background:var(--success);border-color:var(--success);color:#fff}.payment-card{padding:var(--space-5);border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--dur-fast) var(--spring);-webkit-user-select:none;user-select:none}.payment-card:hover{border-color:var(--accent)}.payment-card.selected{border-color:var(--accent);background:var(--accent-light)}.payment-esewa.selected{background:#5faf3c0f;border-color:#5faf3c}.payment-khalti.selected{background:#5c2d910f;border-color:#5c2d91}.payment-fonepay.selected{background:#e539350f;border-color:#e53935}.payment-card-sel.selected{border-color:var(--accent);background:var(--accent-light)}.studio-canvas{aspect-ratio:4/5;border-radius:var(--radius-xl);-webkit-user-select:none;user-select:none;cursor:crosshair;border:1px solid var(--border);width:100%;position:relative;overflow:hidden}.backdrop-minimal{background:#faf9f6 radial-gradient(circle,#0000000f 1px,#0000 1px) 0 0/24px 24px}.backdrop-runway{background:linear-gradient(#0c0b0a 0%,#1c1917 40%,#2a2724 100%);box-shadow:inset 0 0 120px #ffffff08,inset 0 -40px 80px #ffffff05}.backdrop-street{background:#1a1a1a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23noise)' opacity='0.3'/%3E%3C/svg%3E")}.backdrop-cafe{background:linear-gradient(135deg,#f5e6d3 0%,#e8d5b7 35%,#d4b896 70%,#c9a882 100%)}.canvas-item-selected{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}.transform-toolbar{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-elevated);display:flex}.admin-tab{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--text-secondary);cursor:pointer;width:100%;transition:all var(--dur-fast) var(--spring);text-align:left;display:flex}.admin-tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.admin-tab.active{background:var(--accent-light);color:var(--accent)}.admin-table{border-collapse:collapse;width:100%;font-size:var(--text-body)}.admin-table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--text-caption);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-tertiary);border-bottom:1px solid var(--border);white-space:nowrap}.admin-table td{padding:var(--space-4);border-bottom:1px solid var(--border);color:var(--text-primary);vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--bg-secondary)}.kpi-card{padding:var(--space-6);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all var(--dur-normal) var(--spring)}.kpi-card:hover{box-shadow:var(--shadow-elevated);transform:translateY(-3px)}.kpi-value{font-family:var(--font-serif);font-size:36px;font-weight:var(--weight-bold);color:var(--text-primary);line-height:1.1}.star-rating{align-items:center;gap:2px;display:flex}.star-filled{color:var(--tier-gold)}.star-half{color:var(--tier-gold);opacity:.5}.star-empty{color:var(--border)}.empty-state{text-align:center;padding:var(--space-16) var(--space-8);justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.empty-state-icon{width:64px;height:64px;color:var(--text-tertiary);stroke-width:1.25px;margin-bottom:var(--space-2)}.empty-state-title{font-family:var(--font-serif);font-size:var(--text-heading);font-weight:var(--weight-semibold);color:var(--text-primary)}.empty-state-desc{font-size:var(--text-body);color:var(--text-secondary);max-width:320px;line-height:var(--leading-relaxed)}.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-left{padding-left:env(safe-area-inset-left)}.safe-right{padding-right:env(safe-area-inset-right)}.page-enter{animation:slide-up var(--dur-normal) var(--spring) both}.page-exit{animation:fade-out .15s var(--ease-in) both}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.price-compare{color:var(--text-tertiary);font-size:var(--text-caption);text-decoration:line-through}.featured-border{border:1.5px solid var(--tier-gold);box-shadow:0 0 12px #d4af3726}.sponsored-border{border:1.5px solid var(--accent);box-shadow:var(--shadow-glow)}.gradient-border{background:var(--bg-card);border-radius:var(--radius-lg);position:relative}.gradient-border:before{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--accent), #c49a6c, var(--tier-gold));z-index:var(--z-below);position:absolute;inset:-1.5px}.pulse-dot{background:var(--success);border-radius:50%;width:8px;height:8px;position:relative}.pulse-dot:after{content:"";border:1.5px solid var(--success);opacity:.5;border-radius:50%;animation:1.5s ease-in-out infinite glow-pulse;position:absolute;inset:-3px}.price-npr:before{content:"रू ";font-size:.8em}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}hr{border:none;border-top:1px solid var(--border);margin:var(--space-8) 0}.footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding:var(--space-16) 0 var(--space-8)}.footer-brand{font-family:var(--font-serif);font-size:28px;font-weight:var(--weight-bold)}.footer-grid{border-bottom:1px solid var(--border);grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px;padding-bottom:64px;display:grid}@media (width<=900px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}}@media (width<=520px){.footer-grid{grid-template-columns:1fr;gap:28px;padding-bottom:40px}}.footer-tagline{color:var(--text-secondary);font-style:italic;font-family:var(--font-serif);font-size:var(--text-body);margin-top:var(--space-2)}.footer-link{font-size:var(--text-body);color:var(--text-secondary);transition:color var(--dur-fast) var(--spring)}.footer-link:hover{color:var(--accent)}