:root{--neumorphic-bg: #e0e5ec;--neumorphic-surface: #e0e5ec;--neumorphic-shadow-dark: #a3b1c6;--neumorphic-shadow-light: #fff;--neumorphic-primary: #667eea;--neumorphic-secondary: #764ba2;--neumorphic-text-primary: #2d3748;--neumorphic-text-secondary: #718096;--neumorphic-success: #48bb78;--neumorphic-warning: #f6ad55;--neumorphic-error: #fc8181;--shadow-inset: inset 2px 2px 5px var(--neumorphic-shadow-dark), inset -2px -2px 5px var(--neumorphic-shadow-light);--shadow-raised: 5px 5px 10px var(--neumorphic-shadow-dark), -5px -5px 10px var(--neumorphic-shadow-light);--shadow-hover: 3px 3px 8px var(--neumorphic-shadow-dark), -3px -3px 8px var(--neumorphic-shadow-light);--shadow-pressed: inset 1px 1px 3px var(--neumorphic-shadow-dark);--color-bg-main: #B84A37;--color-bg-shadow: #5A2419;--color-text-main: #FFF;--color-text-subtitle: #FFEDE6;--color-text-progress: #FFD0B5;--color-cta-main: #1E3A8A;--color-cta-hover: #3B82F6;--color-accent-recommended: #F97316;--color-tags-neutral: #F8FAFC;--font-weight-light: 300;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--glass-bg: rgb(255 255 255 / 6%);--glass-border: rgb(255 255 255 / 15%);--glass-blur: 28px;--glass-shadow: 0 4px 30px rgb(0 0 0 / 10%);--header-shadow: 0 2px 16px rgb(0 0 0 / 15%);--main-glass-bg: rgb(255 255 255 / 3%);--main-glass-border: rgb(255 255 255 / 8%);--main-glass-blur: 32px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;color:var(--color-text-main);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden auto}#root{min-height:100vh;height:100vh;width:100vw;margin:0;padding:0;display:flex;flex-direction:column}.scene-container-stable{height:100%!important;width:100%!important;display:block;position:relative;z-index:1}.spatial-background{min-height:100vh;position:relative;background:linear-gradient(180deg,#cd8b76,#b8735e,#a5634a,#8b4a35,#6d3526);overflow-x:hidden}.spatial-background:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 10%,#E5A085 0%,rgb(229 160 133 / 95%) 15%,rgb(205 139 118 / 80%) 35%,transparent 60%),radial-gradient(circle at 85% 15%,#D18B6E 0%,rgb(209 139 110 / 70%) 25%,transparent 50%),radial-gradient(circle at 15% 50%,rgb(209 139 110 / 70%) 0%,rgb(165 99 74 / 50%) 40%,transparent 65%),radial-gradient(circle at 75% 85%,#4A2E22 0%,rgb(74 46 34 / 98%) 20%,rgb(90 60 48 / 80%) 45%,transparent 70%),radial-gradient(circle at 40% 70%,rgb(165 99 74 / 80%) 0%,rgb(109 53 38 / 60%) 35%,transparent 60%),radial-gradient(circle at 75% 25%,rgb(229 160 133 / 60%) 0%,rgb(205 139 118 / 40%) 30%,transparent 55%);filter:blur(50px);z-index:0}.spatial-background:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 30%,rgb(255 255 255 / 1.5%) 0%,transparent 2%),radial-gradient(circle at 80% 70%,rgb(0 0 0 / 2%) 0%,transparent 1.5%),radial-gradient(circle at 60% 40%,rgb(255 255 255 / 1%) 0%,transparent 1%),radial-gradient(circle at 40% 80%,rgb(0 0 0 / 1.5%) 0%,transparent 2%),radial-gradient(ellipse at 25% 5%,rgb(229 160 133 / 50%) 0%,rgb(205 139 118 / 30%) 35%,transparent 55%),radial-gradient(ellipse at 90% 10%,rgb(209 139 110 / 40%) 0%,rgb(165 99 74 / 20%) 40%,transparent 60%),radial-gradient(ellipse at 10% 30%,rgb(229 160 133 / 30%) 0%,transparent 45%),radial-gradient(ellipse at 80% 40%,rgb(74 46 34 / 70%) 0%,rgb(61 40 32 / 50%) 30%,transparent 50%),radial-gradient(ellipse at 20% 90%,rgb(74 46 34 / 90%) 0%,rgb(90 60 48 / 60%) 35%,transparent 60%),radial-gradient(ellipse at 95% 80%,rgb(61 40 32 / 80%) 0%,rgb(74 46 34 / 40%) 40%,transparent 65%);background-size:4px 4px,6px 6px,3px 3px,5px 5px,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%;filter:blur(25px);z-index:1}.main-glassmorphism-container{position:relative;z-index:10;-webkit-backdrop-filter:blur(var(--main-glass-blur));backdrop-filter:blur(var(--main-glass-blur));background:var(--main-glass-bg);border:2px solid var(--main-glass-border);border-radius:32px;margin:1rem;padding:1rem;min-height:calc(100vh - 2rem);box-shadow:0 12px 50px #0000004d}.floating-header{position:relative;z-index:15;padding:.25rem 0;margin-top:0;margin-bottom:1rem}.floating-header-bottom{position:relative;z-index:15;padding:.5rem 0;margin-top:2rem;border-top:1px solid rgb(255 255 255 / 10%)}.header-content{padding:0 1rem;position:relative;z-index:16}.header-line-top,.header-line-bottom{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgb(255 255 255 / 30%) 10%,rgb(255 255 255 / 60%) 50%,rgb(255 255 255 / 30%) 90%,transparent 100%)}.header-line-top{top:0}.header-line-bottom{bottom:0}.glassmorphism-card{position:relative;z-index:11;background:transparent!important;border:1.5px solid rgb(255 255 255 / 25%);border-radius:24px;box-shadow:inset 0 2px #ffffff7f,inset 2px 0 #ffffff4d,inset 0 -2px #0000004d,inset -2px 0 #0003,0 8px 24px #00000026,0 4px 8px #0000001a;padding:24px;transition:all .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.panel-responsive{width:320px;height:420px}.glassmorphism-card:hover{background:transparent!important;box-shadow:inset 0 2px #fff9,inset 2px 0 #fff6,inset 0 -2px #00000059,inset -2px 0 #00000040,0 12px 32px #0003,0 6px 12px #00000026}.glassmorphism-card-selected{background:#fff3;border:4px solid rgb(255 255 255 / 95%);transform:translateZ(0) scale(1.12);animation:pulse-selected .8s ease-in-out infinite alternate;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:15;box-shadow:0 0 25px #ffffffb3,0 0 50px #fff6,inset 0 3px #fffc,inset 3px 0 #fff9,inset 0 -3px #0006,inset -3px 0 #0000004d,0 20px 50px #0000007f}.glassmorphism-card-selected .shelf-dream-title,.glassmorphism-card-selected .shelf-dream-description,.glassmorphism-card-selected h3,.glassmorphism-card-selected p{color:#fff;text-shadow:0 0 20px rgb(255 255 255 / 100%),0 0 35px rgb(255 255 255 / 80%),0 0 50px rgb(255 255 255 / 50%),0 0 70px rgb(255 255 255 / 30%);transform:scale(1.1);transition:all .4s cubic-bezier(.4,0,.2,1);font-weight:700}.glassmorphism-card-selected img,.glassmorphism-card-selected video{filter:grayscale(0%) brightness(1.1) contrast(1.1)!important}.glassmorphism-card[data-completed=true]{background:#fff3;border:4px solid rgb(255 255 255 / 95%);transform:translateZ(0) scale(1.12);animation:pulse-selected .8s ease-in-out infinite alternate;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:15;box-shadow:0 0 25px #ffffffb3,0 0 50px #fff6,inset 0 3px #fffc,inset 3px 0 #fff9,inset 0 -3px #0006,inset -3px 0 #0000004d,0 20px 50px #0000007f}.glassmorphism-card[data-completed=true] .shelf-dream-title,.glassmorphism-card[data-completed=true] .shelf-dream-description,.glassmorphism-card[data-completed=true] h3,.glassmorphism-card[data-completed=true] p{color:#fff;text-shadow:0 0 20px rgb(255 255 255 / 100%),0 0 35px rgb(255 255 255 / 80%),0 0 50px rgb(255 255 255 / 50%),0 0 70px rgb(255 255 255 / 30%);transform:scale(1.1);transition:all .4s cubic-bezier(.4,0,.2,1);font-weight:700}.glassmorphism-card[data-completed=true] img,.glassmorphism-card[data-completed=true] video{filter:grayscale(0%) brightness(1.1) contrast(1.1)!important}.hero-title{font-size:3.5rem;font-weight:300;color:#fff;margin-bottom:.75rem;line-height:1.2;letter-spacing:-.02em;text-shadow:0 2px 8px rgb(0 0 0 / 30%),0 4px 16px rgb(0 0 0 / 20%),0 1px 2px rgb(0 0 0 / 40%)}.hero-subtitle{font-size:1.25rem;font-weight:300;color:#fff;line-height:1.6;max-width:600px;margin:0 auto 1rem;letter-spacing:-.01em;text-shadow:0 1px 4px rgb(0 0 0 / 25%),0 2px 8px rgb(0 0 0 / 15%)}.shelf-title{font-size:1.25rem;font-weight:600;color:var(--color-text-main);margin-bottom:8px}.shelf-subtitle{font-size:.875rem;color:#fff;margin-bottom:12px;font-weight:300}.shelf-description{font-size:.875rem;color:var(--color-text-subtitle);line-height:1.5;margin-bottom:16px}.shelf-dream-title{font-size:2rem;font-weight:300;color:#fff;margin-bottom:12px;line-height:1.3;letter-spacing:-.015em}.shelf-dream-description{font-size:1.2rem;font-weight:300;color:#ffffffd9;line-height:1.5;margin-bottom:0;font-style:normal;letter-spacing:-.005em}.selection-indicator{color:#fff;font-size:.875rem;font-weight:300}.recommended-badge{background:var(--color-accent-recommended);color:var(--color-text-main);font-size:.75rem;font-weight:600;padding:6px 12px;border-radius:16px;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgb(255 255 255 / 20%)}.shelf-tag{font-size:.75rem;font-weight:300;color:#fff;padding:4px 8px;border-radius:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgb(255 255 255 / 10%)}.shelf-tag-orange{background:var(--color-accent-recommended);color:var(--color-text-main)}.shelf-tag-gray{background:#94a3b833;color:var(--color-tags-neutral)}.shelf-tag-pink{background:#fbcfe833;color:var(--color-tags-neutral)}.cta-button{background:linear-gradient(135deg,var(--color-cta-main) 0%,var(--color-cta-hover) 100%);color:var(--color-text-main);font-size:1.125rem;font-weight:700;padding:16px 48px;border:2px solid rgb(255 255 255 / 10%);border-radius:9999px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #1e3a8a4d}.cta-button-active:hover{background:linear-gradient(135deg,var(--color-cta-hover) 0%,#60A5FA 100%);box-shadow:0 8px 30px #1e3a8a66;transform:translateY(-2px);border-color:#fff3}.cta-button-disabled{opacity:.5;cursor:not-allowed;background:#1e3a8a4d}.modern-3d-button{display:inline-flex;align-items:center;justify-content:center;width:280px;height:50px;box-sizing:border-box;border-radius:25px;border:none;font-size:16px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgb(0 0 0 / 30%);text-decoration:none;background:linear-gradient(180deg,#404466,#3d235d 15%,#38294b 40%,#372b4c 60%,#352a48 85%,#352746);box-shadow:inset 0 2px #ffffff7f,inset 2px 0 #ffffff4d,inset 0 -2px #0000004d,inset -2px 0 #0003,0 4px 8px #35274666,0 2px 4px #00000026;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;z-index:12;transition:all .15s cubic-bezier(.4,0,.2,1);transform-origin:center}.modern-3d-button:hover{transform:translateY(-1px);background:linear-gradient(180deg,#4a4e70,#472d67 15%,#423355 40%,#413556 60%,#3f3452 85%,#3f3150);box-shadow:inset 0 2px #fff9,inset 2px 0 #fff6,inset 0 -2px #00000059,inset -2px 0 #00000040,0 6px 12px #3527467f,0 3px 6px #0003}.modern-3d-button:active{transform:translateY(1px);background:linear-gradient(180deg,#363a5c,#331953 15%,#2e1f41 40%,#2d2142 60%,#2b203e 85%,#2b1d3c);box-shadow:inset 0 2px 3px #0006,inset 2px 0 3px #0000004d,inset 0 -1px #ffffff1a,inset -1px 0 #ffffff0d,0 2px 4px #3527464d,0 1px 2px #0000001a}.modern-3d-button:focus{outline:none;box-shadow:inset 0 2px #ffffff7f,inset 2px 0 #ffffff4d,inset 0 -2px #0000004d,inset -2px 0 #0003,0 4px 8px #35274666,0 2px 4px #00000026,0 0 0 3px #3d235d7f}.modern-3d-button:disabled{opacity:.6;cursor:not-allowed;transform:none;background:linear-gradient(180deg,#a0a0a0,gray 30%,#606060 70%,#404040);box-shadow:inset 0 1px #fff3,inset 0 -1px 2px #0000001a,0 2px 4px #0000001a;color:#ccc;text-shadow:none}.modern-3d-button:disabled:hover{transform:none;background:linear-gradient(180deg,#a0a0a0,gray 30%,#606060 70%,#404040)}.modern-3d-button.small{width:200px;height:40px;font-size:14px;border-radius:20px}.modern-3d-button.large{width:320px;height:60px;font-size:18px;border-radius:30px}.premium-design-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:220px;height:44px;box-sizing:border-box;border-radius:22px;border:none;font-size:14px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgb(0 0 0 / 40%);text-decoration:none;letter-spacing:.3px;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;z-index:12;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#f5576c,#4facfe);background-size:300% 300%;animation:gradient-shift 3s ease infinite;box-shadow:0 0 25px #667eea7f,0 8px 20px #0000004d,0 4px 8px #0003,0 2px 4px #0000001a,inset 0 3px #fff6,inset 3px 0 #ffffff4d,inset 1px 1px #ffffff7f,inset 0 -3px #0000004d,inset -3px 0 #00000040,inset -1px -1px #0006;transition:all .3s cubic-bezier(.25,.46,.45,.94);transform:translateY(0) scale(1)}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.premium-design-button:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 0 40px #667eeab3,0 12px 30px #0006,0 8px 15px #0000004d,0 4px 8px #0003,0 2px 4px #0000001a,inset 0 4px #ffffff7f,inset 4px 0 #fff6,inset 2px 2px #fff9,inset 0 -4px #0006,inset -4px 0 #0000004d,inset -2px -2px #0000007f;animation-duration:1.5s}.premium-design-button:active{transform:translateY(2px) scale(.97);box-shadow:0 0 10px #667eea66,0 1px 5px #0000004d,inset 0 6px 12px #0006,inset 6px 0 12px #0000004d,inset 3px 3px 8px #0000007f,inset 0 -1px #ffffff1a,inset -1px 0 #ffffff0d;transition:all .1s ease}.premium-design-button:focus{outline:none;box-shadow:0 0 0 4px #667eea66,0 0 35px #667eeab3,0 10px 25px #0000004d,0 6px 12px #0003,inset 0 3px #fff6,inset 3px 0 #ffffff4d,inset 0 -3px #0000004d,inset -3px 0 #00000040}.premium-design-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / 30%),transparent);transition:left .6s}.premium-design-button:hover:before{left:100%}@media (width <= 768px){.premium-design-button{width:200px;height:40px;font-size:13px;border-radius:20px}}@media (width <= 480px){.premium-design-button{width:180px;height:38px;font-size:12px;border-radius:19px}}.minimal-elevated-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:200px;height:42px;box-sizing:border-box;border-radius:21px;font-size:14px;font-weight:300;color:#fff;letter-spacing:-.01em;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;z-index:12;background:#ffffff26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgb(255 255 255 / 20%);box-shadow:0 4px 12px #00000026,0 2px 6px #0000001a,inset 0 1px #ffffff4d,inset 1px 0 #fff3,inset 0 -1px #0000001a,inset -1px 0 #0000000d;transition:all .25s cubic-bezier(.4,0,.2,1);transform:translateY(0) scale(1)}.minimal-elevated-button:hover{transform:translateY(-3px) scale(1.02);background:#fff3;border-color:#ffffff4d;box-shadow:0 8px 20px #0003,0 4px 10px #00000026,inset 0 2px #fff6,inset 2px 0 #ffffff4d,inset 0 -1px #00000026,inset -1px 0 #0000001a}.minimal-elevated-button:active{transform:translateY(1px) scale(.98);background:#ffffff1a;border-color:#ffffff26;box-shadow:0 1px 4px #0003,inset 0 2px 6px #0003,inset 2px 0 6px #00000026,inset 0 -1px #ffffff1a;transition:all .1s ease}.minimal-elevated-button:focus{outline:none;border-color:#fff6;box-shadow:0 0 0 2px #ffffff4d,0 6px 16px #0000002e,0 3px 8px #0000001f,inset 0 1px #ffffff4d,inset 1px 0 #fff3,inset 0 -1px #0000001a}@media (width <= 768px){.minimal-elevated-button{width:180px;height:38px;font-size:13px;border-radius:19px}}@media (width <= 480px){.minimal-elevated-button{width:170px;height:36px;font-size:12px;border-radius:18px}}.modern-3d-button.loading{position:relative;color:transparent;text-shadow:none}.modern-3d-button.loading:after{content:"";position:absolute;width:20px;height:20px;border:2px solid rgb(255 255 255 / 30%);border-top:2px solid #fff;border-radius:50%;animation:button-spinner .8s linear infinite}@keyframes button-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.grid{display:grid;gap:var(--space-6)}.grid-cols-3{grid-template-columns:repeat(3,1fr);justify-items:center}.shelf-animation-container{display:flex;align-items:center;justify-content:center;height:180px;width:100%;position:relative;overflow:hidden;border-radius:12px;background:#ffffff05}.shelf-animation-frame,.wine-hover-video{width:100%;height:100%;object-fit:cover;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 8px #ffffff1a,0 4px 16px #0000004d}.wine-hover-video.reverse{animation:wine-reverse-playback 2s linear forwards}@keyframes wine-reverse-playback{0%{filter:sepia(0) blur(0);transform:scale(1)}to{filter:sepia(100%) blur(1px);transform:scale(.98)}}.wine-animation-overlay{position:absolute;bottom:8px;right:8px;background:#8b4513e5;color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgb(255 255 255 / 20%)}.animation-overlay{position:absolute;bottom:8px;right:8px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.animation-progress{display:flex;align-items:center;gap:4px}.shelf-animation-container:hover .shelf-animation-frame{transform:scale(1.05);box-shadow:inset 0 2px 8px #ffffff26,0 6px 20px #0006}.shelf-animation-container .shelf-icon{transition:transform .3s ease}.shelf-animation-container:hover .shelf-icon{transform:scale(1.2)}.shelf-icon-container{width:100%;height:200px;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;position:relative}.shelf-icon{position:relative;transform:scale(1.2);transition:all .3s ease}.shelf-icon:hover{transform:scale(1.4)}.shelf-icon-classic{width:120px;height:90px;position:relative}.shelf-icon-classic:before,.shelf-icon-classic:after{display:none!important}.shelf-icon-stepped{width:100px;height:80px;position:relative}.shelf-icon-stepped:before{content:"";position:absolute;width:90px;height:6px;bottom:5px;left:5px;background:linear-gradient(to right,#a0522de5,#8b4513,#a0522de5);border-radius:3px;box-shadow:10px -18px 0 -20px #8b4513,20px -36px 0 -40px #8b4513,30px -54px 0 -60px #8b4513,inset 0 2px #fff6,0 4px 8px #0000004d}.shelf-icon-stepped:after{content:"";position:absolute;top:20px;left:2px;width:4px;height:60px;background:#654321e5;border-radius:2px;transform:rotate(0);box-shadow:96px 0 #654321e5,20px -10px 0 -2px #654321b3,40px -20px 0 -2px #654321b3,60px -30px 0 -2px #654321b3,0 0 8px #0003}.shelf-icon-sphere{width:110px;height:85px;position:relative}.shelf-icon-sphere:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#a0522dcc,#8b4513f2 30%,#654321e5 70%,#8b4513cc);border-radius:50%/40%;border:3px solid rgb(101 67 33 / 90%);transform:rotate(-5deg);box-shadow:inset 0 3px #ffffff4d,inset 0 -3px #0006,0 6px 12px #0000004d}.shelf-icon-sphere:after{content:"";position:absolute;top:25%;left:20%;width:60%;height:3px;background:#654321b3;border-radius:50%;transform:rotate(-5deg);box-shadow:0 15px #654321b3,0 30px #654321b3}.shelf-icon-wine{width:110px;height:100px;position:relative}.shelf-icon-wine:before{content:"";position:absolute;width:100%;height:70px;background:linear-gradient(to right,#a0522de5,#8b4513,#a0522de5);border:3px solid rgb(101 67 33 / 90%);border-radius:8px;box-shadow:inset 0 2px #ffffff4d,inset 0 -2px #0006,0 4px 8px #0000004d;clip-path:polygon(0 0,60% 0,70% 30%,100% 30%,100% 100%,0 100%)}.shelf-icon-wine:after{content:"";position:absolute;top:15px;left:15px;width:12px;height:12px;background:#654321cc;border-radius:50%;box-shadow:25px 0 #654321cc,50px 0 #654321cc,0 25px #654321cc,25px 25px #654321cc,50px 25px #654321cc,70px 10px #654321cc}.shelf-icon-rounded{width:100px;height:80px;position:relative}.shelf-icon-rounded:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#a0522de5,#8b4513,#654321e5);border-radius:25px;border:3px solid rgb(101 67 33 / 90%);box-shadow:inset 0 3px #ffffff4d,inset 0 -3px #0006,0 6px 12px #0000004d}.shelf-icon-rounded:after{content:"";position:absolute;top:20px;left:15px;width:70px;height:4px;background:#654321cc;border-radius:8px;box-shadow:0 20px #654321cc,0 40px #654321cc}.shelf-icon-custom{width:120px;height:90px;position:relative}.shelf-icon-custom:before{content:"";position:absolute;width:100%;height:60px;background:linear-gradient(45deg,#a0522de5,#8b4513 30%,#654321e5 70%,#8b4513);border:3px solid rgb(101 67 33 / 90%);border-radius:15px 5px 20px 10px;box-shadow:inset 0 2px #ffffff4d,inset 0 -2px #0006,0 4px 8px #0000004d;clip-path:polygon(0 20%,30% 0,70% 10%,100% 0,100% 80%,70% 100%,30% 90%,0 100%)}.shelf-icon-custom:after{content:"";position:absolute;top:15px;left:20px;width:3px;height:30px;background:#654321b3;border-radius:2px;transform:rotate(15deg);box-shadow:25px 5px #654321b3,50px -10px #654321b3,75px 15px #654321b3,-10px 20px 0 3px #65432199,30px 25px 0 2px #65432199}.glassmorphism-card:hover .wine-text-overlay,.glassmorphism-card:hover .classic-text-overlay,.glassmorphism-card:hover .rounded-text-overlay,.glassmorphism-card:hover .ellipsoid-text-overlay,.glassmorphism-card:hover .stepped-text-overlay,.glassmorphism-card:hover .custom-text-overlay{opacity:1!important}.glassmorphism-card[data-wine-completed=true]:hover .wine-text-overlay,.glassmorphism-card[data-classic-completed=true]:hover .classic-text-overlay,.glassmorphism-card[data-rounded-completed=true]:hover .rounded-text-overlay,.glassmorphism-card[data-ellipsoid-completed=true]:hover .ellipsoid-text-overlay,.glassmorphism-card[data-stepped-completed=true]:hover .stepped-text-overlay,.glassmorphism-card[data-custom-completed=true]:hover .custom-text-overlay{opacity:0!important}.glassmorphism-card{transition:transform .2s ease,border .2s ease,background .2s ease,box-shadow .2s ease}.glassmorphism-card .shelf-dream-title,.glassmorphism-card .shelf-dream-description,.glassmorphism-card h3,.glassmorphism-card p{transition:transform .2s ease,color .2s ease,text-shadow .2s ease,font-weight .2s ease}.glassmorphism-card img,.glassmorphism-card video{filter:grayscale(50%) brightness(.8);transition:filter .1s linear;will-change:filter;backface-visibility:hidden}.glassmorphism-card:hover img,.glassmorphism-card:hover video{filter:grayscale(0%) brightness(1)}.glassmorphism-card[data-touch-active=true] img,.glassmorphism-card[data-touch-active=true] video{filter:grayscale(0%) brightness(1)!important}.glassmorphism-card[data-animation-playing=true]{border:2px solid rgb(255 255 255 / 70%);transform:translateZ(0) scale(1.05);background:#ffffff14;transition:all .3s ease;z-index:8;box-shadow:0 0 12px #ffffff7f,inset 0 1px #fff6,inset 1px 0 #ffffff4d,0 10px 25px #0000004d}.glassmorphism-card[data-animation-playing=true] .shelf-dream-title,.glassmorphism-card[data-animation-playing=true] .shelf-dream-description,.glassmorphism-card[data-animation-playing=true] h3,.glassmorphism-card[data-animation-playing=true] p{color:#fff;text-shadow:0 0 8px rgb(255 255 255 / 70%);transform:scale(1.02);transition:all .3s ease;font-weight:500}.glassmorphism-card[data-animation-playing=true] img,.glassmorphism-card[data-animation-playing=true] video{filter:grayscale(0%) brightness(1.05);transition:filter .3s ease}.glassmorphism-card[data-start-disabled=true] img,.glassmorphism-card[data-start-disabled=true] video{filter:grayscale(100%) brightness(.62) contrast(.88)!important}.glassmorphism-card[data-start-disabled=true] .shelf-dream-title,.glassmorphism-card[data-start-disabled=true] .shelf-dream-description{color:#ffffffb8}.glassmorphism-card video:not([style*="display: none"]){filter:grayscale(0%) brightness(1)!important}.glassmorphism-card[data-wine-completed=true] img,.glassmorphism-card[data-wine-completed=true] video,.glassmorphism-card[data-classic-completed=true] img,.glassmorphism-card[data-classic-completed=true] video,.glassmorphism-card[data-rounded-completed=true] img,.glassmorphism-card[data-rounded-completed=true] video,.glassmorphism-card[data-ellipsoid-completed=true] img,.glassmorphism-card[data-ellipsoid-completed=true] video,.glassmorphism-card[data-stepped-completed=true] img,.glassmorphism-card[data-stepped-completed=true] video,.glassmorphism-card[data-custom-completed=true] img,.glassmorphism-card[data-custom-completed=true] video{filter:grayscale(0%) brightness(1)}.glassmorphism-card .wine-text-overlay,.glassmorphism-card .classic-text-overlay,.glassmorphism-card .rounded-text-overlay,.glassmorphism-card .ellipsoid-text-overlay,.glassmorphism-card .stepped-text-overlay,.glassmorphism-card .custom-text-overlay{opacity:.5;transition:opacity .4s ease}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.backdrop-blur-lg{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.flex{display:flex}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.text-center{text-align:center}.text-white{color:#fff}.text-white\/90{color:#ffffffe5}.cursor-pointer{cursor:pointer}.transition-colors{transition:color .3s ease}.transition-all{transition:all .3s ease}.gap-2{gap:var(--space-2)}.gap-8{gap:var(--space-8)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-4{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-16{padding-top:var(--space-16);padding-bottom:var(--space-16)}.p-3{padding:var(--space-3)}.mb-4,.mb-8{margin-bottom:var(--space-4)}.mb-16{margin-bottom:var(--space-16)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.w-4{width:1rem}.w-8{width:2rem}.w-10{width:2.5rem}.w-20{width:5rem}.w-full{width:100%}.h-4{height:1rem}.h-8{height:2rem}.h-16{height:4rem}.h-20{height:5rem}.h-24{height:6rem}.h-64{height:16rem}.h-full{height:100%}.max-w-6xl{max-width:72rem}.border{border-width:1px}.border-white\/30{border-color:#ffffff4d}.rounded-sm{border-radius:.125rem}.rounded-lg{border-radius:.5rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.bg-white\/10{background-color:#ffffff1a}.bg-white\/20{background-color:#fff3}.font-light{font-weight:300}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:transform:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y))}.hover\:text-white:hover{color:#fff}@media (width <= 1200px){.grid-cols-3{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.glassmorphism-card{width:320px;height:420px}.main-glassmorphism-container{margin:1rem;padding:1.5rem;min-height:calc(100vh - 2rem)}}@media (width <= 768px){.grid-cols-3{grid-template-columns:1fr;gap:var(--space-6)}.panel-responsive{width:280px!important;height:360px!important}.grid-cols-3{grid-template-columns:1fr;gap:3rem}.glassmorphism-card{margin-bottom:2.5rem!important}.shelf-dream-title{font-size:1.5rem!important;margin-bottom:8px!important}.shelf-dream-description{font-size:1rem!important;line-height:1.4!important}.main-glassmorphism-container .hero-title,.hero-title{font-size:2.5rem!important;margin-bottom:1rem!important;line-height:1.1!important}.main-glassmorphism-container .hero-subtitle,.hero-subtitle{font-size:1.125rem!important;margin-bottom:1.5rem!important;line-height:1.5!important}.main-glassmorphism-container{margin:.5rem;padding:1rem;min-height:calc(100vh - 1rem);border-radius:20px}.floating-header{padding:.25rem 0;margin-top:0}.modern-3d-button{width:240px;height:48px;font-size:15px}.shelf-animation-container{height:150px}.shelf-icon{transform:scale(1)}.shelf-icon:hover{transform:scale(1.2)}body .spatial-background .main-glassmorphism-container h1.hero-title{font-size:2.5rem!important;margin-bottom:1rem!important;line-height:1.1!important}body .spatial-background .main-glassmorphism-container p.hero-subtitle{font-size:1.125rem!important;margin-bottom:1.5rem!important;line-height:1.5!important}}@media (width <= 480px){.panel-responsive{width:260px!important;height:340px!important}.grid-cols-3{gap:3.5rem}.glassmorphism-card{margin-bottom:3rem!important}.shelf-dream-title{font-size:1.3rem!important;margin-bottom:6px!important}.shelf-dream-description{font-size:.9rem!important;line-height:1.3!important}.modern-3d-button{width:200px;height:44px;font-size:14px}.main-glassmorphism-container .hero-title,.hero-title{font-size:2rem!important;margin-bottom:.75rem!important;line-height:1.1!important}.main-glassmorphism-container .hero-subtitle,.hero-subtitle{font-size:1rem!important;margin-bottom:1rem!important;line-height:1.4!important}.main-glassmorphism-container{margin:.25rem;padding:.75rem;border-radius:16px}.floating-header{padding:.15rem 0}body .spatial-background .main-glassmorphism-container h1.hero-title{font-size:2rem!important;margin-bottom:.75rem!important;line-height:1.1!important}body .spatial-background .main-glassmorphism-container p.hero-subtitle{font-size:1rem!important;margin-bottom:1rem!important;line-height:1.4!important}}.glassmorphism-card[data-animation-playing=true] .wine-text-overlay,.glassmorphism-card[data-animation-playing=true] .classic-text-overlay,.glassmorphism-card[data-animation-playing=true] .rounded-text-overlay,.glassmorphism-card[data-animation-playing=true] .ellipsoid-text-overlay,.glassmorphism-card[data-animation-playing=true] .stepped-text-overlay,.glassmorphism-card[data-animation-playing=true] .custom-text-overlay,.glassmorphism-card[data-completed=true]:hover .wine-text-overlay,.glassmorphism-card[data-completed=true]:hover .classic-text-overlay,.glassmorphism-card[data-completed=true]:hover .rounded-text-overlay,.glassmorphism-card[data-completed=true]:hover .ellipsoid-text-overlay,.glassmorphism-card[data-completed=true]:hover .stepped-text-overlay,.glassmorphism-card[data-completed=true]:hover .custom-text-overlay{opacity:0!important}@media (width <= 768px){.glassmorphism-card{border:3px solid transparent;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;position:relative;overflow:visible}.glassmorphism-card[data-touch-active=true]{border:3px solid rgb(255 255 255 / 80%)!important;transform:translateZ(0) scale(1.08)!important;background:#ffffff1f!important;z-index:10;transition:transform .1s ease,border .1s ease,background .1s ease!important;animation:pulse-touch .4s ease-in-out infinite alternate;box-shadow:0 0 15px #fff6,inset 0 2px #fff9,inset 2px 0 #fff6,inset 0 -2px #00000059,inset -2px 0 #00000040,0 15px 35px #0006}.glassmorphism-card[data-touch-active=true] .shelf-dream-title,.glassmorphism-card[data-touch-active=true] .shelf-dream-description,.glassmorphism-card[data-touch-active=true] h3,.glassmorphism-card[data-touch-active=true] p{color:#fff!important;text-shadow:0 0 15px rgb(255 255 255 / 90%),0 0 25px rgb(255 255 255 / 60%),0 0 35px rgb(255 255 255 / 30%);transform:scale(1.05)!important;transition:all .12s ease;font-weight:600!important}@keyframes pulse-touch{0%{border-color:#fff9;box-shadow:0 0 15px #fff6}to{border-color:#ffffffe5;box-shadow:0 0 25px #fff9}}@keyframes pulse-selected{0%{border-color:#ffffffe5;box-shadow:0 0 25px #ffffffb3,0 0 50px #fff6;transform:translateZ(0) scale(1.12)}to{border-color:#fff;box-shadow:0 0 35px #ffffffe5,0 0 70px #fff9;transform:translateZ(0) scale(1.15)}}.glassmorphism-card{margin-bottom:2rem;touch-action:pan-y}.glassmorphism-card:hover{box-shadow:inset 0 2px #ffffff7f,inset 2px 0 #ffffff4d,inset 0 -2px #0000004d,inset -2px 0 #0003,0 8px 24px #00000026,0 4px 8px #0000001a}.glassmorphism-card[data-debug=true]:before{content:attr(data-panel-id) " - " attr(data-highlight);position:absolute;top:-25px;left:50%;transform:translate(-50%);background:#000000e5;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-family:monospace;z-index:20;white-space:nowrap}}@media (prefers-reduced-motion){.glassmorphism-card[data-touch-active=true]{animation:none;transition:none}}.commit-info{position:fixed;top:8px;right:8px;z-index:1000;background:#0009;padding:4px 8px;border-radius:6px;font-size:12px;font-family:monospace;color:#fff;display:flex;flex-direction:row;align-items:center;gap:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgb(255 255 255 / 15%)}.commit-details{display:flex;flex-direction:row;gap:8px}.commit-hash{font-weight:700;color:#f97316}.commit-date,.commit-time{color:#e2e8f0}.hybrid-premium-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:200px;height:42px;box-sizing:border-box;border-radius:12px;position:relative;z-index:12;overflow:hidden;font-size:14px;font-weight:300;color:#fff;letter-spacing:-.01em;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#f5576c,#4facfe);background-size:300% 300%;animation:gradient-shift 3s ease infinite;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid rgb(0 0 0 / 40%);box-shadow:0 0 20px #667eea66,0 6px 16px #00000040,0 3px 8px #00000026,inset 0 2px #ffffff4d,inset 2px 0 #ffffff40,inset 1px 1px #ffffff59,inset 0 -2px #00000040,inset -2px 0 #0003,inset -1px -1px #0000004d;transition:all .25s cubic-bezier(.4,0,.2,1);transform:translateY(0) scale(1)}.hybrid-premium-button:hover{transform:translateY(-3px) scale(1.02);border-color:#0000007f;box-shadow:0 0 30px #667eea99,0 10px 24px #0000004d,0 6px 12px #0003,inset 0 3px #fff6,inset 3px 0 #ffffff4d,inset 2px 2px #ffffff73,inset 0 -3px #0000004d,inset -3px 0 #00000040,inset -2px -2px #00000059;animation-duration:1.5s}.hybrid-premium-button:active{transform:translateY(1px) scale(.98);border-color:#0009;box-shadow:0 0 10px #667eea4d,0 2px 6px #0003,inset 0 4px 8px #0000004d,inset 4px 0 8px #00000040,inset 2px 2px 6px #00000059,inset 0 -1px #ffffff1a;transition:all .1s ease}.hybrid-premium-button:focus{outline:none;border-color:#0000007f;box-shadow:0 0 0 3px #667eea66,0 0 25px #667eea7f,0 8px 20px #00000040,0 4px 10px #00000026,inset 0 2px #ffffff4d,inset 2px 0 #ffffff40,inset 0 -2px #00000040,inset -2px 0 #0003}.hybrid-premium-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / 25%),transparent);transition:left .5s}.hybrid-premium-button:hover:before{left:100%}.hybrid-premium-button--disabled,.hybrid-premium-button:disabled{cursor:not-allowed;opacity:.55;filter:grayscale(100%);animation:none;box-shadow:0 2px 6px #0003,inset 0 1px #ffffff26,inset 0 -1px #0000004d}.hybrid-premium-button--disabled:before,.hybrid-premium-button:disabled:before{display:none}.hybrid-premium-button--disabled:hover,.hybrid-premium-button:disabled:hover{transform:translateY(0) scale(1);border-color:#0006;animation:none}@media (width <= 768px){.hybrid-premium-button{width:180px;height:38px;font-size:13px;border-radius:10px}}@media (width <= 480px){.hybrid-premium-button{width:170px;height:36px;font-size:12px;border-radius:9px}}.neumorphic-inset{box-shadow:var(--shadow-inset)}.neumorphic-raised{box-shadow:var(--shadow-raised)}.neumorphic-hover:hover{box-shadow:var(--shadow-hover)}.neumorphic-pressed:active{box-shadow:var(--shadow-pressed)}.neumorphic-bg{background-color:var(--neumorphic-bg)}.neumorphic-surface{background-color:var(--neumorphic-surface)}.text-neumorphic-primary{color:var(--neumorphic-text-primary)}.text-neumorphic-secondary{color:var(--neumorphic-text-secondary)}.border-neumorphic-primary{border-color:var(--neumorphic-primary)}.bg-neumorphic-primary{background-color:var(--neumorphic-primary)}.shape-selector-container,.wizard-container,.configurator-container{transition:opacity .25s cubic-bezier(.4,0,.2,1)}.fade-in{opacity:1}.fade-out{opacity:0}.pointer-events-none{pointer-events:none}.container-transition{transition:all .25s cubic-bezier(.4,0,.2,1)}.scene-loading{background-image:radial-gradient(circle at 20% 20%,rgba(170,145,110,.12),transparent 48%),radial-gradient(circle at 80% 80%,rgba(115,150,168,.12),transparent 52%)}.scene-loading__card{width:min(360px,86vw);padding:24px 20px 18px;border-radius:16px;background:#ffffffb8;border:1px solid rgba(70,62,52,.16);box-shadow:0 20px 40px #14100c1a;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.scene-loading__rack{position:relative;width:220px;height:126px;margin:0 auto 14px}.scene-loading__post,.scene-loading__beam,.scene-loading__shelf{position:absolute;display:block;background:linear-gradient(180deg,#7b5d44,#604831);border-radius:4px}.scene-loading__post{top:12px;width:8px;height:102px;transform-origin:center bottom;animation:scene-post-grow 1.1s cubic-bezier(.22,.88,.3,1) infinite}.scene-loading__post--left{left:30px}.scene-loading__post--right{right:30px;animation-delay:.08s}.scene-loading__beam{left:34px;width:152px;height:8px;transform-origin:center center;animation:scene-beam-slide 1.1s cubic-bezier(.25,.9,.34,1) infinite}.scene-loading__beam--top{top:10px}.scene-loading__beam--bottom{top:106px;animation-delay:.05s}.scene-loading__shelf{left:42px;width:136px;height:7px;background:linear-gradient(180deg,#ba9d7f,#9a7a57);transform-origin:left center;animation:scene-shelf-in 1.1s cubic-bezier(.18,.9,.35,1) infinite}.scene-loading__shelf--one{top:38px;animation-delay:.12s}.scene-loading__shelf--two{top:62px;animation-delay:.2s}.scene-loading__shelf--three{top:86px;animation-delay:.28s}.scene-loading__glow{position:absolute;top:-6px;right:20px;bottom:-4px;left:20px;border-radius:14px;background:radial-gradient(circle at 50% 50%,rgba(190,160,120,.18),transparent 70%);animation:scene-glow-pulse 1.1s ease-in-out infinite}.scene-loading__label{text-align:center;font-size:13px;letter-spacing:.04em;color:#382e23db;text-transform:uppercase;animation:scene-label-fade 1.1s ease-in-out infinite}@keyframes scene-post-grow{0%{transform:scaleY(.15);opacity:.2}35%{transform:scaleY(1);opacity:1}to{transform:scaleY(1);opacity:1}}@keyframes scene-beam-slide{0%{transform:scaleX(.12);opacity:0}28%{transform:scaleX(.12);opacity:0}58%{transform:scaleX(1);opacity:1}to{transform:scaleX(1);opacity:1}}@keyframes scene-shelf-in{0%{transform:translate(-22px) scaleX(.05);opacity:0}48%{transform:translate(-22px) scaleX(.05);opacity:0}70%{transform:translate(0) scaleX(1.04);opacity:1}to{transform:translate(0) scaleX(1);opacity:1}}@keyframes scene-glow-pulse{0%,to{opacity:.2}52%{opacity:.62}}@keyframes scene-label-fade{0%,to{opacity:.58}50%{opacity:.92}}.wizard-progress-bar{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:calc(var(--z-panel, 1000) - 1);display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:none;max-width:min(600px,calc(100vw - 32px));width:100%}.wizard-progress-bar__track{width:100%;height:3px;border-radius:999px;background:#ffffff26;backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);box-shadow:0 0 0 1px #ffffff1a,inset 0 1px 2px #0000001a;overflow:hidden;position:relative}.wizard-progress-bar__fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#7aa6ff99,#7aa6ffe6,#7aa6ff99);box-shadow:0 0 12px #7aa6ff66,inset 0 0 8px #ffffff4d;border-radius:inherit;transition:width .5s cubic-bezier(.4,0,.2,1);will-change:width}.wizard-progress-bar__steps{display:flex;align-items:center;justify-content:center;gap:8px;pointer-events:auto}.wizard-progress-bar__step{position:relative;width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#ffffff26;backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);box-shadow:0 2px 8px #00000026,inset 0 1px #fff6,0 0 0 1px #ffffff1a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;padding:0;pointer-events:auto;font-family:var(--font-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}.wizard-progress-bar__step:disabled{cursor:not-allowed;opacity:.5}.wizard-progress-bar__step:not(:disabled):hover{transform:translateY(-2px) scale(1.05);border-color:#ffffff80;background:#ffffff40;box-shadow:0 4px 16px #0003,inset 0 1px #ffffff80,0 0 0 1px #fff3,0 0 20px #7aa6ff4d}.wizard-progress-bar__step:not(:disabled):active{transform:translateY(0) scale(.98)}.wizard-progress-bar__step:focus-visible{box-shadow:0 2px 8px #00000026,inset 0 1px #fff6,0 0 0 3px #7aa6ff80,0 0 0 1px #ffffff1a}.wizard-progress-bar__step--active{border-color:#7aa6ffcc;background:#7aa6ff40;box-shadow:0 4px 20px #7aa6ff66,inset 0 1px #ffffff80,0 0 0 2px #7aa6ff4d,0 0 30px #7aa6ff4d;animation:progress-pulse 2s ease-in-out infinite}@keyframes progress-pulse{0%,to{box-shadow:0 4px 20px #7aa6ff66,inset 0 1px #ffffff80,0 0 0 2px #7aa6ff4d,0 0 30px #7aa6ff4d}50%{box-shadow:0 4px 24px #7aa6ff80,inset 0 1px #fff9,0 0 0 2px #7aa6ff66,0 0 40px #7aa6ff66}}.wizard-progress-bar__step--completed{border-color:#7aa6ff99;background:#7aa6ff33}.wizard-progress-bar__step--completed .wizard-progress-bar__step-number{opacity:0;transform:scale(0)}.wizard-progress-bar__check{position:absolute;width:18px;height:18px;color:#7aa6ff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));animation:check-appear .3s cubic-bezier(.4,0,.2,1)}@keyframes check-appear{0%{opacity:0;transform:scale(.5) rotate(-90deg)}to{opacity:1;transform:scale(1) rotate(0)}}.wizard-progress-bar__step--inactive{border-color:#fff3;background:#ffffff1a}.wizard-progress-bar__step-number{font-size:16px;font-weight:600;color:#1a1a1ae6;line-height:1;transition:opacity .2s,transform .2s}.wizard-progress-bar__step--inactive .wizard-progress-bar__step-number{color:#fff9}.wizard-progress-bar__connector{width:40px;height:2px;position:relative;margin:0 4px}.wizard-progress-bar__connector-line{width:100%;height:100%;background:#ffffff26;border-radius:1px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.wizard-progress-bar__connector-line:after{content:"";position:absolute;left:0;top:0;width:0;height:100%;background:linear-gradient(90deg,#7aa6ff99,#7aa6ffe6,#7aa6ff99);box-shadow:0 0 8px #7aa6ff66;transition:width .5s cubic-bezier(.4,0,.2,1)}.wizard-progress-bar__connector-line--filled:after{width:100%}@media (max-width: 1023px){.wizard-progress-bar{top:16px;gap:8px;max-width:calc(100vw - 24px)}.wizard-progress-bar__track{height:2px}.wizard-progress-bar__step{width:32px;height:32px}.wizard-progress-bar__step-number{font-size:14px}.wizard-progress-bar__check{width:16px;height:16px}.wizard-progress-bar__connector{width:32px;height:2px;margin:0 2px}}:root{--vvh: 100vh;--font-ui: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif}@supports (height: 100svh){:root{--vvh: 100svh}}.rounded-floating-panel,#rfp-floater-root .floater{--z-panel: 400;--z-floater: 500;--glass-bg: rgba(255,255,255,.6);--glass-border: rgba(30,30,30,.2);--glass-blur: 12px;--glass-sat: 120%;--shadow: 0 4px 12px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.8);--idle: #94a3b8;--idle-tint: rgba(148,163,184,.16);--edit: #7aa6ff;--edit-tint: rgba(122,166,255,.2);--ok: #27c17a;--ok-tint: rgba(39,193,122,.2);--err: #ef4444;--ring: rgba(255,255,255,.55);--text-main: #1a1a1a;--text-dim: #4a4a4a;--text-dim-strong: #2a2a2a;--panel-w: 408px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){.chip,.chip:before,.chip:after,.glass-button,.glass-button:before,.floater,.rounded-floating-panel__drag-handle,.toggle,.toggle__thumb,.select-card .card,.select-card .card:before,.select-card .card:after{transition:none!important;animation:none!important}}.rounded-floating-panel{position:fixed;isolation:isolate;font-family:var(--font-ui);container-type:size;container-name:rfp;left:12px;top:120px;width:min(var(--panel-w),calc(100vw - 24px));height:810px;min-height:720px;max-height:calc(100vh - 80px);padding-top:42px;border-radius:18px;border:2px solid rgba(30,30,30,.95);background:#ffffff26;backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);box-shadow:0 20px 60px #00000059,inset 0 1px #fff6;color:#1a1a1a;overflow:hidden;z-index:var(--z-panel);box-sizing:border-box}.rounded-floating-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,#fcfbfb40,#fffffff2);mix-blend-mode:soft-light;pointer-events:none}.rounded-floating-panel:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:16px;box-shadow:inset 0 2px 4px #ffffff80,inset 0 -2px 4px #0000001a;pointer-events:none}.rounded-floating-panel__drag-handle{position:absolute;inset:0 auto auto 0;right:0;height:42px;display:flex;align-items:center;justify-content:center;gap:6px;cursor:grab;user-select:none;-webkit-user-select:none;text-transform:uppercase;font-size:18px;font-weight:700;letter-spacing:.12em;color:#110e0ee6;background:linear-gradient(180deg,#ffffff2e,#ffffff0d);border-bottom:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px #ffffff8c}.rounded-floating-panel__drag-handle:active{cursor:grabbing}.rounded-floating-panel__content{position:relative;display:grid;grid-template-rows:auto 1fr auto;height:100%;box-sizing:border-box;padding:8px 19px 6px;gap:8px}.step-content{padding:0}.rounded-floating-panel__navigation{position:relative;margin:0;padding:12px 12px calc(12px + env(safe-area-inset-bottom));border-radius:0 0 16px 16px;box-sizing:border-box;border-top:1px solid rgba(255,255,255,.2);background:#ffffff0f}.rounded-floating-panel__step-indicator{position:absolute;top:12px;right:16px;font-size:12px;font-weight:700;color:#000000d9;letter-spacing:.04em}.rounded-floating-panel__label{position:absolute;top:6px;left:10px;font-size:10px;font-weight:800;letter-spacing:.06em;color:#ff3b30;text-transform:uppercase;pointer-events:none}.rounded-floating-panel__label--buttons{top:-18px}.chip-grid{display:grid;min-height:0;overflow-y:auto;padding:14px 10px 40px;justify-items:center;gap:10px}.chip-wrap{position:relative;width:93%;height:47px}.chip{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:5px;width:100%;height:100%;padding:25px 12px;border-radius:13px;font-size:15px;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-main);box-shadow:var(--shadow);transition:background .3s,border-color .3s,transform .3s,box-shadow .3s;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;overflow:hidden}.chip:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:2px;background:linear-gradient(to bottom,#fffffff2,#6e6e6ee6,#fffffff2,#6e6e6ee6);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;opacity:.95;transition:opacity .3s;z-index:1}.chip:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;height:100%;background:linear-gradient(90deg,transparent 0%,transparent 30%,rgba(255,255,255,.6) 50%,transparent 70%,transparent 100%);transform:translate3d(-50%,0,0);will-change:transform;transition:transform .6s;z-index:2;pointer-events:none}.chip:hover{background:#ffffff73;border-color:#1e1e1e59;box-shadow:0 8px 24px #00000038,0 4px 12px #00000026,inset 0 1px #fffffff2,inset 0 -1px #00000014;transform:translateY(-3px) scale(1.01)}.chip:hover:after{transform:translate3d(50%,0,0)}.chip:active{transform:none;box-shadow:0 2px 8px #00000026,inset 0 1px #fffc}.chip:focus-visible{box-shadow:0 0 0 3px var(--ring),var(--shadow)}.chip:disabled,.chip[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none;background:#94a3b81a;border-color:#94a3b84d}.chip:disabled:hover,.chip[aria-disabled=true]:hover{transform:none;background:#94a3b81a;border-color:#94a3b84d;box-shadow:var(--shadow)}.chip:disabled:before,.chip[aria-disabled=true]:before,.chip:disabled:after,.chip[aria-disabled=true]:after{opacity:.3}.chip__name{z-index:3;font-weight:600;letter-spacing:1.2px;line-height:1.5}.chip__value{z-index:3;color:var(--text-dim-strong);opacity:.98;font-variant-numeric:tabular-nums;margin-left:auto;padding-left:8px;white-space:nowrap}.chip__check{width:16px;height:16px;display:none;color:var(--ok);filter:drop-shadow(0 1px 0 rgba(0,0,0,.35))}.chip[data-state=idle]{border-color:color-mix(in srgb,var(--idle) 40%,white 10%);background:var(--idle-tint)}.chip[data-state=editing]{border-color:var(--edit);background:var(--edit-tint);box-shadow:0 18px 40px #7aa6ff3d,var(--shadow)}.chip[data-state=confirmed]{border-color:color-mix(in srgb,var(--ok) 55%,white 10%);background:var(--ok-tint);box-shadow:0 18px 40px #27c17a38,var(--shadow)}.chip[data-state=confirmed] .chip__check{display:inline}.chip[data-state=error]{border-color:color-mix(in srgb,var(--err) 70%,white 6%);background:#ef44442e}.chip[data-state=error] .chip__value{color:#d32f2f}#rfp-floater-root,#rfp-floater-root .floater{pointer-events:auto;font-family:var(--font-ui)}#rfp-floater-root .floater[aria-hidden=true]{opacity:0;visibility:hidden;pointer-events:none}#rfp-floater-root .floater{position:fixed;z-index:var(--z-floater);width:min(90vw,560px);max-width:560px;max-height:calc(100vh - 120px);overflow-y:auto;padding:12px;border-radius:16px;border:2px solid rgba(30,30,30,.95);background:#ffffffd9;backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));box-shadow:0 22px 60px #00000073,inset 0 1px #fffc;color:var(--text-main);opacity:0;transition:opacity .3s ease-in-out;will-change:opacity}#rfp-floater-root .floater[data-open=true]{opacity:1}@media (max-width: 1023px) and (orientation: portrait){#rfp-floater-root .floater{left:14px;right:14px;bottom:auto}}@media (max-width: 1023px) and (orientation: landscape){#rfp-floater-root .floater{left:14px;right:auto;max-width:calc(100vw - clamp(320px,45vw,520px) - 48px);bottom:auto}}#rfp-floater-root .pop__title{font-weight:800;margin:0 0 8px;letter-spacing:.2px}#rfp-floater-root .row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px}#rfp-floater-root .ticks{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}#rfp-floater-root .meta{margin-top:8px;font-size:12px;color:var(--text-dim);opacity:.9}#rfp-floater-root .tick{font-size:11px;color:var(--text-dim);opacity:.85;padding:.15rem .4rem;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;transition:.15s background,.15s border-color,.15s opacity}#rfp-floater-root .tick:hover{opacity:1;background:#ffffff1f}#rfp-floater-root .tick[aria-current=true]{opacity:1;color:var(--text-dim-strong);border-color:var(--edit);background:#7aa6ff2e}.pending-changes-badge{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:12px;background:#ef444433;color:#ef4444;font-size:11px;font-weight:600;border:1px solid rgba(239,68,68,.3)}#rfp-floater-root .floater-actions{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end}#rfp-floater-root .floater-accept-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:1px solid var(--ok);background:#27c17a26;color:var(--ok);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}#rfp-floater-root .floater-accept-btn:hover{background:#27c17a40;transform:translateY(-1px)}#rfp-floater-root .floater-accept-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}#rfp-floater-root .floater-accept-btn svg{width:14px;height:14px}#rfp-floater-root .slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:14px;margin:14px 0;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(90deg,var(--edit) 0%,var(--edit) var(--pct,50%),rgba(255,255,255,.16) var(--pct,50%));outline:none;touch-action:none;cursor:pointer;position:relative;z-index:10;-webkit-user-select:none;user-select:none}#rfp-floater-root .slider::-webkit-slider-thumb,#rfp-floater-root .slider::-moz-range-thumb{width:30px;height:30px;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.12);box-shadow:0 3px 10px #00000073,inset 0 1px #fff9;cursor:grab;transform:translateY(-3px)}#rfp-floater-root .readout{min-width:56px;text-align:right;font-variant-numeric:tabular-nums;padding:.2rem .5rem;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:var(--text-dim-strong);font-weight:700}#rfp-floater-root .badge{font-size:11px;padding:.2rem .5rem;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:#ffffff14;color:var(--text-dim);white-space:nowrap}#rfp-floater-root .num{width:96px;height:36px;padding:0 10px;border-radius:10px;border:1px solid rgba(255,255,255,.28);background:#0c10168c;color:var(--text-dim-strong);outline:none;font-variant-numeric:tabular-nums}#rfp-floater-root .num:focus{box-shadow:0 0 0 3px var(--ring)}#rfp-floater-root .num::-webkit-outer-spin-button,#rfp-floater-root .num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#rfp-floater-root .num[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.navigation-buttons-container{display:flex;align-items:center;justify-content:stretch;gap:8px;width:100%}.navigation-buttons-container .glass-button{flex:1 1 0;justify-content:center}.navigation-buttons-container--save-load{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.1)}@media (max-width: 1023px){.navigation-buttons-container--desktop-only{display:none!important}}.navigation-buttons-container--save-load .glass-button{font-size:12px;height:30px;padding:6px 12px;border-radius:12px;gap:6px;min-height:3px;max-height:50px}.glass-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden;flex:1;min-width:0;height:44px;padding:0 18px;border-radius:16px;border:2px solid rgba(30,30,30,.25);background:linear-gradient(135deg,#ffffffd9,#ffffffbf);color:#0a0a0a;text-shadow:0 2px 4px rgba(255,255,255,.95),0 1px 2px rgba(0,0,0,.15);font-size:16px;font-weight:700;letter-spacing:.5px;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a,inset 0 1px #ffffffe6,inset 0 -1px #0000000d;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateY(0)}.glass-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:translate3d(-100%,0,0);will-change:transform;transition:transform .6s}.glass-button:hover:before{transform:translate3d(100%,0,0)}.glass-button:hover{background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-color:#1e1e1e66;box-shadow:0 8px 24px #00000040,0 4px 12px #00000026,inset 0 1px #fff,inset 0 -1px #0000001a;transform:translateY(-2px) scale(1.02);color:#000}.glass-button:active{transform:none;box-shadow:0 2px 8px #0003,inset 0 2px 4px #0000001a,inset 0 1px #fffc}.glass-button:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#94a3b866,#64748b66)!important;border-color:#94a3b84d!important;color:#1e293b99!important;text-shadow:none!important;box-shadow:0 2px 8px #0000001a,inset 0 1px #fff3!important}.glass-button:focus-visible{outline:none;box-shadow:0 0 0 4px #7aa6ff66,0 4px 12px #00000026,inset 0 1px #ffffffe6}.glass-button-primary{background:linear-gradient(135deg,#3b82f6d9,#6366f1d9);border-color:#3b82f699;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3),0 1px 0 rgba(255,255,255,.2)}.glass-button-primary:hover{background:linear-gradient(135deg,#3b82f6f2,#6366f1f2);border-color:#3b82f6cc;box-shadow:0 10px 32px #3b82f666,0 6px 16px #6366f14d,0 0 24px #3b82f640,inset 0 1px #fff6,inset 0 -1px #0003}.glass-button-secondary{background:linear-gradient(135deg,#f1f5f9e6,#e2e8f0d9);border-color:#94a3b866;color:#1e293b;text-shadow:0 1px 2px rgba(255,255,255,.9)}@media (max-width:399px){.navigation-buttons-container{flex-wrap:wrap}.glass-button{min-width:auto;flex:1 1 calc(50% - 5px)}}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;color:var(--text-main);font-size:13px;line-height:1.4}.toggle-label{font-weight:600;letter-spacing:.2px;-webkit-user-select:none;user-select:none}.toggle{--toggle-w:44px;--toggle-h:24px;--toggle-pad:3px;position:relative;width:var(--toggle-w);height:var(--toggle-h);border-radius:999px;padding:var(--toggle-pad);border:1px solid rgba(255,255,255,.4);background:#ffffff24;box-shadow:inset 0 1px #fff6,0 3px 10px #00000073;display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;transition:all .18s;isolation:isolate}.toggle[aria-pressed=true]{background:#27c17a38;border-color:color-mix(in srgb,var(--ok) 70%,white 10%);box-shadow:0 18px 40px #27c17a38,inset 0 1px #fff6,0 3px 10px #00000073}.toggle__thumb{width:calc(var(--toggle-h) - var(--toggle-pad)*2);height:calc(var(--toggle-h) - var(--toggle-pad)*2);border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.12);box-shadow:0 2px 6px #00000080,inset 0 1px #fff9;transition:transform .18s;will-change:transform}.toggle[aria-pressed=false] .toggle__thumb{transform:translate(0)}.toggle[aria-pressed=true] .toggle__thumb{transform:translate(calc(var(--toggle-w) - var(--toggle-h)))}.toggle:hover{background:#ffffff38}.toggle[aria-pressed=true]:hover{background:#27c17a4d}.toggle:focus-visible{box-shadow:0 0 0 3px var(--ring),0 3px 10px #00000073}.toggle[aria-disabled=true]{opacity:.4;cursor:not-allowed}.shelf-group{display:grid;grid-template-columns:1fr;gap:12px}.shelf-group-desktop{display:grid}.shelf-group-chip-mobile{display:none}.select-card{position:relative;cursor:pointer}.select-card .card{position:relative;display:flex;gap:10px;align-items:center;padding:14px 16px;border-radius:14px;border:1px solid var(--glass-border);background:var(--glass-bg);box-shadow:var(--shadow);color:var(--text-main);overflow:hidden;transition:background .3s,border-color .3s,transform .3s,box-shadow .3s}.select-card .card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:2px;background:linear-gradient(to bottom,#fffffff2,#6e6e6ee6,#fffffff2,#6e6e6ee6);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;opacity:.95;transition:opacity .3s;z-index:1}.select-card .card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transform:translate3d(-100%,0,0);will-change:transform;transition:transform .7s;pointer-events:none;z-index:2}.select-card:hover .card:after{transform:translate3d(100%,0,0)}.select-card:hover .card{background:#ffffff73;border-color:#1e1e1e59;box-shadow:0 8px 24px #00000038,0 4px 12px #00000026,inset 0 1px #fffffff2,inset 0 -1px #00000014;transform:translateY(-3px) scale(1.01)}.select-card:active .card{transform:none;box-shadow:0 2px 8px #00000026,inset 0 1px #fffc}.select-card input:checked+.card{background:#7aa6ff26;border-color:#3b82f680;box-shadow:0 4px 16px #3b82f633,inset 0 1px #ffffffe6,inset 0 -1px #0000000d}.select-card .card-icon{position:relative;z-index:3;display:flex;align-items:center;justify-content:center}.select-card .card-icon svg{width:22px;height:22px;opacity:.92;transition:opacity .3s,transform .3s}.select-card:hover .card-icon svg{opacity:1;transform:scale(1.1)}.select-card .card-text{position:relative;z-index:3;flex:1}.select-card .card-title{margin:0;font-size:15px;font-weight:700;letter-spacing:.3px}.select-card .card-desc{margin:4px 0 0;opacity:.85;font-size:12px;color:var(--text-dim-strong)}.select-card .card-badge{position:absolute;top:10px;right:10px;width:20px;height:20px;color:var(--ok);filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));z-index:4}.frame-option-chip{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:50px;padding:12px 16px;border-radius:13px;font-size:15px;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-main);box-shadow:var(--shadow);transition:background .3s,border-color .3s,transform .3s,box-shadow .3s;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;font-weight:600;letter-spacing:.5px}.frame-option-chip:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:2px;background:linear-gradient(to bottom,#fffffff2,#6e6e6ee6,#fffffff2,#6e6e6ee6);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;opacity:.95;transition:opacity .3s;z-index:1}.frame-option-chip:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transform:translate3d(-100%,0,0);will-change:transform;transition:transform .6s;z-index:2;pointer-events:none}.frame-option-chip:hover{background:#ffffff73;border-color:#1e1e1e59;box-shadow:0 8px 24px #00000038,0 4px 12px #00000026,inset 0 1px #fffffff2,inset 0 -1px #00000014;transform:translateY(-2px) scale(1.01)}.frame-option-chip:hover:after{transform:translate3d(100%,0,0)}.frame-option-chip:active{transform:none;box-shadow:0 2px 8px #00000026,inset 0 1px #fffc}.frame-option-chip:focus-visible{box-shadow:0 0 0 3px var(--ring),var(--shadow)}.frame-option-chip__icon{position:relative;z-index:3;display:flex;align-items:center;justify-content:center}.frame-option-chip__icon svg{width:20px;height:20px}.frame-option-chip__label{position:relative;z-index:3}.frame-option-chip__check{position:absolute;top:8px;right:10px;width:18px;height:18px;z-index:3;color:var(--ok);filter:drop-shadow(0 1px 0 rgba(0,0,0,.35))}.frame-option-chip--active,.frame-option-chip[data-state=confirmed]{border-color:color-mix(in srgb,var(--edit) 55%,white 10%);background:var(--edit-tint);box-shadow:0 18px 40px #7aa6ff3d,var(--shadow)}.frame-option-chip--active:before,.frame-option-chip[data-state=confirmed]:before{opacity:1}@media (max-width:1023px){.rounded-floating-panel{left:4px;right:4px;bottom:0;top:auto;width:calc(100vw - 8px);max-width:calc(100vw - 8px);height:calc(var(--vvh) * .28)!important;max-height:calc(var(--vvh) * .28)!important;min-height:auto!important;border-radius:18px 18px 0 0;display:flex;flex-direction:column;overflow:clip;padding-top:6px}.rounded-floating-panel__drag-handle{display:none}.chip-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:clamp(8px,2vh,16px);align-items:stretch;align-content:stretch;height:100%;overflow-y:auto;padding:4px 10px 16px}.chip-wrap{height:100%}.chip{height:100%;flex-direction:column;justify-content:center;gap:4px;padding:clamp(6px,1.2vh,10px) clamp(8px,1.6vh,12px);font-size:clamp(12px,2vh,14px)}.chip__name{font-size:clamp(10px,1.6vh,12px);line-height:1.25;letter-spacing:0;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip__value{font-size:clamp(12px,2vh,14px);line-height:1.25;margin-left:0;padding-left:0;width:100%;text-align:left}.rounded-floating-panel__navigation{margin:0;padding:6px 10px calc(6px + env(safe-area-inset-bottom));border-radius:0}.navigation-buttons-container{gap:5px}.navigation-buttons-container .glass-button{height:34px;font-size:13px;padding:0 11px}.navigation-buttons-container--save-load .glass-button{height:32px;font-size:12px;padding:6px 12px}.chip:before,.chip:after,.select-card .card:before,.select-card .card:after{opacity:.6}.shelf-group-desktop,.select-card{display:none!important}.shelf-group-chip-mobile{display:grid!important;grid-template-columns:1fr 1fr;gap:12px;padding:16px 0 0}.frame-option-chip{height:52px;display:flex!important}.step-content--step2 .step2-pager{position:relative;padding:2px 32px 4px}.step-content--step2 .step2-pager__arrow{position:absolute;top:50%;transform:translateY(-50%);width:24px;height:56px;border:1px solid rgba(70,120,70,.35);border-radius:10px;background:linear-gradient(180deg,#b4dcb43d,#78b47833);color:#2f7d35;font-size:18px;font-weight:800;line-height:1;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffffffe0,0 2px 6px #00000014;cursor:pointer;z-index:2}.step-content--step2 .step2-pager__arrow--left{left:4px}.step-content--step2 .step2-pager__arrow--right{right:4px}.step-content--step2 .step2-pager__arrow:disabled{opacity:.38;cursor:not-allowed;color:#3c3c3c80;border-color:#7878784d;background:#d2d2d273;box-shadow:none}.step-content--step2 .step2-pager__viewport{overflow:hidden;width:100%;max-width:100%;border-radius:14px;touch-action:pan-x;display:flex;align-items:center;justify-content:center}.step-content--step2 .step2-pager__page{display:block;width:100%;padding:0 2px;box-sizing:border-box;display:flex;justify-content:center}.step-content--step2 .step2-pager__page--active{animation-duration:.22s;animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-fill-mode:both}.step-content--step2 .step2-pager__page--left{animation-name:step2-page-slide-left}.step-content--step2 .step2-pager__page--right{animation-name:step2-page-slide-right}@keyframes step2-page-slide-left{0%{opacity:.7;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes step2-page-slide-right{0%{opacity:.7;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.step-content--step2 .step2-pager__page .chip-wrap{width:min(82%,320px);min-width:220px;height:78px;margin:0 auto}.step-content--step2 .step2-pager__page .chip{height:100%;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:8px 12px}.step-content--step2 .step2-pager__page .chip__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;font-size:12px}.step-content--step2 .step2-pager__page .chip__value{margin-left:0;padding-left:0;width:100%;text-align:left;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-content--step2 .step2-carousel-nav{margin:4px 6px 2px;padding:6px 8px 8px;min-height:56px;border-radius:12px;border:1px solid rgba(30,30,30,.12);background:#fff9;box-shadow:inset 0 1px #ffffffe6,0 2px 6px #00000014;display:flex;flex-direction:column;gap:8px}.step-content--step2 .step2-carousel-nav__meta{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.step-content--step2 .step2-carousel-nav__hint{text-align:left;font-size:12px;font-weight:700;color:#242424cc;letter-spacing:.2px;-webkit-user-select:none;user-select:none}.step-content--step2 .step2-carousel-nav__swipe{min-width:38px;height:28px;padding:0 10px;border-radius:999px;border:1px solid rgba(90,120,190,.28);background:linear-gradient(180deg,#9cb9fc2e,#6c91e429);display:inline-flex;align-items:center;justify-content:center;color:#2c4f8a;font-size:18px;font-weight:800;box-shadow:inset 0 1px #ffffffd1;animation:step2-swipe-hint 1.15s ease-in-out infinite}.step-content--step2 .step2-carousel-nav__swipe[data-edge=start]{animation-name:step2-swipe-hint-right}.step-content--step2 .step2-carousel-nav__swipe[data-edge=end]{animation-name:step2-swipe-hint-left}.step-content--step2 .step2-carousel-nav__swipe[data-edge=middle]{animation-name:step2-swipe-hint}.step-content--step2 .step2-progress{width:100%;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;align-items:center}.step-content--step2 .step2-progress__dot{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(30,30,30,.32);border-radius:4px;height:16px;padding:0;background:#ffffffdb;box-shadow:inset 0 1px #ffffffe0;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background-color .12s ease}.step-content--step2 .step2-progress__dot:active{transform:scale(.95)}.step-content--step2 .step2-progress__dot.is-confirmed{background:linear-gradient(180deg,#74d28ad1,#57ba70e6);border-color:#2c8442b3}.step-content--step2 .step2-progress__dot.is-current{border-color:#4870bef2;box-shadow:0 0 0 2px #7aa6ff59,inset 0 1px #ffffffe0}.step-content--step2 .step2-progress__dot.is-disabled{background:#bcbcbc70;border-color:#80808073;box-shadow:none;cursor:not-allowed;opacity:.72}@keyframes step2-swipe-hint{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes step2-swipe-hint-right{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@keyframes step2-swipe-hint-left{0%,to{transform:translate(0)}50%{transform:translate(-5px)}}}.mobile-tools-pill-container{display:none}@media (max-width: 1023px){.toggle-chips-container,.save-load-chip-container{display:none!important}.mobile-tools-pill-container{position:fixed;z-index:calc(var(--z-panel, 1000) + 14);top:72px;left:12px;display:block}.mobile-tools-pill-toggle{position:relative;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px;border-radius:14px;border:1px solid rgba(30,30,30,.22);background:#ffffffb8;color:#1a1a1a;box-shadow:0 8px 20px #0003,inset 0 1px #ffffffeb;backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);font-family:var(--font-ui);font-size:13px;font-weight:700;letter-spacing:.2px;cursor:pointer}.mobile-tools-pill-toggle[aria-expanded=true]{border-color:color-mix(in srgb,#7aa6ff 48%,white 12%);background:#7aa6ff33}.mobile-tools-pill-toggle__icon,.mobile-tools-pill-toggle__chevron{flex-shrink:0}.mobile-tools-pill-menu{margin-top:8px;width:min(280px,calc(100vw - 24px));display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:14px;border:1px solid rgba(30,30,30,.22);background:#fffffff0;box-shadow:0 16px 30px #0000003d,inset 0 1px #ffffffe6;backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%)}.mobile-tools-pill-menu__item{display:flex;align-items:center;gap:10px;width:100%;border:0;border-radius:10px;padding:10px 12px;background:transparent;color:#1a1a1a;text-align:left;font-family:var(--font-ui);font-size:13px;font-weight:600;cursor:pointer}.mobile-tools-pill-menu__item:hover{background:#7aa6ff1f}.mobile-tools-pill-menu__item:disabled{opacity:.55;cursor:not-allowed}}@media (max-width:1023px) and (orientation: landscape){.rounded-floating-panel{right:0;top:0;bottom:0;left:auto;width:clamp(320px,45vw,520px);max-width:clamp(320px,45vw,520px);height:100%;border-radius:18px 0 0 18px;padding-right:max(12px,env(safe-area-inset-right))}}@media (min-width:1024px){.rounded-floating-panel{left:16px;right:auto;width:var(--panel-w)}.chip-grid{grid-template-columns:1fr;gap:16px}.shelf-group-desktop,.shelf-group:not(.shelf-group-chip-mobile){display:grid}.shelf-group-chip-mobile{display:none!important}}@media (min-width:1024px) and (max-width:1366px){.rounded-floating-panel{--panel-w:360px;height:810px;min-height:810px;max-height:810px;padding-top:38px}.rounded-floating-panel__drag-handle{height:38px;font-size:10px}.rounded-floating-panel__navigation{padding:10px 12px calc(10px + env(safe-area-inset-bottom));margin:0}.chip-grid{gap:10px}.chip{padding:8px 12px;font-size:13px}}@container rfp (max-height:380px){.chip__name{font-size:clamp(9px,1.4vh,11px)}.chip__value{font-size:clamp(11px,1.7vh,13px)}.navigation-buttons-container .glass-button{height:36px;font-size:13px}.navigation-buttons-container--save-load .glass-button{height:32px;font-size:12px}}.toggle-chips-container{position:fixed;z-index:calc(var(--z-panel) + 10);display:flex;align-items:center;gap:12px}.dimension-lines-toggle-chip,.dimension-unit-toggle-chip,.reset-view-toggle-chip{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-width:160px;padding:10px 16px;border-radius:14px;border:1px solid var(--glass-border);background:var(--glass-bg);color:#1a1a1a;box-shadow:var(--shadow);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;font-family:var(--font-ui);font-size:14px;font-weight:600;letter-spacing:.5px;transition:background .3s,border-color .3s,transform .3s,box-shadow .3s;isolation:isolate;overflow:hidden;--text-main: #1a1a1a;--glass-border: rgba(30,30,30,.2);--glass-bg: rgba(255,255,255,.6);--shadow: 0 4px 12px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.8);--edit: #7aa6ff;--edit-tint: rgba(122,166,255,.2);--ring: rgba(255,255,255,.55)}.dimension-lines-toggle-chip:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:2px;background:linear-gradient(to bottom,#fffffff2,#6e6e6ee6,#fffffff2,#6e6e6ee6);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;opacity:.95;transition:opacity .3s;z-index:1}.dimension-lines-toggle-chip:after,.dimension-unit-toggle-chip:after,.reset-view-toggle-chip:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transform:translate3d(-100%,0,0);will-change:transform;transition:transform .6s;z-index:2;pointer-events:none}.dimension-lines-toggle-chip:hover,.dimension-unit-toggle-chip:hover:not(:disabled),.reset-view-toggle-chip:hover{background:#ffffff73;border-color:#1e1e1e59;box-shadow:0 8px 24px #00000038,0 4px 12px #00000026,inset 0 1px #fffffff2,inset 0 -1px #00000014;transform:translateY(-2px) scale(1.02)}.dimension-lines-toggle-chip:hover:after,.dimension-unit-toggle-chip:hover:not(:disabled):after,.reset-view-toggle-chip:hover:after{transform:translate3d(100%,0,0)}.dimension-lines-toggle-chip:active,.dimension-unit-toggle-chip:active:not(:disabled),.reset-view-toggle-chip:active{transform:none;box-shadow:0 2px 8px #00000026,inset 0 1px #fffc}.dimension-lines-toggle-chip:focus-visible,.dimension-unit-toggle-chip:focus-visible,.reset-view-toggle-chip:focus-visible{box-shadow:0 0 0 3px var(--ring),var(--shadow)}.dimension-lines-toggle-chip[aria-pressed=true]{border-color:color-mix(in srgb,var(--edit) 50%,white 10%);background:var(--edit-tint);box-shadow:0 18px 40px #7aa6ff3d,var(--shadow)}.dimension-unit-toggle-chip{min-width:160px;padding:10px 16px;gap:8px}.dimension-unit-toggle-chip:disabled{opacity:.7;cursor:not-allowed;transform:none!important;filter:grayscale(.5)}.dimension-unit-toggle-chip__icon{position:relative;z-index:3;flex-shrink:0;color:currentColor}.dimension-unit-toggle-chip__text{position:relative;z-index:3;white-space:nowrap}.dimension-unit-toggle-chip__label{position:relative;z-index:3;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-left:auto;padding-left:8px}.dimension-lines-toggle-chip__icon,.dimension-unit-toggle-chip__label,.reset-view-toggle-chip__icon{position:relative;z-index:3;flex-shrink:0;color:currentColor}.dimension-lines-toggle-chip__label,.reset-view-toggle-chip__label{position:relative;z-index:3;white-space:nowrap}.dimension-lines-toggle-chip:before,.dimension-unit-toggle-chip:before,.reset-view-toggle-chip:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:2px;background:linear-gradient(to bottom,#fffffff2,#6e6e6ee6,#fffffff2,#6e6e6ee6);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;opacity:.95;transition:opacity .3s;z-index:1}.reset-view-toggle-chip:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transform:translate3d(-100%,0,0);will-change:transform;transition:transform .6s;z-index:2;pointer-events:none}.reset-view-toggle-chip:hover{background:#ffffff73;border-color:#1e1e1e59;box-shadow:0 8px 24px #00000038,0 4px 12px #00000026,inset 0 1px #fffffff2,inset 0 -1px #00000014;transform:translateY(-2px) scale(1.02)}.reset-view-toggle-chip:hover:after{transform:translate3d(100%,0,0)}.reset-view-toggle-chip:active{transform:none;box-shadow:0 2px 8px #00000026,inset 0 1px #fffc}.reset-view-toggle-chip:focus-visible{box-shadow:0 0 0 3px var(--ring),var(--shadow)}.reset-view-toggle-chip__icon{position:relative;z-index:3;flex-shrink:0;color:currentColor}.reset-view-toggle-chip__label{position:relative;z-index:3;white-space:nowrap}@media (min-width: 1024px){.toggle-chips-container{top:10px;left:10px;right:auto;bottom:auto;flex-direction:column;gap:12px;align-items:flex-start}.dimension-lines-toggle-chip,.reset-view-toggle-chip,.save-load-chip-toggle{min-width:160px}.save-load-chip-wrapper{position:relative}.save-load-chip-toggle{width:160px;height:44px;justify-content:flex-start;padding:0 16px}.save-load-chip-toggle__label{display:inline}}@media (max-width: 1023px){.toggle-chips-container{bottom:calc(calc(var(--vvh) * .4) + 16px);left:16px;right:auto;top:auto}.dimension-lines-toggle-chip,.reset-view-toggle-chip{font-size:13px;padding:8px 14px;min-width:140px}}@media (max-width: 1023px) and (orientation: landscape){.toggle-chips-container{top:16px;right:max(16px,calc(45vw + 24px));bottom:auto;left:auto;flex-direction:column;gap:10px}.dimension-lines-toggle-chip,.reset-view-toggle-chip{min-width:140px}}.save-load-chip-wrapper{position:relative}.save-load-chip-container{position:fixed;z-index:calc(var(--z-panel, 1000) + 10);top:16px;right:16px}@media (max-width: 1023px){.toggle-chips-container .save-load-chip-wrapper{display:none}}.save-load-chip-toggle{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-width:160px;padding:10px 16px;border-radius:14px;border:1px solid var(--glass-border);background:var(--glass-bg);color:#1a1a1a;box-shadow:var(--shadow);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;font-family:var(--font-ui);font-size:14px;font-weight:600;letter-spacing:.5px;transition:background .3s,border-color .3s,transform .3s,box-shadow .3s;isolation:isolate;overflow:hidden;--text-main: #1a1a1a;--glass-border: rgba(30,30,30,.2);--glass-bg: rgba(255,255,255,.6);--shadow: 0 4px 12px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.8);--edit: #7aa6ff;--edit-tint: rgba(122,166,255,.2);--ring: rgba(255,255,255,.55)}.save-load-chip-toggle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:2px;background:linear-gradient(to bottom,#fffffff2,#6e6e6ee6,#fffffff2,#6e6e6ee6);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;opacity:.95;transition:opacity .3s;z-index:1}.save-load-chip-toggle:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transform:translate3d(-100%,0,0);will-change:transform;transition:transform .6s;z-index:2;pointer-events:none}.save-load-chip-toggle:hover{background:#ffffff73;border-color:#1e1e1e59;box-shadow:0 8px 24px #00000038,0 4px 12px #00000026,inset 0 1px #fffffff2,inset 0 -1px #00000014;transform:translateY(-2px) scale(1.02)}.save-load-chip-toggle:hover:after{transform:translate3d(100%,0,0)}.save-load-chip-toggle:active{transform:none;box-shadow:0 2px 8px #00000026,inset 0 1px #fffc}.save-load-chip-toggle:focus-visible{box-shadow:0 0 0 3px var(--ring),var(--shadow)}.save-load-chip-toggle[aria-expanded=true]{border-color:color-mix(in srgb,var(--edit) 50%,white 10%);background:var(--edit-tint);box-shadow:0 18px 40px #7aa6ff3d,var(--shadow)}@media (max-width: 1023px){.save-load-chip-toggle{width:44px;height:44px;min-width:44px;padding:0;justify-content:center}.save-load-chip-toggle__label{display:none}}.save-load-chip-toggle__icon{position:relative;z-index:3;flex-shrink:0;color:currentColor}.save-load-chip-menu{position:absolute;top:calc(100% + 8px);right:0;display:flex;flex-direction:column;gap:6px;min-width:140px;padding:8px;border-radius:12px;border:1px solid rgba(30,30,30,.2);background:#fffffff2;backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);box-shadow:0 8px 24px #00000040,inset 0 1px #fffc;animation:menu-appear .2s cubic-bezier(.4,0,.2,1);z-index:100}@media (min-width: 1024px){.save-load-chip-menu{left:0;right:auto;min-width:160px}}@keyframes menu-appear{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.save-load-chip-menu__item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;border:none;background:transparent;color:#1a1a1a;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;text-align:left;width:100%;font-family:var(--font-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}.save-load-chip-menu__item:hover{background:#7aa6ff1a;transform:translate(2px)}.save-load-chip-menu__item:active{transform:translate(0);background:#7aa6ff26}.save-load-chip-menu__icon{flex-shrink:0;color:currentColor}.save-load-chip-menu__label{flex:1}@media (min-width: 1024px){.save-load-chip-container{display:none}}@media (max-width: 1023px) and (orientation: landscape){.save-load-chip-container{top:12px;right:12px}.save-load-chip-toggle{width:40px;height:40px}}@media (prefers-reduced-motion: reduce){.save-load-chip-toggle,.save-load-chip-menu{transition:none;animation:none}}.save-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-panel, 1000) + 100);background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:fade-in .2s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.save-dialog{background:#fffffff2;backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);border-radius:20px;border:1px solid rgba(255,255,255,.3);box-shadow:0 20px 60px #0000004d,inset 0 1px #ffffff80;max-width:480px;width:calc(100vw - 32px);max-height:calc(100vh - 64px);display:flex;flex-direction:column;animation:slide-up .3s cubic-bezier(.4,0,.2,1);font-family:var(--font-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}@keyframes slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.save-dialog__header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid rgba(0,0,0,.08)}.save-dialog__title{margin:0;font-size:20px;font-weight:600;color:#1a1a1a;letter-spacing:-.3px}.save-dialog__close{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.save-dialog__close:hover{background:#0000000d;color:#1a1a1a}.save-dialog__close:active{transform:scale(.95)}.save-dialog__content{padding:24px;color:#444;line-height:1.6;font-size:15px}.save-dialog__actions{display:flex;gap:12px;padding:16px 24px 24px;border-top:1px solid rgba(0,0,0,.08);justify-content:flex-end}.save-dialog__button{padding:10px 20px;border-radius:10px;border:1px solid rgba(0,0,0,.15);background:#fffc;color:#1a1a1a;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;font-family:inherit;outline:none}.save-dialog__button:hover{background:#fffffff2;border-color:#0003;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.save-dialog__button:active{transform:translateY(0)}.save-dialog__button--primary{background:linear-gradient(135deg,#7aa6ffe6,#7aa6ffb3);border-color:#7aa6ff66;color:#fff;box-shadow:0 2px 8px #7aa6ff4d}.save-dialog__button--primary:hover{background:linear-gradient(135deg,#7aa6ff,#7aa6ffd9);box-shadow:0 4px 16px #7aa6ff66}.save-dialog__button--secondary{color:#666}.save-dialog__button--secondary:hover{background:#0000000d;color:#1a1a1a}@media (max-width: 1023px){.save-dialog{max-width:calc(100vw - 24px);border-radius:16px}.save-dialog__header{padding:20px 20px 14px}.save-dialog__title{font-size:18px}.save-dialog__content{padding:20px;font-size:14px}.save-dialog__actions{flex-direction:column-reverse;padding:16px 20px 20px}.save-dialog__button{width:100%;justify-content:center}}@media (prefers-reduced-motion: reduce){.save-dialog-overlay,.save-dialog,.save-dialog__button{animation:none;transition:none}}.step-content--step3{display:flex;flex-direction:column;height:100%;gap:0}.step3-breadcrumb--pills{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;margin-bottom:16px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.breadcrumb-pill{display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:var(--text-dim);font-size:11px;font-weight:600;cursor:default;transition:all .2s ease-in-out;white-space:nowrap;box-shadow:0 1px 3px #0000001a;position:relative;max-width:110px;overflow:hidden;text-overflow:ellipsis}.breadcrumb-pill__number{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#ffffff1a;font-size:10px;font-weight:700;flex-shrink:0}.breadcrumb-pill__text{display:flex;align-items:baseline;gap:2px;pointer-events:none}.breadcrumb-pill__label{font-weight:600}.breadcrumb-pill__value{font-weight:700;opacity:.9}.breadcrumb-pill__check{width:14px;height:14px;flex-shrink:0;pointer-events:none}.breadcrumb-pill--completed{color:var(--ok);cursor:pointer;background:#27c17a1f;border-color:#27c17a4d}.breadcrumb-pill--completed .breadcrumb-pill__number{background:var(--ok);color:#fff}.breadcrumb-pill--completed:hover{background:#27c17a38;border-color:#27c17a80;transform:translateY(-1px);box-shadow:0 2px 6px #27c17a33}.breadcrumb-pill--active{color:var(--text-main);background:#7aa6ff2e;border:1px solid rgba(122,166,255,.4);cursor:pointer}.breadcrumb-pill--active .breadcrumb-pill__number{background:#7aa6ffcc;color:#fff}.breadcrumb-pill--active:hover{background:#7aa6ff47;border-color:#7aa6ff99;transform:translateY(-1px);box-shadow:0 2px 6px #7aa6ff4d}.breadcrumb-pill--future{opacity:.5;cursor:not-allowed}.breadcrumb-arrow{width:8px;height:12px;color:var(--text-dim);opacity:.4;flex-shrink:0}@media (max-width: 1023px){.step3-breadcrumb{font-size:11px;padding:8px 12px;gap:6px}.breadcrumb-item{padding:4px 8px;max-width:90px}}.step3-substep{flex:1;min-height:0;opacity:1;transform:translateY(0);transition:opacity .2s ease-in-out,transform .2s ease-in-out}.step3-substep--animating{opacity:0;transform:translateY(-10px)}@media (prefers-reduced-motion: reduce){.step3-substep{transform:none!important;transition:opacity .2s ease-in-out!important}}.chip-grid--packages{display:grid;grid-template-columns:1fr;gap:12px;padding:16px 10px}.chip-grid--packages .chip--package{flex-direction:row;align-items:flex-start;gap:12px;min-height:100px;padding:14px 16px;position:relative}.chip-grid--packages .chip__icon{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#ffffff1a;z-index:5;pointer-events:none}.chip-grid--packages .chip__icon svg{width:20px;height:20px;opacity:.8}.chip-grid--packages .chip__content{flex:1;display:flex;flex-direction:column;gap:4px;z-index:5;pointer-events:none}.chip-grid--packages .chip__name{font-size:15px;font-weight:700}.chip-grid--packages .chip__desc{font-size:11px;color:var(--text-dim);opacity:.85;line-height:1.3}@media (max-width: 1023px){.step3-breadcrumb--pills{flex-wrap:wrap;gap:6px;padding:10px 12px}.breadcrumb-pill{font-size:10px;padding:5px 8px;gap:4px}.breadcrumb-pill__number{width:16px;height:16px;font-size:9px}.breadcrumb-arrow{width:6px;height:10px}.chip-grid--packages .chip--package{min-height:90px;padding:12px 14px}.chip-grid--packages .chip__icon{width:28px;height:28px}}.chip-grid--materials{display:grid;grid-template-columns:1fr;gap:12px;padding:16px 10px}.chip-grid--materials .chip{min-height:60px;justify-content:center;position:relative}.chip-grid--materials .chip--with-desc{flex-direction:column;align-items:flex-start;min-height:80px;padding:10px 12px;gap:4px}.chip-grid--materials .chip--with-desc .chip__name{font-size:14px;font-weight:700;z-index:5;pointer-events:none}.chip-grid--materials .chip--with-desc .chip__desc{font-size:10px;line-height:1.3;color:var(--text-dim);opacity:.85;z-index:5;pointer-events:none;text-align:left}.chip-grid--materials .chip:disabled{opacity:.4;cursor:not-allowed;background:#94a3b81a;border-color:#94a3b84d}.chip-grid--materials .chip:disabled:hover{transform:none;background:#94a3b81a;border-color:#94a3b84d;box-shadow:var(--shadow)}.chip-grid--materials .chip:disabled:before,.chip-grid--materials .chip:disabled:after{opacity:.3}.chip__unavailable{position:absolute;top:8px;right:8px;width:18px;height:18px;opacity:.7;z-index:3}.chip-grid--materials .chip:disabled{position:relative}.chip-grid--materials .chip:disabled:after{content:attr(title);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:6px 10px;border-radius:6px;background:#000000e6;color:#fff;font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;z-index:1000}.chip-grid--materials .chip:disabled:hover:after{opacity:1}.chip-grid--materials .chip:disabled:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#000000e6;opacity:0;pointer-events:none;transition:opacity .2s;z-index:1000}.chip-grid--materials .chip:disabled:hover:before{opacity:1}.chip-grid--wood-subcategory{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;padding:16px 10px}.chip-grid--wood-subcategory .chip{min-height:60px;justify-content:center;position:relative}.chip--subcategory{border-left:3px solid var(--ok)}@media (max-width: 1023px){.chip-grid--wood-subcategory{grid-template-columns:repeat(2,1fr);gap:10px}}.chip-grid--finishes{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;padding:16px 10px}.chip-grid--finishes .chip{min-height:60px;justify-content:center;position:relative}@media (max-width: 1023px){.chip-grid--finishes{grid-template-columns:1fr;gap:10px}}.chip-grid--packages .chip__check,.chip-grid--materials .chip__check,.chip-grid--finishes .chip__check{position:absolute;top:8px;right:8px;width:18px;height:18px;color:var(--ok);filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));z-index:5;pointer-events:none}.chip-grid--packages .chip[data-state=confirmed],.chip-grid--materials .chip[data-state=confirmed],.chip-grid--finishes .chip[data-state=confirmed]{border-color:color-mix(in srgb,var(--ok) 55%,white 10%);background:var(--ok-tint);box-shadow:0 18px 40px #27c17a38,var(--shadow)}.chip-grid--packages .chip[data-state=idle],.chip-grid--materials .chip[data-state=idle],.chip-grid--finishes .chip[data-state=idle]{border-color:#94a3b84d;background:#ffffff0d}.chip-grid--packages .chip[data-state=idle]:hover,.chip-grid--materials .chip[data-state=idle]:hover,.chip-grid--finishes .chip[data-state=idle]:hover{border-color:#7aa6ff66;background:#7aa6ff1a}.step3-breadcrumb{display:flex;align-items:center;gap:4px;padding:8px 4px;overflow:visible}.breadcrumb-pill{position:relative;display:flex;align-items:center;gap:4px;padding:6px 8px;border-radius:16px;border:1px solid rgba(148,163,184,.3);background:#fff6;color:var(--text-main);font-size:11px;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .2s;flex:1 1 0;min-width:0}.breadcrumb-pill:hover:not(:disabled){background:#fff9;border-color:#94a3b880;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.breadcrumb-pill:disabled{opacity:.6;cursor:not-allowed}.breadcrumb-pill--active{background:#7aa6ff33;border-color:#3b82f680;color:var(--text-main);box-shadow:0 2px 8px #3b82f626}.breadcrumb-pill--completed{background:#27c17a26;border-color:#27c17a66;color:var(--text-main)}.breadcrumb-pill--future{background:#94a3b81a;border-color:#94a3b833;color:var(--text-dim)}.breadcrumb-pill__number{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#fff9;font-size:9px;font-weight:700;flex-shrink:0}.breadcrumb-pill--active .breadcrumb-pill__number{background:#3b82f64d;color:#1e40af}.breadcrumb-pill--completed .breadcrumb-pill__number{background:#27c17a4d;color:#15803d}.breadcrumb-pill__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.breadcrumb-pill__check{width:12px;height:12px;flex-shrink:0;color:var(--ok)}.breadcrumb-arrow{width:6px;height:10px;flex-shrink:0;color:#94a3b880}@media (max-width: 1023px){.step3-breadcrumb{gap:3px;padding:6px 3px}.breadcrumb-pill{padding:5px 6px;font-size:10px;gap:3px}.breadcrumb-pill__number{width:14px;height:14px;font-size:8px}.breadcrumb-pill__check{width:10px;height:10px}.breadcrumb-arrow{width:5px;height:8px}}@media (max-width: 399px){.breadcrumb-pill{padding:4px 5px;font-size:9px}}.chip--with-icon{display:flex;align-items:center;gap:14px;padding:16px 18px}.chip__icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1.5px solid rgba(255,255,255,.3);background:linear-gradient(135deg,#ffffffe6,#ffffffb3);box-shadow:0 4px 8px #0000001f,0 2px 4px #00000014,inset 0 1px #ffffffe6,inset 0 -1px #0000000d;transition:all .3s ease;position:relative;z-index:3;color:currentColor;opacity:.85}.chip__icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.4),transparent);pointer-events:none}.chip:hover .chip__icon{opacity:1;transform:translateY(-2px);box-shadow:0 6px 12px #00000026,0 3px 6px #0000001a,inset 0 1px #fff,inset 0 -1px #00000014}.chip__icon svg{width:24px;height:24px;position:relative;z-index:1}.chip--with-desc{flex-direction:row;align-items:center;padding:16px 18px;min-height:90px}.chip--with-desc.chip--with-icon{flex-direction:row;align-items:center}.chip__content{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0;z-index:3;position:relative}.chip__name{font-size:15px;font-weight:700;letter-spacing:.5px}.chip__desc{font-size:11px;font-weight:400;color:var(--text-dim);opacity:.9;line-height:1.4;letter-spacing:0}.chip__unavailable{width:20px;height:20px;color:var(--err);opacity:.7;flex-shrink:0;z-index:3;position:relative}@media (max-width: 1023px){.chip--with-icon{padding:14px 16px;gap:12px}.chip__icon{width:36px;height:36px}.chip__icon svg{width:20px;height:20px}.chip--with-desc{min-height:80px;padding:14px 16px}.chip__name{font-size:14px}.chip__desc{font-size:10px}.chip__unavailable{width:18px;height:18px}}.chip--package{display:flex;align-items:center;gap:14px;padding:16px 18px;min-height:100px}.chip--package .chip__icon{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1.5px solid rgba(255,255,255,.3);background:linear-gradient(135deg,#ffffffe6,#ffffffb3);box-shadow:0 4px 8px #0000001f,0 2px 4px #00000014,inset 0 1px #ffffffe6,inset 0 -1px #0000000d;transition:all .3s ease;position:relative}.chip--package .chip__icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.4),transparent);pointer-events:none}.chip:hover .chip--package .chip__icon,.chip--package:hover .chip__icon{transform:translateY(-2px);box-shadow:0 6px 12px #00000026,0 3px 6px #0000001a,inset 0 1px #fff,inset 0 -1px #00000014}.chip--package .chip__icon svg{width:24px;height:24px;position:relative;z-index:1}.chip--package .chip__content{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.chip--package .chip__name{font-size:16px;font-weight:700;letter-spacing:.5px}.chip--package .chip__desc{font-size:12px;font-weight:500;color:var(--text-dim);opacity:.9}.chip__bullets{list-style:none;padding:0;margin:4px 0 0;display:flex;flex-direction:column;gap:3px}.chip__bullets li{font-size:11px;color:var(--text-dim);opacity:.85;line-height:1.3;padding-left:12px;position:relative}.chip__bullets li:before{content:"•";position:absolute;left:0;color:currentColor;opacity:.6}@media (max-width: 1023px){.chip--package{padding:14px 16px;gap:12px;min-height:90px}.chip--package .chip__icon{width:36px;height:36px}.chip--package .chip__icon svg{width:20px;height:20px}.chip--package .chip__name{font-size:15px}.chip--package .chip__desc{font-size:11px}.chip__bullets li{font-size:10px}}.color-selector{display:flex;flex-direction:column;gap:24px;padding:16px 10px}.color-section{display:flex;flex-direction:column;gap:12px}.color-section__title{font-size:14px;font-weight:700;color:var(--text-main);margin:0;display:flex;align-items:center;gap:8px}.color-section__optional{font-size:11px;font-weight:500;color:var(--text-dim);opacity:.8}.color-section__desc{font-size:11px;color:var(--text-dim);opacity:.9;margin:0;line-height:1.4}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:12px}.color-chip{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;border-radius:12px;border:2px solid rgba(148,163,184,.3);background:#fff6;cursor:pointer;transition:all .2s;outline:none}.color-chip:hover{background:#fff9;border-color:#94a3b880;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.color-chip--selected{background:#7aa6ff26;border-color:#3b82f699;box-shadow:0 4px 12px #3b82f633}.color-chip__swatch{width:48px;height:48px;border-radius:8px;border:2px solid rgba(0,0,0,.1);box-shadow:0 2px 4px #0000001a,inset 0 1px #ffffff4d;flex-shrink:0}.color-chip__swatch--same{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#94a3b833,#94a3b81a);font-size:10px;font-weight:700;color:var(--text-dim)}.color-chip__name{font-size:11px;font-weight:600;color:var(--text-main);text-align:center;line-height:1.2}.color-chip__code{font-size:9px;font-weight:500;color:var(--text-dim);opacity:.8}.color-chip__check{position:absolute;top:6px;right:6px;width:18px;height:18px;color:var(--ok);filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}@media (max-width: 1023px){.color-selector{gap:20px;padding:14px 8px}.color-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.color-chip{padding:8px 6px;gap:5px}.color-chip__swatch{width:40px;height:40px}.color-chip__name{font-size:10px}.color-chip__code{font-size:8px}.color-chip__check{width:16px;height:16px}}.chip--finish{display:flex;align-items:center;gap:12px;padding:14px 16px;min-height:70px}.chip--finish .chip__content{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.chip--finish .chip__name{font-size:15px;font-weight:700}.chip--finish .chip__desc{font-size:11px;font-weight:400;color:var(--text-dim);opacity:.9;line-height:1.3}@media (max-width: 1023px){.chip--finish{padding:12px 14px;min-height:60px}.chip--finish .chip__name{font-size:14px}.chip--finish .chip__desc{font-size:10px}}@layer base,layout,components,states,utilities;@layer base{:root{--t-base: .2s;--t-slow: .4s;--t-fast: .1s;--t-focus: .13s;--t-mid: .3s;--ease-smooth: cubic-bezier(.22,.61,.36,1);--shelf-title-weight: 600;--shelf-subtitle-weight: 300;--shelf-button-weight: 700;--shelf-progress-weight: 600;--shelf-label-weight: 500;--font-weight-light: 300;--font-weight-semibold: 600;--font-family-ui: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-size-2xs: clamp(9px, 1.6svh, 11px);--font-size-xs: clamp(10px, 1.8svh, 12px);--font-size-sm: clamp(10px, 2svh, 16px);--font-size-base: clamp(14px, 2.2svh, 20px);--font-size-lg: clamp(16px, 2.4svh, 18px);--font-size-xl: clamp(18px, 2.6svh, 20px);--font-size-2xl: clamp(20px, 2.8svh, 24px);--font-size-step-title: clamp(16px, 3svh, 26px);--letter-spacing-tight: -.015em;--letter-spacing-normal: -.005em;--tracking-title: .015em;--color-text-primary: #000;--color-text-secondary: #333;--title-color: #0b1220;--color-success: #48bb78;--color-warning: #f6ad55;--color-error: #fc8181;--color-white: #fff;--color-black: #000;--color-scene-bg: #fff;--color-transparent: transparent;--white-01: rgb(255 255 255 / 1%);--white-10: rgb(255 255 255 / 10%);--white-15: rgb(255 255 255 / 15%);--white-20: rgb(255 255 255 / 20%);--white-25: rgb(255 255 255 / 25%);--white-30: rgb(255 255 255 / 30%);--white-40: rgb(255 255 255 / 40%);--white-65: rgb(255 255 255 / 65%);--white-80: rgb(255 255 255 / 80%);--white-95: rgb(255 255 255 / 95%);--dark-06: rgb(16 24 40 / 6%);--dark-08: rgb(16 24 40 / 8%);--dark-18: rgb(16 24 40 / 18%);--gray-90: rgb(88 88 88 / 90%);--light-gray-10: rgb(246 248 250 / 10%);--warm-white-25: rgb(252 251 251 / 25%);--dark-gray-80: rgb(30 30 30 / 80%);--dark-gray-95: rgb(30 30 30 / 95%);--color-accent: 102 126 234;--accent-12: rgb(var(--color-accent) / 12%);--accent-20: rgb(var(--color-accent) / 20%);--accent-25: rgb(var(--color-accent) / 25%);--accent-30: rgb(var(--color-accent) / 30%);--accent-40: rgb(var(--color-accent) / 40%);--accent-60: rgb(var(--color-accent) / 60%);--accent-70: rgb(var(--color-accent) / 70%);--accent-75: rgb(var(--color-accent) / 75%);--accent-85: rgb(var(--color-accent) / 85%);--accent-92: rgb(var(--color-accent) / 92%);--accent-100: rgb(var(--color-accent));--border-color-neutral: var(--elev-25);--border-color-neutral-hover: var(--elev-35);--border-color-neutral-strong: var(--elev-50);--elev-05: rgb(0 0 0 / 5%);--elev-06: rgb(0 0 0 / 6%);--elev-08: rgb(0 0 0 / 8%);--elev-10: rgb(0 0 0 / 10%);--elev-12: rgb(0 0 0 / 12%);--elev-15: rgb(0 0 0 / 15%);--elev-18: rgb(0 0 0 / 18%);--elev-20: rgb(0 0 0 / 20%);--elev-25: rgb(0 0 0 / 25%);--elev-35: rgb(0 0 0 / 35%);--elev-50: rgb(0 0 0 / 50%);--elev-100: rgb(0 0 0 / 100%);--glass-bg: var(--white-15);--glass-bg-hover: var(--white-20);--glass-bg-strong: var(--white-01);--glass-border: var(--white-65);--glass-border-hover: var(--white-80);--glass-border-strong: var(--dark-gray-80);--glass-border-dark: var(--dark-gray-95);--glass-radius: 12px;--glass-radius-lg: 16px;--glass-blur: 12px;--glass-blur-sm: 1px;--glass-blur-md: 8px;--glass-blur-lg: 16px;--glass-blur-none: 0px;--glass-shadow: 0 6px 20px var(--elev-10);--glass-shadow-hover: 0 8px 25px var(--elev-15);--glass-shadow-strong: 0 8px 25px var(--elev-15), 0 4px 12px var(--elev-10);--glass-shadow-outer: var(--glass-shadow);--glass-shadow-inset: inset 0 1px 0 var(--glass-border);--glass-saturate: 1.2;--glass-btn-bg: rgba(255,255,255,.18);--glass-btn-shadow: rgba(0,0,0,.15);--glass-btn-border-w: 2px;--glass-btn-blur: 12px;--glass-btn-saturate: 120%;--glass-btn-shadow-hover: rgba(0,0,0,.15);--glass-btn-shadow-active: rgba(0,0,0,.08);--neumorphic-bg: #e0e5ec;--neumorphic-surface: #e0e5ec;--neumorphic-primary: #667eea;--neumorphic-secondary: #764ba2;--neumorphic-success: #48bb78;--neumorphic-text-secondary: #666;--neumorphic-shadow-dark: #a3b1c6;--neumorphic-shadow-light: #fff;--shadow-inset: inset 2px 2px 5px var(--neumorphic-shadow-dark), inset -2px -2px 5px var(--neumorphic-shadow-light);--shadow-raised: 5px 5px 10px var(--neumorphic-shadow-dark), -5px -5px 10px var(--neumorphic-shadow-light);--shadow-accent: 0 6px 18px var(--accent-25);--space-none: 0;--space-xxs: 2px;--space-xs: 4px;--space-sm: 8px;--space-3: 3px;--space-12: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-neg-sm: -8px;--space-neg-md: -16px;--space-neg-lg: -10px;--space-neg-xl: -32px;--space-neg-2xl: -48px;--order-first: -1;--gap-sm: 8px;--gap-md: 10px;--gap-button: .5rem;--inset-2: 2px;--radius-2: 2px;--radius-sm: 5px;--radius-none: 0;--radius-pill: 50px;--hairline: 1px;--hairline-neg: calc(-1 * var(--hairline));--line-3: 3px;--offset-10-neg: -10px;--offset-20-neg: -20px;--size-full: 100%;--size-40: 40px;--size-20: 20px;--z-index-base: 1;--z-index-overlay: 100;--z-index-modal: 1001;--z-index-floating: 1000;--z-index-progress-circle: 2;--z-index-progress-connector: 1;--shadow-sm: 0 2px 16px var(--elev-05);--shadow-md: 0 -8px 32px var(--elev-10), 0 -2px 8px var(--elev-05);--shadow-strong: 0 8px 25px var(--elev-50), 0 4px 12px var(--elev-100);--shadow-soft: 0 4px 12px var(--elev-08);--shadow-inset-complex: inset 0 1px 0 var(--glass-border), inset 1px 0 0 var(--glass-border-hover), inset 0 -1px 0 var(--elev-20), inset -1px 0 0 var(--elev-10);--shadow-accent-sm: 0 2px 4px var(--accent-30);--shadow-accent-selected: var(--accent-20) 0 6px 20px, var(--accent-20) 0 2px 8px, inset 0 1px 0 var(--white-30), 0 0 0 var(--hairline) var(--accent-20);--shadow-accent-selected-hover: var(--accent-25) 0 8px 25px, var(--accent-20) 0 4px 15px, inset 0 1px 0 var(--white-40);--translate-y-hover: calc(-1 * var(--hairline));--translate-y-rest: 0;--scale-up: 1.1;--scale-hover: 1.08;--scale-hover-mobile: 1.08;--scale-selected-hover: 1.08;--scale-active: .97;--scale-active-mobile: .96;--scale-selected-active: .98;--border-width: 1px;--border-width-thick: 2px;--border-width-thicker: 3px;--opacity-disabled: .5;--opacity-30: .3;--height-screen: 100dvh;--height-mobile-scene: 100svh;--height-mobile-bottom: 65svh;--height-nav-buttons: 60px;--height-button-normal: 40px;--height-button-compact: 60px;--height-button-mobile: 52px;--height-button-small: 48px;--height-shelf-button: 160px;--height-shelf-button-md: 180px;--height-shelf-button-lg: 240px;--height-shelf-icon: 0px;--height-shelf-icon-md: 0px;--height-shelf-title: 10 px;--height-shelf-title-md: 32px;--width-min-button: 100px;--width-floating-min: 300px;--width-floating-max: 800px;--width-floating-nav: 320px;--width-floating-nav-sm: 280px;--padding-button-compact: 1rem 2rem;--padding-button-normal: .625rem 1.25rem;--padding-button-mobile: .875rem 1.5rem;--padding-button-small: .75rem 1.25rem;--font-size-button: 1rem;--font-size-button-sm: .875rem;--font-size-button-mobile: .9rem;--font-size-button-small: .85rem;--filter-none: none;--bg-gradient-main: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);--bg-gradient-scene: linear-gradient(135deg, #e3f2fd 0%, #f5f7fa 100%);--neo-panel-bg: var(--light-gray-10);--neo-panel-stroke: var(--gray-90);--neo-panel-radius: 14px;--neo-panel-shadow: 0 12px 40px var(--dark-18), 0 2px 8px var(--dark-08);--neo-panel-inset-top: inset 0 1px 0 var(--white-10);--neo-panel-inset-bottom: inset 0 -1px 0 var(--dark-06);--neo-cta-radius: 10px;--neo-cta-text: #0F172A;--bottom-header-offset: clamp(4px, 1svh, 12px);--ui-font: var(--font-family-ui);--mobile-top-height: clamp(5svh, 6.5svh, 8svh)}*,*:before,*:after{box-sizing:border-box}}@layer layout{.wizard-desktop-container,.wizard-mobile-container{width:var(--size-full);height:var(--height-screen)}.wizard-desktop{height:var(--height-screen);display:flex;overflow:hidden;background:var(--bg-gradient-main)}.wizard-scene-panel{flex:1;position:relative;min-height:var(--space-none);overflow:hidden;background:var(--bg-gradient-scene)}.wizard-scene-container{width:var(--size-full);height:var(--size-full);position:relative;background:var(--color-scene-bg);overflow:hidden;z-index:var(--z-index-base)}.wizard-progress-overlay{position:absolute;inset:var(--space-none) auto auto var(--space-none);right:var(--space-none);z-index:var(--z-index-overlay);height:5vh;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur-sm));backdrop-filter:blur(var(--glass-blur-sm));border-bottom:var(--border-width) solid var(--glass-border);padding:var(--space-md) var(--space-lg);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center}.wizard-mobile{position:relative;height:var(--height-screen);overflow:clip;display:block;background:var(--bg-gradient-main);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.wizard-mobile-progress-overlay{position:absolute;inset:var(--space-none) auto auto var(--space-none);right:var(--space-none);z-index:var(--z-index-overlay);height:8vh;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur-sm));backdrop-filter:blur(var(--glass-blur-sm));border-bottom:var(--border-width) solid var(--glass-border);padding:var(--space-sm) var(--space-md);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center}.wizard-mobile-scene{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-scene-bg);overflow:hidden;min-height:var(--height-mobile-scene);margin-bottom:0;z-index:0}.wizard-mobile-bottom{background:var(--white-01);backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturate));border:var(--border-width-thick) solid var(--glass-border-strong);border-radius:var(--glass-radius-lg);box-shadow:var(--glass-shadow-strong),var(--glass-shadow-inset);height:45vh;overflow:hidden;display:flex;flex-direction:column;position:absolute;bottom:0;left:0;right:0;padding:0;z-index:30}.wizard-mobile-content{flex:1;overflow:hidden;padding:0 0 60px;min-height:var(--space-none);display:flex;flex-direction:row;width:100%;justify-content:center;align-items:flex-end;gap:16px;flex-wrap:wrap}.wizard-mobile-navigation{flex-shrink:0;position:absolute;bottom:0;left:0;right:0;display:flex;gap:var(--space-sm);width:calc(100% + -0px)}.wizard-mobile-navigation .wizard-pressable{-moz-appearance:none;appearance:none;-webkit-appearance:none;font-size:24px;font-weight:700;letter-spacing:.1em;padding:var(--space-sm) var(--space-md);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs)}@media (max-width: 1023px){.wizard-mobile-navigation .wizard-pressable{flex:1 1 0%}}@media (width <= 1023px){.wizard-desktop{display:none}.wizard-mobile{display:grid}.wizard-desktop-container{display:none}.wizard-mobile-container{display:block}}@media (width >= 1024px){.wizard-desktop{display:flex}.wizard-mobile{display:none}.wizard-desktop-container{display:block}.wizard-mobile-container{display:none}}.wizard-bottom{padding-top:var(--bottom-header-offset)}}@layer components{.u-glass-panel{background:var(--white-01);backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur-md)) saturate(var(--glass-saturate));border:var(--border-width-thick) solid var(--glass-border-strong);border-radius:var(--glass-radius-lg);box-shadow:var(--glass-shadow-strong),var(--glass-shadow-inset)}.neumorphic-inset{box-shadow:var(--shadow-inset)}.neumorphic-raised,.neumorphic-hover:hover{box-shadow:var(--shadow-raised)}.neumorphic-pressed:active{box-shadow:var(--shadow-inset)}.wizard-header-progress{display:flex;align-items:center;justify-content:center;width:100%}@media (width <= 1023px){.wizard-mobile-content [role=radiogroup]{order:var(--order-first);margin-bottom:var(--space-md);gap:var(--gap-md);padding:var(--space-none) var(--space-md)}}.wizard-options-container{overflow-y:auto}@media (width <= 1023px){.wizard-options-container{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-top:none}}@media (width >= 1024px){.wizard-options-container{background:var(--color-transparent);-webkit-backdrop-filter:var(--filter-none);backdrop-filter:var(--filter-none);border-top:var(--border-width) solid var(--color-transparent)}}.wizard-options-content{padding:0}@media (width >= 1024px){.wizard-options-content{padding:var(--space-none)}}.wizard-floating-navigation{position:fixed;bottom:var(--space-lg);right:var(--space-lg);width:var(--width-floating-nav);z-index:var(--z-index-modal);overflow:hidden;background:var(--glass-bg-strong);border:var(--border-width-thick) solid var(--glass-border-strong);border-radius:var(--glass-radius-lg);box-shadow:var(--glass-shadow-strong),inset var(--space-none) var(--hairline) var(--space-none) var(--glass-border),inset var(--hairline) var(--space-none) var(--space-none) var(--glass-border-hover),inset var(--space-none) var(--hairline-neg) var(--space-none) var(--elev-20),inset var(--hairline-neg) var(--space-none) var(--space-none) var(--elev-10);-webkit-backdrop-filter:blur(var(--glass-blur-lg)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-lg)) saturate(var(--glass-saturate));transition:transform var(--t-base) var(--ease-smooth)}.wizard-floating-navigation.dragging{transition:var(--filter-none);will-change:transform}@media (width >= 1024px) and (width <= 1280px){.wizard-floating-navigation{width:var(--width-floating-nav-sm);bottom:var(--space-md);right:var(--space-md)}}@media (width <= 1023px){.wizard-floating-navigation{display:none}}.wizard-floating-options{position:fixed;z-index:var(--z-index-floating);isolation:isolate;overflow:hidden;display:flex;flex-direction:column;min-width:var(--width-floating-min);min-height:var(--height-floating-min);max-width:var(--width-floating-max);max-height:var(--height-floating-max);background:var(--glass-bg);border:var(--border-width-thicker) solid var(--glass-border-dark);border-radius:var(--glass-radius);box-shadow:var(--shadow-strong),var(--shadow-inset-complex);-webkit-backdrop-filter:blur(var(--glass-blur-none)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-none)) saturate(var(--glass-saturate));color:var(--color-text-secondary)}.step-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-light);color:var(--color-text-primary);margin-bottom:var(--space-md);letter-spacing:var(--letter-spacing-tight);text-align:center}.shelf-card-title{font-size:var(--font-size-sm);font-weight:var(--shelf-subtitle-weight);color:var(--color-text-primary);line-height:1.3;margin-bottom:var(--space-2xs)}.shelf-card-desc{font-size:var(--font-size-xs);font-weight:var(--font-weight-light);color:var(--color-text-secondary);line-height:1.4}.shelf-type-button{overflow:visible;transition:all var(--t-base) var(--ease-smooth),opacity .2s ease,filter .2s ease}@media (width >= 1024px){.shelf-card-title{font-size:var(--font-size-base);margin-bottom:var(--space-xs)}.shelf-card-desc{font-size:var(--font-size-sm)}}.wizard-floating-options.pinned{max-height:none;height:auto}.wizard-floating-options .panel-content{flex:1 1 auto;min-height:var(--space-none);height:auto;max-height:none;overflow:auto}.wizard-floating-options *,.wizard-floating-navigation *{color:inherit}.navigation-buttons-container{display:flex;align-items:stretch;width:var(--size-full);height:var(--height-nav-buttons);position:relative;overflow:visible}.button-left,.button-right{position:static;flex:1 1 50%;display:flex;align-items:center;justify-content:center}.glass-button{--border-w: var(--glass-btn-border-w);position:relative;display:flex;align-items:center;justify-content:center;gap:var(--gap-button);font-weight:700;letter-spacing:.2px;color:#1a1a1a;background:var(--glass-btn-bg);backdrop-filter:blur(var(--glass-btn-blur)) saturate(var(--glass-btn-saturate));-webkit-backdrop-filter:blur(var(--glass-btn-blur)) saturate(var(--glass-btn-saturate));border:none;border-radius:999px;box-shadow:0 12px 24px var(--glass-btn-shadow),0 2px #ffffff59 inset;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;outline:none;isolation:isolate}.glass-button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.glass-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:var(--border-w);background:linear-gradient(to bottom,#fff,#6e6e6ef2,#fff,#6e6e6ef2);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;opacity:.95;transition:opacity .12s ease,filter .12s ease}.glass-button:after{content:"";position:absolute;left:10%;right:10%;top:8%;height:22%;border-radius:999px;background:linear-gradient(to bottom,#ffffffa6,#fff0);filter:blur(1px);pointer-events:none;transition:opacity .12s ease}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass-button{background:#fff6}}.glass-button-compact{padding:var(--padding-button-compact);font-size:var(--font-size-button);min-height:var(--height-button-compact)}.glass-button-normal{padding:var(--padding-button-normal);font-size:var(--font-size-button-sm);min-width:var(--width-min-button);height:var(--height-button-normal)}@media (width <= 1023px){.glass-button-compact{padding:var(--padding-button-mobile);font-size:var(--font-size-button-mobile);min-height:var(--height-button-mobile)}}@media (width <= 480px){.glass-button-compact{padding:var(--padding-button-small);font-size:var(--font-size-button-small);min-height:var(--height-button-small)}}.shelf-type-button{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;box-sizing:border-box;min-width:var(--space-none);padding:var(--space-none);border-radius:var(--glass-radius);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:var(--border-width-thick) solid var(--border-color-neutral);transition:border-color var(--t-base) var(--ease-smooth),box-shadow var(--t-base) var(--ease-smooth),background-color var(--t-base) var(--ease-smooth),transform var(--t-slow) var(--ease-smooth);height:var(--height-shelf-button);box-shadow:var(--neo-panel-shadow)}@media (width >= 1024px){.shelf-type-button{height:var(--height-shelf-button-lg)}}@media (width <= 1023px){.shelf-type-button{height:auto;padding:var(--space-md);width:100%;max-width:none;flex:1 1 0%;align-items:flex-end;padding-top:12px}.shelf-type-button h3{font-size:var(--font-size-sm)}.shelf-type-button p{font-size:var(--font-size-xs);line-height:1.3}}.shelf-type-button>div:last-child{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.shelf-type-button>div:first-of-type:not(.absolute){width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-12);height:var(--height-shelf-icon);flex-shrink:0;min-height:0}.shelf-type-button h3{width:100%;height:auto;min-height:auto;margin:0;display:flex;align-items:flex-start;justify-content:center;text-align:center;line-height:1.2;font-weight:var(--shelf-title-weight)}.shelf-type-button p{width:100%;margin:var(--space-none);display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.2}@media (width <= 1023px){.shelf-type-button>div:first-of-type:not(.absolute){height:var(--height-shelf-icon-md);margin-bottom:var(--space-sm)}.shelf-type-button h3{height:var(--height-shelf-title-md);font-size:var(--font-size-sm)}}.wizard-navigation-container .wizard-pressable,.wizard-floating-navigation .wizard-pressable,.wizard-floating-options .wizard-pressable{transition:transform var(--t-base) var(--ease-smooth),box-shadow var(--t-base) var(--ease-smooth),background-color var(--t-base) var(--ease-smooth),border-color var(--t-base) var(--ease-smooth);border-radius:var(--neo-panel-radius);-webkit-user-select:none;user-select:none;will-change:transform,box-shadow}@media (max-width: 1023px){.wizard-mobile-navigation .wizard-pressable-primary,.wizard-mobile-navigation .wizard-pressable-secondary{color:var(--color-black)}}.wizard-navigation-container .wizard-pressable-primary,.wizard-floating-options .wizard-pressable-primary{color:var(--color-black)}.wizard-navigation-container .wizard-pressable-secondary,.wizard-floating-navigation .wizard-pressable-secondary,.wizard-floating-options .wizard-pressable-secondary{color:#1a1a1a;box-shadow:var(--shadow-soft)}.wizard-floating-options:before{content:"";position:absolute;inset:var(--space-none);border-radius:inherit;background:linear-gradient(180deg,var(--warm-white-25),var(--white-95));mix-blend-mode:soft-light;pointer-events:none}.wizard-floating-options:after{content:"";position:absolute;inset:var(--inset-2);border-radius:calc(var(--neo-panel-radius) - var(--inset-2));box-shadow:var(--neo-panel-inset-top),var(--neo-panel-inset-bottom);pointer-events:none}.step-title{font-family:var(--ui-font);font-weight:var(--shelf-title-weight);font-size:var(--font-size-step-title);line-height:1.15;letter-spacing:var(--tracking-title);color:var(--title-color);margin:var(--space-none) var(--space-none) var(--space-md)}@media (width <= 1023px){.step-title{margin-top:var(--space-neg-lg)}}.progress-step{position:relative;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all var(--t-mid) var(--ease-smooth)}.progress-step-circle{width:var(--size-40);height:var(--size-40);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--shelf-progress-weight);font-size:var(--font-size-sm);transition:all var(--t-mid) var(--ease-smooth);position:relative;z-index:var(--z-index-progress-circle)}.progress-step-circle.inactive{background:var(--neumorphic-surface);color:var(--neumorphic-text-secondary);box-shadow:var(--shadow-inset)}.progress-step-circle.active{background:var(--accent-100);color:var(--color-white);box-shadow:var(--shadow-raised);transform:scale(var(--scale-up))}.progress-step-circle.completed{background:var(--neumorphic-success);color:var(--color-white);box-shadow:var(--shadow-raised)}.progress-step-label{margin-top:var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--shelf-label-weight);text-align:center;transition:all var(--t-mid) var(--ease-smooth)}.progress-step-label.inactive{color:var(--neumorphic-text-secondary)}.progress-step-label.active{color:var(--accent-100);font-weight:var(--font-weight-semibold)}.progress-step-label.completed{color:var(--neumorphic-success);font-weight:var(--font-weight-semibold)}.progress-connector{flex:1;height:var(--line-3);margin:var(--space-none) var(--space-sm);border-radius:var(--radius-2);transition:all var(--t-mid) var(--ease-smooth);position:relative;top:var(--offset-20-neg);z-index:var(--z-index-progress-connector)}.progress-connector.inactive{background:var(--neumorphic-shadow-dark);opacity:var(--opacity-30)}.progress-connector.active{background:linear-gradient(90deg,var(--accent-100),var(--neumorphic-secondary));box-shadow:var(--shadow-accent-sm)}.progress-step-circle.compact{width:var(--size-20);height:var(--size-20);font-size:var(--font-size-2xs)}.progress-step-label.compact{font-size:var(--font-size-2xs);margin-top:var(--space-xxs);line-height:1}.progress-connector.compact{height:var(--hairline);margin:var(--space-none) var(--space-3);top:var(--offset-10-neg)}}@layer components{.progress-glass-pill{display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff2e;-webkit-backdrop-filter:blur(12px) saturate(120%);backdrop-filter:blur(12px) saturate(120%);border:1px solid rgba(255,255,255,.28);transition:all .2s ease;cursor:pointer;position:relative;z-index:2;box-shadow:0 16px 40px #00000024;isolation:isolate;width:40px;height:40px;min-width:40px;min-height:40px}.progress-glass-pill:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:2px;background:linear-gradient(to bottom,#fff,#6e6e6ef2,#fff,#6e6e6ef2);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;opacity:.96;z-index:-1}.progress-glass-pill:after{content:"";position:absolute;left:10%;right:10%;top:8%;height:16%;border-radius:999px;background:linear-gradient(to bottom,#ffffff8c,#fff0);filter:blur(1px);pointer-events:none;z-index:-1}.progress-glass-pill.is-current{background:#3b82f6e6;border-color:#3b82f6cc;box-shadow:0 16px 40px #3b82f64d;transform:scale(1.05)}.progress-glass-pill.is-done{background:#10b981e6;border-color:#10b981cc;box-shadow:0 16px 40px #10b9814d}.progress-glass-pill.is-error{background:#ef4444e6;border-color:#ef4444cc;box-shadow:0 16px 40px #ef44444d}.progress-glass-pill.is-warning{background:#f59e0be6;border-color:#f59e0bcc;box-shadow:0 16px 40px #f59e0b4d}@media (width <= 1023px){.progress-glass-pill{width:36px;height:36px;min-width:36px;min-height:36px;font-size:14px}.progress-connector-glass{height:6px;margin:0 16px}.progress-connector-fill{border-radius:2px}}@media (width <= 480px){.progress-glass-pill{width:32px;height:32px;min-width:32px;min-height:32px;font-size:12px}.progress-connector-glass{height:4px;margin:0 12px}}.progress-connector-glass{flex:1;height:8px;background:#0000004d;border-radius:4px;position:relative;overflow:hidden;margin:0 20px;box-shadow:inset 0 2px 4px #0003,0 1px 2px #ffffff1a;border:1px solid rgba(255,255,255,.1)}.progress-connector-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:3px;transition:width .35s cubic-bezier(.22,.61,.36,1);box-shadow:0 0 6px #3b82f680,inset 0 1px #fff3}}@layer states{.glass-button:hover{box-shadow:0 16px 32px var(--glass-btn-shadow-hover),0 2px #fff6 inset;filter:brightness(1.03)}.glass-button:active{transform:translateY(1px) scale(.995);box-shadow:0 8px 16px var(--glass-btn-shadow),0 3px 6px var(--glass-btn-shadow-active) inset;filter:brightness(.98)}.glass-button:active:before{opacity:1}.glass-button:active:after{opacity:.9}.glass-button.reroll:before{animation:noiseShift .9s linear,rimFlash .22s ease-out}@keyframes noiseShift{0%{background-position:center,0 0}to{background-position:center,24px 18px}}@keyframes rimFlash{0%{opacity:1}50%{opacity:.85}to{opacity:.97}}.glass-button:focus-visible{box-shadow:0 0 0 4px #6366f159,0 12px 24px var(--glass-btn-shadow),0 2px #ffffff59 inset}.shelf-type-button:hover{transform:scale(var(--scale-hover));box-shadow:var(--glass-shadow-hover),inset var(--space-none) var(--hairline) var(--space-none) var(--glass-border);border-color:var(--border-color-neutral-hover);opacity:.75;filter:brightness(1.1) contrast(1.05);background:#ffffff40}.shelf-type-button:active{transform:scale(var(--scale-active));box-shadow:0 2px 8px var(--elev-20),inset 0 4px 8px var(--elev-15),inset 0 1px 2px var(--elev-20);transition:all var(--t-fast) var(--ease-smooth)}.shelf-type-button:focus-visible{outline:var(--border-width-thick) solid var(--accent-75);outline-offset:var(--space-xxs);border-color:var(--accent-70)}.shelf-type-button-selected,.shelf-type-button.is-selected{background:var(--accent-12);border-color:var(--accent-60);box-shadow:var(--shadow-accent-selected)}.shelf-type-button-selected:hover,.shelf-type-button.is-selected:hover{transform:scale(var(--scale-selected-hover));box-shadow:var(--shadow-accent-selected-hover);opacity:.8;filter:brightness(1.15) contrast(1.1);background:#667eea33}@media (width <= 1023px){.shelf-type-button:hover{transform:scale(var(--scale-hover-mobile))}.shelf-type-button:active{transform:scale(var(--scale-active-mobile))}.shelf-type-button.is-selected,.shelf-type-button-selected{border-color:var(--accent-70);box-shadow:var(--shadow-accent-selected)}.shelf-type-button.is-selected:active,.shelf-type-button-selected:active{transform:scale(var(--scale-selected-active))}}@media (prefers-reduced-motion: reduce){.shelf-type-button{transition:box-shadow var(--t-base) var(--ease-smooth),background-color var(--t-base) var(--ease-smooth)}.glass-button{transition:background-color var(--t-base) var(--ease-smooth),border-color var(--t-base) var(--ease-smooth),box-shadow var(--t-base) var(--ease-smooth)}.wizard-navigation-container .wizard-pressable,.wizard-floating-navigation .wizard-pressable,.wizard-floating-options .wizard-pressable{transition:box-shadow var(--t-base) var(--ease-smooth),background-color var(--t-base) var(--ease-smooth),border-color var(--t-base) var(--ease-smooth)}.wizard-navigation-container .wizard-pressable:hover,.wizard-navigation-container .wizard-pressable:active,.wizard-floating-navigation .wizard-pressable:hover,.wizard-floating-navigation .wizard-pressable:active,.wizard-floating-options .wizard-pressable:hover,.wizard-floating-options .wizard-pressable:active{transform:none}}}@layer utilities{.text-dark{color:var(--color-text-primary)}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{width:var(--space-none);height:var(--space-none)}}.shelf-group{display:grid;grid-template-columns:1fr;gap:16px;width:100%;padding:0 16px}.select-card{display:block;position:relative;cursor:pointer}.select-card>input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.card{position:relative;isolation:isolate;border-radius:16px;background:#ffffff2e;backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);box-shadow:0 16px 40px #00000024;border:1px solid rgba(255,255,255,.28);padding:22px 20px;display:grid;grid-template-columns:56px 1fr;align-items:center;gap:16px;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;min-height:240px;width:100%;max-width:600px;margin:0 auto}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:2px;background:linear-gradient(to bottom,#fff,#6e6e6ef2,#fff,#6e6e6ef2);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;opacity:.96}.card:after{content:"";position:absolute;left:10%;right:10%;top:8%;height:16%;border-radius:999px;background:linear-gradient(to bottom,#ffffff8c,#fff0);filter:blur(1px);pointer-events:none}.card-icon{width:56px;height:56px;border-radius:50%;background:#ffffff38;backdrop-filter:blur(6px) saturate(140%);-webkit-backdrop-filter:blur(6px) saturate(140%);display:grid;place-items:center;box-shadow:inset 0 1px #ffffff80,0 8px 16px #00000014}.card-icon svg{width:28px;height:28px;opacity:.9;color:#0b1220}.card-text{display:flex;flex-direction:column;gap:6px}.card-title{margin:0;font-size:20px;font-weight:800;letter-spacing:.01em;color:#0b1220;line-height:1.2}.card-desc{margin:0;font-size:14px;line-height:1.35;color:#222;opacity:.9}.select-card:hover .card{transform:translateY(-1px);box-shadow:0 22px 48px #00000024;filter:brightness(1.02)}.select-card:active .card{transform:translateY(0) scale(.995);box-shadow:0 12px 24px #00000024,inset 0 3px 6px #0000000f}.select-card:focus-within .card{box-shadow:0 0 0 3px #6366f159,0 22px 48px #00000024}.select-card>input:checked+.card{background:linear-gradient(180deg,#ffffff3d,#ffffff2e),#ffffff2e;box-shadow:0 26px 60px #667eea40,0 10px 24px #0000001f;border-color:#667eea99}.select-card>input:checked+.card:before{opacity:1}.card-badge{position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:50%;background:#ffffffe6;display:grid;place-items:center;box-shadow:0 8px 14px #0000001f}.card-badge svg{width:14px;height:14px;color:#667eea}@media (max-width: 1023px){.shelf-group{padding:0 12px;gap:12px}.card{padding:18px 16px;grid-template-columns:48px 1fr;gap:14px;min-height:100px;max-width:none}.card-icon{width:48px;height:48px}.card-icon svg{width:24px;height:24px}.card-title{font-size:18px}.card-desc{font-size:13px}}