.hphone{--ph: min(640px,72svh);--pr: calc(var(--ph) * .074);--pp: calc(var(--ph) * .0065);position: relative;height: var(--ph);aspect-ratio: 9 / 19.5;container-type: size;border-radius: var(--pr);padding: var(--pp);background: linear-gradient(140deg,#b9bec6 0%,#6b7079 18%,#3d4249 45%,#4a4f57 65%,#7c828b 85%,#c3c8cf 100%);box-shadow: inset 0 0 0 calc(var(--ph) * .0014) rgba(255,255,255,.22),0 0 0 1px rgba(0,0,0,.5),0 50px 90px -30px rgba(0,0,0,.8),0 20px 40px -20px rgba(0,0,0,.6);color: #eef2fb;font-size: 1.9cqh;}.hp-screen{text-align: left;position: relative;height: 100%;border-radius: calc(var(--pr) - var(--pp));overflow: hidden;background: #07090e;border: calc(var(--ph) * .006) solid #000;background-clip: padding-box;padding: 0 2.9cqh;display: flex;flex-direction: column;gap: 1.3cqh;}.hp-status{flex: none;height: 5.6cqh;display: flex;align-items: center;justify-content: space-between;padding: 0 1.6cqh 0 2cqh;font-size: 1.95cqh;font-weight: 700;letter-spacing: -.01em;}.hp-status svg{height: 1.55cqh;width: auto;display: block;}.hp-status .ic{display: flex;align-items: center;gap: .7cqh;}.hp-island{position: absolute;top: 1.25cqh;left: 50%;transform: translateX(-50%);width: 31%;height: 3.5cqh;border-radius: 2cqh;background: #000;box-shadow: 0 0 0 1px rgba(255,255,255,.03);}.hp-island::after{content: "";position: absolute;right: 1.2cqh;top: 50%;width: 1.2cqh;height: 1.2cqh;margin-top: -.6cqh;border-radius: 50%;background: radial-gradient(circle at 35% 35%,#2b3a55,#0b0f18 60%);}.hp-tabs{margin-top: auto;flex: none;display: flex;align-items: center;gap: 1.2cqh;padding-bottom: 3.4cqh;}.hp-nav{flex: 1;height: 6.4cqh;border-radius: 3.2cqh;padding: .5cqh;display: grid;grid-template-columns: repeat(3,1fr);background: rgba(38,42,52,.92);border: 1px solid rgba(255,255,255,.08);}.hp-nav span{display: grid;justify-items: center;align-content: center;gap: .35cqh;border-radius: 2.7cqh;font-size: 1.25cqh;font-weight: 600;color: #8c96ad;}.hp-nav span.on{color: #fff;background: rgba(255,255,255,.09);}.hp-nav svg,.hp-plus svg{width: 2.1cqh;height: 2.1cqh;}.hp-plus{flex: none;width: 6.4cqh;height: 6.4cqh;border-radius: 50%;display: grid;place-items: center;background: rgba(38,42,52,.92);border: 1px solid rgba(255,255,255,.08);}.hp-plus svg{width: 2.6cqh;height: 2.6cqh;}.hp-home{position: absolute;left: 50%;bottom: 1cqh;width: 36%;height: .55cqh;margin-left: -18%;border-radius: 1cqh;background: #e9edf5;opacity: .9;}.gauge .g-tick{stroke: #3a4560;stroke-width: 1;}.gauge{position: relative;display: grid;justify-items: center;margin-top: .4cqh;}.hp-row{padding: 1.15cqh 1.6cqh;border-radius: 1.6cqh;background: var(--phone-card);display: grid;gap: .8cqh;font-size: 1.65cqh;}.hp-msg{display: flex;gap: 1.2cqh;padding: 1.2cqh 1.6cqh;border-radius: 1.6cqh;border: 1px solid #2a3f66;background: #0e1830;font-size: 1.65cqh;}@media (max-width: 820px){.hphone{--ph: min(480px,52svh);}}.hphone{display:block;border:0;gap:0}.hp-top small{display:block;line-height:1.4}