@charset "UTF-8";
:root{color-scheme:dark;--bg:#071423;--panel:#102438;--cyan:#8deaff;--purple:#b4a4ed;--ink:#effaff;--muted:#8b9faf;--line:rgba(166,215,238,.17);font-family:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:#030a12;color:var(--ink);overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible{outline:3px solid #d6c6ff;outline-offset:7px}button:disabled{cursor:wait;opacity:.55}button{touch-action:manipulation}a{color:inherit;text-decoration:none}svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}button svg{pointer-events:none}img{user-select:none;-webkit-user-drag:none}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.viewport{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at 32% 35%,#0c2338 0,transparent 45%),radial-gradient(ellipse at 70% 70%,#17142d 0,transparent 40%),#030a12}.app{width:1080px;height:1920px;position:relative;overflow:hidden;transform-origin:center;flex-shrink:0;background:var(--bg);box-shadow:0 0 100px #0008;--look-color:#b2efff;--look-rgb:140,224,255}.app[data-look="lilac"]{--look-color:#c3afff;--look-rgb:189,157,255}.app[data-look="blue"]{--look-color:#94d9ff;--look-rgb:119,201,255}.app-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 18% 48%,#0d304046,transparent 45%),radial-gradient(ellipse at 100% 42%,#402c6333,transparent 40%),linear-gradient(180deg,#071421,#0b1c30 68%,#081522)}.aura{position:absolute;border-radius:50%;filter:blur(90px);opacity:.22}.aura-cyan{width:550px;height:1000px;left:-350px;top:580px;background:#157c9a}.aura-violet{width:460px;height:900px;right:-360px;top:580px;background:#9b68e7}.starfield{position:absolute;inset:0;opacity:.5;background-image:radial-gradient(1px 1px at 90px 270px,#a1d8f6 80%,transparent),radial-gradient(1.5px 1.5px at 260px 960px,#9ceaff 80%,transparent),radial-gradient(1px 1px at 800px 570px,#c6a7e1 80%,transparent),radial-gradient(1px 1px at 630px 140px,#6e9eb7 80%,transparent),radial-gradient(1px 1px at 940px 1360px,#aad6e9 80%,transparent);background-size:1000px 1500px,730px 1100px,970px 1020px,640px 750px,800px 900px}.edge-glow{position:absolute;top:495px;height:920px;width:2px;background:linear-gradient(transparent,#79daf833,transparent)}.edge-glow.left{left:30px}.edge-glow.right{right:30px}.screen{position:absolute;inset:0;visibility:hidden;opacity:0;transition:opacity .65s ease,visibility .65s;isolation:isolate}.screen.is-visible{visibility:visible;opacity:1}.screen[hidden]{display:none}.home-header,.fitting-header{position:absolute;left:66px;right:66px;top:62px;height:78px;display:flex;align-items:center;justify-content:space-between;z-index:10}.brand{display:flex;align-items:center;gap:20px}.brand-mark{width:62px;height:62px;display:grid;place-items:center;color:#b9ecfb;filter:drop-shadow(0 0 12px #92dfff33)}.brand-mark svg{width:60px;height:60px;stroke-width:1.4}.brand-name{font-size:43px;line-height:1.2;letter-spacing:6px;font-weight:600}.brand-name>span{font-size:18px;display:block;font-weight:400;letter-spacing:5px;color:#91aabc;margin-top:9px}.header-actions{display:flex;align-items:center;gap:22px}.ready{display:flex;align-items:center;gap:12px;font-size:20px;color:#a5beca;letter-spacing:1px}.ready i,.stage-status i,.session-label i,.preview-badge i,.fitting-footer>span i{width:7px;height:7px;border-radius:50%;background:#91eece;box-shadow:0 0 14px #8cf7d477;display:inline-block}.icon-button{display:grid;place-items:center;width:54px;height:54px;border:1px solid var(--line);border-radius:50%;background:#10223680;color:#a0b7ca;transition:background .2s,color .2s}.icon-button:hover{background:#20394f;color:#e7f8ff}.icon-button svg{width:25px;height:25px}.home-intro{position:absolute;top:217px;left:80px;right:80px;text-align:center;z-index:4}.intro-overline{display:flex;align-items:center;justify-content:center;gap:19px;color:#9cbfce;font-size:23px;letter-spacing:6px}.intro-overline>span{width:54px;height:1px;background:linear-gradient(90deg,transparent,#89b1c0)}.intro-overline>span:last-child{transform:rotate(180deg)}h1{font-size:91px;line-height:1.2;letter-spacing:8px;font-weight:500;margin:28px 0 26px;background:linear-gradient(130deg,#fff 15%,#e7f7ff 45%,#a6c4e5 95%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 4px 40px #d0e9ff0d}h1 br{display:none}.home-intro>p{margin:0;color:#98b1c1;font-size:25px;letter-spacing:3px}.home-mirror{position:absolute;left:30px;right:30px;top:500px;height:1040px}.mirror-arch{position:absolute;left:110px;top:0;width:810px;height:1000px;border-radius:400px 400px 125px 125px;border:1px solid #91d4f345;background:linear-gradient(150deg,#15374c55,#10243a10 45%,#2b2a5422);box-shadow:inset 1px 0 0 #8ec8e20f,0 0 100px #67bdd509}.mirror-arch:before{content:"";position:absolute;inset:12px;border:1px solid #6e9aac20;border-radius:inherit}.mirror-arch:after{content:"";position:absolute;inset:26px -3px -2px;border-radius:inherit;border-left:3px solid #96e7ff69;border-right:3px solid #c6a5f34d;filter:drop-shadow(0 0 14px #8ee7ff4d);mask-image:linear-gradient(transparent,#000 30%,#000 65%,transparent)}.arch-inner{position:absolute;inset:-20px;border:1px solid #83a9c40d;border-radius:inherit}.arch-spark{position:absolute;top:140px;left:83px;width:7px;height:7px;border-radius:50%;background:#c4f5ff;box-shadow:0 0 22px 4px #9be9ff66}.home-orbit{position:absolute;width:740px;height:740px;left:100px;top:150px;border:1px solid #5f94b119;border-radius:50%;transform:rotate(-25deg) scaleX(1.25);z-index:-1}.orbit-two{transform:rotate(25deg) scaleX(1.35);opacity:.6}.mirror-grid{position:absolute;inset:200px 140px 40px;background-image:linear-gradient(#81b5d306 1px,transparent 1px),linear-gradient(90deg,#81b5d306 1px,transparent 1px);background-size:65px 65px;mask-image:radial-gradient(ellipse,#000,transparent 65%)}.home-model-wrap{position:absolute;left:24px;top:-35px;width:860px;height:1120px;z-index:2;pointer-events:none}.home-model{position:absolute;width:100%;height:100%;object-fit:contain;opacity:0;filter:drop-shadow(0 0 28px #8ddcfd08);transition:opacity 1.2s ease,filter 1.2s ease}.home-model.active{opacity:1}.preview-badge{position:absolute;top:75px;left:110px;z-index:4;display:flex;align-items:center;gap:10px;color:#b0d4e1;font-size:17px;letter-spacing:1px;border:1px solid #89c5da30;border-radius:30px;background:#0b2537ad;padding:11px 18px;backdrop-filter:blur(15px)}.preview-badge i{background:#8be9fb;width:6px;height:6px}.home-rail{position:absolute;right:42px;top:65px;display:flex;flex-direction:column;align-items:center;gap:20px;z-index:5}.rail-caption{font-size:17px;color:#90a7bb;letter-spacing:2px;margin-bottom:2px}.mini-garment{position:relative;width:158px;height:189px;background:linear-gradient(140deg,#21374bcd,#15253dd6);border:1px solid #92a9c238;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:border-color .3s,box-shadow .3s,transform .3s,background .3s;overflow:hidden}.mini-garment img{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 8px 8px #0005);transition:transform .3s}.mini-garment span{font-size:18px;letter-spacing:2px;margin-top:14px;color:#b5c3d2}.mini-garment.active{border-color:#9de9ff9c;box-shadow:0 0 24px #8cd8f81a,inset 0 0 26px #75c2e10a;background:linear-gradient(135deg,#284b60e6,#142a42ed)}.mini-garment.active:before{content:"";height:2px;width:45px;position:absolute;top:0;left:calc(50% - 22px);background:#b3f3ff;box-shadow:0 0 14px #a0efff}.mini-garment.active i{position:absolute;right:10px;top:10px;width:5px;height:5px;background:#b5efff;border-radius:50%;box-shadow:0 0 10px #8cd4ff}.mini-garment:hover img{transform:scale(1.06)}.mini-garment:hover{transform:translateX(-4px);border-color:#b8edff}.home-look-caption{position:absolute;left:62px;bottom:142px;z-index:4;writing-mode:vertical-rl;display:flex;align-items:flex-start;gap:15px;color:#bdd1e0;font-size:21px;letter-spacing:4px}.look-line{width:1px;height:48px;background:linear-gradient(#a1e9f2,transparent)}.home-look-caption small{position:absolute;left:-29px;top:66px;writing-mode:horizontal-tb;transform:rotate(90deg);transform-origin:top left;white-space:nowrap;font:italic 17px Georgia,serif;color:#718b9f;letter-spacing:1px}.platform{position:absolute;pointer-events:none;border-radius:50%;z-index:1;background:radial-gradient(ellipse,#a7e9fa0d,transparent 65%)}.platform>span{position:absolute;border:1px solid #95d8ed40;border-radius:50%;inset:23% 0}.platform>span:nth-child(2){inset:5% -10%;border-color:#8bd5ee17}.platform>i{position:absolute;inset:40% 8%;border-radius:50%;filter:blur(25px);background:#8bdeff29}.platform:after{content:"";position:absolute;left:15%;right:15%;bottom:24%;height:2px;border-radius:50%;background:linear-gradient(90deg,transparent,#b2edff80,transparent);filter:blur(1px)}.home-platform{width:690px;height:120px;bottom:-27px;left:140px}.preview-dots{position:absolute;bottom:-32px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:13px;z-index:6}.preview-dots button{width:8px;height:8px;border-radius:10px;background:#50647a;padding:0;transition:width .4s,background .4s}.preview-dots button.active{width:34px;background:#b2e9ff;box-shadow:0 0 12px #92e9ff33}.home-features{position:absolute;left:120px;right:120px;top:1605px;display:flex;justify-content:space-between}.home-features>div{display:flex;align-items:center;flex-direction:column;width:250px;position:relative}.home-features>div+div:before{content:"";width:1px;height:66px;position:absolute;top:25px;left:-15px;background:linear-gradient(transparent,#7396b433,transparent)}.feature-icon{color:#9acde5;width:42px;height:42px;display:grid;place-items:center;margin-bottom:17px}.feature-icon svg{width:35px;height:35px;stroke-width:1.3}.home-features strong{font-size:24px;font-weight:400;letter-spacing:3px}.home-features small{font-size:17px;color:#70899e;margin-top:10px;letter-spacing:1px}.start-button{position:absolute;left:110px;right:110px;bottom:120px;height:104px;display:flex;align-items:center;justify-content:center;gap:23px;border-radius:28px;font-size:31px;letter-spacing:4px;font-weight:500;color:#0b2939;background:linear-gradient(105deg,#a3eaff,#b6ddf4 52%,#c6b9f3);box-shadow:0 8px 40px #81d9ff17,inset 0 1px 1px #edffff;border:1px solid #dcf8ff7a;overflow:hidden;transition:filter .25s,box-shadow .25s,transform .25s}.start-button>svg{width:31px;height:31px}.start-button>svg.start-arrow{position:absolute;right:34px;width:30px;height:30px}.start-button:hover{filter:brightness(1.09);box-shadow:0 0 50px #8bdfff30;transform:translateY(-3px)}.start-button:active{transform:scale(.99)}.button-sheen{position:absolute;left:-80%;top:0;width:60%;height:100%;background:linear-gradient(90deg,transparent,#fff5,transparent);transform:skew(-20deg);animation:sheen 7s ease 2s infinite}.home-footer{position:absolute;bottom:58px;left:110px;right:110px;display:flex;align-items:center;justify-content:space-between;font-size:18px;color:#70899e;letter-spacing:2px}.help-button{display:flex;align-items:center;gap:8px;background:transparent;font-size:17px;letter-spacing:1px;color:#849bb0;padding:6px 0}.help-button svg{width:20px;height:20px}.help-button:hover{color:#cce9f7}
.fitting-header{top:52px}.back-button{display:flex;align-items:center;gap:10px;font-size:23px;background:transparent;color:#a6bbcc;padding:14px 0}.back-button svg{width:28px;height:28px}.back-button:hover{color:#d5effa}.fitting-brand{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:17px;font-size:37px;font-weight:500;letter-spacing:5px}.fitting-brand span{font-size:17px;font-weight:400;letter-spacing:3px;color:#92acbc;padding-left:18px;border-left:1px solid #97b8cf40}.fitting-header .header-actions{gap:14px}.fitting-intro{position:absolute;top:190px;left:66px;z-index:4}.session-label{display:flex;align-items:center;gap:10px;color:#96bfcf;font-size:19px;letter-spacing:3px}.session-label i{background:#91dceb;width:6px;height:6px}.fitting-intro h2{font-weight:400;font-size:49px;letter-spacing:4px;margin:22px 0 18px}.fitting-intro p{font-size:24px;letter-spacing:2px;color:#829eaf;margin:0}.fitting-stage{position:absolute;top:350px;left:0;width:1080px;height:1220px;--model-opacity:1}.fitting-backdrop{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 44% 45%,rgba(var(--look-rgb),.065),transparent 55%);transition:background .8s}.halo-ring{position:absolute;left:36px;top:155px;width:790px;height:790px;border-radius:50%;border:1px solid #8ecbe31c;box-shadow:0 0 60px #83d1ea03,inset 0 0 80px #83d1ea03}.halo-ring.second{inset:113px auto auto -6px;width:874px;height:874px;border-style:dashed;border-color:#98cbe110;transform:rotate(20deg)}.stage-crosshair{position:absolute;width:12px;height:12px;opacity:.5}.stage-crosshair:before,.stage-crosshair:after{content:"";position:absolute;background:#77a6bb}.stage-crosshair:before{width:12px;height:1px;top:6px}.stage-crosshair:after{height:12px;width:1px;left:6px}.x1{top:235px;left:83px}.x2{bottom:280px;right:275px}.body-guide{position:absolute;left:148px;right:280px;top:70px;bottom:45px;pointer-events:none}.guide-corner{position:absolute;width:46px;height:46px;border-color:#7ac8e65c;border-style:solid;border-width:0}.guide-corner.tl{top:0;left:0;border-top-width:2px;border-left-width:2px;border-top-left-radius:8px}.guide-corner.tr{top:0;right:0;border-top-width:2px;border-right-width:2px;border-top-right-radius:8px}.guide-corner.bl{bottom:0;left:0;border-bottom-width:2px;border-left-width:2px;border-bottom-left-radius:8px}.guide-corner.br{bottom:0;right:0;border-bottom-width:2px;border-right-width:2px;border-bottom-right-radius:8px}.guide-side{position:absolute;top:120px;bottom:130px;width:1px;background:linear-gradient(transparent,#91c7de22,transparent)}.guide-side.left{left:0}.guide-side.right{right:0}.model-stack{position:absolute;top:0;left:-3px;width:900px;height:1230px;z-index:2;pointer-events:none}.fitting-model{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;opacity:0;transition:opacity .65s ease;will-change:opacity}.fitting-model.active{opacity:1}.fitting-stage.is-comparing .fitting-model{opacity:0!important}.fitting-stage.is-comparing .fitting-model.original{opacity:1!important}.stage-status{position:absolute;left:65px;top:30px;display:flex;align-items:center;gap:11px;font-size:18px;color:#a9cecf;z-index:5}.stage-status i{width:6px;height:6px}.demo-label{position:absolute;right:62px;top:24px;font-size:17px;letter-spacing:2px;color:#7c96aa;border:1px solid #91b8cf25;border-radius:25px;padding:8px 14px;z-index:5}.original-label{position:absolute;z-index:6;left:326px;top:150px;padding:12px 24px;background:#112c3fe6;border:1px solid #d0eafb66;border-radius:25px;font-size:21px;color:#d1e4f0;opacity:0;transform:translateY(-10px);transition:opacity .2s,transform .2s}.is-comparing .original-label{opacity:1;transform:translateY(0)}.wardrobe{position:absolute;top:98px;right:54px;width:195px;display:flex;flex-direction:column;gap:22px;z-index:8}.wardrobe-heading{display:flex;align-items:center;gap:9px;font-size:23px;letter-spacing:2px;margin-bottom:1px;color:#bfd2df;white-space:nowrap}.wardrobe-heading svg{width:26px;height:26px;stroke-width:1.3}.wardrobe-heading small{margin-left:auto;font:17px Georgia,serif;color:#96b3c6;display:grid;place-items:center;width:25px;height:25px;border:1px solid #90bcd039;border-radius:50%;letter-spacing:0}.garment-card{position:relative;display:flex;align-items:center;flex-direction:column;background:linear-gradient(145deg,#1d3349ed,#152539e8);border:1px solid #8cabc342;border-radius:25px;width:195px;height:244px;transition:border .3s,background .3s,box-shadow .3s,transform .3s;padding:16px 12px;overflow:hidden}.garment-image{height:154px;display:grid;place-items:center;width:100%;position:relative}.garment-image:before{content:"";position:absolute;width:120px;height:95px;background:#c3d8e30c;filter:blur(20px);border-radius:50%}.garment-image img{width:146px;height:146px;object-fit:contain;filter:drop-shadow(0 9px 8px #0005);transition:transform .35s}.garment-name{font-size:22px;letter-spacing:2px;color:#ccdbe6;margin-top:8px}.garment-tone{display:flex;align-items:center;gap:8px;font-size:16px;color:#7e9aae;margin-top:11px;letter-spacing:1px}.garment-tone i{width:7px;height:7px;display:inline-block;background:var(--swatch);border-radius:50%}.garment-card.selected{border-color:#9ae7fda3;background:linear-gradient(145deg,#25475de8,#172e48e8);box-shadow:0 0 30px #91deff15,inset 0 0 30px #80d7ff06}.garment-card.selected:before{content:"";position:absolute;top:0;height:3px;width:54px;background:#b7f1ff;box-shadow:0 0 16px #9ae7ff}.garment-card:hover{border-color:#a3dff5;transform:translateX(-4px)}.garment-card:hover img{transform:scale(1.055)}.garment-card.selected .garment-tone{color:#9abecf}.selected-check{position:absolute;right:9px;top:9px;width:27px;height:27px;background:#a7e7f6;border-radius:50%;display:grid;place-items:center;color:#14364b;opacity:0;transform:scale(.5);transition:opacity .25s,transform .25s}.selected-check svg{width:20px;height:20px;stroke-width:2}.selected .selected-check{opacity:1;transform:scale(1)}.wardrobe-hint{text-align:center;font-size:16px;letter-spacing:2px;color:#6c8b9f;margin-top:-1px}.fitting-platform{width:670px;height:150px;bottom:-8px;left:112px}.scan-effect{position:absolute;inset:25px 215px 12px 100px;z-index:4;pointer-events:none;overflow:hidden;opacity:0}.scan-line{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#bbf6ff 20%,#d4c6ff 80%,transparent);box-shadow:0 0 25px 4px #8decff40;transform:translateY(-10px)}.scan-wash{position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(var(--look-rgb),.12),transparent);transform:translateY(-100%)}.scanning .scan-effect{opacity:1}.scanning .scan-line{animation:scan-down 1.25s cubic-bezier(.4,0,.4,1) both}.scanning .scan-wash{animation:scan-wash 1.25s cubic-bezier(.4,0,.4,1) both}.changing .scan-effect{opacity:1}.changing .scan-line{animation:scan-down .8s cubic-bezier(.4,0,.4,1) both}.changing .scan-wash{animation:scan-wash .8s cubic-bezier(.4,0,.4,1) both}.scan-particles{position:absolute;inset:0;background-image:radial-gradient(2px 2px at 30% 40%,#c9f4ff,transparent),radial-gradient(2px 2px at 60% 30%,#b3eaff,transparent),radial-gradient(1px 1px at 50% 60%,#d4c4ff,transparent),radial-gradient(2px 2px at 70% 70%,#d4faff,transparent);background-size:220px 300px;opacity:.6;mask-image:linear-gradient(transparent,#000,transparent)}.scan-prompt{position:absolute;top:710px;left:125px;width:630px;z-index:9;background:linear-gradient(130deg,#102d41f5,#1e2c46f5);border:1px solid #a0d3ec4d;box-shadow:0 20px 90px #0005,0 0 70px #8ad5ef0a;backdrop-filter:blur(25px);border-radius:30px;padding:30px 30px 35px;display:flex;align-items:center;flex-direction:column;gap:14px;transition:opacity .4s,transform .4s;opacity:0;transform:translateY(15px);pointer-events:none}.scanning .scan-prompt{opacity:1;transform:translateY(0)}.scan-prompt-icon svg{width:40px;height:40px;color:#acdeec}.scan-prompt strong{font-size:27px;font-weight:400;letter-spacing:2px}.scan-prompt>span:not(.scan-prompt-icon){font-size:19px;color:#89a5b8}.scan-progress{height:3px;border-radius:4px;background:#d0ebff16;width:330px;margin-top:6px;overflow:hidden}.scan-progress i{height:100%;width:100%;background:linear-gradient(90deg,#8cdbf3,#baa6ef);display:block;transform:translateX(-100%)}.scanning .scan-progress i{animation:progress 1.3s ease both}.change-toast{position:absolute;left:278px;bottom:100px;z-index:6;display:flex;align-items:center;gap:10px;padding:14px 23px;border-radius:28px;background:#123246e0;border:1px solid #95daef44;color:#c6eafa;font-size:20px;letter-spacing:2px;backdrop-filter:blur(16px);opacity:0;transform:translateY(14px);transition:opacity .3s,transform .3s;pointer-events:none}.change-toast svg{width:24px;height:24px}.change-toast.visible{opacity:1;transform:translateY(0)}.outfit-panel{position:absolute;left:66px;right:66px;top:1590px;height:144px;display:flex;align-items:center;gap:24px;border:1px solid #8baec22e;border-radius:25px;background:linear-gradient(100deg,#142c3f99,#18283d9c);padding:22px 28px;z-index:6}.outfit-swatch{width:77px;height:85px;border:1px solid #bce6f324;background:linear-gradient(150deg,#c0d9e31a,#a0a2d007);border-radius:17px;display:grid;place-items:center;color:var(--look-color)}.outfit-swatch svg{width:38px;height:38px;stroke-width:1.2}.outfit-info>span{display:block;font-size:16px;color:#7ea2b5;letter-spacing:2px;margin-bottom:6px}.outfit-info h3{font-size:27px;letter-spacing:2px;font-weight:400;margin:0 0 9px}.outfit-tags{display:flex;gap:9px}.outfit-tags>span{font-size:15px;color:#a0b4c5;padding:3px 10px;background:#97b4ce0b;border-radius:5px;border:1px solid #8aa7be16}.outfit-counter{margin-left:auto;display:flex;gap:8px;align-items:baseline}.outfit-counter>span{font-family:Georgia,serif;font-size:35px;font-weight:400;color:#b7d7e8;font-variant-numeric:tabular-nums}.outfit-counter small{font-size:18px;color:#657e94}.fitting-actions{position:absolute;left:66px;right:66px;top:1765px;height:91px;display:flex;gap:24px;z-index:7}.compare-button,.capture-button{position:relative;border-radius:23px;display:flex;justify-content:center;align-items:center;gap:15px;font-size:26px;letter-spacing:2px;transition:background .2s,transform .2s,filter .2s}.compare-button{width:405px;background:linear-gradient(120deg,#183146c9,#15273ccd);border:1px solid #a1c6dd4d;color:#bad4e3;user-select:none;-webkit-user-select:none;touch-action:none}.compare-button svg{width:30px;height:30px}.compare-button.pressed{background:#2a4b60;color:#e3f6ff;transform:scale(.985)}.capture-button{flex:1;background:linear-gradient(100deg,#a2e6f8,#bac5ee);color:#112e3f;border:1px solid #d9faff91;box-shadow:0 3px 30px #8edaf312;overflow:hidden}.capture-button svg{width:30px;height:30px}.capture-button:hover{filter:brightness(1.1)}.capture-button:active{transform:scale(.985)}.fitting-footer{position:absolute;left:66px;right:66px;bottom:27px;display:flex;align-items:center;justify-content:space-between;z-index:5;font-size:17px;color:#66899e;letter-spacing:1px}.fitting-footer>span{display:flex;align-items:center;gap:9px}.fitting-footer>span i{width:4px;height:4px;background:#789aad;box-shadow:none}.fitting-footer button{background:none;display:flex;gap:8px;align-items:center;color:#87a6ba;font-size:17px}.fitting-footer svg{width:19px;height:19px}.fitting-footer button:hover{color:#c0e7f6}.flash{position:absolute;inset:0;background:#e5f7ff;z-index:20;opacity:0;pointer-events:none}.flash.firing{animation:camera-flash .6s ease-out}.presentation-fullscreen{position:fixed;right:25px;bottom:22px;font-family:inherit;font-size:13px;color:#728b9e;background:#102332a1;border:1px solid #8fbed626;display:flex;gap:9px;align-items:center;padding:12px 16px;border-radius:12px;transition:color .2s}.presentation-fullscreen svg{width:17px;height:17px}.presentation-fullscreen:hover{color:#c8e9f7}
.dialog-backdrop{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#020b19b8;backdrop-filter:blur(19px);animation:backdrop-in .3s ease}.dialog-backdrop[hidden]{display:none}.dialog{position:relative;width:830px;border:1px solid #a5d5ed52;border-radius:44px;background:radial-gradient(ellipse at 0 0,#1f4661aa,transparent 70%),linear-gradient(140deg,#162c42,#101d32);padding:65px 60px 50px;box-shadow:0 30px 120px #0007,0 0 80px #8cceee0a;outline:none;animation:dialog-in .4s cubic-bezier(.2,.8,.2,1)}.dialog-close{position:absolute;right:28px;top:28px}.dialog-emblem{width:80px;height:80px;display:grid;place-items:center;border:1px solid #a8daf14a;border-radius:24px;margin:0 auto 28px;background:#8dd4ef0b;color:#abdff2}.dialog-emblem svg{width:44px;height:44px}.dialog h2{text-align:center;font-size:42px;font-weight:400;letter-spacing:4px;margin:0 0 17px}.dialog-lead{text-align:center;font-size:23px;color:#93b0c3;letter-spacing:2px;margin:0 0 40px}.experience-steps{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:30px}.experience-steps li{display:flex;gap:22px;align-items:flex-start}.experience-steps li>span{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border:1px solid #9ed5e944;border-radius:50%;color:#bde7f2;font:22px Georgia,serif;margin-top:3px}.experience-steps strong{font-size:26px;font-weight:400;letter-spacing:2px}.experience-steps p{font-size:20px;color:#8fa9bc;margin:10px 0 0;line-height:1.7}.prototype-note{margin:35px 0 30px;border-radius:16px;border:1px solid #91b4cb22;background:#081c2d77;padding:20px 23px;font-size:18px;color:#7f9db0;line-height:1.9;letter-spacing:1px}.dialog-primary{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;height:83px;border-radius:20px;background:linear-gradient(110deg,#a9e7f6,#bfb9e9);border:1px solid #e0f9ff80;color:#153245;font-size:26px;letter-spacing:2px}.dialog-primary svg{width:27px;height:27px}.dialog-primary:hover{filter:brightness(1.08)}.capture-dialog{width:760px;padding:47px 60px 35px;text-align:center}.capture-kicker{display:flex;align-items:center;justify-content:center;gap:9px;color:#a3d9d5;font-size:20px;letter-spacing:2px;margin:13px 0 23px}.capture-kicker svg{width:22px;height:22px}.capture-dialog h2{font-size:37px;margin-bottom:30px}.capture-dialog>img{height:730px;max-width:100%;object-fit:contain;border:1px solid #b0daee44;border-radius:25px;background:#0a1d30;box-shadow:0 20px 50px #0004}.capture-dialog>p{font-size:23px;color:#b7ccdc;letter-spacing:2px;margin:23px 0 28px}.continue-button{display:block;background:none;margin:23px auto 0;font-size:20px;color:#95afc1;letter-spacing:2px;padding:12px 20px}.continue-button:hover{color:#d1e9f7}.asset-loading{position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px;background:#071423;color:#91b7c9;font-size:23px;letter-spacing:3px;transition:opacity .5s,visibility .5s}.asset-loading svg{width:65px;height:65px;stroke-width:1;color:#b4e7ff;animation:loading-pulse 1.5s infinite}.asset-loading.loaded{opacity:0;visibility:hidden}.asset-error{max-width:650px;text-align:center;line-height:1.8}.asset-loading button{font-size:23px;background:#a9e5f5;color:#113247;padding:16px 40px;border-radius:18px}
.app{position:absolute;left:50%;top:50%;margin-left:-540px;margin-top:-960px}
.home-features{top:1590px}.start-button{bottom:80px}.home-footer{bottom:28px}
.mirror-arch{border-color:#91d4f365;box-shadow:inset 1px 0 0 #8ec8e21c,0 0 90px #67bdd50c}
.mirror-arch:after{border-left-color:#96e7ff99;border-right-color:#c6a5f37d;filter:drop-shadow(0 0 12px #8ee7ff70)}
@keyframes sheen{0%,65%,100%{left:-80%}85%{left:160%}}@keyframes scan-down{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{top:100%;opacity:0}}@keyframes scan-wash{0%{transform:translateY(-100%)}100%{transform:translateY(100%)}}@keyframes progress{to{transform:translateX(0)}}@keyframes camera-flash{0%{opacity:0}15%{opacity:.85}100%{opacity:0}}@keyframes backdrop-in{from{opacity:0}to{opacity:1}}@keyframes dialog-in{from{opacity:0;transform:translateY(25px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes loading-pulse{50%{opacity:.3;transform:scale(.9)}}
@media(max-aspect-ratio:3/4){.presentation-fullscreen{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.home-model{transition:opacity .2s!important}}