.nx-ph{--ph-w:280px;position:relative;flex:none;inline-size:var(--ph-w);aspect-ratio:9/19;padding:calc(var(--ph-w) * .035);border-radius:calc(var(--ph-w) * .165);background:linear-gradient(145deg,#5b6075,#1d2030 22%,#0b0d15 50%,#262a3a 78%,#6b7088);box-shadow:inset 0 0 0 1.5px rgb(255 255 255/.22),inset 0 0 0 4px #05060b,0 50px 90px -40px rgb(0 0 0/.95),0 0 0 1px rgb(0 0 0/.6);font-size:calc(var(--ph-w) * .042);color:#ffffff;text-align:start}.nx-ph__key{position:absolute;inline-size:3px;border-radius:2px;background:linear-gradient(180deg,#4a4f63,#1a1d28)}.nx-ph__key--a{inset-block-start:18%;inset-inline-start:-3px;block-size:6%}.nx-ph__key--b{inset-block-start:27%;inset-inline-start:-3px;block-size:10%}.nx-ph__key--c{inset-block-start:24%;inset-inline-end:-3px;block-size:14%}.nx-ph__screen{position:relative;display:flex;flex-direction:column;block-size:100%;overflow:hidden;border-radius:calc(var(--ph-w) * .135);background:radial-gradient(120% 60% at 50% 0,rgb(76 92 220/.35),transparent 60%),linear-gradient(180deg,#0d1434,#090e24 60%,#070b1c)}.nx-ph__island{position:absolute;z-index:3;inset-block-start:.7em;inset-inline-start:50%;inline-size:34%;block-size:1.9em;margin-inline-start:-17%;border-radius:1em;background:#000000}.nx-ph__status{display:flex;align-items:center;justify-content:space-between;block-size:3.3em;padding-inline:2em 1.7em;padding-block-start:.4em;font-size:.95em;font-weight:650}.nx-ph__sys{display:inline-flex;align-items:center;gap:.45em}.nx-ph__signal{display:inline-flex;align-items:flex-end;gap:.15em;block-size:.9em}.nx-ph__signal>i{inline-size:.22em;border-radius:.1em;background:#ffffff;transition:opacity .4s ease}.nx-ph__signal>i:first-child{block-size:35%}.nx-ph__signal>i:nth-child(2){block-size:55%}.nx-ph__signal>i:nth-child(3){block-size:75%}.nx-ph__signal>i:nth-child(4){block-size:100%}.nx-ph__signal.is-off>i{opacity:.22}.nx-ph__battery{position:relative;display:inline-flex;inline-size:1.7em;block-size:.85em;padding:.12em;border:1px solid rgb(255 255 255/.55);border-radius:.25em}.nx-ph__battery>i{inline-size:78%;border-radius:.12em;background:#ffffff}.nx-ph__body{position:relative;flex:1 1 auto;min-block-size:0;overflow:hidden}.nx-ph__tabs{display:flex;justify-content:space-around;padding-block:.7em 1.9em;border-block-start:1px solid rgb(255 255 255/.08);background:rgb(7 11 28/.85);color:rgb(255 255 255/.4)}.nx-ph__tab{display:grid;place-items:center;transition:color .3s ease}.nx-ph__tab.is-on{color:#a5b8ff}.nx-ph__home{position:absolute;inset-block-end:.55em;inset-inline-start:50%;inline-size:34%;block-size:.32em;margin-inline-start:-17%;border-radius:1em;background:rgb(255 255 255/.7)}