.offer-list,.watch-list{display:grid;gap:10px}.offer-card,.watch-row{border:1px solid var(--line);background:linear-gradient(145deg,#111b2b,#0e1623);border-radius:16px;padding:14px}.offer-head,.watch-row{display:flex;align-items:center;gap:10px}.avatar{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#285372,#1b2d48);color:#c0e7ff;font-size:13px;font-weight:700}.offer-name{min-width:0;flex:1}.offer-name b,.watch-row b{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.offer-name small,.watch-row small{display:block;margin-top:4px;color:#8291a4;font-size:8px}.offer-price{font-size:18px;letter-spacing:-.04em;color:#f4f7fc}.offer-meta{display:flex;justify-content:space-between;gap:8px;margin:12px 0 0;padding-top:10px;border-top:1px solid var(--line);color:#9aa8ba;font-size:8px}.offer-method{font-size:8px;color:#80a6bf;margin-top:9px}.watch-button{width:100%;margin-top:12px;padding:9px;border:1px solid #5f9ed339;border-radius:10px;background:#20426744;color:#a4d4ff;font:600 9px Manrope,sans-serif;cursor:pointer}.watch-row{padding:11px 13px}.watch-row>div{min-width:0;flex:1}.remove-watch{border:0;background:transparent;color:#8392a5;font-size:20px;cursor:pointer}.watch-form{display:flex;gap:8px;margin-top:10px}.watch-form input{flex:1;min-width:0;border-radius:11px;border:1px solid var(--line);background:#101827;padding:11px 12px;color:#fff;font:10px Manrope,sans-serif;outline:none}.watch-form button{width:40px;border:1px solid #5f9ed339;border-radius:11px;background:#20426744;color:#a4d4ff;font:18px Manrope,sans-serif;cursor:pointer}.watch-form input:focus{border-color:#5c9bd077}

.tabbar{grid-template-columns:repeat(5,minmax(0,1fr))}.tab{font-size:7.5px}.market-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin:14px auto 4px;color:#91a3ba;font-size:10px}.market-pagination[hidden]{display:none}.market-pagination button{width:34px;height:34px;border:1px solid var(--line);border-radius:11px;background:#142239;color:#c4d9ee;font-size:17px;cursor:pointer}.market-pagination button:disabled{opacity:.35;cursor:default}.ad-manager-copy{font-size:10px;line-height:1.65;color:#9aa9bd;margin:0 0 16px}.ad-manager-button{display:block;box-sizing:border-box;text-align:center;text-decoration:none;margin:0;padding:13px 14px}.ad-manager-button span{margin-left:7px}.ad-market-link{margin-top:0}.market-pagination{padding-bottom:6px}
.htx-frame-wrap{overflow:hidden;width:100%;min-height:560px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 12px 36px #0003}.htx-account-frame{display:block;width:100%;height:min(72dvh,820px);min-height:560px;border:0;background:#fff}.htx-frame-wrap+.ad-market-link{margin-top:12px}

/* Keep the Mini App viewport fixed; longer panels scroll inside their own view. */
html,body{height:100%;min-height:0;overflow:hidden;overscroll-behavior:none}
body{height:100dvh;min-height:0}
.app-shell{display:flex;flex-direction:column;height:100dvh;min-height:0;max-height:100dvh;overflow:hidden;padding-bottom:calc(env(safe-area-inset-bottom) + 94px)}
.topbar{flex:0 0 auto}
.view.active{display:block;flex:1 1 0;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.view.active::-webkit-scrollbar{display:none}
@media(min-width:600px){body{padding:0}.app-shell{min-height:0;height:100dvh}}
.book-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:-12px 0 22px;padding:4px;border:1px solid var(--line);border-radius:14px;background:#0d1522}
.book-switch-button{min-height:38px;border:0;border-radius:10px;background:transparent;color:#8493a8;font:600 10px Manrope,sans-serif;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}
.book-switch-button.active{background:linear-gradient(145deg,#214b70,#193450);color:#d8edff;box-shadow:0 3px 12px #0004,0 1px 0 #ffffff12 inset}
.watch-row small{line-height:1.45;white-space:normal;overflow-wrap:anywhere;max-width:100%}.status-chip[data-state="better_found"]{color:#9be2bf;border-color:#68d7a644;background:#163128}.status-chip[data-state="better_found"] i{background:#77dfad;box-shadow:0 0 8px #77dfad}.status-chip[data-state="market_error"],.status-chip[data-state="telegram_error"],.status-chip[data-state="own_ad_missing"],.status-chip[data-state="nickname_required"],.status-chip[data-state="start_required"],.status-chip[data-state="disabled"],.status-chip[data-state="bot_unavailable"]{color:#f0c181;border-color:#e7a74444;background:#332719}.status-chip[data-state="market_error"] i,.status-chip[data-state="telegram_error"] i,.status-chip[data-state="own_ad_missing"] i,.status-chip[data-state="nickname_required"] i,.status-chip[data-state="start_required"] i,.status-chip[data-state="disabled"] i,.status-chip[data-state="bot_unavailable"] i{background:#e7ad5a;box-shadow:0 0 8px #e7ad5a}
.monitor-hint{margin-top:7px!important;color:#788ba2!important;font-size:8px!important}

/* More compact aggregate spread card. */
.total-card{padding:14px 16px 15px;margin-bottom:20px}.total-card>div{margin-top:5px}.total-card>div b{font-size:26px}.total-decoration{right:14px;bottom:-29px;font-size:96px}