.vitra-shop{--bg-warm:#d8dce4;--bg-warm-2:#c8d2de;--bg-warm-3:#8a98aa;--sand:#e8ecf0;--bone:#f5f8fc;--cream:#f5f8fc;--ink:#1a1b1e;--ink-2:#3a3b3e;--ink-3:#6a6b6e;--ink-4:#9a9b9e;--rule:#1a1b1e1f;--accent:#7d9db4;--accent-2:#517791;--glass-tint:245, 248, 252;--glass-alpha:.42;--glass-blur:28px;--glass-sat:1.4;--glass-border:#ffffff8c;--glass-shadow:0 1px 0 #fff9 inset, 0 -1px 0 #ffffff26 inset, 0 20px 60px -20px #1e2d3c2e, 0 2px 8px -2px #1e2d3c14;--radius:18px;--radius-sm:10px;--font-display:var(--font-cormorant-garamond), serif;--font-sans:var(--font-inter), sans-serif;--font-mono:var(--font-jetbrains-mono), monospace;width:100%;height:100%;font-family:var(--font-sans);color:var(--ink);background:var(--bg-warm);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.vitra-shop{--accent:lab(62.9167% -7.3227 -16.1072);--accent-2:lab(47.8149% -8.17716 -19.1316)}}.vitra-shop[data-scene=noir]{--bg-warm:#0c0806;--cream:#f5efe2;--ink:#f5efe2;--ink-2:#d8ccb8;--ink-3:#9a8f7c;--ink-4:#6a6052;--rule:#fff5e11f;--glass-tint:40, 30, 22;--glass-border:#fff5dc24}.vitra-shop[data-scene=noir] .scene{color:var(--ink);background:radial-gradient(80% 60% at 20% 30%,#2a2018 0%,#0000 60%),radial-gradient(90% 70% at 80% 20%,#3a2a1e 0%,#0000 55%),linear-gradient(#1a1410 0%,#0c0806 100%)}.vitra-shop[data-scene=noir] .scene-prop.sp-1{opacity:.3;background:linear-gradient(160deg,#c9a876,#6a4a28)}.vitra-shop[data-scene=noir] .scene-prop.sp-2{opacity:.4;background:radial-gradient(circle,#d4a676,#4a3420)}.vitra-shop[data-scene=noir] .scene-prop.sp-3{opacity:.3;background:radial-gradient(circle,#f0d8b4,#6a4a28)}.vitra-shop[data-scene=noir] .btn-primary{background:var(--accent);color:#0c0806}.vitra-shop[data-scene=noir] .placeholder-img{color:#fff0d266;background:repeating-linear-gradient(135deg,#fff0d214 0 2px,#0000 2px 8px),linear-gradient(160deg,#2a2018,#1a1410)}.vitra-shop[data-scene=noir] .glass-solid{background:rgba(var(--glass-tint), calc(var(--glass-alpha) + .15))}.vitra-shop[data-scene=mist] .scene{background:radial-gradient(80% 60% at 20% 30%,#e8ecf0 0%,#0000 60%),radial-gradient(90% 70% at 80% 20%,#d8dce4 0%,#0000 55%),linear-gradient(#e8ecf0 0%,#b8c0cc 100%)}.vitra-shop[data-scene=mist]{--bg-warm:#d8dce4;--glass-tint:245, 248, 252}.vitra-shop[data-scene=mist] .scene-prop.sp-1{opacity:.4;background:linear-gradient(160deg,#6a7a8a,#3a4a5a)}.vitra-shop[data-scene=mist] .scene-prop.sp-2{background:radial-gradient(circle,#e0e8f0,#8a98aa)}.vitra-shop[data-scene=mist] .scene-prop.sp-3{background:radial-gradient(circle,#c8d2de,#6a7888)}.vitra-shop[data-density=airy] .vitra-content{--pad-mul:1.25}.vitra-shop[data-density=dense] .vitra-content{--pad-mul:.85}.vitra-shop input[type=range]{appearance:none;background:#1a171433;border-radius:1px;outline:none;height:2px}.vitra-shop input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--ink);cursor:pointer;border:2px solid var(--cream);border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #0000004d}.vitra-shop input[type=range]::-moz-range-thumb{background:var(--ink);cursor:pointer;border:2px solid var(--cream);border-radius:50%;width:14px;height:14px}.vitra-shop input[type=checkbox]{accent-color:var(--ink)}.vitra-shop .scene{z-index:0;background:radial-gradient(80% 60% at 20% 30%,#e8ecf0 0%,#0000 60%),radial-gradient(90% 70% at 80% 20%,#d8dce4 0%,#0000 55%),radial-gradient(70% 90% at 60% 90%,#b8c0cc 0%,#0000 50%),linear-gradient(#e8ecf0 0%,#d8dce4 50%,#b8c0cc 100%);position:absolute;inset:0;overflow:hidden}.vitra-shop .scene:before{content:"";filter:blur(40px);background:radial-gradient(circle at 15% 25%,#fff0d299 0%,#0000 30%),radial-gradient(circle at 85% 35%,#dcb48280 0%,#0000 28%),radial-gradient(circle at 70% 80%,#b48c5f66 0%,#0000 35%);position:absolute;inset:-10%}.vitra-shop .scene:after{content:"";opacity:.35;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.4 0 0 0 0 0.3 0 0 0 0.15 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.vitra-shop .scene-prop{filter:blur(18px);opacity:.75;mix-blend-mode:multiply;border-radius:50%;position:absolute}.vitra-shop .scene-prop.sp-1{opacity:.55;background:linear-gradient(160deg,#8a6a4a,#5a4028);width:420px;height:520px;top:10%;left:-80px}.vitra-shop .scene-prop.sp-2{background:radial-gradient(circle,#f0d8b4,#b89a70);width:380px;height:380px;top:5%;right:-60px}.vitra-shop .scene-prop.sp-3{background:radial-gradient(circle,#d4a676,#8a6a44);width:260px;height:260px;bottom:-50px;left:35%}.vitra-shop .glass{background:rgba(var(--glass-tint), var(--glass-alpha));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--glass-shadow);position:relative;overflow:hidden}.vitra-shop .glass:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffffe6 30% 70%,#0000);height:1px;position:absolute;top:0;left:0;right:0}.vitra-shop .glass:after{content:"";pointer-events:none;background:linear-gradient(#ffffff40 0%,#0000 40% 100%);position:absolute;inset:0}.vitra-shop .glass-clear{background:rgba(var(--glass-tint), calc(var(--glass-alpha) * .55))}.vitra-shop .glass-solid{background:rgba(var(--glass-tint), calc(var(--glass-alpha) + .25))}.vitra-shop .display{font-family:var(--font-display);letter-spacing:-.01em;font-weight:400;line-height:.95}.vitra-shop .label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);font-size:10px}.vitra-shop .eyebrow{font-family:var(--font-sans);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-2);font-size:11px;font-weight:500}.vitra-shop .meta{font-family:var(--font-mono);color:var(--ink-3);font-size:11px}.vitra-shop .vitra-app{z-index:1;grid-template-columns:240px 1fr;gap:18px;height:100vh;padding:18px;display:grid;position:relative}.vitra-shop .sidebar{flex-direction:column;gap:28px;padding:22px 20px;display:flex;overflow:hidden}.vitra-shop .brand{border-bottom:1px solid var(--rule);align-items:baseline;gap:10px;padding-bottom:18px;display:flex}.vitra-shop .brand .mark{background:radial-gradient(circle at 35% 35%, #fff, var(--accent) 60%, #8a6a40 100%);border-radius:50%;flex-shrink:0;align-self:center;width:22px;height:22px;box-shadow:0 2px 6px #8a6a4066,inset 0 1px 1px #fffc}.vitra-shop .brand .wordmark{font-family:var(--font-display);letter-spacing:.08em;font-size:26px;font-weight:500}.vitra-shop .brand .tag{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.18em;margin-left:auto;padding-top:6px;font-size:9px}.vitra-shop .nav-section{flex-direction:column;gap:2px;display:flex}.vitra-shop .nav-section .label{margin-bottom:10px}.vitra-shop .nav-item{color:var(--ink-2);cursor:pointer;text-align:left;letter-spacing:.01em;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 10px;font-family:inherit;font-size:13px;font-weight:400;transition:all .18s;display:flex}.vitra-shop .nav-item:hover{color:var(--ink);background:#fff6}.vitra-shop .nav-item.active{color:var(--ink);background:#ffffffb3;font-weight:500;box-shadow:inset 0 1px #fffc}.vitra-shop .nav-item .dot{background:var(--ink-4);opacity:.5;border-radius:50%;width:4px;height:4px}.vitra-shop .nav-item.active .dot{background:var(--accent);opacity:1}.vitra-shop .nav-item .count{font-family:var(--font-mono);color:var(--ink-4);margin-left:auto;font-size:10px}.vitra-shop .side-footer{border-top:1px solid var(--rule);flex-direction:column;gap:12px;margin-top:auto;padding-top:18px;display:flex}.vitra-shop .invite-chip{color:var(--ink-2);background:#fff6;border:1px solid #ffffff80;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:11px;display:flex}.vitra-shop .invite-chip .pulse{background:#6a9a5e;border-radius:50%;width:6px;height:6px;animation:2s infinite vitra-pulse;box-shadow:0 0 #6a9a5e66}@keyframes vitra-pulse{0%{box-shadow:0 0 #6a9a5e99}70%{box-shadow:0 0 0 8px #6a9a5e00}to{box-shadow:0 0 #6a9a5e00}}.vitra-shop .vitra-main{flex-direction:column;gap:18px;min-width:0;display:flex;overflow:hidden}.vitra-shop .topbar{align-items:center;gap:14px;padding:14px 22px;display:flex}.vitra-shop .breadcrumb{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.08em;font-size:11px}.vitra-shop .breadcrumb b{color:var(--ink);font-weight:500}.vitra-shop .search{flex:1;max-width:480px;position:relative}.vitra-shop .search input{width:100%;color:var(--ink);background:#fff6;border:1px solid #ffffff80;border-radius:999px;outline:none;padding:8px 14px 8px 34px;font-family:inherit;font-size:12px;transition:all .2s}.vitra-shop .search input:focus{border-color:var(--accent);background:#ffffffb3}.vitra-shop .search input::placeholder{color:var(--ink-4)}.vitra-shop .search svg{color:var(--ink-3);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.vitra-shop .topbar-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.vitra-shop .icon-btn{cursor:pointer;width:32px;height:32px;color:var(--ink-2);background:0 0;border:none;border-radius:8px;place-items:center;transition:all .18s;display:grid;position:relative}.vitra-shop .icon-btn:hover{color:var(--ink);background:#ffffff80}.vitra-shop .icon-btn .badge{font-family:var(--font-mono);background:var(--accent);color:#fff;border-radius:999px;padding:1px 5px;font-size:9px;font-weight:600;line-height:1.2;position:absolute;top:4px;right:4px}.vitra-shop .vitra-content{scrollbar-width:thin;scrollbar-color:#1a171433 transparent;flex:1;padding:0 4px 8px;overflow:hidden auto}.vitra-shop .vitra-content::-webkit-scrollbar{width:6px}.vitra-shop .vitra-content::-webkit-scrollbar-thumb{background:#1a171426;border-radius:3px}.vitra-shop .btn{letter-spacing:.04em;cursor:pointer;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.vitra-shop .btn-primary{background:var(--ink);color:var(--cream)}.vitra-shop .btn-primary:hover{background:var(--ink-2);transform:translateY(-1px);box-shadow:0 8px 20px -6px #1a171466}.vitra-shop .btn-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border-color:#fff9}.vitra-shop .btn-glass:hover{background:#ffffffbf}.vitra-shop .btn-ghost{color:var(--ink-2)}.vitra-shop .btn-ghost:hover{color:var(--ink);background:#fff6}.vitra-shop .btn-sm{padding:7px 12px;font-size:11px}.vitra-shop .tweaks{z-index:100;flex-direction:column;gap:14px;width:280px;padding:18px;display:none;position:fixed;bottom:18px;right:18px}.vitra-shop .tweaks.open{display:flex}.vitra-shop .tweaks h4{font-family:var(--font-display);justify-content:space-between;align-items:center;font-size:18px;font-weight:500;display:flex}.vitra-shop .tweaks h4 span{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.2em;font-size:9px}.vitra-shop .tweak{flex-direction:column;gap:6px;display:flex}.vitra-shop .tweak label{color:var(--ink-3);justify-content:space-between;font-size:11px;display:flex}.vitra-shop .tweak label b{color:var(--ink);font-family:var(--font-mono);font-weight:400}.vitra-shop .tweak-segments{background:#0000000f;border-radius:8px;gap:2px;padding:2px;display:flex}.vitra-shop .tweak-segments button{color:var(--ink-2);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:6px 4px;font-family:inherit;font-size:11px;transition:all .18s}.vitra-shop .tweak-segments button.active{color:var(--ink);background:#fff;box-shadow:0 1px 2px #0000001a}.vitra-shop .tweak-swatches{gap:8px;display:flex}.vitra-shop .tweak-swatches button{cursor:pointer;border:2px solid #ffffffb3;border-radius:50%;width:26px;height:26px;padding:0;transition:transform .15s}.vitra-shop .tweak-swatches button.active{box-shadow:0 0 0 2px var(--ink);transform:scale(1.15)}.vitra-shop .vitra-divider{background:var(--rule);height:1px;margin:0}.vitra-shop .chip{color:var(--ink-2);font-size:11px;font-family:var(--font-sans);background:#ffffff80;border:1px solid #fff9;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.vitra-shop .chip-mono{font-family:var(--font-mono);letter-spacing:.1em;font-size:10px}.vitra-shop .placeholder-img{color:#1a171480;font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;text-align:center;border-radius:var(--radius-sm);background:repeating-linear-gradient(135deg,#8a6a402e 0 2px,#0000 2px 8px),linear-gradient(160deg,#e8d4b6,#c9a876);place-items:center;padding:12px;font-size:10px;display:grid;position:relative;overflow:hidden}.vitra-shop .placeholder-img:after{content:"";background:radial-gradient(circle at 30% 20%,#fff0d280,#0000 50%);position:absolute;inset:0}