.phone{--phone-w:320px;width:min(var(--phone-w), 100%);transform:rotate(var(--tilt,0deg));background:linear-gradient(145deg,#3a3e45,#17191c 40%,#2b2f35);border-radius:46px;flex:none;padding:10px;box-shadow:0 40px 80px -20px #000000b3,inset 0 0 0 1px #ffffff0f}.phone__screen{aspect-ratio:9/19.5;background:var(--color-bg);font-family:var(--font-text);color:var(--color-text);border-radius:37px;flex-direction:column;line-height:1.35;display:flex;position:relative;overflow:hidden}.phone__status{z-index:3;height:40px;color:var(--color-text-strong);pointer-events:none;justify-content:space-between;align-items:center;padding:0 26px;font-size:.72rem;font-weight:600;display:flex;position:absolute;inset:0 0 auto}.phone__island{background:#000;border-radius:20px;width:84px;height:24px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.phone__sys{align-items:center;gap:5px;display:inline-flex}.phone__sys i{background:currentColor;border-radius:1px;display:block}.phone__sys .sig{clip-path:polygon(0 100%,100% 0,100% 100%);width:14px;height:9px}.phone__sys .bat{background:linear-gradient(90deg,currentColor 70%,#0000 70%) padding-box content-box;border-radius:3px;width:20px;height:9px;padding:2px;box-shadow:inset 0 0 0 1.5px}.ui-body{flex-direction:column;flex:1;gap:12px;min-height:0;padding:44px 16px 0;display:flex;overflow:hidden}.ui-header{justify-content:space-between;align-items:flex-end;gap:8px;padding-top:6px;display:flex}.ui-header__title{font-family:var(--font-display);color:var(--color-text-strong);text-transform:uppercase;letter-spacing:.02em;font-size:1.7rem;font-weight:700;line-height:1}.ui-header__sub{color:var(--color-text-muted);margin-top:3px;font-size:.66rem}.ui-bikechip{background:var(--color-surface);color:var(--color-text-strong);border-radius:999px;flex:none;align-items:center;gap:6px;padding:4px 9px 4px 4px;font-size:.64rem;font-weight:600;display:inline-flex}.ui-bikechip:before{content:"";background:radial-gradient(circle,#fff 0 14%,#a9c0ea 34%,#3c4f70 58%,#8a9099 70%,#1a1c20 80%);border-radius:50%;width:16px;height:16px}.ui-label{letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted);font-size:.6rem;font-weight:600}.ui-big{font-family:var(--font-display);color:var(--color-text-strong);font-variant-numeric:tabular-nums;letter-spacing:.005em;font-size:2.8rem;font-weight:700;line-height:1}.ui-big small{color:var(--color-text-muted);margin-left:5px;font-size:1rem;font-weight:600}.ui-num{font-family:var(--font-display);color:var(--color-text-strong);font-variant-numeric:tabular-nums;font-weight:700}.ui-muted{color:var(--color-text-muted)}.ui-up{color:var(--color-ok-text)}.ui-blue{color:var(--color-accent-text)}.ui-card{background:var(--color-surface);border-radius:14px;padding:10px 12px}.ui-grid2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ui-tile{background:var(--color-surface);border-radius:14px;flex-direction:column;gap:2px;padding:9px 11px;display:flex}.ui-tile .ui-num{font-size:1.35rem;line-height:1.05}.ui-tile .ui-num small{color:var(--color-text-muted);margin-left:2px;font-size:.72rem}.ui-tile span:last-child{color:var(--color-text-muted);font-size:.6rem}.ui-seg{background:var(--color-surface);border-radius:10px;gap:2px;padding:3px;display:flex}.ui-seg span{text-align:center;color:var(--color-text-muted);border-radius:8px;flex:1;padding:4px 0;font-size:.64rem;font-weight:600}.ui-seg span.is-on{background:var(--color-surface-2);color:var(--color-text-strong)}.ui-chips{gap:6px;display:flex}.ui-chip{border:1px solid var(--color-line);color:var(--color-text-muted);border-radius:999px;padding:4px 9px;font-size:.62rem;font-weight:600}.ui-chip.is-on{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.ui-pill{color:var(--color-ok-text);background:#3fae6a24;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:5px 10px;font-size:.62rem;font-weight:600;display:inline-flex}.ui-pill--blue{color:var(--color-accent-text);background:#1f5fd12e}.ui-btn{background:var(--color-accent);color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;height:40px;font-size:.8rem;font-weight:600;display:flex}.ui-bars{align-items:flex-end;gap:6px;height:96px;display:flex}.ui-bars>div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.ui-bars i{width:100%;height:calc(var(--h) * (100% - 14px));transform-origin:bottom;background:#2f3540;border-radius:4px 4px 2px 2px;animation:1s cubic-bezier(.2,.7,.2,1) both ui-grow;display:block}.ui-bars .is-on i{background:var(--color-accent)}.ui-bars span{color:var(--color-text-muted);font-size:.52rem;line-height:1}@keyframes ui-grow{0%{transform:scaleY(0)}}@supports (animation-timeline:view()){.ui-bars i,.ui-anim{animation-timeline:view();animation-range:entry 10% cover 40%;animation-duration:auto}}.ui-tabs{background:#121316f5;border-top:1px solid #ffffff0d;flex:none;grid-template-columns:repeat(4,1fr);margin-top:auto;padding:8px 10px 20px;display:grid}.ui-tabs span{color:#6b7079;flex-direction:column;align-items:center;gap:3px;font-size:.52rem;font-weight:600;display:flex}.ui-tabs svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.ui-tabs span.is-on{color:var(--color-accent-text)}