/* Native phone UI follows scroll; source render frames remain untouched. */
.phone-app{container-type:inline-size}.app-scroll-notice{position:absolute;z-index:2;left:5%;right:5%;top:27%;display:flex;gap:9px;align-items:center;padding:12px 11px;border-radius:14px;background:#fffffff2;border:1px solid #ffffffd9;box-shadow:0 10px 30px color-mix(in srgb, var(--hero-deep) 20.784%, transparent);backdrop-filter:blur(14px);color:var(--text-dark);opacity:0;pointer-events:none;will-change:transform,opacity}.app-notice-icon{display:grid;place-items:center;flex:none;width:29px;height:29px;border-radius:10px;color:#0da17a;background:#e6f8f2;font-size:17px}.app-scroll-notice small{display:block;font-size:7px;font-weight:500;letter-spacing:.06em;color:var(--text-muted);margin-bottom:4px}.app-scroll-notice strong{display:block;font-weight:550;font-size:clamp(9px,3.7cqw,13px);line-height:1.25}.app-scroll-notice p{margin:3px 0 0;font-size:clamp(8px,3cqw,10px);line-height:1.4;color:var(--text-gray)}.app-bell[data-count]:not([data-count=""]):after{content:attr(data-count);position:absolute;right:-3px;top:-4px;min-width:16px;height:16px;border-radius:50%;background:var(--success);border:2px solid var(--primary-dark);display:grid;place-items:center;font-size:8px;color:#fff}.app-bell[data-count]:not([data-count=""]) i{display:none}.app-dashboard{box-shadow:0 8px 24px color-mix(in srgb, var(--hero-deep) 12.549%, transparent),0 0 0 2px rgb(56 222 176 / calc(var(--app-payment-flash,0) * .65)),0 0 26px rgb(46 222 166 / calc(var(--app-payment-flash,0) * .4))}.app-mini-chart{overflow:hidden}.app-status-line{display:flex;align-items:center;gap:6px;color:#159b80;font-size:9px;margin-top:9px}.app-status-line i{width:5px;height:5px;border-radius:50%;background:#20c99c}
@media(orientation:landscape) and (max-height:600px){.app-scroll-notice{padding:6px;gap:5px;top:25%;border-radius:8px}.app-notice-icon{width:17px;height:21px;font-size:11px;border-radius:6px}.app-scroll-notice small{font-size:5px;margin-bottom:2px}.app-scroll-notice strong{font-size:7px}.app-scroll-notice p{font-size:6px;margin-top:2px}.app-status-line{font-size:7px;margin-top:5px}.app-bell[data-count]:not([data-count=""]):after{height:13px;min-width:13px;font-size:7px;border-width:1px}}
@media(orientation:portrait) and (max-height:720px){.app-scroll-notice{top:24%;padding:9px;gap:6px;border-radius:10px}.app-scroll-notice small{font-size:6px}.app-notice-icon{width:23px;height:26px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.app-scroll-notice{transform:none!important;will-change:auto}}

.app-tab-content .app-status-value{font-size:clamp(14px,7cqw,22px)}