/* ===== Shopify (larp) v3 — every size measured from the client's iPhone 13 Pro recording (390 × 844 pt) ===== */
@font-face{font-family:'InterLocal';font-style:normal;font-weight:400 700;font-display:swap;size-adjust:97%;ascent-override:95%;descent-override:24%;line-gap-override:0%;src:url(../fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2196-2199,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'InterLocal';font-style:normal;font-weight:400 700;font-display:swap;size-adjust:97%;ascent-override:95%;descent-override:24%;line-gap-override:0%;src:url(../fonts/inter-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--st:env(safe-area-inset-top,0px);--sb:env(safe-area-inset-bottom,0px);--red:#e22c38;--ink:#303030;--btn:#12141f}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;height:100%;overflow:hidden;background:#000}
body{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','InterLocal',system-ui,'Segoe UI',Roboto,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-text-size-adjust:100%}
input,select,textarea{-webkit-user-select:text;user-select:text;font-family:inherit}
button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit;padding:0;margin:0;font-size:inherit;text-align:inherit}
.ic{width:20px;height:20px;display:block;fill:currentColor;flex:0 0 auto}
#app{position:fixed;inset:0;max-width:520px;margin:0 auto;background:#000;overflow:hidden}
.screen{position:absolute;inset:0;display:none;flex-direction:column;overflow:hidden;background:#000}
.screen.is-active{display:flex}
.scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.scroll::-webkit-scrollbar{display:none}
[hidden]{display:none!important}

/* ================= HOME ================= */
.htop{position:absolute;left:0;right:0;top:0;height:calc(48px + var(--st));padding-top:var(--st);background:#000;z-index:4;color:#fff}
.htop__left{position:absolute;left:16px;top:var(--st);height:48px;min-width:30px;display:flex;align-items:center}
.htop__img{display:block;width:44px;height:30px;background:left center/contain no-repeat}
.htop__txt{font-size:11px;font-weight:600;letter-spacing:.35px;line-height:48px;white-space:nowrap}
.htop__store{position:absolute;left:50%;top:var(--st);transform:translateX(-50%);height:48px;display:flex;align-items:center;gap:7px;max-width:calc(100% - 140px);white-space:nowrap}
.htop__logo{width:20px;height:20px;border-radius:4px;background:center/contain no-repeat;flex:0 0 auto}
.htop__logo[hidden]{display:none}
.htop__name{font-size:14.2px;font-weight:600;line-height:48px;overflow:hidden;text-overflow:ellipsis;letter-spacing:.1px}
.bell{position:absolute;right:2px;top:calc(var(--st) + 1px);width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#dcdce0}
.bell .ic{width:19.5px;height:19.5px}
.bell__badge{position:absolute;left:21px;top:3.4px;min-width:13.4px;height:13.4px;padding:0 3.6px;border-radius:7px;background:var(--red);color:#fff;font-size:9.4px;font-weight:600;display:flex;align-items:center;justify-content:center;line-height:1}
.bell__edit{position:absolute;left:21px;top:3px;width:14px;height:14px;border-radius:50%;background:#2f6bff;color:#fff;display:none;align-items:center;justify-content:center}
.bell__edit svg{width:8px;height:8px}
.is-chart-edit .bell__badge{display:none}
.is-chart-edit .bell__edit{display:flex}

.hscroll{position:absolute;left:0;right:0;top:calc(48px + var(--st));bottom:0;background:#000}
.ptr{position:absolute;left:0;right:0;top:20px;height:20px;display:flex;justify-content:center;opacity:0;z-index:0;pointer-events:none}
.ptr--light{top:14px}
.hcontent{position:relative;z-index:1;background:#000}
.spinner{display:block;width:20px;height:20px;background:conic-gradient(from 0deg,rgba(150,150,155,.25),rgba(150,150,155,1));-webkit-mask:repeating-conic-gradient(#000 0 7deg,transparent 7deg 45deg),radial-gradient(circle,transparent 4.8px,#000 5.2px);mask:repeating-conic-gradient(#000 0 7deg,transparent 7deg 45deg);-webkit-mask-composite:source-in;mask-composite:intersect;border-radius:50%}
.spinner{background:none;-webkit-mask:none;mask:none;position:relative}
.spinner::before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg stroke='%238e8e93' stroke-width='3.6' stroke-linecap='round'%3E%3Cpath d='M20 4v7' opacity='1'/%3E%3Cpath d='M31.3 8.7l-4.9 4.9' opacity='.88'/%3E%3Cpath d='M36 20h-7' opacity='.76'/%3E%3Cpath d='M31.3 31.3l-4.9-4.9' opacity='.64'/%3E%3Cpath d='M20 36v-7' opacity='.52'/%3E%3Cpath d='M8.7 31.3l4.9-4.9' opacity='.4'/%3E%3Cpath d='M4 20h7' opacity='.3'/%3E%3Cpath d='M8.7 8.7l4.9 4.9' opacity='.2'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.is-refreshing .spinner::before,.ptr.is-spin .spinner::before{animation:spin8 .8s steps(8) infinite}
@keyframes spin8{to{transform:rotate(360deg)}}

.metrics-wrap{position:relative;height:54.3px;margin-top:19.7px}
.metric-live{position:absolute;left:0;top:0;bottom:0;width:55.7px;padding:0;z-index:2;background:linear-gradient(90deg,#000 86%,rgba(0,0,0,0));text-align:left;display:block}
.metric-live__l{position:absolute;left:13px;top:4.45px;font-size:12.4px;color:#58595f;font-weight:500;line-height:16px;white-space:nowrap}
.metric-live__v{position:absolute;left:12px;top:18px;display:flex;align-items:center;gap:4.6px;height:20px;font-size:13.7px;font-weight:600;color:#949496;font-variant-numeric:tabular-nums}
.live-ic{width:16px;height:16px;color:#055e07;flex:0 0 auto}
@keyframes spin{to{transform:rotate(360deg)}}
.metrics{position:absolute;left:55.7px;right:0;top:0;bottom:0;display:flex;align-items:stretch;gap:17px;overflow-x:auto;scrollbar-width:none;padding-right:24px}
.metrics::-webkit-scrollbar{display:none}
.metric{flex:0 0 auto;height:54.3px;padding:0 12.4px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;border-radius:20px;border:1px solid transparent;white-space:nowrap}
.metric.is-sel{background:#171717;border-color:#282828}
.metric__label{display:block;font-size:12.4px;color:#4e4e53;font-weight:500;line-height:16px;margin-top:8.45px}
.metric.is-sel .metric__label{color:#d1d1d6;margin-top:6.75px}
.metric__row{display:flex;align-items:baseline;gap:5px;height:21px;margin-top:1px}
.metric.is-sel .metric__row{margin-top:3px;gap:5.7px}
.metric__val{font-size:13.7px;line-height:20px;font-weight:600;color:#3e3e40;letter-spacing:.2px;font-variant-numeric:tabular-nums}
.metric.is-sel .metric__val{font-size:15px;color:#fff;letter-spacing:.75px}
.metric__val .cur{margin-right:1.1px}
.metric__delta{font-size:11.3px;line-height:20px;font-weight:600;color:#3d3d40;letter-spacing:.2px}
.metric__delta.up{color:#053a1e}
.metric.is-sel .metric__delta{color:#8e8e93}
.metric.is-sel .metric__delta.up{color:#22b856}
.metric__spark{width:16px;height:9px;margin:0 -.5px 1.1px 0;flex:0 0 auto;overflow:visible}

.chart-box{position:relative;height:160px;margin-top:1px}
.chart{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y}
.is-chart-edit .chart{touch-action:none}
.chart-tip{position:absolute;top:-56px;left:10px;background:rgba(36,37,40,.95);border-radius:10px;padding:7px 10px;color:#fff;font-size:11px;display:flex;gap:14px;pointer-events:none;z-index:5;box-shadow:0 4px 14px rgba(0,0,0,.45);white-space:nowrap}
.chart-tip b{display:block;font-size:12.5px;font-weight:600;margin-top:2px}
.chart-tip i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px;vertical-align:1px}
.chart-tip .dn{color:#b9babe;font-weight:500;font-size:11px;margin-left:4px}
.chart-gutter{position:absolute;left:8.5px;top:12.3px;width:41px;height:124px;border:1.3px dashed #3b78ff;border-radius:6px;background:rgba(18,32,74,.55);z-index:2;touch-action:none}
.chart-series{position:absolute;top:9.2px;right:13px;display:flex;gap:6.5px;z-index:6}
.chart-series button{font-size:10.4px;font-weight:700;letter-spacing:.55px;height:19.2px;padding:0 8.6px;border-radius:10px;background:#e5e5ea;color:#2c2c2e;line-height:19.2px}
.chart-series button.is-sel{background:#2f6bff;color:#fff}

.chart-ctl{display:flex;gap:8.3px;justify-content:center;margin-top:15.4px;height:31.3px}
.pillbtn{display:inline-flex;align-items:center;gap:9.6px;height:31.3px;padding:0 9.4px 0 9.6px;border-radius:16px;background:#161616;color:#e5e5ea;font-size:11px;font-weight:500;border:1px solid #3a3a3c;letter-spacing:.2px;white-space:nowrap}
.pillbtn .ic{width:13.8px;height:13.8px}

.activity{background:#fff;border-radius:24px 24px 0 0;margin-top:12.6px;padding:22px 0 140px;position:relative;box-shadow:0 60vh 0 0 #fff;min-height:calc(100vh - 48px - var(--st))}
.activity--feedonly{margin-top:0;padding:14px 0 calc(110px + var(--sb))}
.activity-title{font-size:20px;font-weight:500;line-height:24px;margin:0 16.6px 21.8px;letter-spacing:-.15px;color:#1a1c24;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.activity-title span{color:#5c6170}
.chips{display:flex;gap:9px;overflow-x:auto;padding:0 12.7px;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chip{flex:0 0 auto;width:111px;height:49.3px;border:1.5px solid #e3e3e8;border-radius:16px;padding:8.7px 11px 0 11.6px;background:#fff;text-align:left;display:block}
.chip__label{display:block;font-size:10px;color:#616161;font-weight:400;line-height:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.15px}
.chip__row{display:flex;align-items:center;justify-content:space-between;height:14px;margin-top:2.2px}
.chip__val{font-size:11px;font-weight:600;color:#1a1c24;letter-spacing:.3px;white-space:nowrap;overflow:hidden}
.chip__row .ic{width:13px;height:13px;color:#4a4a4f}

.feed{display:flex;flex-direction:column;gap:12px;padding:0 14px;margin-top:0}
.editions{display:flex;align-items:center;height:56px;border-radius:14px;background:linear-gradient(90deg,#375373 0%,#3e7b88 50%,#5ba4a2 100%);color:#fff;padding:0 16px;text-align:left;width:100%;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.editions__ic{width:20px;height:22px;flex:0 0 auto;margin-right:12px}
.editions__tx{flex:1;min-width:0}
.editions__t{display:block;font-size:14.5px;font-weight:600;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.1px}
.editions__t i{display:inline-block;width:1px;height:14px;background:rgba(255,255,255,.7);vertical-align:-1.5px;margin:0 6px}
.editions__s{display:block;font-size:12px;font-weight:400;line-height:15px;margin-top:1px;color:rgba(255,255,255,.85)}
.editions__chev{width:14px;height:14px;color:#fff;opacity:.85;margin-left:6px;flex:0 0 auto}
.card{position:relative;border:1px solid #ebebeb;border-radius:18px;background:#fff;padding:18px 18px 0 18px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.02)}
.promo h4,.social h4{margin:0 28px 6px 0;font-size:16px;font-weight:700;line-height:1.25;color:#1a1a1a;letter-spacing:-.15px}
.promo p,.social p{margin:0 22px 0 0;font-size:13.5px;line-height:1.4;color:#5c5f62}
.promo .lnk{display:inline-block;margin-top:8px;color:#005bd3;font-size:13.5px;font-weight:500;cursor:pointer}
.promo__media{position:relative;height:148px;margin-top:4px}
.promo__media--social{height:180px;margin-top:8px}
.promo__media--shop{height:145px;margin-top:4px}
.promo__media--partners{height:168px;margin-top:4px}
.promo__media--simgym{height:155px;margin-top:4px}
.promo__media--eu{height:150px;margin-top:4px}
.promo__img{position:absolute;background-repeat:no-repeat}
.promo__img--social{right:-18px;bottom:0;width:calc(100% + 36px);height:180px;background-size:contain;background-position:right bottom}
.promo__img--shop{right:0;bottom:0;width:190px;height:145px;background-size:contain;background-position:right bottom}
.promo__img--partners{right:0;bottom:0;width:185px;height:168px;background-size:contain;background-position:right bottom}
.promo__img--simgym{right:0;bottom:8px;width:185px;height:142px;border-radius:16px;background-size:cover;background-position:center}
.promo__img--eu{right:0;bottom:0;width:180px;height:146px;background-size:contain;background-position:right bottom}
.promo__cta{position:absolute;left:0;bottom:16px;background:#fff;border:1px solid #d4d4d8;border-radius:20px;padding:0 18px;height:38px;display:inline-flex;align-items:center;font-size:13.5px;font-weight:500;color:#202223;box-shadow:0 1px 2px rgba(0,0,0,.06);cursor:pointer;white-space:nowrap;z-index:2}
.promo__cta:active{background:#f4f4f5}
.card__x{position:absolute;right:14px;top:14px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#616161;z-index:3}
.card__x .ic{width:15px;height:15px}
.feed-done{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;padding:18px 20px 20px}
.feed-done .ic{width:20px;height:20px;color:#55575d;margin-bottom:6px}
.feed-done b{font-size:14px;color:#1a1c24;font-weight:600}
.feed-done span{font-size:12.5px;color:#6f7177;max-width:270px;line-height:1.35}

/* ================= LIGHT SCREENS (orders / products / live) ================= */
.lhead{position:relative;height:calc(52px + var(--st));padding:var(--st) 14px 0 16.5px;display:flex;align-items:center;justify-content:space-between;color:#fff;flex:0 0 auto;animation:fadein .35s ease}
@keyframes fadein{from{opacity:.25}to{opacity:1}}
.lhead__title{display:flex;align-items:center;gap:4px;font-size:18px;font-weight:700;margin:0;letter-spacing:-.2px;line-height:52px;margin-top:-1px}
.lhead__title .caret{width:15px;height:15px;margin-top:1px;stroke-width:2}
.lhead__act{display:flex;gap:12px;align-items:center;margin-right:-2px}
.lhead__act button{width:32px;height:32px;display:flex;align-items:center;justify-content:center}
.lhead__act .ic{width:20.5px;height:20.5px}
.lsheet{flex:1;background:#fff;border-radius:20px 20px 0 0;display:flex;flex-direction:column;overflow:hidden;min-height:0}
.lsheet--gray{background:#f1f1f1}
.searchrow{display:flex;gap:8px;padding:8px 16px 0;align-items:center;flex:0 0 auto}
.searchbox{flex:1;display:flex;align-items:center;gap:9px;height:36px;padding:0 12px 0 12.5px;background:#f1f1f3;border-radius:18px;color:#8a8a8e;min-width:0}
.searchbox .ic{width:15.5px;height:15.5px}
.searchbox input{border:0;outline:0;background:none;flex:1;font-size:14.2px;color:#1a1c24;min-width:0;padding:0;height:34px}
.searchbox input::placeholder{color:#8a8a8e}
.iconpill{position:relative;width:36px;height:36px;border-radius:50%;background:#f1f1f3;display:flex;align-items:center;justify-content:center;color:#303030;flex:0 0 auto}
.iconpill .ic{width:16px;height:16px}
.sortdot{position:absolute;top:3px;right:3.5px;width:7px;height:7px;border-radius:50%;background:#5c6170;box-shadow:0 0 0 1.5px #f1f1f3}
.segtabs{display:flex;gap:0;padding:12.5px 16px 5px;overflow-x:auto;scrollbar-width:none;flex:0 0 auto}
.segtabs::-webkit-scrollbar{display:none}
.segtab{flex:0 0 auto;font-size:13.5px;font-weight:500;color:#4a4a4f;padding:0 12.4px;height:30.5px;line-height:30.5px;border-radius:15.5px;letter-spacing:.1px}
.segtab.is-sel{background:#e3e3e8;color:#303030}
.lscroll{flex:1;position:relative;min-height:0}
.orderlist,.productlist{position:relative;z-index:1;background:#fff;min-height:100%;padding-bottom:calc(110px + var(--sb))}
.daygroup{height:31.5px;padding:0 16px;font-size:12px;font-weight:500;color:#4a4a4f;background:#f1f1f3;line-height:35.5px;overflow:hidden}
.order{position:relative;display:block;height:109.5px;padding:0 16.5px;border-bottom:1px solid #e8e8ea}
.order__no{position:absolute;left:16px;top:12.4px;font-size:14.2px;font-weight:600;color:#303030;line-height:20px}
.order__amt{position:absolute;right:16.5px;top:12.4px;font-size:13.7px;font-weight:400;color:#8a8a8e;line-height:20px}
.order__meta{position:absolute;left:16px;right:16px;top:34.2px;font-size:12.3px;color:#4a4a4f;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.order__tags{position:absolute;left:16px;top:56.1px;display:flex;align-items:center;gap:6px}
.tag{font-size:10.9px;font-weight:500;padding:0 9.6px;height:20.5px;line-height:20.5px;border-radius:10.5px;background:#ebebed;color:#303030;display:inline-flex;align-items:center;white-space:nowrap}
.tag--paid{background:#ebebed;color:#303030}
.tag--unfulfilled{background:#ffea8a;color:#595100}
.tag--fulfilled{background:#ebebed;color:#303030}
.tag--shipped{background:#ebebed;color:#303030}
.tag--unpaid{background:#fed3d1;color:#6e1c16}
.tag--archived{background:#ebebed;color:#6d7175}
.order__store{position:absolute;left:16px;top:79.9px;font-size:12.3px;color:#8a8a8e;line-height:18px}
.order.is-new{animation:newrow .6s ease}
@keyframes newrow{from{background:#f4f8ff}to{background:#fff}}
.empty{padding:70px 30px;text-align:center;color:#6f737d;font-size:13px}
.empty b{display:block;color:#1a1c24;font-size:14.5px;margin-bottom:4px}
.product{display:flex;align-items:center;gap:13.5px;height:68px;padding:0 16px 0 16.5px}
.product__thumb{width:42.5px;height:42.5px;border-radius:6px;flex:0 0 auto;border:1px solid #e3e3e5;display:flex;align-items:center;justify-content:center;color:#8e9097;background:#fff center/cover no-repeat}
.product__thumb .ic{width:18px;height:18px}
.product__main{flex:1;min-width:0}
.product__name{font-size:15.1px;font-weight:600;color:#1a1c24;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product__sub{font-size:13.7px;color:#5c6170;line-height:18px;margin-top:1.4px}
.badge-active{font-size:12.8px;font-weight:500;color:#1a7f37;background:#cdf5d8;padding:0 10.3px;height:25.5px;line-height:25.5px;border-radius:13px;flex:0 0 auto}

/* live view */
.live-chips{display:flex;align-items:center;gap:7.5px;padding:8px 18px 0 8px;height:46px}
.live-chip{display:inline-flex;align-items:center;gap:7px;font-size:11.6px;font-weight:400;color:#303030;background:#e8e8ea;padding:0 10px 0 8.5px;height:25.5px;border-radius:7px;white-space:nowrap}
.live-chip i{width:9px;height:9px;border-radius:50%;display:block}
.dot-orders{background:#8c5cf2;box-shadow:0 0 0 2.5px #d9cdfc}
.dot-visitors{background:#29a8f5;box-shadow:0 0 0 3.5px #bfe5fc}
.live-spacer{flex:1}
.sqbtn{width:32.5px;height:32.5px;border-radius:9px;background:#fff;border:1px solid #dcdcdf;display:flex;align-items:center;justify-content:center;color:#1a1c24;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.sqbtn+.sqbtn{margin-left:2px}
.sqbtn .ic{width:16px;height:16px}
.globe{width:100%;height:374px;display:block;flex:0 0 auto;margin-top:0;touch-action:pan-y}
.live-cards{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:0 18.5px calc(120px + var(--sb))}
.lcard{background:#fff;border-radius:10px;padding:13px 16.5px 0;border:1.5px solid #dcdcdf;position:relative;height:86.5px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.lcard--wide{grid-column:1/-1;height:auto;padding-bottom:16px}
.lcard__label{font-size:16px;color:#303030;font-weight:500;line-height:22px;display:inline-block;background:linear-gradient(90deg,#8a8a8e 50%,transparent 0) repeat-x left bottom/3px 1.2px;padding-bottom:1px;letter-spacing:-.1px}
.lcard__info{position:absolute;top:13px;right:15px;width:17px;height:17px;color:#6b6b70}
.lcard__row{display:flex;align-items:center;gap:6px;margin-top:5.6px;height:24px}
.lcard__val{font-size:17.5px;font-weight:500;color:#1a1c24;white-space:nowrap}
.lcard__chg{font-size:12.3px;font-weight:600;color:#0b8a4a;display:flex;align-items:center;gap:1px;white-space:nowrap}
.lcard__chg.dn{color:#c4290e}
.lcard__spark{flex:1 1 auto;height:20px;min-width:0;width:100%}
.bh{display:flex;height:191.5px;margin-top:8px}
.bh__col{flex:1 1 0;min-width:0;position:relative;padding-top:15px}
.bh__col .k{font-size:12.3px;color:#303030;line-height:16px;white-space:nowrap}
.bh__col .v{font-size:14.7px;font-weight:500;color:#1a1c24;line-height:19px;margin-top:3px}
.bh__bar{position:absolute;left:0;right:0;bottom:0;background:#2a52e5;border-radius:2.5px}
.bh__con{flex:0 0 27.5px;position:relative;border-right:1px solid #dfdfdf;margin-right:1.5px}
.bh__con svg{position:absolute;left:1px;bottom:0;width:calc(100% - 1px);height:106.5px;display:block}
.lcard--tsp{height:187.5px}
.loc{margin-top:16px}
.loc__row{margin-bottom:6.3px}
.loc__lbl{font-size:11.8px;color:#4f6080;line-height:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.loc__bar{display:flex;align-items:center;height:27.5px;margin-top:3px}
.loc__bar i{display:block;height:27.5px;background:#3a9be3;border-radius:1px}
.loc__v{margin-left:auto;font-size:11.4px;color:#4f6080;width:52px;text-align:right}
.loc__p{font-size:11.4px;color:#4a4a4f;width:66px;text-align:right;white-space:nowrap}
.tsp{display:flex;align-items:center;gap:6px;margin:47px 0 0 9px}
.tsp__th{width:21px;height:21px;border:1px solid #c9c9cc;border-radius:2px;background:#000 center/cover no-repeat;flex:0 0 auto}
.tsp__n{font-size:16px;color:#1a1c24;text-decoration:underline;text-underline-offset:2px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tsp__v{font-size:17.5px;font-weight:600;color:#1a1c24;margin-right:5.5px}

/* ================= TAB BAR ================= */
.tabbar{position:absolute;left:0;right:0;bottom:max(14px,calc(var(--sb) + 7px));height:50px;display:flex;align-items:center;justify-content:center;padding:0 16px;gap:9.5px;z-index:40;pointer-events:none}
.tabbar>*{pointer-events:auto}
.tb-circle{width:50px;height:50px;border-radius:50%;background:#fff;box-shadow:0 4px 18px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.04);display:flex;align-items:center;justify-content:center;color:#30343a;flex:0 0 50px;transition:transform .1s ease,background-color .15s ease}
.tb-circle:active{transform:scale(.95);background:#f6f6f8}
.tb-circle .ic{width:22px;height:22px}
.tabbar__pill{width:236px;max-width:240px;height:50px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:9999px;padding:3px 4px;box-shadow:0 4px 18px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.04);flex:0 0 auto}
.tab{position:relative;color:#61646b;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:transparent;flex:0 0 44px;transition:background-color .15s ease,color .15s ease,transform .1s ease}
.tab:active{transform:scale(.94)}
.tab.is-active{background:#efefef;color:#1a1a1a}
.tab.is-active .ic{color:#1a1a1a;fill:#1a1a1a}
.tab .ic{width:21px;height:21px}
.tab .ic-on{display:none}.tab.is-active .ic-on{display:block}.tab.is-active .ic-off{display:none}
.tb-avatar{width:50px;height:50px;flex:0 0 50px}
.avatar-face{width:25px;height:25px;display:block;background:center/contain no-repeat}

/* ================= EDIT CHART PANEL ================= */
.cpanel{position:absolute;left:12.5px;right:12.5px;bottom:max(60px,calc(var(--sb) + 46.5px));z-index:45;background:#050816;border:1px solid #34384a;border-radius:14px;padding:17.5px 16.5px 16px;color:#fff;box-shadow:0 10px 40px rgba(0,0,0,.35);animation:panelin .25s cubic-bezier(.2,.85,.25,1)}
@keyframes panelin{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}
.cpanel__head{display:flex;justify-content:space-between;align-items:flex-start}
.cpanel h4{margin:0;font-size:15.1px;font-weight:700;line-height:19px;margin-top:1px}
.cpanel p{margin:3px 0 0;font-size:12.3px;color:#9ea2b4;line-height:16px}
.cpanel__x{width:32px;height:32px;border-radius:50%;background:#1d2134;display:flex;align-items:center;justify-content:center;color:#fff;margin-top:4px;margin-right:-.5px}
.cpanel__x .ic{width:15px;height:15px}
.cslider{margin-top:15.9px}
.cslider__top{display:flex;justify-content:space-between;align-items:center;font-size:13.7px;line-height:18px}
.cslider__top b{font-weight:400;color:#c8cad4}
.cslider__track{position:relative;height:30px;margin-top:8.8px;touch-action:none}
.cslider__track::before{content:"";position:absolute;left:0;right:0;top:12.5px;height:5px;border-radius:3px;background:#e5e5ea}
.cslider__fill{position:absolute;left:0;top:12.5px;height:5px;border-radius:3px;background:#2f6bff;width:59%}
.cslider__thumb{position:absolute;top:7.5px;left:59%;width:23.5px;height:15px;margin-left:-11.75px;border-radius:8px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.35)}
.cslider__ends{display:flex;justify-content:space-between;font-size:10.9px;color:#6d7186;line-height:14px;margin-top:.1px}
.cpanel__shuffle{margin-top:14.5px;width:100%;height:40px;border-radius:10px;background:#1650fb;color:#fff;font-size:14.7px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:15px}
.cpanel__shuffle .ic{width:18px;height:18px}
.cpanel__shuffle:active{background:#1a4fe0}

/* ================= MORE MENU ================= */
.moremenu{position:absolute;inset:0;background:#000;color:#fff;z-index:60;display:flex;flex-direction:column;padding:calc(var(--st) + 16px) 0 0;animation:fadein .16s}
.menu-list{list-style:none;margin:0;padding:0 0 100px;flex:1;overflow-y:auto}
.menu-list>li{position:relative}
.menu-item{display:flex;width:100%;align-items:center;height:50px;margin-bottom:1px;padding:0 0 0 29.25px;font-size:21.3px;font-weight:700;color:#fff;letter-spacing:-.25px;position:relative}
.menu-item .mi{width:19.5px;height:19.5px;color:#fff;margin-right:13.75px;flex:0 0 auto}
.menu-item .chev{position:absolute;right:37px;top:17.7px;color:#8e8e93;width:18px;height:18px;transition:transform .2s}
.menu-item.is-open .chev{transform:rotate(180deg)}
.menu-item.is-sel::before{content:"";position:absolute;left:8px;top:0;bottom:0;width:299.5px;max-width:calc(100% - 82px);border-radius:25px;background:#2c2c2e;z-index:-1}
.menu-item span{position:relative}
.menu-sub{list-style:none;margin:2px 0 5.7px;padding:0}
.menu-subitem{display:block;width:100%;text-align:left;height:40px;font-size:16px;font-weight:500;color:#9a9a9f;padding-left:78.5px;position:relative}
.menu-subitem.is-sel{color:#fff}
.menu-subitem.is-sel::before{content:"";position:absolute;left:62px;top:4px;bottom:4px;width:245px;max-width:calc(100% - 136px);border-radius:9px;background:#1c1c1e;z-index:-1}
.menu-subitem span{position:relative}
.menu-foot{position:absolute;left:0;right:0;bottom:11.7px;display:flex;align-items:center;justify-content:center;gap:7.5px}
.menu-gear{width:56.5px;height:56.5px;border-radius:50%;background:#1c1c1e;color:#fff;display:flex;align-items:center;justify-content:center}
.menu-gear .ic{width:25.5px;height:25.5px}
.quicksale{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:55px;width:170px;padding-left:2px;border-radius:28px;background:#1c1c1e;color:#fff;font-size:18.8px;font-weight:700;letter-spacing:-.45px}
.quicksale .ic{width:19px;height:19px}
.menu-close{width:56.5px;height:56.5px;border-radius:50%;background:#1c1c1e;color:#fff;display:flex;align-items:center;justify-content:center}
.menu-close .ic{width:22px;height:22px}

/* ================= OVERLAYS / PAGES ================= */
.overlay{position:absolute;inset:0;z-index:70;display:flex;flex-direction:column}
.overlay--dim{background:rgba(0,0,0,.27);justify-content:flex-end;animation:fadein .2s}
.overlay--dim.dark{background:rgba(0,0,0,.45)}
@keyframes rise{from{transform:translateY(100%)}to{transform:translateY(0)}}
.page{background:#efefef;color:#262626;animation:pagein .26s cubic-bezier(.2,.85,.25,1)}
@keyframes pagein{from{transform:translateX(30%);opacity:.4}to{transform:none;opacity:1}}
.phead{position:relative;flex:0 0 auto;height:calc(55.5px + var(--st));padding-top:var(--st);background:#fff;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center}
.phead h3{margin:0;font-size:17px;font-weight:600;letter-spacing:-.2px;color:#262626;white-space:nowrap}
.phead__back{position:absolute;left:12px;top:calc(var(--st) + 7.5px);width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#262626}
.phead__back .ic{width:18px;height:18px}
.phead__done{position:absolute;right:8px;top:calc(var(--st) + 9.5px);height:36px;padding:0 13px;border-radius:10px;background:#262626;color:#fff;font-size:14.2px;font-weight:600;letter-spacing:.1px}
.pbody{flex:1;padding:15px 15.5px calc(40px + var(--sb));min-height:0}
.ec-cap{font-size:13.5px;font-weight:600;color:#6b6b6b;margin:24.2px 0 0 4.5px;line-height:18px;height:18px}
.ec-cap+.ec-card{margin-top:7.35px}
.ec-card{background:#fff;border:1px solid #e2e2e2;border-radius:16px;overflow:hidden}
.ec-card+.ec-card{margin-top:16px}
.ec-row{display:flex;align-items:center;gap:8px;min-height:52px;padding:0 15.5px 0 16.5px;border-top:1px solid #e6e6e6;position:relative;width:100%;text-align:left;color:#262626}
.ec-card>.ec-row:first-child,.ec-card>:first-child .ec-row{border-top:0}
.ec-row__label{font-size:15px;flex:0 0 auto;font-weight:400;white-space:nowrap}
.ec-row__field{margin-left:auto;display:flex;align-items:center;gap:8px;min-width:0;flex:1;justify-content:flex-end}
.ec-input{border:0;outline:0;text-align:right;font-size:15px;color:#262626;font-weight:600;background:none;width:100%;min-width:40px;padding:0;height:30px}
.ec-input::placeholder{color:#b0b0b4;font-weight:500}
.ec-chev{color:#6b6b6b;width:14px;height:14px;margin-right:-1px}
.ec-delta{width:64px;height:40px;border-radius:10px;background:#efefef;color:#262626;font-size:15px;font-weight:600;text-align:right;border:0;outline:0;flex:0 0 auto;padding:0 12px 0 0}
.ec-thumb{width:28px;height:28px;border-radius:7px;background:#e8e8ea center/cover no-repeat;flex:0 0 auto;border:1px solid #e0e0e0}
.ec-thumb--round{border-radius:50%}
.ec-select{appearance:none;-webkit-appearance:none;border:0;background:none;color:#262626;font-size:15px;font-weight:600;text-align:right;text-align-last:right;outline:0;padding:0;width:100%}
.ec-btn{cursor:pointer}
.ec-btn:active{background:#f6f6f6}
.ec-danger{color:#d82c0d;font-weight:600}
.ec-del{font-size:13px;color:#d82c0d;font-weight:500;margin-right:2px}
.ec-note{font-size:12px;color:#7a7a7e;margin:8px 4.5px 0;line-height:1.45}
.ec-status{font-size:13px;font-weight:600;white-space:nowrap}
.ec-status.ok{color:#1a7f37}.ec-status.no{color:#8a8a8e}
.ec-sw{flex:0 0 auto}
.ios-sw{position:relative;width:51px;height:31px;border-radius:16px;background:#e3e3e8;flex:0 0 auto;transition:background .2s}
.ios-sw::after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:transform .22s cubic-bezier(.3,.7,.3,1)}
.ios-sw.is-on{background:#34c759}
.ios-sw.is-on::after{transform:translateX(20px)}
.prof{display:flex;align-items:center;gap:12.5px;padding:16.5px 16.5px 16px}
.prof__av{width:48px;height:48px;border-radius:12px;background:#2b2b2b center/cover no-repeat;color:#fff;font-size:17px;font-weight:600;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.prof__tx{flex:1;min-width:0}
.prof__n{font-size:16px;font-weight:600;line-height:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prof__e{font-size:13.3px;color:#6b6b6b;line-height:18px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prof__pill{flex:0 0 auto;height:26px;line-height:26px;padding:0 9.5px;border-radius:13px;background:#c9f5d8;color:#135c2e;font-size:12.3px;font-weight:600;letter-spacing:.1px;white-space:nowrap}
.lic{display:flex;align-items:center;height:44.1px;padding:0 16.5px;border-top:1px solid #e6e6e6}
.lic span{font-size:13.2px;color:#6b6b6b}
.lic b{margin-left:auto;font:500 13.2px ui-monospace,'SF Mono',Menlo,Consolas,monospace;color:#262626;letter-spacing:.2px}
.lic button{margin-left:9px;width:18px;height:18px;color:#6b6b6b}
.lic button .ic{width:16px;height:16px}
.ec-seg{display:flex;background:#eeeeee;border-radius:12px;padding:4px;width:132px;height:40px}
.ec-seg button{flex:1;height:32px;border-radius:9px;font-size:13.2px;font-weight:500;color:#555;text-align:center}
.ec-seg button.is-sel{background:#fff;color:#262626;font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.ec-row--57{min-height:55px}
.ec-boxes{display:flex;gap:9px;padding:13px 12.5px 12.5px;border-top:1px solid #e6e6e6}
.ec-box{position:relative;flex:1;min-width:0;height:63px;border:1px solid #d9d9d9;border-radius:12px;display:flex;align-items:center;gap:12px;padding:0 12px;text-align:left}
.ec-box .ic{width:17px;height:17px;color:#4a4a4f;flex:0 0 auto}
.ec-box small{display:block;font-size:12.3px;color:#6b6b6b;line-height:16px}
.ec-box b{display:block;font-size:14.2px;font-weight:600;color:#262626;line-height:19px;margin-top:1.5px;white-space:nowrap}
.ec-box select{position:absolute;inset:0;opacity:0;width:100%;height:100%;font-size:16px}
.sub-intro{font-size:12.5px;color:#7a7a7e;margin:0 4.5px 10px;line-height:1.45}

/* app icon chooser */
.icons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:4px 0}
.icon-opt{min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 0 11px;border-radius:14px;border:1.5px solid #e2e2e2;background:#fff}
.icon-opt.is-sel{border-color:#262626}
.icon-opt img{width:58%;height:auto;aspect-ratio:1;border-radius:22%;display:block}
.icon-opt span{font-size:12.5px;color:#4a4a4f;white-space:nowrap}
.icon-opt.is-sel span{color:#262626;font-weight:600}

/* affiliate */
.aff{background:#000}
.aff-head{flex:0 0 auto;display:flex;align-items:flex-start;gap:14px;padding:calc(var(--st) + 10px) 16px 0 12px;height:calc(76px + var(--st));color:#fff;background:#000}
.aff-back{width:32px;height:32px;display:flex;align-items:center;justify-content:center;margin-top:14px;color:#fff}
.aff-back .ic{width:19px;height:19px}
.aff-head h3{margin:3px 0 0;font-size:21px;font-weight:700;letter-spacing:-.2px;line-height:27px}
.aff-head p{margin:3px 0 0;font-size:12.3px;color:#a9a9ae;line-height:16px}
.aff-body{flex:1;background:#fff;border-radius:20px 20px 0 0;padding:20px 20px calc(40px + var(--sb));min-height:0}
.aff-code{background:#141a2c;border-radius:16px;padding:18.5px 16.5px 16px;color:#fff;position:relative}
.aff-code small{display:block;font-size:10.9px;font-weight:600;letter-spacing:1px;color:#b8bccb;line-height:14px}
.aff-code .code{display:block;font:700 26px ui-monospace,'SF Mono',Menlo,Consolas,monospace;letter-spacing:.5px;margin-top:10px;line-height:32px}
.aff-code p{margin:9px 0 0;font-size:12.3px;color:#b8bccb;line-height:18px}
.aff-copy{position:absolute;right:16px;top:41px;height:30px;padding:0 13px 0 10px;border-radius:15px;background:#2c3245;color:#fff;font-size:12.8px;font-weight:600;display:flex;align-items:center;gap:6px}
.aff-copy .ic{width:15px;height:15px}
.aff-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16.5px}
.aff-stat{background:#f6f6f8;border-radius:16px;height:70.5px;padding:13px 12.5px 0}
.aff-stat small{display:block;font-size:10.9px;font-weight:600;letter-spacing:.8px;color:#4a4f60;line-height:14px}
.aff-stat b{display:block;font-size:18.5px;font-weight:700;color:#12141f;margin-top:8px;line-height:24px}
.aff-chart{margin-top:20.5px;background:#141414;border:1px solid #3a3a3a;border-radius:18px;padding:16.5px 0 14px 16.5px;color:#fff;overflow:hidden}
.aff-tabs{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding-right:16px}
.aff-tabs::-webkit-scrollbar{display:none}
.aff-tabs button{flex:0 0 auto;height:31px;padding:0 13px;border-radius:15.5px;border:1px solid #3c3c3e;font-size:11.3px;color:#d0d0d4}
.aff-tabs button.is-sel{background:#2a2a2c;border-color:#8a8a8e;color:#fff}
.aff-total{margin-top:16px}
.aff-total small{display:block;font-size:12.3px;color:#b0b0b4;line-height:16px}
.aff-total b{display:block;font-size:24px;font-weight:700;line-height:30px;margin-top:4px}
.aff-total span{display:block;font-size:11.8px;color:#6f6f73;line-height:15px;margin-top:4px}
.aff-canvas{display:block;width:calc(100% - 16.5px);height:160px;margin-top:6px}
.aff-label{font-size:12.8px;font-weight:600;letter-spacing:.5px;color:#6b6b6b;margin:26px 0 9px .5px}
.aff-input{width:100%;height:46px;border:1px solid #dcdcdf;border-radius:12px;padding:0 14px;font-size:14px;color:#262626;outline:0;background:#fff;font-family:ui-monospace,'SF Mono',Menlo,monospace}

/* ================= SHEETS ================= */
.sheet{background:#fff;width:100%;border-radius:20px 20px 0 0;display:flex;flex-direction:column;max-height:calc(100% - var(--st) - 10px);animation:rise .32s cubic-bezier(.2,.85,.25,1);touch-action:pan-y;position:relative}
.grabber{width:40px;height:5px;border-radius:3px;background:#dcdce0;margin:12px auto 0;flex:0 0 auto}
.sheet-head{padding:0 18px;text-align:center;flex:0 0 auto}
.sheet-h{font-size:17px;font-weight:700;margin:14.4px 0 0;color:#1a1c24;letter-spacing:-.2px;line-height:22px}
.sheet-sub{font-size:12.4px;color:#6f7177;margin:7.9px 0 0;line-height:16px}
.sheet-body{flex:1;min-height:0;padding:13.7px 20px max(27.5px,calc(var(--sb) - 6.5px))}
.nrow{display:flex;align-items:center;justify-content:space-between;height:45px;gap:12px}
.nrow__tx{min-width:0}
.nrow__tx b{display:block;font-size:14.2px;font-weight:500;color:#1a1c24;line-height:18px}
.nrow__tx span{display:block;font-size:12.3px;color:#6f7177;line-height:16px;margin-top:2.6px}
.nrow--sub .nrow__tx{position:relative;top:1.15px}
.nrow--sub{height:63px}
.nrow--sm{height:46.7px}
.nrow--sm b{font-size:13.2px;font-weight:400;color:#303030}
.nrow--badge{height:40px;margin-top:-1.5px}
.pnum{min-width:17px;height:17px;padding:0 5px;border-radius:9px;background:#e22c38;color:#fff;font-size:10.5px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;margin-left:9px;vertical-align:1px;line-height:1}
.nrow__tx .pnum{display:inline-flex;margin-top:0;color:#fff;font-size:10.5px;line-height:1}
.nrow--badge .nrow__tx b{font-weight:400;color:#303030}
.clearbtn{font-size:13.2px;color:#5c6170}
.ndivider{height:1px;background:#ececef;margin:3.5px 0 0}
.presets-label{font-size:13.2px;color:#303030;margin:0;line-height:37px;height:37px}
.presets{display:flex;gap:6.5px;height:32px;margin-bottom:5.05px}
.preset{flex:1;height:32px;border-radius:10px;border:1px solid #e3e3e8;background:#f7f7f9;font-size:12.3px;font-weight:600;color:#1a1c24;display:flex;align-items:center;justify-content:center;gap:5px}
.preset.is-sel{background:var(--btn);color:#fff;border-color:var(--btn)}
.preset .pdot{width:5px;height:5px;border-radius:50%;background:#12dd6f}
.frow{display:flex;align-items:center;justify-content:space-between;height:46.7px;gap:10px}
.frow+.frow{margin-top:7px}
.frow__label{font-size:13.2px;color:#303030}
.inp{display:flex;align-items:center;gap:9.5px}
.inp>span{color:#1a1c24;font-size:12.8px;font-weight:600}
.inp input{width:111.5px;height:32.5px;border:1px solid #e3e3e8;background:#fbfbfc;border-radius:10px;outline:0;text-align:right;font-size:13.2px;font-weight:600;color:#1a1c24;padding:0 12px}
.preview-tx{font-size:12.3px;color:#6f7177;margin:8.85px 0 0;line-height:18px;min-height:36px}
.bigbtn{display:block;width:100%;height:45px;border-radius:23px;background:var(--btn);color:#fff;font-size:14.7px;font-weight:600;margin-top:14.5px;text-align:center;transition:background .15s}
.bigbtn:active,.bigbtn.busy{background:#3a3f4c}
.sent-msg{display:none}
/* small switch (matches the reference) */
.sw{position:relative;top:2.5px;width:36px;height:20.5px;border-radius:11px;background:#fff;flex:0 0 auto;border:1px solid #ececf0;box-shadow:0 1px 2px rgba(0,0,0,.06);transition:background .2s}
.sw::after{content:"";position:absolute;top:1.25px;left:1.5px;width:16px;height:16px;border-radius:50%;background:#070818;transition:transform .2s cubic-bezier(.3,.7,.3,1)}
.sw.is-on{background:#dfe3ee;border-color:#dfe3ee}
.sw.is-on::after{transform:translateX(15px)}
/* stores sheet */
.sheet--stores{padding-bottom:max(18px,calc(var(--sb) - 8px))}
.sheet--stores .grabber{margin-top:7px;background:#d1d1d6;width:36px}
.stores-h{margin:15px 0 0 16.7px;font-size:18px;font-weight:700;color:#1a1c24;line-height:24px;letter-spacing:-.2px}
.store-row{display:flex;align-items:center;gap:12.5px;width:100%;height:58px;padding:0 17px 0 16px;margin-top:8px;border-bottom:1px solid #e8e8ea;text-align:left}
.store-row+.store-row{margin-top:0}
.store-row__logo{width:28px;height:28px;border-radius:7px;background:#000 center/contain no-repeat;flex:0 0 auto}
.store-row__n{flex:1;font-size:16px;color:#1a1c24;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.store-row .ic{width:19px;height:19px;color:#1a1c24}
.stores-add{display:flex;align-items:center;gap:15px;height:52px;padding:0 18px;font-size:16px;color:#1a1c24;width:100%;text-align:left}
.stores-add .ic{width:17px;height:17px}
.pick-list{max-height:50vh;padding:6px 0 10px}
/* search sheet */
.sheet--search{height:calc(100% - var(--st) - 54px)}
.searchsheet{padding:6px 14px 0;display:flex;flex-direction:column;min-height:0;flex:1}
.searchbox--lg{height:38px;border-radius:19px;margin:8px 0 6px;flex:0 0 auto}
.search-results{flex:1;padding:0 2px 30px}
.sr-group{font-size:12px;font-weight:600;color:#6f737d;padding:12px 0 3px}
.sr-item{display:flex;width:100%;text-align:left;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid #f1f2f4}
.sr-item .t{font-size:14px;color:#1a1c24;font-weight:600}
.sr-item .s{font-size:12px;color:#6f737d;margin-top:2px}
.sr-item .a{font-size:13px;color:#30323a;font-weight:500}
.sr-empty{color:#8e9097;font-size:13px;text-align:center;padding:30px 0}

/* ================= iOS 26 NOTIFICATION BANNER (in-app) ================= */
.banner-host{position:absolute;top:0;left:0;right:0;z-index:95;pointer-events:none;padding:calc(var(--st) - 7px) 8px 0}
.banner{position:relative;display:flex;align-items:center;gap:13px;min-height:108px;background:rgba(108,108,110,.86);-webkit-backdrop-filter:blur(30px) saturate(160%);backdrop-filter:blur(30px) saturate(160%);color:#fff;border-radius:27px;padding:12px 16px 12px 14px;max-width:440px;margin:0 auto;box-shadow:0 10px 34px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,255,255,.16);transform:translateY(-140%);opacity:0;transition:transform .5s cubic-bezier(.2,.95,.25,1),opacity .3s;pointer-events:auto;touch-action:none}
.banner.show{transform:translateY(0);opacity:1}
.banner.bump{animation:bump .35s ease}
@keyframes bump{0%{transform:scale(1)}40%{transform:scale(.97)}100%{transform:scale(1)}}
.banner__ic{width:38px;height:38px;border-radius:9px;background:#fff center/cover no-repeat;flex:0 0 auto}
.banner__bd{flex:1;min-width:0}
.banner__top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.banner__title{font-size:15px;font-weight:600;line-height:19.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.banner__time{font-size:13.5px;color:rgba(255,255,255,.62);flex:0 0 auto;margin-top:-6px}
.banner__line{font-size:15px;line-height:21.5px;letter-spacing:-.1px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.banner__line.b{font-weight:600;line-height:19.5px;-webkit-line-clamp:1}
.banner__line[hidden]{display:none}

/* toast + install tip */
.toast{position:absolute;left:50%;bottom:calc(96px + var(--sb));transform:translateX(-50%);background:rgba(20,20,22,.94);color:#fff;font-size:12.5px;padding:9px 14px;border-radius:12px;z-index:100;white-space:nowrap;max-width:92%;overflow:hidden;text-overflow:ellipsis}
.install-tip{position:absolute;left:10px;right:10px;bottom:calc(10px + var(--sb));z-index:90;display:flex;align-items:center;gap:11px;background:rgba(28,28,30,.95);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff;border-radius:16px;padding:11px 12px;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.install-tip__ic{width:36px;height:36px;border-radius:8px;background:center/cover;flex:0 0 auto}
.install-tip__tx{flex:1;font-size:12px;line-height:1.4;color:#cdced2}
.install-tip__tx b{display:block;font-size:13px;color:#fff}
.ic--share{width:14px;height:14px;display:inline;vertical-align:-2px}
.install-tip__x{color:#fff;opacity:.75;padding:4px}
.install-tip__x .ic{width:16px;height:16px}
.file-proxy{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}

/* ===== old app version ===== */
.v-old .chip{flex:1 1 0;width:auto;min-width:0}
.v-old .chips{overflow:hidden}
.v-old .feed>:not(.feed-done){display:none}
.v-new .feed-done{display:none}

/* ================= SPLASH / LAUNCH SCREEN ================= */
.splash-screen{position:absolute;inset:0;z-index:99999;background:#fff;display:flex;align-items:center;justify-content:center;pointer-events:auto;opacity:1;transition:opacity .38s cubic-bezier(.16,1,.3,1)}
.splash-screen.is-hidden{opacity:0;pointer-events:none}
.splash-screen__center{display:flex;align-items:center;justify-content:center;transform:translateY(12px)}
.splash-screen__logo{width:112px;max-width:29vw;height:auto;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}

/* ================= LICENSE KEY GATE (2nd image) ================= */
.gate-screen{position:absolute;inset:0;z-index:99998;background:#000;display:flex;align-items:center;justify-content:center;padding:calc(var(--st) + 12px) 16px max(24px,var(--sb));overflow-y:auto;opacity:1;transition:opacity .3s ease}
.gate-screen.is-hidden{opacity:0;pointer-events:none}
.gate-card{width:100%;max-width:390px;background:#010101;border:1px solid #1a1c22;border-radius:18px;padding:26px 20px 28px;box-shadow:0 12px 40px rgba(0,0,0,.6);color:#fff}
.gate-back{display:inline-flex;align-items:center;gap:4px;font-size:13.5px;font-weight:500;color:#969ba8;margin-bottom:28px;padding:0;cursor:pointer}
.gate-back .ic{width:16px;height:16px}
.gate-eyebrow{font-size:11px;font-weight:700;letter-spacing:1.3px;color:#5a5e6d;text-transform:uppercase;margin-bottom:10px}
.gate-title{font-size:29px;font-weight:700;letter-spacing:-.6px;line-height:35px;color:#fff;margin:0 0 14px}
.gate-desc{font-size:14px;line-height:20px;color:#8f94a2;margin:0 0 26px}
.gate-label{display:block;font-size:11px;font-weight:700;letter-spacing:1.1px;color:#5a5e6d;text-transform:uppercase;margin-bottom:8px}
.gate-input{display:block;width:100%;height:48px;background:#0a0a0a;border:1px solid #1c1d24;border-radius:10px;padding:0 14px;font-family:ui-monospace,'SF Mono',Menlo,Consolas,monospace;font-size:14.5px;font-weight:600;color:#fff;outline:0;letter-spacing:.5px;transition:border-color .2s}
.gate-input:focus{border-color:#3b4052}
.gate-input::placeholder{color:#444754;font-family:inherit}
.gate-error{font-size:13px;line-height:18px;color:#f87171;margin-top:10px}
.gate-btn{display:block;width:100%;height:48px;border-radius:10px;background:#f8f8f8;color:#0a0b0e;font-size:15.5px;font-weight:700;text-align:center;margin-top:20px;transition:background .15s;cursor:pointer}
.gate-btn:active{background:#d5d5d8}
.gate-foot{text-align:center;font-size:12.8px;color:#7e8391;margin-top:20px}
.gate-foot a{color:#7e8391;text-decoration:underline;text-underline-offset:2px}


/* ===== v4 pixel-matched home (measured from iPhone 390pt screenshots) ===== */
@font-face{font-family:'InterUI';font-style:normal;font-weight:100 900;font-display:block;src:url(../fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'InterUI';font-style:normal;font-weight:100 900;font-display:block;src:url(../fonts/inter-latin-ext.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
.htop{height:calc(52px + var(--st))}
.hscroll{top:calc(52px + var(--st))}
.htop__left{left:19px}
.htop__txt{font-family:'InterUI',sans-serif;font-size:10.25px;font-weight:600;letter-spacing:.35px}
.htop__name{font-family:'InterUI',sans-serif;font-size:14px;font-weight:500;letter-spacing:0}
.bell{right:8.33px;top:calc(var(--st) + 7px);width:22.67px;height:23.7px;display:block;color:#e3e3e3}
.bell .ic.bell__ic{position:absolute;left:0;top:3.7px;width:18px;height:20px}
.bell__badge{left:auto;right:0;top:0;min-width:13.67px;height:13.67px;padding:0 3.5px;border-radius:7px;background:#e64340;font-family:'InterUI',sans-serif;font-size:9.5px;font-weight:500}
.bell__edit{left:auto;right:0;top:0}
.feed{gap:16px;padding:0 12px;font-family:'InterUI',sans-serif}
.editions{position:relative;display:block;height:52.75px;margin:0 .67px -3.17px;width:auto;padding:0;border-radius:20px;background:linear-gradient(90deg,rgb(75,90,144) 0%,rgb(109,163,167) 100%);box-shadow:none}
.editions__bag{position:absolute;left:11.33px;top:9.67px;width:28px;height:32px;background:url(../img/editions-bag.png) center/100% 100% no-repeat}
.editions__tx{position:absolute;left:44.9px;right:40px;top:9.6px}
.editions__t{font-size:14px;font-weight:400;line-height:17px;letter-spacing:-.1px;color:#fff}
.editions__t i{width:1px;height:16.3px;background:#fff;vertical-align:-3.6px;margin:0 5.6px 0 6.1px}
.editions__s{font-size:12px;font-weight:400;line-height:15px;margin-top:3.3px;color:#fff}
.editions__chev{position:absolute;right:30.4px;top:20.4px;width:8px;height:12px;margin:0;opacity:1;color:rgba(255,255,255,.84)}
.card{border:1px solid #e5e7eb;border-radius:22px;padding:20.37px 56px 0 20px;height:260px;box-shadow:none;background:#fff}
.card.social{height:320px}
.promo h4,.social h4{margin:0 0 8.65px;font-size:15px;font-weight:700;line-height:18.55px;color:#121726;letter-spacing:-.04px}
.promo p,.social p{margin:0;font-size:13.5px;font-weight:400;line-height:19.12px;color:#384051;letter-spacing:.07px}
.promo .lnk{display:block;width:max-content;margin-top:11.1px;font-size:13.5px;font-weight:400;line-height:19.2px;color:#3661e3}
.promo__media,.promo__media--social,.promo__media--shop,.promo__media--partners,.promo__media--simgym,.promo__media--eu{position:absolute;left:0;right:0;bottom:0;top:0;height:auto;margin:0;pointer-events:none}
.promo__cta{pointer-events:auto;left:16px;bottom:16px;height:37.33px;padding:0 16px;border:1px solid #e5e7eb;border-radius:999px;font-size:13px;font-weight:600;color:#202837;letter-spacing:.06px;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.card__x{right:14.2px;top:13.5px;width:28px;height:28px;color:#6b7280}
.card__x .ic.card__xi{width:28px;height:28px}
.promo h4,.social h4,.promo p,.social p,.promo .lnk{position:relative;z-index:1}
.promo__media{z-index:0}
.promo__img{right:0;bottom:0;border-radius:0;background-size:100% 100%;background-position:0 0;background-repeat:no-repeat}
.promo__img--social{width:282px;height:213px}
.promo__img--shop{width:187px;height:141px}
.promo__img--partners{width:182px;height:175px}
.promo__img--simgym{width:247px;height:151px}
.promo__img--eu{width:172px;height:155px}
.activity{border-radius:30px 30px 0 0}
.sheet-cap{position:absolute;left:0;right:0;top:calc(52px + var(--st));height:30px;z-index:3;pointer-events:none;display:none}
.screen[data-screen="home"].is-active .sheet-cap.is-on{display:block}
.sheet-cap::before,.sheet-cap::after{content:'';position:absolute;top:0;width:30px;height:30px}
.sheet-cap::before{left:0;background:radial-gradient(circle at 100% 100%,transparent 29.4px,#000 30px)}
.sheet-cap::after{right:0;background:radial-gradient(circle at 0 100%,transparent 29.4px,#000 30px)}
.editions__s{margin-top:2.1px}
.editions__chev{right:18.1px;top:20.4px;color:rgba(255,255,255,.8)}
.editions__chev path{stroke-width:1.45px}
/* ===== v4 tab bar + scroll-edge fade (pixel-matched to iOS Shopify) ===== */
.tabbar{bottom:max(12px,calc(var(--sb) + 5px));height:54px;padding:0;gap:9px;justify-content:center}
.tabbar::before{content:"";position:absolute;left:0;right:0;bottom:calc(-1 * max(12px,calc(var(--sb) + 5px)));height:114px;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,0) 0px,rgba(255,255,255,.05) 11px,rgba(255,255,255,.17) 28px,rgba(255,255,255,.28) 45px,rgba(255,255,255,.4) 59px,rgba(255,255,255,.49) 75px,rgba(255,255,255,.56) 87px,rgba(255,255,255,.61) 99px,rgba(255,255,255,.66) 107px,rgba(255,255,255,.67) 114px)}
.tb-circle{width:54px;height:54px;flex:0 0 54px;box-sizing:border-box;padding:0;background:#fff;border:1px solid #e5e7eb;box-shadow:0 4px 8px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.04)}
.tb-avatar{width:54px;height:54px;flex:0 0 54px;transform:translateY(-3px)}
.tb-avatar:active{transform:translateY(-3px) scale(.95)}
.tabbar__pill{width:224px;max-width:none;height:54px;box-sizing:border-box;padding:0 0 0 4.667px;justify-content:flex-start;background:#fff;border:1px solid #e5e7eb;box-shadow:0 4px 8px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.04)}
.tab{width:46px;height:46px;flex:0 0 46px;padding:0;color:#848484}
.tab+.tab{margin-left:9.667px}
.tab:nth-child(3){margin-left:9.333px}
.tab.is-active{background:#efefef}
.tab .ic{width:24px;height:24px}
.tbi{width:24px;height:24px;display:block;flex:none;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}
.tbi--av{width:28px;height:28px}
.card{box-shadow:0 2px 14px rgba(0,0,0,.08);clip-path:inset(0)}
.social p{margin-right:-10px}
.chips:not([hidden])+.feed{margin-top:13px}