.st-device{position:absolute;left:50%;top:50%;width:var(--scr-w);height:var(--vis-h);margin-left:calc(var(--scr-w)/-2);margin-top:calc(var(--vis-h)/-2);transform-origin:50% 50%;transform-style:preserve-3d;pointer-events:none}.st-device.is-flat,.st-device.is-flat .dv-float{transform-style:flat}.st-device.is-flat .dv-back{display:none}.dv-float{position:absolute;inset:0;transform-style:preserve-3d}.dv-float.is-idle{animation:dv-float 6s ease-in-out infinite}@keyframes dv-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.dv-back{position:absolute;inset:-16px;border-radius:71px;background:linear-gradient(90deg,#16202d 0,#33445b 8%,#1d2735 30%,#1d2735 70%,#4a5b72 92%,#16202d 100%)}.dv-back.z1{transform:translateZ(-9px)}.dv-back.z2{transform:translateZ(-18px)}.dv-back.z3{transform:translateZ(-27px);background:#121a25}.dv-frame{position:absolute;inset:-16px;border-radius:71px;background:linear-gradient(180deg,rgba(255,255,255,.16) 0,rgba(255,255,255,0) .7%,transparent 99.3%,rgba(0,0,0,.28) 100%),linear-gradient(90deg,#1b2533 0,#56677e .6%,#222c3b 1.2%,#2c3b52 50%,#222c3b 98.8%,#3d4d63 99.4%,#1b2533 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),inset 0 1.5px 0 1px rgba(255,255,255,.1),inset 0 0 0 2.5px rgba(0,0,0,.35);transform-origin:50% 50%}.dv-frame::before{content:"";position:absolute;inset:5px;border-radius:66px;background:#050607;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}.dv-frame::after{content:"";position:absolute;inset:0;border-radius:71px;pointer-events:none;background:radial-gradient(120px 90px at 12% 3%,rgba(255,255,255,.28),transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:5px}.dv-btn{position:absolute;width:4px;border-radius:2px;background:linear-gradient(90deg,#1b2533,#4a5b72 45%,#222c3b)}.dv-btn.l{left:-3px}.dv-btn.r{right:-3px}.dv-btn.b-action{top:150px;height:32px}.dv-btn.b-volup{top:214px;height:62px}.dv-btn.b-voldn{top:290px;height:62px}.dv-btn.b-power{top:238px;height:100px}.dv-btn.b-cam{top:520px;height:54px;background:linear-gradient(90deg,#1b2533,#2a3442 45%,#1b2533)}.dv-flare{position:absolute;inset:14px;border-radius:57px;opacity:0;box-shadow:0 0 0 1.5px rgba(220,255,252,.85),0 0 24px 2px rgba(0,229,216,.45)}.dv-screen{position:absolute;inset:0;border-radius:55px;overflow:hidden;clip-path:inset(0 round 55px);background:#000;isolation:isolate}.dv-scenes{position:absolute;left:0;top:0;width:var(--scr-w);height:var(--vis-h)}.dv-dim{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none}.dv-status{position:absolute;left:0;right:0;top:0;height:var(--sb-h);z-index:40;display:flex;align-items:center;justify-content:space-between;padding:3px 18px 0 30px;color:#fff;font:600 17px/1 var(--f-phone);letter-spacing:-.01em;pointer-events:none;transition:color .3s}.dv-status.dark{color:#000}.dv-clock{display:inline-flex;font-variant-numeric:tabular-nums}.dv-clock .dg{display:inline-block;height:1em;overflow:hidden}.dv-clock .dg>span{display:flex;flex-direction:column;transition:transform .3s var(--ease-out)}.dv-clock .dg>span>b{height:1em;font-weight:600}.dv-sicons{display:flex;align-items:center;gap:5px}.dv-sicons svg{display:block;fill:currentColor}.dv-island{position:absolute;top:11px;left:50%;width:126px;height:37px;margin-left:-63px;z-index:45;border-radius:20px;background:#000;transition:opacity .3s}.dv-island::after{content:"";position:absolute;right:12px;top:12.5px;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#1a2a44 30%,#0a0f18 62%);box-shadow:inset 0 0 0 1px rgba(0,229,216,.1)}.dv-live{position:absolute;top:11px;left:50%;width:186px;height:37px;margin-left:-93px;z-index:46;border-radius:20px;background:#000;display:flex;align-items:center;gap:7px;padding:0 12px 0 11px;color:#fff;font:600 13px/1 var(--f-phone);letter-spacing:-.005em;white-space:nowrap;opacity:0;transform:scaleX(.6);transition:opacity .3s,transform .36s cubic-bezier(.34,1.4,.64,1);pointer-events:none;cursor:pointer}.dv-live.is-on{opacity:1;transform:none;pointer-events:auto}.dv-live .dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px rgba(0,229,216,.8);flex:none}.dv-live .lab{flex:1;overflow:hidden;text-overflow:ellipsis}.dv-live .ring{width:16px;height:16px;flex:none;border-radius:50%;background:conic-gradient(var(--cyan) calc(var(--k, 0)*1turn),rgba(255,255,255,.16) 0);-webkit-mask:radial-gradient(circle,transparent 5px,#000 5.5px);mask:radial-gradient(circle,transparent 5px,#000 5.5px)}.dv-notify{position:absolute;top:9px;left:10px;right:10px;height:78px;z-index:47;border-radius:28px;background:#000;display:flex;align-items:center;gap:12px;padding:0 16px;color:#fff;font-family:var(--f-phone);opacity:0;transform:scale(.55,.45);transform-origin:50% 0;transition:opacity .25s,transform .36s cubic-bezier(.34,1.56,.64,1)}.dv-notify.is-on{opacity:1;transform:none}.dv-notify .app{width:38px;height:38px;flex:none;border-radius:10px;background:var(--wa-green);display:grid;place-items:center;color:#fff}.dv-notify .app .ic{width:22px;height:22px}.dv-notify .tx{flex:1;min-width:0}.dv-notify .t{display:block;font-size:14px;font-weight:600;line-height:18px}.dv-notify .b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:13.5px;line-height:18px;color:#c9ced3;white-space:normal;overflow:hidden}.dv-home{position:absolute;left:50%;bottom:8px;width:134px;height:5px;margin-left:-67px;border-radius:3px;background:rgba(255,255,255,.92);z-index:40;transition:background .3s}.dv-home.dark{background:rgba(0,0,0,.82)}.dv-glass{position:absolute;inset:-10% -30%;z-index:60;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.13) 0,rgba(255,255,255,.04) 22%,rgba(255,255,255,0) 38%)}.dv-lock{position:absolute;left:0;top:0;width:var(--scr-w);height:var(--vis-h);z-index:30;background:radial-gradient(90% 55% at 50% 100%,rgba(0,229,216,.16),transparent 70%),radial-gradient(130% 80% at 50% 0,#0b5a94 0,#03406f 32%,#002357 62%,#060b10 100%);color:#fff;text-align:center;font-family:var(--f-phone);transition:transform .52s var(--ease-ios)}.dv-lock.is-up{transform:translateY(-100%)}.dv-lock .wm{position:absolute;left:50%;top:52%;width:250px;height:289px;margin:-144px 0 0 -125px;opacity:.12}.dv-lock .lk{display:block;margin:68px auto 0;width:18px;height:18px;color:rgba(255,255,255,.8)}.dv-lock .date{margin-top:10px;font-size:19px;font-weight:500;color:rgba(255,255,255,.88)}.dv-lock .time{margin-top:-2px;font-size:92px;font-weight:700;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.dv-lock .ntf{position:absolute;left:12px;right:12px;top:300px;display:flex;gap:11px;align-items:flex-start;text-align:left;padding:12px 14px;border-radius:22px;background:rgba(40,52,64,.82);opacity:0;transform:translateY(-16px) scale(.96);transition:opacity .36s var(--ease-out),transform .36s var(--ease-out)}.dv-lock .ntf.is-on{opacity:1;transform:none}.dv-lock .ntf .av{--d:38px;border-radius:10px}.dv-lock .ntf .tx{flex:1;min-width:0}.dv-lock .ntf .t{display:flex;justify-content:space-between;font-size:15px;font-weight:600;line-height:20px}.dv-lock .ntf .t small{font-size:13px;font-weight:400;color:rgba(255,255,255,.6)}.dv-lock .ntf .b{display:block;font-size:15px;line-height:20px;color:rgba(255,255,255,.92)}.dv-lock .qa{position:absolute;bottom:44px;width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.14);display:grid;place-items:center}.dv-lock .qa .ic{width:22px;height:22px;color:#fff}.dv-lock .qa.l{left:46px}.dv-lock .qa.r{right:46px}