.app-phone.app-phone{--pw:220px;width:var(--pw);aspect-ratio:9/19.5;padding:calc(var(--pw)*.03);border-radius:calc(var(--pw)*.17);box-shadow:inset 0 0 0 1px #ffffff2e,inset 0 0 0 calc(var(--pw)*.012)#0a0b0d,0 1px 0 #ffffff40,0 44px 70px -24px #08143c8c,0 14px 26px -12px #08143c66;filter:none;background:linear-gradient(150deg,#474a52 0%,#1d1f24 22%,#121317 60%,#2a2c32 100%)}.app-phone.app-phone:before,.app-phone.app-phone:after{content:"";width:calc(var(--pw)*.014);background:#2b2d33;position:absolute}.app-phone.app-phone:before{right:calc(var(--pw)*-.012);border-radius:0 3px 3px 0;height:13%;top:27%}.app-phone.app-phone:after{left:calc(var(--pw)*-.012);background:linear-gradient(#2b2d33 0 42%,#0000 42% 58%,#2b2d33 58%);border-radius:3px 0 0 3px;height:16%;top:22%}.app-phone .app-screen{border-radius:calc(var(--pw)*.14);height:100%;font-size:calc(var(--pw)*.047);padding-bottom:0;position:relative}.app-status{height:calc(var(--pw)*.15);padding:0 calc(var(--pw)*.08)0 calc(var(--pw)*.1);color:#111;font-size:calc(var(--pw)*.052);letter-spacing:-.01em;background:#e9eaee;justify-content:space-between;align-items:center;font-weight:700;display:flex;position:relative}.app-island{left:50%;top:calc(var(--pw)*.04);width:calc(var(--pw)*.31);height:calc(var(--pw)*.09);background:#000;border-radius:999px;position:absolute;translate:-50%}.app-sys{align-items:center;gap:calc(var(--pw)*.018);display:flex}.app-signal{width:calc(var(--pw)*.06);height:calc(var(--pw)*.04);background:linear-gradient(#111,#111) 0 100%/18% 40% no-repeat,linear-gradient(#111,#111) 27% 100%/18% 60% no-repeat,linear-gradient(#111,#111) 54% 100%/18% 80% no-repeat,linear-gradient(#111,#111) 81% 100%/18% 100% no-repeat}.app-battery{width:calc(var(--pw)*.075);height:calc(var(--pw)*.038);border-radius:calc(var(--pw)*.012);background:linear-gradient(#111,#111) 1px/72% calc(100% - 2px) no-repeat;border:1px solid #11111173;position:relative}.app-homebar{left:50%;bottom:calc(var(--pw)*.03);width:36%;height:calc(var(--pw)*.018);background:#111;border-radius:999px;position:absolute;translate:-50%}.app-phone.app-phone.card-app{--pw:140px}
