*{box-sizing:border-box}html{background:#03050a;color-scheme:dark}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -10%,rgba(119,42,235,.16),transparent 30%),#03050a;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px}.app-shell{width:100%;max-width:var(--max-width);min-height:100dvh;margin:0 auto;background:linear-gradient(180deg,#090e16,#070b12 45%,#06090f);position:relative;border-inline:1px solid rgba(255,255,255,.035)}button,input,select{font:inherit}.icon{width:20px;height:20px;display:inline-block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.topbar{height:66px;position:sticky;top:0;z-index:30;padding:calc(8px + env(safe-area-inset-top)) 16px 8px;display:flex;align-items:center;justify-content:space-between;background:rgba(7,10,16,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--border-soft)}.brand{display:flex;align-items:center;gap:9px;color:white;text-decoration:none;font-size:18px;font-weight:700}.brand b{color:var(--violet)}.brand-logo{width:31px;height:31px;border-radius:9px;background:linear-gradient(145deg,#9d50ff,#5a1ee5);display:grid;place-items:center;box-shadow:0 8px 20px rgba(126,47,255,.35)}.brand-logo .icon{width:18px}.icon-button,.back-button{width:38px;height:38px;border:0;border-radius:11px;background:transparent;color:#e5e9f1;display:grid;place-items:center;cursor:pointer}.icon-button:active,.back-button:active{background:var(--surface-2)}.has-dot{position:relative}.has-dot:after{content:"";position:absolute;right:8px;top:7px;width:6px;height:6px;background:var(--pink);border-radius:50%;border:2px solid var(--bg)}.page-wrap{padding:15px 14px calc(86px + var(--safe-bottom))}.page{display:none;animation:pageIn .18s ease}.page.active{display:block}@keyframes pageIn{from{opacity:.4;transform:translateY(4px)}}h1,h2,h3,p{margin:0}.page-intro,.page-title-row{display:flex;align-items:center;justify-content:space-between;margin:2px 0 15px}.page-intro p{font-size:12px;color:var(--muted);margin-bottom:4px}.page-intro h1{font-size:19px}.page-title-row{height:40px}.page-title-row h1{font-size:18px;text-align:center}.page-title-row>span{width:38px}.control{width:100%;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:11px;padding:11px 12px;outline:none}.control.compact{width:auto;padding:8px 10px;font-size:12px}.hero-stat{min-height:137px;padding:19px;border-radius:17px;background:linear-gradient(115deg,#722cf0 0%,#9133e8 45%,#d43e81 100%);display:flex;justify-content:space-between;overflow:hidden;box-shadow:0 14px 38px rgba(103,31,211,.22)}.hero-stat span,.cashout-hero span{display:block;font-size:12px;color:#eadcff}.hero-stat strong{font-size:32px;display:block;margin:5px 0 7px}.hero-stat small,.cashout-hero small{color:#58efa1;font-size:11px;display:flex;align-items:center;gap:4px}.hero-stat small .icon,.cashout-hero small .icon{width:14px}.hero-chart{width:43%;height:86px;position:relative;display:flex;gap:8px;align-items:flex-end}.hero-chart:before{content:"";position:absolute;inset:20px -6px 5px;background:linear-gradient(160deg,transparent 44%,rgba(255,255,255,.7) 45%,rgba(255,255,255,.7) 47%,transparent 48%);clip-path:polygon(0 75%,18% 57%,36% 65%,54% 28%,70% 45%,86% 12%,100% 18%,100% 100%,0 100%);opacity:.55}.hero-chart span{width:2px;background:rgba(255,255,255,.12);height:100%}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.metric-card{background:linear-gradient(145deg,var(--surface-2),var(--surface));border:1px solid var(--border-soft);border-radius:14px;padding:13px;min-height:91px}.metric-card span{color:var(--muted);font-size:11px}.metric-card strong{display:block;font-size:19px;margin:7px 0 4px}.metric-card small{color:var(--green);font-size:10px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:21px 1px 10px}.section-head h2{font-size:14px}.section-head button{border:0;background:none;color:var(--muted);font-size:11px;display:flex;align-items:center;gap:2px}.section-head .icon{width:14px}.card-stack,.content-list,.account-groups{display:grid;gap:8px}.platform-row,.account-row,.best-account{background:var(--surface);border:1px solid var(--border-soft);border-radius:13px;padding:11px;display:flex;align-items:center;gap:11px}.platform-icon,.platform-logo{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;flex:none}.platform-icon.youtube,.platform-logo.youtube{background:#2d1016;color:var(--youtube)}.platform-icon.instagram,.platform-logo.instagram{background:linear-gradient(145deg,#572196,#d93276);color:white}.platform-icon.tiktok,.platform-logo.tiktok{background:#101b22;color:#e8ffff}.platform-info,.account-info{min-width:0;flex:1}.platform-info strong,.account-info strong{display:block;font-size:13px}.platform-info small,.account-info small{display:block;color:var(--muted);font-size:10px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-value{text-align:right}.row-value strong{display:block;font-size:14px}.row-value small{color:var(--green);font-size:10px}.content-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:13px;padding:8px;display:flex;gap:10px;align-items:center;cursor:pointer}.thumb{width:82px;height:62px;border-radius:9px;overflow:hidden;position:relative;flex:none;background:linear-gradient(150deg,#102638,#1e1017)}.thumb:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 67% 36%,#f5a53b 0 5%,transparent 14%),linear-gradient(180deg,transparent 25%,rgba(0,0,0,.7)),linear-gradient(145deg,#1c3a4b,#11131b 55%,#42231c)}.thumb.window:before{background:linear-gradient(90deg,transparent 31%,rgba(104,200,238,.2) 32% 34%,transparent 35% 65%,rgba(104,200,238,.2) 66% 68%,transparent 69%),linear-gradient(#213747,#101822)}.thumb.city:before{background:linear-gradient(135deg,#172336,#423040)}.thumb.finance:before{background:linear-gradient(155deg,#10271f,#171320)}.thumb.forest:before{background:linear-gradient(145deg,#14302d,#0c1617)}.thumb .platform-mini{position:absolute;left:5px;top:5px}.thumb .duration{position:absolute;right:5px;bottom:4px;background:rgba(0,0,0,.8);font-size:9px;padding:2px 4px;border-radius:4px}.content-main{min-width:0;flex:1}.content-main h3{font-size:12px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content-main p{font-size:10px;color:var(--muted);margin:4px 0 7px}.content-meta{display:flex;align-items:center;justify-content:space-between}.content-meta strong{font-size:13px}.status{padding:4px 7px;border-radius:5px;font-size:9px;font-weight:750;text-transform:uppercase}.status.unclaimed{color:#ffbc35;background:#3c2b0f}.status.ready{color:#c68cff;background:#291842}.status.submitted,.status.processing{color:#45a8ff;background:#102c46}.status.approved{color:#63dfa1;background:#103020}.status.rejected{color:#ff6b7c;background:#39131a}.status.cashed_out{color:#55e296;background:#0d3621}.chips{display:flex;gap:7px;overflow:auto;padding:1px 1px 10px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chips button,.billing-toggle button{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;padding:8px 13px;white-space:nowrap;font-size:11px;display:flex;align-items:center;gap:6px}.chips button.active,.billing-toggle button.active{color:white;border-color:transparent;background:linear-gradient(100deg,#8240f1,#6825dd)}.chips .icon{width:14px}.primary,.secondary,.gold,.outline{min-height:43px;border-radius:10px;border:0;font-weight:700;color:white;cursor:pointer}.primary{background:linear-gradient(100deg,#8d3dff,#6e20e5);box-shadow:0 9px 24px rgba(116,41,237,.22)}.secondary{background:#202733;color:#cbd2df}.gold{background:linear-gradient(100deg,#e1a927,#f4c342);color:#1b1505}.outline{background:transparent;border:1px solid #55308c}.full{width:100%}.filter-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:8px}.search-box{height:42px;display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:0 11px}.search-box .icon{width:17px;color:var(--muted)}.search-box input{width:100%;background:none;border:0;outline:0;color:white}.filter-button{border:1px solid var(--border);border-radius:11px;background:var(--surface);color:white;padding:0 12px;display:flex;align-items:center;gap:6px}.filter-button .icon{width:16px}.result-count{font-size:10px;color:var(--muted);margin:11px 1px}.fab{position:fixed;right:max(calc((100vw - var(--max-width))/2 + 18px),18px);bottom:92px;width:51px;height:51px;border-radius:50%;border:0;color:white;background:linear-gradient(145deg,#9d49ff,#6d1ee6);display:grid;place-items:center;box-shadow:0 14px 32px rgba(103,31,224,.4)}.account-groups{margin-top:12px}.account-group{background:var(--surface);border:1px solid var(--border-soft);border-radius:14px;overflow:hidden}.account-group-head{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid var(--border-soft)}.account-group-head h2{font-size:13px;display:flex;align-items:center;gap:7px}.account-group-head button{border:0;background:none;color:var(--violet);font-size:10px}.account-row{border:0;border-radius:0;background:transparent}.account-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,#27384d,#6d3e67);display:grid;place-items:center;font-weight:750}.connected{color:var(--green);font-size:9px}.chart-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:15px;padding:14px;margin-top:12px}.card-title{display:flex;justify-content:space-between}.card-title h2{font-size:13px}.card-title span{color:var(--muted);font-size:10px}.legend{display:flex;gap:14px;font-size:9px;margin:15px 0}.legend span:before{content:"";width:7px;height:7px;border-radius:2px;display:inline-block;margin-right:5px}.legend .yt:before{background:var(--youtube)}.legend .ig:before{background:var(--instagram)}.legend .tt:before{background:var(--tiktok)}.line-chart{height:150px;border-left:1px solid var(--border);border-bottom:1px solid var(--border);background:repeating-linear-gradient(to bottom,transparent 0 37px,rgba(255,255,255,.045) 38px)}.line-chart svg{width:100%;height:100%;overflow:visible}.line{fill:none;stroke-width:2.4}.yt-line{stroke:var(--youtube)}.ig-line{stroke:var(--instagram)}.tt-line{stroke:var(--tiktok)}.analytics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.analytics-card{min-width:0;background:var(--surface);border:1px solid var(--border-soft);border-radius:12px;padding:11px}.analytics-card span{font-size:9px;color:var(--muted)}.analytics-card strong{display:block;font-size:16px;margin:7px 0 3px}.analytics-card small{font-size:9px;color:var(--green)}.cashout-hero{background:linear-gradient(135deg,#34205d,#141825);border:1px solid #44316d;border-radius:15px;padding:16px;margin:11px 0}.cashout-hero strong{display:block;font-size:24px;margin:6px 0}.subscription-copy{text-align:center;margin:7px 15px 14px}.subscription-copy h2{font-size:17px}.subscription-copy p{font-size:10px;color:var(--muted);line-height:1.5;margin-top:5px}.billing-toggle{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#111722;border:1px solid var(--border);padding:4px;border-radius:999px;margin:0 auto 12px;max-width:245px}.billing-toggle button{justify-content:center;border:0;padding:8px}.billing-toggle b{color:var(--green)}.plan-stack{display:grid;gap:10px}.plan-card{position:relative;background:linear-gradient(145deg,#111925,#0c111a);border:1px solid var(--border);border-radius:14px;padding:15px}.plan-card.pro{border-color:#8b3dff;background:linear-gradient(145deg,rgba(112,39,215,.32),#131420)}.plan-card.business{border-color:#5b461d;background:linear-gradient(145deg,rgba(102,75,16,.18),#11130f)}.popular{position:absolute;right:13px;top:-10px;background:#7c32e4;padding:4px 10px;border-radius:999px;font-size:8px;font-weight:800}.plan-head{display:flex;justify-content:space-between}.plan-head h2{font-size:18px}.plan-head p{color:var(--muted);font-size:10px;margin-top:2px}.radio{width:18px;height:18px;border:1px solid #556071;border-radius:50%}.radio.selected{border:5px solid #9c4cff;background:white}.plan-price{font-size:23px;font-weight:750;margin:13px 0}.plan-price small{font-size:10px;color:var(--muted);font-weight:400}.plan-card ul{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:7px}.plan-card li{font-size:10px;color:#c8cfdb}.plan-card li:before{content:"✓";color:var(--green);font-weight:800;margin-right:7px}.plan-card.business li:before{color:var(--gold)}.plan-stack+.outline{margin-top:10px}.profile-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:14px;padding:13px;display:flex;align-items:center;gap:11px}.avatar{width:43px;height:43px;border-radius:50%;background:linear-gradient(145deg,#8b3dff,#2c1a46);display:grid;place-items:center;font-weight:800}.avatar.large{width:54px;height:54px}.profile-card>div:nth-child(2){flex:1}.profile-card strong,.profile-card small{display:block}.profile-card small{font-size:10px;color:var(--muted);margin-top:3px}.link-button,.text-button{border:0;background:none;color:var(--violet);font-size:10px}.settings-group{margin-top:17px}.settings-group h2{font-size:11px;margin:0 4px 8px;color:#c5ccd8}.settings-group>button{width:100%;min-height:59px;border:0;border-bottom:1px solid var(--border-soft);background:var(--surface);color:white;display:flex;align-items:center;gap:11px;text-align:left;padding:9px 12px}.settings-group>button:first-of-type{border-radius:13px 13px 0 0}.settings-group>button:last-of-type{border-radius:0 0 13px 13px;border-bottom:0}.settings-group>button>div{flex:1}.settings-group strong,.settings-group small{display:block}.settings-group strong{font-size:12px}.settings-group small{font-size:9px;color:var(--muted);margin-top:3px}.settings-group>button>.icon{width:16px;color:var(--muted)}.setting-icon{width:31px;height:31px;border-radius:8px;background:#1c2330;display:grid;place-items:center;color:#bec8d6}.setting-icon .icon{width:16px}.setting-icon.purple{background:#291942;color:#a865ff}.setting-icon.goldbg{background:#302513;color:#f0b92f}.setting-icon.cyan{background:#112b31;color:#32c7dc}.bottom-nav{position:fixed;z-index:40;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:var(--max-width);height:calc(67px + var(--safe-bottom));padding:7px 8px var(--safe-bottom);display:grid;grid-template-columns:repeat(5,1fr);background:rgba(7,10,16,.94);backdrop-filter:blur(20px);border-top:1px solid var(--border-soft)}.bottom-nav button{border:0;background:none;color:#6f798a;display:grid;justify-items:center;align-content:center;gap:4px;font-size:9px}.bottom-nav button.active{color:#9a4cff}.bottom-nav .icon{width:19px;height:19px}.bottom-nav small{font-size:9px}.drawer{position:fixed;z-index:70;top:0;bottom:0;left:max(calc((100vw - var(--max-width))/2),0px);width:min(84vw,360px);padding:calc(18px + env(safe-area-inset-top)) 15px 20px;background:#090e16;transform:translateX(-105%);transition:.22s ease;border-right:1px solid var(--border)}.drawer.open{transform:none}.scrim{position:fixed;z-index:60;inset:0;background:rgba(0,0,0,.63);opacity:0;pointer-events:none;transition:.2s}.scrim.open{opacity:1;pointer-events:auto}.drawer-profile{display:flex;align-items:center;gap:10px;padding-bottom:17px;border-bottom:1px solid var(--border)}.drawer-profile>div:nth-child(2){flex:1}.drawer-profile strong,.drawer-profile small{display:block}.drawer-profile small{color:var(--violet);font-size:10px;margin-top:2px}.drawer-nav{display:grid;gap:3px;margin-top:14px}.drawer-nav button{height:45px;border:0;border-radius:10px;background:none;color:#aeb7c5;display:flex;align-items:center;gap:11px;text-align:left;padding:0 12px}.drawer-nav button.active{background:#28183f;color:white}.drawer-nav .icon{width:18px}.drawer-version{position:absolute;left:18px;right:18px;bottom:22px;border-top:1px solid var(--border);padding-top:13px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.modal{width:min(calc(100% - 20px),440px);max-height:88dvh;border:1px solid var(--border);border-radius:19px;background:#0a0f17;color:white;padding:0;box-shadow:var(--shadow)}.modal::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}.modal>form,.modal>#detailContent,.modal>#genericModalContent{padding:16px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.modal-head span{color:var(--violet);font-size:9px;font-weight:800}.modal-head h2{font-size:18px;margin-top:3px}.platform-connect{display:grid;gap:8px}.platform-connect>button{border:1px solid var(--border);background:var(--surface);color:white;border-radius:13px;padding:11px;display:flex;align-items:center;gap:11px;text-align:left}.platform-connect>button>div{flex:1}.platform-connect strong,.platform-connect small{display:block}.platform-connect small{color:var(--muted);font-size:9px;margin-top:4px}.platform-connect>button>.icon{width:16px;color:var(--muted)}.connect-form{text-align:center}.connect-form.hidden,.platform-connect.hidden{display:none}.oauth-logo{width:72px;height:72px;border-radius:23px;background:#181f2b;margin:8px auto 12px;display:grid;place-items:center}.oauth-logo .icon{width:40px;height:40px}.connect-form h3{font-size:18px}.connect-form>p{font-size:10px;color:var(--muted);line-height:1.5;margin:6px 10px 16px}.connect-form label{display:block;text-align:left;color:#b9c1cd;font-size:10px;margin:9px 0}.connect-form input{width:100%;margin-top:5px;border:1px solid var(--border);border-radius:10px;background:#101722;color:white;padding:12px;outline:0}.connect-form .text-button{margin-top:10px}.secure-note{display:flex;align-items:center;gap:9px;background:#111926;border:1px solid var(--border);border-radius:12px;padding:10px;margin-top:13px;color:var(--green)}.secure-note .icon{width:18px}.secure-note span{font-size:9px;color:var(--muted)}.secure-note strong{display:block;color:var(--green);font-size:10px;margin-bottom:2px}.detail-hero{height:190px;border-radius:13px;background:linear-gradient(145deg,#183448,#321b20);position:relative;overflow:hidden}.detail-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 66% 33%,#ffb044 0 5%,transparent 13%),linear-gradient(180deg,transparent,rgba(0,0,0,.7))}.detail-close{position:absolute;right:10px;top:10px;z-index:2}.detail-title{margin:13px 0}.detail-title h2{font-size:17px}.detail-title p{color:var(--muted);font-size:10px;margin-top:4px}.detail-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.detail-metric{background:var(--surface-2);border-radius:10px;padding:10px 4px;text-align:center}.detail-metric strong,.detail-metric small{display:block}.detail-metric strong{font-size:13px}.detail-metric small{color:var(--muted);font-size:8px;margin-top:3px}.claim-panel{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:13px;margin-top:12px}.claim-panel label{display:block;color:var(--muted);font-size:9px;margin:9px 0}.claim-panel input,.claim-panel select,.claim-panel textarea{width:100%;margin-top:5px;background:#0b111a;border:1px solid var(--border);border-radius:9px;color:white;padding:10px}.claim-panel textarea{min-height:65px;resize:vertical}.claim-panel .primary{margin-top:10px}.comparison-table{width:100%;border-collapse:collapse;font-size:9px}.comparison-table th,.comparison-table td{border:1px solid var(--border);padding:9px 5px;text-align:center}.comparison-table th:first-child,.comparison-table td:first-child{text-align:left}.comparison-table th{color:var(--muted)}.checkout-box{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:13px;margin:12px 0}.checkout-box h3{font-size:13px}.checkout-row{display:flex;justify-content:space-between;margin-top:8px;font-size:11px}.payment-list{display:grid;gap:8px;margin:10px 0}.payment-list label{display:flex;align-items:center;gap:9px;border:1px solid var(--border);border-radius:11px;padding:12px}.toast{position:fixed;z-index:100;left:50%;bottom:90px;transform:translate(-50%,20px);background:#1a2230;border:1px solid #344053;color:white;border-radius:999px;padding:10px 15px;font-size:11px;opacity:0;pointer-events:none;transition:.2s;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:700px){body{padding:20px 0}.app-shell{border-radius:25px;overflow:hidden;min-height:calc(100dvh - 40px);box-shadow:0 30px 80px rgba(0,0,0,.6)}.bottom-nav{bottom:20px;border-radius:0 0 25px 25px}.fab{right:calc((100vw - var(--max-width))/2 + 18px);bottom:112px}.drawer{top:20px;bottom:20px;border-radius:25px 0 0 25px}}
/* v1.1.1 visual clarity + official platform marks */
.brand-icon{width:100%;height:100%;display:block}.platform-icon .brand-icon{width:29px;height:29px}.platform-mini{width:22px;height:22px;border-radius:6px;overflow:hidden;display:block}.platform-mini .brand-icon{width:22px;height:22px}.account-group-head .brand-icon{width:19px;height:19px}.oauth-logo .brand-icon{width:74px;height:74px}.hero-stat-v2{display:block;padding:18px 17px 14px}.hero-copy{display:grid;grid-template-columns:1fr auto;align-items:end}.hero-copy>span{grid-column:1/-1}.hero-copy strong{font-size:34px;letter-spacing:-1px}.hero-copy em{font-style:normal;font-size:11px;color:rgba(255,255,255,.76);padding-bottom:10px}.hero-copy small{grid-column:1/-1}.hero-chart-v2{height:116px;display:grid;grid-template-columns:34px 1fr;gap:7px;margin-top:9px}.hero-y-axis,.performance-y{display:flex;flex-direction:column;justify-content:space-between;color:rgba(255,255,255,.7);font-size:9px;text-align:right;padding:2px 0 18px}.hero-plot,.performance-plot{position:relative;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.09) 0 1px,transparent 1px 29px);border-left:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}.hero-plot svg{width:100%;height:90px}.hero-line{fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.hero-area{fill:url(#heroFill)}#heroDots circle{fill:#fff;stroke:#8b3cf2;stroke-width:1.5}.hero-x-axis,.performance-x{display:flex;justify-content:space-between;font-size:8px;color:rgba(255,255,255,.64);padding-top:5px}.detail-hero{position:relative;overflow:hidden;background:linear-gradient(150deg,#173347,#23141c);height:210px}.detail-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 69% 35%,#f3a43a 0 5%,transparent 15%),linear-gradient(180deg,transparent 30%,rgba(0,0,0,.72)),linear-gradient(145deg,#1b4054,#121722 53%,#4e2a20)}.detail-hero.window:before{background:linear-gradient(90deg,transparent 31%,rgba(104,200,238,.3) 32% 34%,transparent 35% 65%,rgba(104,200,238,.3) 66% 68%,transparent 69%),linear-gradient(#294b62,#101822)}.detail-hero.city:before{background:linear-gradient(135deg,#162a43,#5b274d)}.detail-hero.finance:before{background:linear-gradient(155deg,#0d3829,#20142b)}.detail-hero.forest:before{background:linear-gradient(145deg,#18463d,#0a1719)}.detail-platform-badge{position:absolute;z-index:2;left:12px;top:12px;background:rgba(5,8,13,.78);backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:6px 9px;display:flex;align-items:center;gap:6px;font-size:10px}.detail-platform-badge .brand-icon{width:19px;height:19px}.detail-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:rgba(10,12,18,.56);color:white;display:grid;place-items:center}.detail-play .icon{width:25px;fill:currentColor}.primary-metric{background:linear-gradient(145deg,rgba(124,51,235,.38),rgba(91,35,173,.15));border-color:#7c37dd!important}.performance-panel{margin:13px 0;background:linear-gradient(145deg,#111924,#0b1018);border:1px solid var(--border);border-radius:15px;padding:14px}.performance-head{display:flex;justify-content:space-between;align-items:center}.performance-head span{font-size:9px;color:#a986e9;font-weight:800;letter-spacing:.7px}.performance-head h3{font-size:14px;margin-top:3px}.growth-positive{color:var(--green);font-size:14px}.performance-summary{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:7px;margin:13px 0}.performance-summary>div{background:#0b111a;border:1px solid var(--border-soft);border-radius:10px;padding:10px 8px}.performance-summary small{display:block;color:var(--muted);font-size:8px}.performance-summary strong{display:block;font-size:13px;margin-top:5px}.performance-chart{height:178px;display:grid;grid-template-columns:37px 1fr;gap:7px}.performance-y{color:var(--muted);padding-bottom:23px}.performance-plot{background:repeating-linear-gradient(to bottom,rgba(255,255,255,.05) 0 1px,transparent 1px 48px)}.performance-plot svg{width:100%;height:150px}.performance-line{fill:none;stroke:#9b4dff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.performance-area{fill:url(#detailFill)}.performance-plot circle{fill:#d6b8ff;stroke:#7d2ee7;stroke-width:2}.performance-x{color:var(--muted)}.performance-note{font-size:9px;color:var(--muted);margin-top:10px;line-height:1.4}.platform-connect>button{min-height:72px}.platform-connect .platform-logo{background:transparent!important}.platform-connect .platform-logo .brand-icon{width:44px;height:44px}
@media(max-width:390px){.hero-copy strong{font-size:29px}.hero-chart-v2{grid-template-columns:31px 1fr}.performance-summary{grid-template-columns:1fr 1fr}.performance-summary>div:first-child{grid-column:1/-1}}
/* v1.1.2 interaction fixes */
.icon-button,.back-button,[data-go],[data-back],[data-open],.drawer-nav button{position:relative;z-index:1;pointer-events:auto;cursor:pointer;touch-action:manipulation}.modal-close-button{z-index:20;min-width:40px;min-height:40px}.modal-head{position:relative;z-index:5}.page-intro .control{min-width:138px}.control{cursor:pointer}.bottom-nav button{touch-action:manipulation}.drawer.open{pointer-events:auto}.scrim.open{pointer-events:auto}
.empty-account,.empty-state{padding:18px;text-align:center;color:var(--muted)}.empty-account p,.empty-state p{font-size:11px;line-height:1.5;margin-bottom:12px}.empty-account .primary{padding:10px 14px;min-height:38px}.manage-account-list{display:grid;gap:8px;margin-bottom:14px}.manage-account-row{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.danger-button{border:1px solid #6f2630;background:#2a1117;color:#ff7a88;border-radius:9px;padding:8px 10px;font-size:10px;cursor:pointer}
/* v1.1.6 language and persistent notification center */
.notification-button{position:relative}.notification-badge{position:absolute;right:1px;top:0;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#ff3158;border:2px solid #080b12;color:#fff;font-size:8px;font-weight:800;display:grid;place-items:center}.hidden{display:none!important}.compact-action{font-size:9px;white-space:nowrap}.notification-summary,.language-hero{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--border);border-radius:15px;background:linear-gradient(145deg,#121a27,#0c111a);margin-bottom:12px}.notification-summary>div,.language-hero>div{min-width:0}.notification-summary strong,.notification-summary small,.language-hero strong,.language-hero small{display:block}.notification-summary small,.language-hero small{color:var(--muted);font-size:9px;line-height:1.45;margin-top:4px}.notification-list{display:grid;gap:9px}.notification-card{position:relative;display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:start;padding:13px;border:1px solid var(--border);border-radius:14px;background:var(--surface);cursor:pointer;transition:border-color .18s,transform .18s}.notification-card:active{transform:scale(.99)}.notification-card.unread{border-color:rgba(139,71,255,.72);background:linear-gradient(145deg,rgba(91,42,161,.25),#101722 52%)}.notification-type{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#182131;color:#a96bff}.notification-type.update{background:linear-gradient(145deg,#6826d7,#9d45ff);color:#fff}.notification-type .icon{width:20px}.notification-card-head{display:flex;align-items:center;gap:7px}.notification-card-head strong{font-size:11px;line-height:1.35}.notification-card-head b{font-size:8px;border:1px solid #7044bd;background:#28194a;color:#c7a5ff;border-radius:999px;padding:2px 6px}.notification-card p{color:#b2bbc7;font-size:9px;line-height:1.5;margin-top:5px}.notification-card small{display:block;color:var(--muted);font-size:8px;margin-top:7px}.unread-dot{width:8px;height:8px;border-radius:50%;background:#a94cff;box-shadow:0 0 0 4px rgba(169,76,255,.12)}.settings-count{min-width:20px;height:20px;border-radius:999px;padding:0 6px;background:#6e2bd1;color:white;font-size:9px;font-weight:800;display:grid;place-items:center;margin-left:auto}.language-orb{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#6f2be2,#ad4cff);font-weight:900;font-size:17px}.language-options{display:grid;gap:10px}.language-card{width:100%;display:grid;grid-template-columns:45px 1fr 26px;gap:11px;align-items:center;text-align:left;padding:14px;border:1px solid var(--border);border-radius:15px;background:var(--surface);color:#fff;cursor:pointer}.language-card.selected{border-color:#8e45ef;background:linear-gradient(145deg,rgba(102,42,198,.3),#111824);box-shadow:0 0 0 1px rgba(142,69,239,.14) inset}.language-card .flag{width:43px;height:43px;border-radius:12px;background:#171f2b;display:grid;place-items:center;font-size:23px}.language-card strong,.language-card small{display:block}.language-card strong{font-size:12px}.language-card small{font-size:9px;color:var(--muted);margin-top:4px}.language-check{width:22px;height:22px;border:1px solid #394659;border-radius:50%;display:grid;place-items:center;color:transparent}.language-card.selected .language-check{background:#813be8;border-color:#813be8;color:#fff}.language-note{display:flex;gap:10px;align-items:flex-start;margin-top:13px;padding:12px;border:1px solid rgba(39,202,119,.26);background:rgba(22,104,65,.15);border-radius:13px;color:#5ee497}.language-note .icon{width:17px;flex:0 0 auto}.language-note p{font-size:9px;line-height:1.5;color:#9bcbb0}
.oauth-login-button{display:flex;align-items:center;justify-content:center;text-decoration:none;margin-top:18px}.oauth-permissions{display:grid;gap:9px;text-align:left;background:#0b121c;border:1px solid var(--border);border-radius:12px;padding:12px;margin-top:12px}.oauth-permissions strong{font-size:11px;color:#fff}.oauth-permissions span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px}.oauth-permissions .icon{width:14px;height:14px;color:var(--green)}
/* v1.2.3 profile and true empty-state */
.page-subtitle{font-size:9px;color:var(--muted);margin-top:3px}
.profile-identity-card{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(145deg,rgba(75,35,135,.38),#101722);margin-bottom:14px}
.profile-identity-card>div:last-child{min-width:0}.profile-identity-card strong,.profile-identity-card small{display:block}.profile-identity-card strong{font-size:14px}.profile-identity-card small{font-size:9px;color:var(--muted);margin-top:4px}
.profile-avatar-ring{position:relative;width:70px;height:70px;border:2px solid #8f47ef;border-radius:50%;padding:4px;flex:0 0 auto}
.profile-avatar{width:58px!important;height:58px!important;font-size:17px!important}
.avatar-edit{position:absolute;right:-2px;bottom:-2px;width:25px;height:25px;border-radius:50%;border:2px solid #101722;background:#262f3d;color:#fff;cursor:pointer}
.profile-plan{display:inline-flex;margin-top:8px;border-radius:999px;padding:3px 8px;background:#7131d8;color:#fff;font-size:8px;font-weight:800}
.profile-form{padding:14px;border:1px solid var(--border);border-radius:16px;background:#0d141e}
.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.profile-grid label>span{display:block;font-size:9px;font-weight:700;margin-bottom:6px}
.profile-grid label>small{display:block;color:var(--muted);font-size:8px;margin-top:5px}
.profile-grid textarea{resize:vertical;min-height:92px}
.profile-wide{grid-column:1/-1}
.privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
.privacy-card{padding:13px;border-radius:14px;border:1px solid var(--border);background:#0c131d}
.privacy-card h3{font-size:10px;margin-bottom:9px}.privacy-card p{font-size:9px;line-height:1.7}
.privacy-card.public{border-color:rgba(36,210,122,.36);color:#64e69c}.privacy-card.private{border-color:rgba(237,174,43,.35);color:#f0bd53}
.profile-menu-group{margin-top:12px}
.empty-content-state{text-align:center;padding:34px 18px;border:1px dashed #344156;border-radius:16px;background:linear-gradient(145deg,#0f1722,#0a1018)}
.empty-content-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;margin:0 auto 14px;background:linear-gradient(145deg,#6928d7,#9b48ff);color:white}
.empty-content-icon .icon{width:27px;height:27px}.empty-content-state h3{font-size:14px}.empty-content-state p{font-size:10px;color:var(--muted);line-height:1.55;margin:8px auto 15px;max-width:310px}
@media(max-width:520px){.profile-grid,.privacy-grid{grid-template-columns:1fr}.profile-wide{grid-column:auto}}
/* v1.2.7 analytics and content filters */
.analytics-chart-host{min-height:205px;display:flex;align-items:center;justify-content:center;margin-top:10px}.analytics-empty-chart{text-align:center;padding:30px 18px;color:var(--muted)}.analytics-empty-chart>div{width:54px;height:54px;margin:0 auto 12px;border-radius:16px;display:grid;place-items:center;background:rgba(139,55,238,.16);color:#a663ff}.analytics-empty-chart .icon{width:28px;height:28px}.analytics-empty-chart h3{color:var(--text);font-size:13px;margin-bottom:7px}.analytics-empty-chart p{font-size:9px;line-height:1.55;max-width:300px}.analytics-y-axis{height:150px;display:flex;flex-direction:column;justify-content:space-between;font-size:7px;color:var(--muted);padding:3px 5px 3px 0}.analytics-plot{flex:1;min-width:0}.analytics-plot svg{width:100%;height:150px;overflow:visible}.chart-grid{stroke:#263244;stroke-width:.7}.analytics-x-axis{display:flex;justify-content:space-between;margin-top:6px;color:var(--muted);font-size:7px}.analytics-empty-small{padding:18px;border:1px dashed var(--border);border-radius:14px;text-align:center}.analytics-empty-small strong{font-size:11px}.analytics-empty-small p{font-size:8px;color:var(--muted);margin-top:6px;line-height:1.5}.analytics-card-brand{display:flex;align-items:center;gap:7px}.analytics-card-brand .brand-icon{width:18px;height:18px}.filter-count{display:inline-grid;place-items:center;min-width:17px;height:17px;border-radius:999px;background:#8e35f0;color:#fff;font-size:8px;padding:0 5px}.filter-count.hidden{display:none}.filter-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.filter-form-grid label>span{display:block;font-size:9px;font-weight:700;margin-bottom:6px}.filter-help{margin-top:14px;padding:12px;border-radius:12px;border:1px solid rgba(139,55,238,.25);background:rgba(139,55,238,.08)}.filter-help strong{font-size:10px}.filter-help p{font-size:8px;color:var(--muted);line-height:1.55;margin-top:5px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.modal-actions button{flex:1}.status-quick-filter{margin-top:8px}@media(max-width:520px){.filter-form-grid{grid-template-columns:1fr}}
/* v1.2.8 Cashout and Subscription interactivity */
.filter-trigger{position:relative}.filter-count{position:absolute;right:-4px;top:-5px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#ff315f;color:#fff;font-size:8px;font-weight:800;display:grid;place-items:center}
.cashout-tabs{overflow-x:auto}.cashout-list{display:grid;gap:10px;margin-top:12px}
.cashout-row{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:11px;align-items:center;padding:11px;border:1px solid var(--border);border-radius:14px;background:#0e1621;cursor:pointer}
.cashout-row .thumb{width:62px;height:54px}.cashout-main{min-width:0}.cashout-main h3{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cashout-main p,.cashout-main small{display:block;color:var(--muted);font-size:8px;margin-top:4px}
.cashout-value{text-align:right}.cashout-value strong{display:block;font-size:10px}.cashout-state{display:inline-flex;margin-top:6px;padding:3px 7px;border-radius:999px;font-size:7px;font-weight:800}
.cashout-state.paid{background:rgba(24,196,104,.16);color:#53e59a}.cashout-state.pending{background:rgba(245,175,36,.15);color:#ffc65c}.cashout-state.failed{background:rgba(255,65,85,.14);color:#ff7787}
.active-filter-row{display:flex;gap:6px;overflow-x:auto;margin-top:10px}.active-filter-row span{white-space:nowrap;padding:5px 8px;border-radius:999px;background:#23143b;color:#cfa6ff;font-size:8px;border:1px solid #4e267d}
.filter-modal-card{max-width:430px}.filter-field{display:block;margin-bottom:12px}.filter-field>span{display:block;font-size:9px;font-weight:700;margin-bottom:6px}.filter-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin-top:14px}
.subscription-current{display:flex;align-items:center;justify-content:space-between;margin:12px 0;padding:11px 13px;border-radius:13px;border:1px solid #4b2a75;background:linear-gradient(145deg,rgba(104,43,192,.24),rgba(22,16,35,.65))}
.subscription-current span{font-size:9px;color:var(--muted)}.subscription-current strong{font-size:10px;color:#d8bcff}
.plan-card{transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.plan-card.selected-plan{border-color:#9b4dff!important;box-shadow:0 0 0 1px rgba(155,77,255,.35),0 14px 28px rgba(91,33,166,.15)}
.plan-price em{display:block;margin-top:5px;font-style:normal;font-size:8px;color:#53e59a}.modal-note{padding:12px;border:1px solid var(--border);border-radius:12px;color:var(--muted);font-size:9px;margin:12px 0}
@media(max-width:520px){.cashout-row{grid-template-columns:55px minmax(0,1fr)}.cashout-value{grid-column:2;text-align:left;display:flex;justify-content:space-between;align-items:center}.cashout-row .thumb{width:55px;height:50px}}
/* v1.2.9 PWA branding */
.brand-app-icon{
width:34px;
height:34px;
border-radius:10px;
object-fit:cover;
box-shadow:0 0 18px rgba(153,67,255,.48);
flex:0 0 auto;
}
@media (display-mode:standalone){
body{overscroll-behavior-y:none;}
.app-shell{min-height:100dvh;}
}