.phone-replica{width:320px;max-width:100%;font-family:var(--font-app);background:#17171a;border:1px solid #ffffff24;border-radius:54px;padding:10px;line-height:1.25;box-shadow:0 30px 60px -20px #000000b3,inset 0 0 0 1px #0009}.phone-frame{aspect-ratio:393/852;background:#000;border-radius:44px;width:100%;overflow:hidden;container-type:inline-size}.phone-inner{transform-origin:0 0;width:393px;height:852px;position:relative;transform:scale(.7583)}.phone-screen{position:absolute;inset:0;overflow:hidden}.phone-screen.app{color:#fff;background:#000}.phone-status{color:#fff;height:54px;font-size:var(--text-app-large);justify-content:space-between;align-items:center;padding:6px 30px 0 36px;font-weight:600;display:flex;position:absolute;top:0;left:0;right:0}.phone-status-icons{align-items:center;gap:6px;display:flex}.phone-app{flex-direction:column;padding-top:62px;display:flex;position:absolute;inset:0}.phone-header{align-items:center;gap:10px;height:44px;padding:0 16px;display:flex}.phone-header-name{font-size:var(--text-app-large);font-weight:600}.phone-header-fig{margin-left:auto;display:inline-flex}.phone-content{flex-direction:column;flex:1;gap:8px;min-height:0;padding:6px 16px 92px;display:flex;overflow:hidden}.phone-content .card{border-radius:16px;padding:12px}.phone-mrr{gap:8px}.phone-mrr-row{justify-content:space-between;align-items:flex-end;gap:8px;display:flex}.phone-mrr-caption{font-size:var(--text-app-title);font-weight:600}.phone-mrr-buttons{align-items:center;gap:6px;display:flex}.phone-content .capsule{font-size:var(--text-app-body);border-radius:999px;padding:7px 14px}.phone-eye{background:var(--color-card-round-button);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.phone-sales{flex:none}.phone-sales-count{font-size:var(--text-app-body);color:var(--color-card-text-secondary);align-items:center;gap:2px;font-weight:500;display:inline-flex}.phone-sales-list{flex:1;min-height:0;margin-top:4px;overflow:hidden}.phone-sale{align-items:center;gap:10px;padding:7px 0;display:flex}.phone-sale-title{font-size:var(--text-app-title);font-weight:500}.phone-sale-meta{font-size:var(--text-app-body);color:var(--color-card-text-secondary);gap:10px;display:flex}.phone-sale-meta span{align-items:center;gap:3px;display:inline-flex}.phone-sale-amount{font-size:var(--text-app-large);font-weight:700}.phone-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.phone-half{gap:8px;min-height:140px}.phone-muted-line{font-size:var(--text-app-title);color:var(--color-card-text-secondary)}.phone-connected{font-size:var(--text-app-note);text-transform:uppercase;letter-spacing:.8px;color:var(--color-card-text-secondary);font-weight:600}.phone-chips{flex-direction:column;gap:6px;min-height:0;display:flex;overflow:hidden}.phone-chip-name{font-size:var(--text-app-body);font-weight:700}.phone-chip-line{font-size:var(--text-app-caption);color:#111c}.phone-content .card>.flex:first-child .text-app-body{font-size:var(--text-app-title);font-weight:500}.phone-settings{flex-direction:column;gap:8px;display:flex}.phone-settings .card{gap:6px}.phone-settings .card .text-app-caption{font-size:var(--text-app-body)}.phone-tabbar{backdrop-filter:blur(20px);background:#1c1c1eeb;border:1px solid #ffffff1a;border-radius:999px;gap:2px;padding:4px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.phone-tab{color:#fff;width:96px;height:56px;font-size:var(--text-app-chip);border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-weight:500;display:flex}.phone-tab.active{background:#ffffff24}.phone-replica{background:#17171a;border:1px solid #ffffff24;border-radius:54px;width:320px;max-width:100%;padding:10px;position:relative;box-shadow:0 30px 60px -20px #000000b3,inset 0 0 0 1px #0009}.phone-frame{aspect-ratio:393/852;background:#000;border-radius:44px;width:100%;overflow:hidden}.mascot-phone{width:320px;max-width:100%;margin-top:150px;position:relative}.mascot{top:var(--mt);width:var(--mw);z-index:3;pointer-events:none;filter:drop-shadow(0 26px 22px #00000073);height:auto;animation:5s ease-in-out infinite mascot-float;position:absolute;right:-28px}@media (width<=1279px){.mascot{right:0}}@keyframes mascot-float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-8px)rotate(1deg)}}@media (width<=767px){.mascot-phone{margin-top:170px;margin-inline:auto}.mascot{width:calc(var(--mw) * .7);top:calc(var(--mt) * .7);right:-6px}}@media (prefers-reduced-motion:reduce){.mascot{animation:none}}