.dv-phone{--u:calc(var(--pw,360px)*.934/440);box-sizing:border-box;width:var(--pw,360px);padding:calc(var(--pw,360px)*.013);border-radius:calc(var(--pw,360px)*.1544);background:linear-gradient(135deg,#5a6f95 0%,#25324a 16%,#141c2b 48%,#1f2a40 80%,#4a5d80 100%);flex:none;position:relative;box-shadow:inset 0 0 0 1px #b4c8f047,inset 0 1px 1px #ffffff59,inset 0 -1px 1px #00000080,0 0 0 1px #000000b3,0 60px 120px -30px #000000e6,0 0 90px -30px #7896d240}.dv-bezel{padding:calc(var(--pw,360px)*.02);border-radius:calc(var(--pw,360px)*.1414);background:#000}.dv-key{width:calc(var(--pw,360px)*.012);background:linear-gradient(90deg,#52688f,#1f2a40);border-radius:2px;position:absolute;box-shadow:inset 0 1px #ffffff40}.dv-key-action,.dv-key-volup,.dv-key-voldown{left:calc(var(--pw,360px)*-.009);border-radius:2px 0 0 2px}.dv-key-power,.dv-key-camera{right:calc(var(--pw,360px)*-.009);background:linear-gradient(270deg,#52688f,#1f2a40);border-radius:0 2px 2px 0}.dv-key-action{height:5.4%;top:17.6%}.dv-key-volup{height:9.2%;top:25.8%}.dv-key-voldown{height:9.2%;top:36.6%}.dv-key-power{height:13.8%;top:28.4%}.dv-key-camera{height:11.2%;top:58.6%;right:calc(var(--pw,360px)*-.004);width:calc(var(--pw,360px)*.008);background:linear-gradient(270deg,#2a3650,#0c111b);box-shadow:inset 0 0 0 1px #a0b9e640}.dv-screen{width:calc(var(--pw,360px)*.934);height:calc(var(--pw,360px)*.934*2.1727);border-radius:calc(var(--pw,360px)*.934*.13);font-size:calc(17*var(--u));background:radial-gradient(90% 40% at 50% 0,#c7ff4512,#0000 70%),#07090a;flex-direction:column;line-height:1.3;display:flex;position:relative;overflow:hidden}.dv-statusbar{grid-template-columns:1fr calc(126*var(--u))1fr;height:calc(59*var(--u));padding-top:calc(11*var(--u));padding-bottom:calc(11*var(--u));color:#fff;font-variant-numeric:tabular-nums;flex:none;align-items:center;font-weight:600;display:grid}.dv-time{text-align:center;font-size:calc(17*var(--u));letter-spacing:-.01em;padding-left:calc(10*var(--u))}.dv-island{width:calc(126*var(--u));height:calc(37*var(--u));background:#000;border-radius:9999px;box-shadow:inset 0 0 0 1px #ffffff0a}.dv-sys{justify-content:center;align-items:center;gap:calc(6*var(--u));padding-right:calc(8*var(--u));display:flex}.dv-sys svg:first-child{width:calc(18*var(--u));height:calc(12*var(--u))}.dv-sys svg:nth-child(2){width:calc(17*var(--u));height:calc(12.5*var(--u))}.dv-sys svg:nth-child(3){width:calc(27*var(--u));height:calc(13*var(--u))}.dv-home{width:calc(144*var(--u));height:calc(5*var(--u));margin:calc(21*var(--u))auto calc(8*var(--u));background:#ffffffeb;border-radius:9999px;flex:none;display:block}