#yours-scene.ys-scene{--ys-plum:#593449;--ys-rose:#bc819a;--ys-paper:#fff9f8;--ys-ink:#533747;--ys-muted:#967b87;--ys-line:#eddee3;--ys-pointer-x:0deg;--ys-pointer-y:0deg;--ys-float-x:0px;--ys-float-y:0px;position:relative;width:100%;max-width:700px;margin-inline:auto;color:var(--ys-ink);font-family:'DM Sans',Arial,sans-serif;text-align:left;isolation:isolate}
.ys-scene *{box-sizing:border-box}.ys-scene button{font:inherit;color:inherit;cursor:pointer;border:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ys-scene button:focus-visible,.ys-panel:focus-visible{outline:2px solid #9b587b;outline-offset:4px}.ys-scene button:active{translate:0 1px}.ys-scene svg{flex:none}.ys-scene img{display:block;width:100%;height:100%;object-fit:cover}.ys-scene p,.ys-scene h3{margin:0}.ys-private-layer[hidden]{display:none!important}
.ys-stage{position:relative;width:100%;height:650px;perspective:1150px;perspective-origin:49% 38%;overflow:visible}.ys-aura{position:absolute;inset:8% 1% 3%;border-radius:50%;background:radial-gradient(ellipse at 47% 41%,#edc9da70,transparent 66%);pointer-events:none}.ys-floor-shadow{position:absolute;left:21%;right:13%;height:62px;bottom:13px;border-radius:50%;background:radial-gradient(ellipse,#59344926,transparent 64%);filter:blur(12px);transform:rotate(-4deg);pointer-events:none}
.ys-phone-model{position:absolute;left:51%;top:12px;width:314px;height:602px;margin-left:-157px;transform-style:preserve-3d;transform:rotateX(calc(8deg + var(--ys-pointer-y,0deg))) rotateY(calc(-20deg + var(--ys-pointer-x,0deg))) rotateZ(8deg);transition:transform .45s cubic-bezier(.2,.7,.3,1);z-index:3}.ys-phone-front{position:absolute;inset:0;border-radius:45px;padding:9px;background:linear-gradient(125deg,#fff4f6 0%,#a5758b 3%,#efd4df 5%,#6b4557 7%,#cfa3b4 10%,#dcb3c5 20%,#956278 40%,#f7dfe7 65%,#8e6277 84%,#f9e7ee 96%,#684654 100%);box-shadow:inset 0 0 0 1px #fff9f8,inset 0 0 0 4px #b28b9c,3px 3px 2px #765064;transform:translateZ(11px);backface-visibility:hidden;overflow:hidden}.ys-phone-front:after{content:'';position:absolute;inset:1px;border:1px solid #fff7faf5;border-radius:44px;pointer-events:none;box-shadow:inset -2px 0 1px #6f485984}.ys-phone-front:before{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:45px;background:linear-gradient(120deg,transparent 17%,#fff9fc12 26%,#fff9fc23 27%,transparent 29%,transparent 77%,#fff9fc0d 83%)}.ys-phone-back{position:absolute;inset:0;border-radius:45px;transform:translateZ(-15px);background:linear-gradient(100deg,#f6e6e9,#a47c8e 6%,#e0becd 24%,#846174 88%,#f6dde4);box-shadow:-1px 2px 0 #f9e8ec,-3px 4px 0 #d7b1bf,-5px 6px 0 #b78b9e,-7px 8px 0 #e0bac9,-9px 10px 0 #906477,-11px 11px 0 #6b4859,-23px 34px 32px #6a3d562b}.ys-phone-rail{position:absolute;left:0;top:40px;bottom:40px;width:26px;transform-origin:left center;transform:translateZ(11px) rotateY(90deg);background:linear-gradient(90deg,#f5dfe8,#b18098 29%,#f9e9ec 52%,#8e6076 82%,#6f4d60);border:1px solid #f8e7ef73}.ys-device-key{position:absolute;width:5px;transform:translateZ(-1px);background:linear-gradient(90deg,#fff0f2,#b18197 65%);border-radius:3px;box-shadow:1px 0 0 #f1d0df}.ys-device-key-one{left:-4px;top:116px;height:40px}.ys-device-key-two{left:-4px;top:169px;height:51px}.ys-device-key-three{right:-4px;top:151px;height:65px;background:linear-gradient(90deg,#966b7f,#e6bacb)}
.ys-screen{height:100%;border-radius:36px;background:var(--ys-paper);border:1px solid #7c536c;box-shadow:0 0 0 1px #a5788c;overflow:hidden;display:flex;flex-direction:column;position:relative}.ys-status{height:29px;flex:none;padding:10px 19px 0;display:flex;align-items:center;justify-content:space-between;position:relative;font-size:9px;font-weight:650;color:#624253}.ys-camera{position:absolute;left:50%;top:8px;transform:translateX(-50%);width:76px;height:19px;border-radius:17px;background:#332630;box-shadow:inset 0 1px 2px #765664}.ys-camera:after{content:'';position:absolute;right:10px;top:7px;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#595166,#251f2d);box-shadow:0 0 1px #77606c}.ys-status>span:last-child{display:flex;gap:4px;align-items:center;font-size:6px;letter-spacing:-1px}.ys-status i{height:7px;width:14px;display:block;border:1px solid #745466;border-radius:2px;background:#745466;box-shadow:inset 0 0 0 1px var(--ys-paper)}
.ys-app-header{display:flex;align-items:center;justify-content:space-between;height:50px;flex:none;padding:5px 19px 0}.ys-logo{display:flex;align-items:baseline;font:500 40px/1 'Cormorant Garamond',Georgia,serif;letter-spacing:-2px;color:#563446}.ys-logo-dot{display:block;width:7px;height:7px;margin-left:3px;background:#b8849d;border-radius:50%;transform:translateY(-2px)}.ys-header-control{display:grid;place-items:center;height:44px;width:44px;background:transparent;border-radius:50%;padding:0;margin-right:-7px;color:#967085}.ys-header-control:hover{background:#f5e8ed}.ys-person{display:flex;align-items:center;gap:11px;padding:13px 19px 12px;flex:none;min-height:62px}.ys-avatar{height:37px;width:37px;border-radius:50%;flex:none;display:grid;place-items:center;background:linear-gradient(140deg,#ead3dc,#f4e7e9);box-shadow:inset 0 0 0 1px #fff4f6;font:23px 'Cormorant Garamond',Georgia,serif;color:#9a7084}.ys-avatar-paused{background:#eee3e8;color:#997086}.ys-person>div{flex:1}.ys-person strong{display:block;font-size:13px;font-weight:550;line-height:1.4}.ys-person small{display:block;font-size:9px;color:#9c828e;line-height:1.5;margin-top:2px}.ys-connection-mark{display:grid;place-items:center;height:29px;width:29px;border-radius:50%;background:#f7e9ef;color:#bf8ca6}
.ys-tabs{display:flex;flex:none;margin:0 18px;border-bottom:1px solid var(--ys-line)}.ys-tabs button{flex:1;min-width:44px;min-height:44px;padding:9px 0;border-bottom:2px solid transparent;background:none;color:#a68b98;font-size:10px;font-weight:500;margin-bottom:-1px}.ys-tabs button[aria-selected=true]{border-bottom-color:#9c5e7b;color:#76465e}.ys-panel{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:14px 18px 10px;scrollbar-width:none;outline-offset:-4px!important}.ys-panel::-webkit-scrollbar{display:none}.ys-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px}.ys-panel-heading>span{font:500 18px/1.1 'Cormorant Garamond',Georgia,serif;letter-spacing:-.35px;color:#835c70}.ys-panel-heading small{font-size:6px;letter-spacing:1px;color:#a28a95;font-weight:500}.ys-photo{display:block;width:100%;height:219px;position:relative;overflow:hidden;border-radius:11px;padding:0;background:#e1bdcd;text-align:left;box-shadow:0 5px 12px #70475b0c}.ys-photo>img{object-position:50% 0%;transition:transform .4s}.ys-photo:hover>img{transform:scale(1.035)}.ys-photo:after{content:'';position:absolute;inset:50% 0 0;pointer-events:none;background:linear-gradient(transparent,#3d243963)}.ys-photo>span{position:absolute;z-index:1;left:13px;bottom:13px;color:#fff7f7;font:27px/1 'Cormorant Garamond',Georgia,serif;text-shadow:0 1px 5px #4526353d}.ys-photo>span small{display:block;font:6px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:1px;margin-top:7px;color:#fff3f4e5}.ys-photo>i{position:absolute;z-index:1;right:12px;bottom:15px;color:#f9e2ed}.ys-photo-expanded{height:246px;border-radius:11px;overflow:hidden;position:relative;background:#edd8e2}.ys-photo-expanded>img{object-position:50% 0%}.ys-photo-expanded>button{position:absolute;right:5px;top:5px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#5637475c;color:#fff6f6}.ys-photo-expanded>span{position:absolute;left:50%;top:62%;transform:translate(-50%,-50%) rotate(-21deg);font-size:13px;letter-spacing:1.2px;color:#fff3f2cc;white-space:nowrap;text-shadow:0 2px 5px #47283630}.ys-panel-note{font-size:8px;line-height:1.6;color:#947c88;margin-top:10px!important}
.ys-video{height:223px;display:block;position:relative;width:100%;padding:0;border-radius:11px;overflow:hidden;background:#e5cbd8}.ys-video>img{object-position:50% 0%}.ys-video>i{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);display:grid;place-items:center;height:47px;width:47px;border:1px solid #fff8f7a1;border-radius:50%;background:#fff4f430;backdrop-filter:blur(5px);color:#fff9f7}.ys-video>span{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:30px 13px 13px;background:linear-gradient(transparent,#4b253a6b);color:#fff7f5;font:22px 'Cormorant Garamond',Georgia,serif;text-align:left}.ys-video>span>b{font:9px 'DM Sans',sans-serif;font-weight:400}.ys-video.ys-is-playing>img{animation:ys-pan 7s ease-in-out infinite alternate}.ys-audio{padding:24px 18px 12px;text-align:center;border:1px solid #ead4df;border-radius:14px;background:linear-gradient(130deg,#f2e0e8,#fbf2f4);margin-top:6px}.ys-audio-kicker{font-size:6px;letter-spacing:1.3px;color:#a17c90;font-weight:500}.ys-wave{display:flex;align-items:center;gap:4px;color:#bd88a0}.ys-wave i{display:block;width:3px;height:var(--bar,20px);background:currentColor;border-radius:3px;animation-delay:var(--delay,0ms);transform-origin:center}.ys-audio>.ys-wave{height:63px;justify-content:center;margin:17px 0 11px}.ys-audio h3{font:500 34px/1.1 'Cormorant Garamond',Georgia,serif;letter-spacing:-1px;color:#82566e}.ys-audio>button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;width:100%;background:none;font-size:10px;color:#96627e;margin-top:15px}.ys-audio>button>svg{margin-right:auto}.ys-audio>button>small{margin-left:auto;font-size:8px}.ys-is-playing .ys-wave i{animation:ys-bar .9s ease-in-out infinite alternate}.ys-chat-date{font-size:6px;letter-spacing:1px;text-align:center;color:#aa909e;margin:9px 0 23px}.ys-bubble{display:flex;align-items:center;gap:9px;font-size:11px;line-height:1.6;padding:13px 14px;max-width:91%;width:fit-content;margin-bottom:13px;border-radius:13px}.ys-bubble-in{background:#f3e5eb;border-bottom-left-radius:3px;color:#8e657c}.ys-bubble-out{background:#ead2df;border-bottom-right-radius:3px;color:#805b70;margin-left:auto}.ys-demo-reply{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:44px;background:#fbf0f4;border:1px dashed #d9bccc!important;border-radius:9px;margin-top:24px;font-size:10px}.ys-demo-reply>span{font-size:6px;letter-spacing:1px;margin-left:auto;color:#a27e92}.ys-new-reply{animation:ys-reply-in .25s ease-out}
.ys-paused-media{position:relative;min-height:265px;height:100%;background:radial-gradient(ellipse at 50% 34%,#f1dbe5,#fbf2f5 73%);border:1px solid #efdee6;border-radius:13px;overflow:hidden}.ys-paused-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#9a6884;padding:15px}.ys-lock-orb{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:linear-gradient(145deg,#fff5f7,#e8c8d8);border:1px solid #fffbfb;box-shadow:inset 0 2px 3px #ffffffa6,0 7px 18px #a96d8a1c;margin-bottom:20px;color:#ae7794}.ys-paused-message>strong{font:500 33px/1.05 'Cormorant Garamond',Georgia,serif;letter-spacing:-1px;color:#80536e}.ys-paused-message>p{font-size:10px;line-height:1.75;margin-top:11px;color:#a38093}.ys-paused-message>button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 17px;border:1px solid #d9b6ca!important;border-radius:26px;background:#fff5f9bf;color:#966780;font-size:10px;margin-top:18px}
.ys-app-foot{display:flex;align-items:center;justify-content:space-around;flex:none;border-top:1px solid var(--ys-line);margin:0 13px;padding:6px 0 2px}.ys-app-foot>button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-width:44px;min-height:44px;width:33%;padding:3px 0;background:none;color:#ab8b9c;border-radius:8px}.ys-app-foot>button:first-child{color:#97607c}.ys-app-foot>button:hover{background:#f5e7ef}.ys-app-foot b{font-size:7px;font-weight:500}.ys-home-line{height:3px;flex:none;width:83px;margin:5px auto 7px;border-radius:5px;background:#b18b9f}
.ys-float{position:absolute;transition:transform .55s cubic-bezier(.2,.7,.3,1)}.ys-portrait{border:5px solid #fff7f8;border-radius:13px;overflow:hidden;background:#e8cbd8;box-shadow:0 23px 37px -19px #6d3b535c,0 2px 3px #67445e1c,inset 0 0 0 1px #ffffff;z-index:2}.ys-portrait-woman{width:184px;height:269px;left:10px;top:94px;transform:translate(var(--ys-float-x),var(--ys-float-y)) rotate(-13deg) rotateY(11deg)}.ys-portrait-woman>img{object-position:50% 30%}.ys-portrait-man{width:149px;height:216px;right:13px;top:332px;transform:translate(calc(var(--ys-float-x) * -1),calc(var(--ys-float-y) * -1)) rotate(14deg) rotateY(-12deg);z-index:4}.ys-portrait-man>img{object-position:50% 30%}.ys-photo-gloss{position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,#ffffff16,transparent 23%,transparent 58%,#fff4f21a 60%,transparent 62%);box-shadow:inset 0 0 0 1px #fff3f263;border-radius:8px}.ys-scene[data-ys-paused=true] .ys-phone-model{filter:saturate(.7)}
.ys-scene-controls{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;gap:13px;margin-top:0;padding:0 10px}.ys-access-button{display:flex;align-items:center;justify-content:center;gap:15px;min-height:66px;min-width:310px;padding:15px 25px;background:linear-gradient(120deg,#61374f,#815069);border:1px solid #9e6d86!important;color:#fff6f8!important;border-radius:35px;font-size:18px!important;letter-spacing:-.3px;box-shadow:inset 0 1px 0 #dcb7ca4d,0 10px 23px -8px #71324e47;transition:background .2s,box-shadow .2s,transform .2s}.ys-access-button:hover{background:linear-gradient(120deg,#713e59,#915770);box-shadow:inset 0 1px 0 #e7c5d54d,0 13px 27px -8px #71324e57}.ys-access-button>span{font-weight:400}.ys-access-button b{font-weight:600}.ys-access-button>i{display:block;width:32px;height:19px;border-radius:15px;background:#cd9fb6;position:relative;margin-left:6px;transition:background .2s;flex:none}.ys-access-button>i:after{content:'';position:absolute;height:13px;width:13px;left:16px;top:3px;background:#fff7fb;border-radius:50%;box-shadow:0 1px 3px #3b24372b;transition:transform .2s}.ys-access-button[aria-pressed=true]{background:linear-gradient(120deg,#8c5875,#aa748f)}.ys-access-button[aria-pressed=true]>i{background:#bc8aa3}.ys-access-button[aria-pressed=true]>i:after{transform:translateX(-13px)}.ys-access-status{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.ys-demo-caption{font-size:11px;line-height:1.7;color:#987588;text-align:center;margin-top:14px!important;letter-spacing:.25px}
@keyframes ys-pan{from{transform:scale(1)}to{transform:scale(1.08) translateY(-2%)}}@keyframes ys-bar{from{transform:scaleY(.45)}to{transform:scaleY(1)}}@keyframes ys-reply-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.ys-is-hidden *{animation-play-state:paused!important}
@media(max-width:1100px) and (min-width:601px){.ys-stage{height:617px}.ys-phone-model{width:296px;height:574px;margin-left:-148px;left:51%;transform:rotateX(calc(6deg + var(--ys-pointer-y,0deg))) rotateY(calc(-17deg + var(--ys-pointer-x,0deg))) rotateZ(7deg)}.ys-portrait-woman{width:150px;height:223px;left:8px;top:112px}.ys-portrait-man{width:129px;height:188px;right:14px;top:346px}.ys-photo{height:197px}.ys-video{height:205px}.ys-photo-expanded{height:228px}.ys-paused-media{min-height:242px}.ys-access-button{min-width:285px;font-size:17px!important;padding-inline:23px;gap:12px}}
@media(max-width:600px){#yours-scene.ys-scene{max-width:390px}.ys-stage{height:490px;perspective:900px}.ys-phone-model{left:50%;top:8px;width:258px;height:470px;margin-left:-129px;transform:rotateX(3deg) rotateY(-9deg) rotateZ(4deg)}.ys-phone-front{padding:7px;border-radius:36px}.ys-phone-front:after{border-radius:35px}.ys-phone-front:before{border-radius:36px}.ys-screen{border-radius:29px}.ys-phone-back{border-radius:37px;box-shadow:-1px 2px 0 #f9e8ec,-3px 4px 0 #d7b1bf,-5px 6px 0 #b78b9e,-7px 8px 0 #e0bac9,-9px 10px 0 #906477,-13px 22px 20px #6a3d5624}.ys-phone-rail{top:32px;bottom:32px}.ys-device-key-one{top:96px;height:33px}.ys-device-key-two{top:141px;height:40px}.ys-device-key-three{top:123px;height:52px}.ys-status{height:24px;padding-top:9px;font-size:8px}.ys-camera{top:6px;height:16px;width:63px}.ys-camera:after{top:5px}.ys-app-header{height:39px;padding:1px 15px 0}.ys-logo{font-size:33px}.ys-logo-dot{width:6px;height:6px}.ys-person{min-height:48px;padding:7px 15px 6px;gap:9px}.ys-avatar{width:31px;height:31px;font-size:21px}.ys-person strong{font-size:11px}.ys-person small{font-size:8px}.ys-connection-mark{height:26px;width:26px}.ys-tabs{margin:0 13px}.ys-tabs button{font-size:9px;min-height:44px}.ys-panel{padding:10px 13px 8px}.ys-panel-heading{margin-bottom:8px}.ys-panel-heading>span{font-size:16px}.ys-panel-heading small{font-size:5px;letter-spacing:.8px}.ys-photo{height:169px}.ys-photo>span{font-size:23px;left:10px;bottom:11px}.ys-photo>span small{font-size:5px;margin-top:5px}.ys-photo>i{right:10px;bottom:12px}.ys-app-foot{padding-top:3px;padding-bottom:0;margin:0 10px}.ys-app-foot>button{min-height:44px;gap:3px}.ys-app-foot b{font-size:6px}.ys-home-line{margin:3px auto 5px;width:72px}.ys-portrait-woman{left:11px;top:81px;width:105px;height:157px;border-width:4px;border-radius:10px;transform:rotate(-8deg);z-index:2}.ys-portrait-man{right:20px;top:305px;width:93px;height:137px;border-width:4px;border-radius:10px;transform:rotate(9deg);z-index:2}.ys-aura{inset:7% 0 4%}.ys-floor-shadow{left:10%;right:8%;bottom:0;height:42px}.ys-scene-controls{gap:9px;margin-top:8px;padding:0 5px}.ys-access-button{min-height:59px;min-width:0;max-width:335px;flex:1;padding:13px 19px;font-size:16px!important;gap:10px;border-radius:31px;white-space:nowrap}.ys-access-button>svg{width:19px;height:19px}.ys-access-button>i{margin-left:auto;width:28px;height:17px}.ys-access-button>i:after{width:11px;height:11px;left:14px;top:3px}.ys-access-button[aria-pressed=true]>i:after{transform:translateX(-11px)}.ys-demo-caption{font-size:11px;margin-top:12px!important}.ys-photo-expanded{height:191px}.ys-photo-expanded>span{font-size:10px}.ys-panel-note{font-size:7px;margin-top:7px!important}.ys-video{height:173px}.ys-video>span{font-size:19px;padding:25px 10px 11px}.ys-video>span b{font-size:8px}.ys-audio{padding:15px 13px 8px;margin-top:0}.ys-audio>.ys-wave{height:43px;margin:9px 0 6px;gap:3px}.ys-audio h3{font-size:27px}.ys-audio>button{font-size:9px;margin-top:7px}.ys-audio-kicker{font-size:5px;letter-spacing:1px}.ys-chat-date{margin:5px 0 14px;font-size:5px}.ys-bubble{font-size:9px;padding:10px 11px;margin-bottom:10px}.ys-demo-reply{font-size:8px;margin-top:15px}.ys-paused-media{min-height:200px}.ys-lock-orb{height:48px;width:48px;margin-bottom:14px}.ys-lock-orb svg{height:24px;width:24px}.ys-paused-message{padding:12px}.ys-paused-message>strong{font-size:27px}.ys-paused-message>p{font-size:8px;margin-top:8px}.ys-paused-message>button{margin-top:11px;font-size:9px;padding:8px 13px}}
@media(max-width:360px){.ys-phone-model{width:246px;margin-left:-123px;transform:rotateX(2deg) rotateY(-6deg) rotateZ(3deg)}.ys-portrait-woman{width:90px;height:135px;left:13px;top:88px;transform:rotate(-7deg)}.ys-portrait-man{width:79px;height:118px;right:17px;top:315px;transform:rotate(7deg)}.ys-access-button{font-size:15px!important;padding-inline:14px;gap:9px}.ys-access-button>i{display:none}.ys-scene-controls{padding-inline:12px;gap:7px}}
@media(hover:none),(pointer:coarse){.ys-phone-model,.ys-float{transition:none}.ys-photo:hover>img{transform:none}}
@media(prefers-reduced-motion:reduce){.ys-scene *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ys-phone-model{transform:rotateX(3deg) rotateY(-8deg) rotateZ(4deg)}}

/* Editorial gallery and polished titanium materials. */
#yours-scene.ys-scene{--ys-paper:#fffcfa;--ys-ink:#4a3442;--ys-muted:#816776;--ys-line:#e8dfe1}
.ys-phone-model{transform:rotateX(calc(5deg + var(--ys-pointer-y,0deg))) rotateY(calc(-17deg + var(--ys-pointer-x,0deg))) rotateZ(7deg)}
.ys-phone-front{padding:7px;background:linear-gradient(118deg,#fef8ed 0%,#a6958c 2%,#e3d4c7 3.5%,#7b6668 5%,#e2d2c9 8%,#c1aaa6 25%,#7d616e 43%,#eadcd1 67%,#a3878d 84%,#fdf4df 97%,#7d666b 100%);box-shadow:inset 0 0 0 1px #fffaf2,inset 0 0 0 3px #b2a098,2px 2px 1px #6a505d}
.ys-phone-front:before{display:none}.ys-phone-front:after{box-shadow:inset -1px 0 1px #67495580;border-color:#fff7eccc}
.ys-phone-back{background:linear-gradient(100deg,#eee0cf,#b39b97 7%,#f0ddce 27%,#806371 86%,#e5d5c5);box-shadow:-1px 2px 0 #f9efe2,-3px 4px 0 #bca59e,-5px 6px 0 #dfc8be,-7px 8px 0 #9d8389,-9px 10px 0 #725563,-17px 30px 36px #4e33422c}
.ys-phone-rail{width:22px;background:linear-gradient(90deg,#f5e7d5,#b89d98 24%,#ebd6c7 51%,#9a7d87 77%,#5c4553);overflow:hidden}.ys-phone-rail:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 16px 120px at 50% var(--ys-glint-y,45%),#fff8e8cf,transparent 70%);opacity:.8}
.ys-device-key{background:linear-gradient(90deg,#faf0e4,#a58a8e 65%);box-shadow:1px 0 0 #e2cbbd}.ys-device-key-three{background:linear-gradient(90deg,#806471,#cdb6ac)}
.ys-screen{border-color:#6b4e5b;box-shadow:0 0 0 1px #a88e92;background:#fffcfa}.ys-app-header{height:47px}.ys-logo{color:#49313e}.ys-person{padding-top:10px;padding-bottom:10px;min-height:59px}.ys-person strong{font-size:14px;color:#503945}.ys-person small{color:#866c79;font-size:10px}.ys-header-control{color:#855d73}.ys-tabs button{color:#8c7280;font-size:11px}.ys-tabs button[aria-selected=true]{color:#684255;border-bottom-color:#93687b;font-weight:600}.ys-panel{padding:12px 16px 8px}.ys-panel-heading{margin-bottom:9px}.ys-panel-heading>span{font-size:18px;color:#6a4a5c}.ys-panel-heading small{font-size:7px;letter-spacing:.6px;color:#8b7280}.ys-app-foot>button{color:#8c7080}.ys-app-foot>button:first-child{color:#764e64}.ys-app-foot b{font-size:8px}
.ys-photo-view{height:100%;min-height:260px;display:flex;flex-direction:column}.ys-photo-view>.ys-panel-heading{flex:none}.ys-photo-view>.ys-photo{height:auto;min-height:178px;flex:1}.ys-image-stack{display:block;position:relative;width:100%;height:100%;overflow:hidden;border-radius:inherit}.ys-image-stack>.ys-sample-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0%;transition:transform .4s}.ys-image-stack>.ys-sample-image[data-sample=moment]{object-position:50% 8%}.ys-photo:hover .ys-sample-image:not(.ys-image-outgoing){transform:scale(1.035)}.ys-image-stack>.ys-image-outgoing{z-index:1;pointer-events:none;opacity:0;animation:ys-photo-crossfade .28s ease-out both}.ys-photo>span{font-size:27px}.ys-photo>span small{font-size:7px;letter-spacing:.7px}.ys-photo-expanded{height:260px}.ys-photo-expanded>.ys-image-stack{border-radius:11px}.ys-photo-expanded>span{font-size:12px}.ys-video.ys-is-playing .ys-sample-image{animation:ys-pan 8s ease-in-out 1 alternate}.ys-panel-note{font-size:9px;color:#866d7b}.ys-chat-date{font-size:7px;color:#907684}.ys-audio-kicker{font-size:7px;color:#866478}.ys-paused-message>p{color:#876879;font-size:11px}
.ys-gallery-nav{display:flex;align-items:center;justify-content:space-between;gap:7px;flex:none;min-height:44px;margin-top:2px}.ys-gallery-nav>span{font-size:8px;color:#9b7d8d;letter-spacing:.7px;font-variant-numeric:tabular-nums}.ys-gallery-nav>div{display:flex;align-items:center;justify-content:center}.ys-gallery-nav button{width:44px;height:44px;display:grid;place-items:center;background:transparent;padding:0;border-radius:50%}.ys-gallery-nav button>i{display:block;height:5px;width:5px;border-radius:8px;background:#dac8d0;transition:width .2s,background .2s}.ys-gallery-nav button[aria-pressed=true]>i{width:20px;background:#97657f}.ys-gallery-nav button:hover{background:#f6eaf0}.ys-gallery-nav button:focus-visible{outline-offset:-3px}
.ys-scene .ys-portrait{padding:0;border:4px solid #fffaf4;border-radius:12px;background:#f2e6df;box-shadow:0 25px 41px -20px #4e2e4659,0 2px 2px #5d3d4c1c,inset 0 0 0 1px #fff8f0;isolation:isolate;cursor:pointer;overflow:visible}.ys-portrait>img{border-radius:8px;object-fit:cover;object-position:50% 12%;pointer-events:none}.ys-portrait-woman{left:14px;top:99px;width:180px;height:267px;transform:translate(var(--ys-float-x),var(--ys-float-y)) rotate(-12deg) rotateY(10deg)}.ys-portrait-man{right:14px;top:333px;width:151px;height:220px;transform:translate(calc(var(--ys-float-x) * -1),calc(var(--ys-float-y) * -1)) rotate(12deg) rotateY(-10deg)}.ys-photo-gloss{border-radius:8px;background:linear-gradient(128deg,#fff6ed08,transparent 25%,transparent 68%,#fff9f106 71%,transparent 73%);box-shadow:inset 0 0 0 1px #fff4e94a;pointer-events:none}.ys-portrait:after{content:'';position:absolute;inset:-2px;border:1px solid #ffffffab;border-radius:12px;pointer-events:none}.ys-portrait-indicator{position:absolute;display:grid;place-items:center;width:31px;height:31px;right:9px;bottom:9px;border:1px solid #fff3e966;border-radius:50%;background:#3c293e4d;backdrop-filter:blur(6px);color:#fff7ed;pointer-events:none;box-shadow:0 3px 9px #29132b1a;transition:background .2s,transform .2s}.ys-scene .ys-portrait[aria-pressed=true]{border-color:#d1a7ba;box-shadow:0 0 0 2px #b07d96,0 25px 41px -20px #4e2e4659}.ys-portrait[aria-pressed=true]>.ys-portrait-indicator{background:#8d5e7a;color:#fff7ef;border-color:#dcb5c8}.ys-portrait:hover .ys-portrait-indicator{transform:translateX(2px);background:#7d526c}.ys-scene .ys-portrait:focus-visible{outline:3px solid #8b5776;outline-offset:7px}.ys-scene[data-ys-paused=true] .ys-phone-model{filter:none}
.ys-access-button{min-width:325px;box-shadow:inset 0 1px 0 #dcb7ca4d,0 9px 19px -9px #71324e47}.ys-demo-caption{color:#8c6c7e}
@keyframes ys-photo-crossfade{from{opacity:1}to{opacity:0}}
@media(max-width:1100px) and (min-width:601px){.ys-phone-model{transform:rotateX(calc(4deg + var(--ys-pointer-y,0deg))) rotateY(calc(-14deg + var(--ys-pointer-x,0deg))) rotateZ(6deg)}.ys-portrait-woman{left:8px;width:153px;height:226px;top:108px}.ys-portrait-man{right:11px;width:133px;height:195px;top:338px}.ys-photo-view{min-height:239px}.ys-photo-view>.ys-photo{min-height:160px}.ys-photo-expanded{height:232px}.ys-person strong{font-size:13px}.ys-person small{font-size:9px}}
@media(max-width:600px){.ys-phone-model{width:258px;height:470px;left:50%;margin-left:-129px;top:8px;transform:rotateX(2deg) rotateY(-7deg) rotateZ(3deg)}.ys-phone-front{padding:6px}.ys-phone-back{box-shadow:-1px 2px 0 #f9efe2,-3px 4px 0 #bca59e,-5px 6px 0 #dfc8be,-7px 8px 0 #9d8389,-9px 10px 0 #725563,-13px 22px 24px #4e334226}.ys-app-header{height:37px;padding-top:0}.ys-person{min-height:47px;padding:7px 14px 6px}.ys-person strong{font-size:12px}.ys-person small{font-size:8px}.ys-tabs button{font-size:10px}.ys-panel{padding:8px 12px 6px}.ys-panel-heading{margin-bottom:7px}.ys-panel-heading>span{font-size:16px}.ys-panel-heading small{font-size:6px;letter-spacing:.5px}.ys-photo-view{min-height:216px}.ys-photo-view>.ys-photo{min-height:145px}.ys-photo>span{font-size:23px;bottom:11px;left:11px}.ys-photo>span small{font-size:6px;margin-top:5px}.ys-gallery-nav{margin-top:0}.ys-gallery-nav>span{font-size:7px;letter-spacing:.4px}.ys-photo-expanded{height:205px}.ys-panel-note{font-size:8px}.ys-app-foot b{font-size:7px}.ys-portrait-woman{width:108px;height:161px;left:14px;top:82px;transform:rotate(-8deg);z-index:2}.ys-portrait-man{width:100px;height:148px;right:17px;top:302px;transform:rotate(8deg);z-index:2}.ys-scene .ys-portrait{border-width:3px;border-radius:10px}.ys-portrait>img{border-radius:7px}.ys-portrait:after{border-radius:10px}.ys-portrait-indicator{height:24px;width:24px;right:6px;bottom:6px}.ys-portrait-indicator svg{height:12px;width:12px}.ys-access-button{min-width:0}.ys-paused-message>p{font-size:9px}}
@media(max-width:360px){.ys-phone-model{width:246px;margin-left:-123px;transform:rotateX(2deg) rotateY(-5deg) rotateZ(2deg)}.ys-portrait-woman{width:62px;height:92px;left:7px;top:28px;transform:rotate(-6deg);z-index:4}.ys-portrait-man{width:62px;height:92px;right:7px;top:272px;transform:rotate(6deg);z-index:4}.ys-portrait-indicator{height:20px;width:20px;right:3px;bottom:3px}.ys-portrait-indicator svg{width:11px;height:11px}.ys-photo-view{min-height:216px}.ys-photo-view>.ys-photo{min-height:145px}.ys-access-button{min-width:0}}
@media(hover:none),(pointer:coarse){.ys-photo:hover .ys-sample-image:not(.ys-image-outgoing){transform:none}.ys-portrait:hover .ys-portrait-indicator{transform:none}}
@media(prefers-reduced-motion:reduce){.ys-image-outgoing{display:none!important}.ys-phone-model{transform:rotateX(2deg) rotateY(-7deg) rotateZ(3deg)}}