@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,400&display=swap");:root{--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--mirror-glow:rgba(217,119,6,0.22);--mirror-border:rgba(217,119,6,0.4);--accent-gold:#d97706;--accent-gold-light:#fef3c7;--accent-rose:#e11d48;--accent-rose-light:#ffe4e6;--accent-cyan:#0284c7;--accent-cyan-light:#e0f2fe;--accent-purple:#9333ea;--text-main:#0f172a;--text-muted:#64748b;--text-subtle:#94a3b8;--glass-bg:rgba(255,255,255,0.82);--glass-border:rgba(226,232,240,0.9);--glass-highlight:rgba(255,255,255,0.95);--font-sans:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;--font-serif:"Playfair Display",Georgia,serif}[data-lighting=golden]{--mirror-glow:rgba(245,158,11,0.3);--mirror-border:rgba(245,158,11,0.6);--ambient-aura-1:rgba(254,215,170,0.55);--ambient-aura-2:rgba(253,230,138,0.45)}[data-lighting=sunset]{--mirror-glow:rgba(244,63,94,0.3);--mirror-border:rgba(244,63,94,0.6);--ambient-aura-1:rgba(254,205,211,0.55);--ambient-aura-2:rgba(233,213,255,0.45)}[data-lighting=club]{--mirror-glow:rgba(14,165,233,0.3);--mirror-border:rgba(14,165,233,0.6);--ambient-aura-1:rgba(186,230,253,0.55);--ambient-aura-2:rgba(251,207,232,0.45)}[data-lighting=studio]{--mirror-glow:rgba(148,163,184,0.25);--mirror-border:rgba(203,213,225,0.8);--ambient-aura-1:rgba(241,245,249,0.7);--ambient-aura-2:rgba(226,232,240,0.6)}*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;min-height:100vh;background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-sans);overflow-x:hidden;-webkit-font-smoothing:antialiased}.ambient-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;background:radial-gradient(circle at 50% 0,#ffffff 0,#f8fafc 60%,#f1f5f9 100%)}.ambient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.75;transition:all 1.2s cubic-bezier(.16,1,.3,1)}.orb-left{top:-15%;left:-10%;width:650px;height:650px;background:radial-gradient(circle,var(--ambient-aura-1,rgba(254,215,170,.55)) 0,transparent 70%)}.orb-right{top:5%;right:-10%;width:700px;height:700px;background:radial-gradient(circle,var(--ambient-aura-2,rgba(254,205,211,.45)) 0,transparent 70%)}.orb-center{bottom:-20%;left:25%;width:750px;height:550px;background:radial-gradient(circle,rgba(224,231,255,.4) 0,transparent 70%)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border:1px solid var(--glass-border);box-shadow:0 16px 36px -8px rgba(15,23,42,.07),0 4px 12px rgba(15,23,42,.03),inset 0 1px 0 #ffffff;border-radius:24px}.glass-header{background:rgba(255,255,255,.88);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(226,232,240,.85);box-shadow:0 4px 20px rgba(0,0,0,.03)}.glass-card{background:#ffffff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(226,232,240,.95);border-radius:18px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(15,23,42,.03)}.glass-card:hover{background:#ffffff;border-color:rgba(203,213,225,1);transform:translateY(-3px);box-shadow:0 12px 28px -6px rgba(15,23,42,.1),0 0 0 1px rgba(217,119,6,.15)}.glass-card.is-worn{border-color:var(--accent-gold);background:linear-gradient(135deg,#fffbeb,#ffffff);box-shadow:0 8px 24px -4px rgba(245,158,11,.22),0 0 0 1.5px var(--accent-gold)}.glass-button{background:#ffffff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(226,232,240,.9);color:#1e293b;border-radius:12px;padding:8px 16px;font-size:.84rem;font-weight:600;cursor:pointer;transition:all .25s ease;display:inline-flex;align-items:center;gap:8px;text-decoration:none;box-shadow:0 1px 3px rgba(0,0,0,.04)}.glass-button:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,0,0,.06)}.glass-button.active,.glass-button.primary{background:linear-gradient(135deg,#d97706,#f59e0b);border-color:#d97706;color:#ffffff;font-weight:700;box-shadow:0 4px 14px rgba(217,119,6,.35)}.smart-mirror-frame{position:relative;background:linear-gradient(180deg,#ffffff,#f1f5f9);border-radius:36px;padding:10px;box-shadow:0 24px 60px -12px rgba(15,23,42,.15),0 0 40px var(--mirror-glow),inset 0 1px 0 #ffffff;border:2px solid var(--mirror-border);transition:all .8s cubic-bezier(.16,1,.3,1);overflow:hidden}.smart-mirror-inner{position:relative;border-radius:26px;overflow:hidden;background:#e2e8f0;aspect-ratio:9/16;width:100%;max-width:440px;margin:0 auto}.mirror-sheen{position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.3),rgba(255,255,255,.1) 25%,transparent 50%,rgba(255,255,255,.15) 75%,rgba(255,255,255,.35));pointer-events:none;z-index:15}.hotspot-pin{position:absolute;width:28px;height:28px;border-radius:50%;background:#ffffff;border:2px solid var(--accent-gold);box-shadow:0 0 16px rgba(217,119,6,.5),0 2px 6px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;transform:translate(-50%,-50%);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.hotspot-pin:hover{transform:translate(-50%,-50%) scale(1.25);background:#fef3c7}.hotspot-pulse{position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--accent-gold);opacity:.85;animation:pulseRipple 2.2s cubic-bezier(.24,0,.38,1) infinite}@keyframes pulseRipple{0%{transform:scale(.9);opacity:.9}to{transform:scale(2.2);opacity:0}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:rgba(241,245,249,.6)}::-webkit-scrollbar-thumb{background:rgba(203,213,225,.8);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,1)}.lux-badge{display:inline-flex;align-items:center;padding:3px 8px;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.badge-gold{background:#fef3c7;border-color:#fde68a;color:#b45309}.badge-rose{background:#ffe4e6;border-color:#fecdd3;color:#be123c}.badge-cyan{background:#e0f2fe;border-color:#bae6fd;color:#0369a1}.modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.45);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}