/* TaskBloom v16 — Six site-wide design themes. Styling only: reward, ads and payout code untouched. */
.tb-theme{--ui-bg:#f8f5ff;--ui-panel:#fff;--ui-soft:#f5efff;--ui-text:#281451;--ui-sub:#6c6283;--ui-line:#eadffa;--ui-accent:#8535e5;--ui-accent2:#e73fbd;--ui-head:#fff;--ui-hero:#f7f0ff;--ui-elevation:0 14px 35px rgba(78,28,135,.08);--ui-muted-rgb:111,72,167;--ui-focus:#d877ed}
.tb-theme[data-theme="midnight-violet"]{--purple:#c14afa;--pink:#ff48c0;--deep:#f4ecff;--ink:#f5efff;--muted:#ada4cf;--line:#4d337b;--bg:#080516;--ui-bg:#090618;--ui-panel:#151029;--ui-soft:#201539;--ui-text:#f6efff;--ui-sub:#aba0ce;--ui-line:#483269;--ui-accent:#b546f7;--ui-accent2:#ff4bc6;--ui-head:#0e0920;--ui-hero:#140c2e;--ui-elevation:0 18px 48px rgba(141,55,238,.15);--ui-focus:#f372f6}
.tb-theme[data-theme="lavender-light"]{--purple:#7936e3;--pink:#df32b5;--deep:#1e1350;--ink:#221550;--muted:#756b91;--bg:#fcfaff;--ui-bg:#fcfaff;--ui-panel:#fff;--ui-soft:#f4efff;--ui-text:#211449;--ui-sub:#73668b;--ui-line:#e9dff7;--ui-accent:#7733e4;--ui-accent2:#df33b8;--ui-head:#fff;--ui-hero:#faf7ff;--ui-elevation:0 14px 35px rgba(82,46,145,.06)}
.tb-theme[data-theme="electric-blue"]{--purple:#20b8ff;--pink:#8559ff;--deep:#f0f7ff;--ink:#e9f7ff;--muted:#9fb5d4;--line:#134a87;--bg:#02112b;--ui-bg:#03122d;--ui-panel:#081e40;--ui-soft:#0b2c56;--ui-text:#e7f9ff;--ui-sub:#9cbadb;--ui-line:#1b4e81;--ui-accent:#06bbfc;--ui-accent2:#6955fb;--ui-head:#04132f;--ui-hero:#071c3e;--ui-elevation:0 18px 45px rgba(0,170,255,.15);--ui-focus:#27dbff}
.tb-theme[data-theme="lilac-studio"]{--purple:#7435db;--pink:#f044b4;--deep:#1f164a;--ink:#211752;--muted:#73668c;--bg:#fdfaff;--ui-bg:#fdfaff;--ui-panel:#fff;--ui-soft:#f6efff;--ui-text:#241950;--ui-sub:#736a89;--ui-line:#ede2fc;--ui-accent:#763be8;--ui-accent2:#f044ae;--ui-head:#fff;--ui-hero:#f8efff;--ui-elevation:0 14px 34px rgba(71,42,128,.075)}
.tb-theme[data-theme="neon-rose"]{--purple:#e948df;--pink:#ff3a9c;--deep:#faeaff;--ink:#fff0ff;--muted:#b9a6cb;--line:#4c2b66;--bg:#080713;--ui-bg:#080715;--ui-panel:#171027;--ui-soft:#291637;--ui-text:#fff2ff;--ui-sub:#c0a9d0;--ui-line:#582f6d;--ui-accent:#e94de3;--ui-accent2:#ff359e;--ui-head:#100b23;--ui-hero:#1c0d2c;--ui-elevation:0 20px 50px rgba(245,31,195,.13);--ui-focus:#ff77d5}

/* Reference pages share component structure. Every theme affects the entire website. */
.tb-theme:not([data-theme="original"]){background:var(--ui-bg)!important;color:var(--ui-text);}
.tb-theme:not([data-theme="original"]) .topbar{background:var(--ui-head)!important;border-bottom:1px solid var(--ui-line);box-shadow:none}
.tb-theme:not([data-theme="original"]) .desktop-nav a,.tb-theme:not([data-theme="original"]) .nav-quiet,.tb-theme:not([data-theme="original"]) .brand,.tb-theme:not([data-theme="original"]) .brand:hover{color:var(--ui-text)}
.tb-theme:not([data-theme="original"]) .desktop-nav a[href*="page=home"]{color:var(--ui-accent);border-bottom:2px solid var(--ui-accent);padding:7px 0}
.tb-theme:not([data-theme="original"]) .desktop-nav a:hover{color:var(--ui-accent)}
.tb-theme:not([data-theme="original"]) a:not(.btn):not(.brand):not(.sidebar-link){color:var(--ui-accent)}
.tb-theme:not([data-theme="original"]) .brand-mark,.tb-theme:not([data-theme="original"]) .btn:not(.outline):not(.light):not(.light-outline),.tb-theme:not([data-theme="original"]) .task-filter-row .selected{background:linear-gradient(112deg,var(--ui-accent),var(--ui-accent2))!important;color:#fff!important;box-shadow:0 8px 25px color-mix(in srgb,var(--ui-accent) 25%, transparent)}
.tb-theme:not([data-theme="original"]) .btn.light,.tb-theme:not([data-theme="original"]) .btn.outline,.tb-theme:not([data-theme="original"]) .btn.light-outline{background:var(--ui-panel)!important;color:var(--ui-accent)!important;border:1px solid var(--ui-accent)}
.tb-theme:not([data-theme="original"]) .ticker{background:color-mix(in srgb,var(--ui-hero) 87%,var(--ui-accent) 13%)!important;border-bottom:1px solid var(--ui-line);color:var(--ui-text)}
.tb-theme:not([data-theme="original"]) .ticker-label{background:linear-gradient(110deg,var(--ui-accent),var(--ui-accent2));color:#fff;border-radius:9px;padding:6px 13px}
.tb-theme:not([data-theme="original"]) .ticker-move,.tb-theme:not([data-theme="original"]) .ticker-move span{color:var(--ui-sub)}
.tb-theme:not([data-theme="original"]) .home-hero{background:radial-gradient(ellipse at 78% 48%,color-mix(in srgb,var(--ui-accent) 29%,transparent),transparent 45%),radial-gradient(ellipse at 11% 95%,color-mix(in srgb,var(--ui-accent2) 13%,transparent),transparent 55%),var(--ui-hero)!important;border:1px solid var(--ui-line);box-shadow:var(--ui-elevation);padding:clamp(28px,4vw,54px);border-radius:27px;min-height:430px;isolation:isolate}
.tb-theme:not([data-theme="original"]) .home-hero h1{color:var(--ui-text);font-size:clamp(41px,4.6vw,67px);font-weight:900;letter-spacing:-2.2px}
.tb-theme:not([data-theme="original"]) .home-hero h1 span{color:var(--ui-accent2)}
.tb-theme:not([data-theme="original"]) .home-hero p,.tb-theme:not([data-theme="original"]) .section-header.modern p{color:var(--ui-sub)}
.tb-theme:not([data-theme="original"]) .hero-kicker{background:color-mix(in srgb,var(--ui-accent) 18%,transparent);color:var(--ui-accent2);border:1px solid color-mix(in srgb,var(--ui-accent) 25%,transparent)}
.tb-theme:not([data-theme="original"]) .hero-rate{background:color-mix(in srgb,var(--ui-accent) 15%,transparent);border:1px solid color-mix(in srgb,var(--ui-accent) 30%,transparent);color:var(--ui-text);border-radius:14px;padding:12px 18px;display:inline-block;font-size:20px}
.tb-theme:not([data-theme="original"]) .hero-main-card{overflow:visible;background:linear-gradient(135deg,color-mix(in srgb,var(--ui-panel) 80%,var(--ui-accent) 20%),var(--ui-panel));border:1px solid var(--ui-accent);box-shadow:0 18px 65px color-mix(in srgb,var(--ui-accent) 25%,transparent)}
.tb-theme:not([data-theme="original"]) .hero-money{background:var(--ui-soft);color:var(--ui-text);border:1px solid var(--ui-line)}
.tb-theme:not([data-theme="original"]) .hero-money small{color:#2ed8ae}
.tb-theme:not([data-theme="original"]) .hero-task-sheet{background:linear-gradient(145deg,var(--ui-accent),var(--ui-accent2));max-width:66%;box-shadow:0 14px 30px color-mix(in srgb,var(--ui-accent) 22%,transparent)}
.tb-theme:not([data-theme="original"]) .hero-side-benefits>div,.tb-theme:not([data-theme="original"]) .home-stat-card,.tb-theme:not([data-theme="original"]) .homepage-section,.tb-theme:not([data-theme="original"]) .home-task-card,.tb-theme:not([data-theme="original"]) .offerwall-card,.tb-theme:not([data-theme="original"]) .payment-proof-mini,.tb-theme:not([data-theme="original"]) .news-ticker-card{background:var(--ui-panel)!important;border:1px solid var(--ui-line);box-shadow:var(--ui-elevation);color:var(--ui-text)}
.tb-theme:not([data-theme="original"]) .hero-side-benefits b,.tb-theme:not([data-theme="original"]) .home-stat-card strong,.tb-theme:not([data-theme="original"]) .section-header.modern h2,.tb-theme:not([data-theme="original"]) .home-task-card h3,.tb-theme:not([data-theme="original"]) .offerwall-card strong,.tb-theme:not([data-theme="original"]) .payment-proof-mini strong{color:var(--ui-text)}
.tb-theme:not([data-theme="original"]) .hero-side-benefits small,.tb-theme:not([data-theme="original"]) .home-stat-card small,.tb-theme:not([data-theme="original"]) .home-task-card p,.tb-theme:not([data-theme="original"]) .offerwall-card small,.tb-theme:not([data-theme="original"]) .news-ticker-items,.tb-theme:not([data-theme="original"]) .payment-proof-mini small{color:var(--ui-sub)}
.tb-theme:not([data-theme="original"]) .task-brand-badge,.tb-theme:not([data-theme="original"]) .stat-icon,.tb-theme:not([data-theme="original"]) .offerwall-icon{background:linear-gradient(145deg,var(--ui-accent),var(--ui-accent2));color:#fff}
.tb-theme:not([data-theme="original"]) .task-filter-row span:not(.selected){background:var(--ui-soft);border-color:var(--ui-line);color:var(--ui-sub)}
.tb-theme:not([data-theme="original"]) .points-box,.tb-theme:not([data-theme="original"]) .task-category-pill{background:color-mix(in srgb,var(--ui-accent2) 12%,transparent);color:var(--ui-accent2)}
.tb-theme:not([data-theme="original"]) .proof-pill{background:color-mix(in srgb,var(--ui-accent) 12%,transparent);color:var(--ui-accent)}
.tb-theme:not([data-theme="original"]) .proof-amount{color:#27d7af}
.tb-theme:not([data-theme="original"]) .footer{background:var(--ui-head)!important;border-top:1px solid var(--ui-line)}
.tb-theme:not([data-theme="original"]) .footer h2,.tb-theme:not([data-theme="original"]) .footer h4,.tb-theme:not([data-theme="original"]) .footer .brand{color:var(--ui-text)}
.tb-theme:not([data-theme="original"]) .footer p,.tb-theme:not([data-theme="original"]) .footer-bottom,.tb-theme:not([data-theme="original"]) .footer a:not(.btn){color:var(--ui-sub)}
.tb-theme:not([data-theme="original"]) .footer-top,.tb-theme:not([data-theme="original"]) .footer-bottom{border-color:var(--ui-line)}

/* Dashboard, login, register, settings, admin listings, tasks, support and policies */
.tb-theme:not([data-theme="original"]) .sidebar-panel,.tb-theme:not([data-theme="original"]) .panel,.tb-theme:not([data-theme="original"]) .auth-panel,.tb-theme:not([data-theme="original"]) .taskcard,.tb-theme:not([data-theme="original"]) .proof-card,.tb-theme:not([data-theme="original"]) .balance-card,.tb-theme:not([data-theme="original"]) .metric,.tb-theme:not([data-theme="original"]) .stat,.tb-theme:not([data-theme="original"]) .feature-tile,.tb-theme:not([data-theme="original"]) .quicklinks,.tb-theme:not([data-theme="original"]) .cta,.tb-theme:not([data-theme="original"]) .cookie-banner{background:var(--ui-panel)!important;color:var(--ui-text)!important;border:1px solid var(--ui-line)!important;box-shadow:var(--ui-elevation)!important}
.tb-theme:not([data-theme="original"]) .auth-aside{background:radial-gradient(ellipse at 80% 20%,color-mix(in srgb,var(--ui-accent) 34%,transparent),transparent 50%),var(--ui-hero)!important;border:1px solid var(--ui-line)!important;color:var(--ui-text)}
.tb-theme:not([data-theme="original"]) .auth-aside h1,.tb-theme:not([data-theme="original"]) .pagehead h1,.tb-theme:not([data-theme="original"]) .panel h2,.tb-theme:not([data-theme="original"]) .panel h3,.tb-theme:not([data-theme="original"]) .taskcard h3,.tb-theme:not([data-theme="original"]) .sidebar-top h3,.tb-theme:not([data-theme="original"]) .auth-panel h2,.tb-theme:not([data-theme="original"]) .metric strong,.tb-theme:not([data-theme="original"]) .balance-card h2{color:var(--ui-text)!important}
.tb-theme:not([data-theme="original"]) p,.tb-theme:not([data-theme="original"]) .panel p,.tb-theme:not([data-theme="original"]) .pagehead p,.tb-theme:not([data-theme="original"]) .sidebar-panel p,.tb-theme:not([data-theme="original"]) .taskcard p{color:var(--ui-sub)}
.tb-theme:not([data-theme="original"]) input:not([type=checkbox]):not([type=radio]),.tb-theme:not([data-theme="original"]) textarea,.tb-theme:not([data-theme="original"]) select{background:var(--ui-soft)!important;color:var(--ui-text)!important;border:1px solid var(--ui-line)!important;box-shadow:none!important}
.tb-theme:not([data-theme="original"]) input::placeholder,.tb-theme:not([data-theme="original"]) textarea::placeholder{color:var(--ui-sub)}
.tb-theme:not([data-theme="original"]) input:focus,.tb-theme:not([data-theme="original"]) textarea:focus,.tb-theme:not([data-theme="original"]) select:focus{outline:2px solid var(--ui-focus);outline-offset:1px}
.tb-theme:not([data-theme="original"]) label,.tb-theme:not([data-theme="original"]) .checkline,.tb-theme:not([data-theme="original"]) th,.tb-theme:not([data-theme="original"]) td,.tb-theme:not([data-theme="original"]) legend{color:var(--ui-text)}
.tb-theme:not([data-theme="original"]) table,.tb-theme:not([data-theme="original"]) .tablewrap{background:var(--ui-panel)!important;color:var(--ui-text)!important}
.tb-theme:not([data-theme="original"]) th,.tb-theme:not([data-theme="original"]) thead,.tb-theme:not([data-theme="original"]) tr:nth-child(even){background:var(--ui-soft)!important}
.tb-theme:not([data-theme="original"]) td,.tb-theme:not([data-theme="original"]) th,.tb-theme:not([data-theme="original"]) .simple-row,.tb-theme:not([data-theme="original"]) .keyvalues{border-color:var(--ui-line)!important}
.tb-theme:not([data-theme="original"]) .sidebar-top,.tb-theme:not([data-theme="original"]) .divider-label{border-color:var(--ui-line)}
.tb-theme:not([data-theme="original"]) .sidebar-link,.tb-theme:not([data-theme="original"]) .side-label{color:var(--ui-sub)}
.tb-theme:not([data-theme="original"]) .sidebar-link.active,.tb-theme:not([data-theme="original"]) .admin-tabs a.selected{background:linear-gradient(110deg,var(--ui-accent),var(--ui-accent2))!important;color:#fff!important}
.tb-theme:not([data-theme="original"]) .sidebar-link:hover,.tb-theme:not([data-theme="original"]) .admin-tabs a:not(.selected){background:var(--ui-soft);color:var(--ui-accent)}
.tb-theme:not([data-theme="original"]) .sidebar-bonus{background:linear-gradient(140deg,var(--ui-accent),var(--ui-accent2))!important}
.tb-theme:not([data-theme="original"]) .empty,.tb-theme:not([data-theme="original"]) .notice,.tb-theme:not([data-theme="original"]) .alert,.tb-theme:not([data-theme="original"]) .admin-tabs a,.tb-theme:not([data-theme="original"]) .tag,.tb-theme:not([data-theme="original"]) .pagination-bar{background:var(--ui-soft)!important;color:var(--ui-text)!important;border-color:var(--ui-line)!important}
.tb-theme:not([data-theme="original"]) .cookie-banner{color:var(--ui-text)}
.tb-theme:not([data-theme="original"]) .mobile-navigation{background:var(--ui-head)!important;border-color:var(--ui-line)}
.tb-theme:not([data-theme="original"]) .mobile-navigation a{color:var(--ui-text)}
.tb-theme:not([data-theme="original"]) .user-chip{background:var(--ui-soft);color:var(--ui-accent)}

/* Site-wide shareable hero dashboard illustration is graphical HTML, not false transaction data */
.hero-preview-header{font-weight:850;letter-spacing:-.3px;display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ui-text);margin-bottom:13px;position:relative;z-index:2}
.hero-preview-header .mini-logo{font-size:25px;color:var(--ui-accent2)}
.hero-preview-header .mini-status{margin-left:auto;font-size:10px;letter-spacing:.3px;font-weight:650;color:var(--ui-sub)}
.hero-earn-chart{width:70%;border-radius:13px;padding:10px 12px;background:color-mix(in srgb,var(--ui-accent) 12%,var(--ui-panel));border:1px solid var(--ui-line);margin-top:12px;box-shadow:0 6px 22px rgba(48,16,85,.08)}
.hero-earn-chart .chart-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:750;color:var(--ui-sub)}
.hero-earn-chart .chart-label b{color:var(--ui-accent2)}
.hero-main-card .hero-task-sheet{margin-top:11px}
.home-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}
.benefit-tile{display:flex;align-items:center;gap:18px;padding:22px;border-radius:18px;background:var(--ui-panel);border:1px solid var(--ui-line);box-shadow:var(--ui-elevation)}
.benefit-tile b{font-size:19px;line-height:1.25;color:var(--ui-text)}
.benefit-tile p{font-size:13px;line-height:1.5;margin:5px 0 0;color:var(--ui-sub)}
.benefit-icon{display:grid;place-items:center;flex:none;width:55px;height:55px;border-radius:18px;background:color-mix(in srgb,var(--ui-accent) 17%,var(--ui-panel));color:var(--ui-accent);font-size:28px;font-weight:900}
.tb-theme[data-theme="original"] .benefit-tile{--ui-panel:#fff;--ui-line:#eee2fb;--ui-sub:#716589;--ui-text:#22124b;--ui-accent:#7837dd;--ui-elevation:0 12px 35px rgba(78,28,135,.06)}
.tb-theme[data-theme="original"] .hero-preview-header{--ui-text:#291758;--ui-sub:#786694;--ui-accent2:#b237de}
.tb-theme[data-theme="original"] .hero-earn-chart{--ui-accent:#963cde;--ui-accent2:#b239dc;--ui-panel:#fff;--ui-line:#e7d8fb;--ui-sub:#6e5c88}

/* Theme-specific screenshot direction */
.tb-theme[data-theme="midnight-violet"] .home-hero{background:radial-gradient(ellipse at 67% 35%,rgba(175,58,247,.35),transparent 50%),radial-gradient(ellipse at 110% 120%,rgba(200,30,148,.27),transparent 65%),#0a0617!important}
.tb-theme[data-theme="electric-blue"] .home-hero{background:radial-gradient(ellipse at 73% 36%,rgba(0,198,255,.22),transparent 49%),radial-gradient(ellipse at 90% 100%,rgba(52,33,255,.34),transparent 60%),#03122b!important}
.tb-theme[data-theme="neon-rose"] .home-hero{background:radial-gradient(ellipse at 74% 38%,rgba(246,36,196,.3),transparent 52%),radial-gradient(ellipse at 1% 102%,rgba(112,37,145,.24),transparent 60%),#0c071b!important}
.tb-theme[data-theme="lavender-light"] .home-hero,.tb-theme[data-theme="lilac-studio"] .home-hero{border:0;box-shadow:none}
.tb-theme[data-theme="electric-blue"] .home-hero h1 span{color:#12dcff}
.tb-theme[data-theme="lavender-light"] .home-hero h1 span,.tb-theme[data-theme="lilac-studio"] .home-hero h1 span{background:linear-gradient(110deg,#7635e5,#eb2db7);-webkit-background-clip:text;background-clip:text;color:transparent}
.tb-theme[data-theme="midnight-violet"] .home-hero-art,.tb-theme[data-theme="electric-blue"] .home-hero-art,.tb-theme[data-theme="neon-rose"] .home-hero-art{transform:perspective(1000px) rotateY(-5deg)}
.tb-theme[data-theme="electric-blue"] .hero-coin.usdt{box-shadow:0 0 38px #00ffdc66}
.tb-theme[data-theme="neon-rose"] .hero-main-card{border-color:#ea39ea;box-shadow:0 0 35px #df33d84a}
.tb-theme[data-theme="midnight-violet"] .homepage-section,.tb-theme[data-theme="electric-blue"] .homepage-section,.tb-theme[data-theme="neon-rose"] .homepage-section{border-radius:16px}
.tb-theme[data-theme="midnight-violet"] .home-hero h1,.tb-theme[data-theme="electric-blue"] .home-hero h1,.tb-theme[data-theme="neon-rose"] .home-hero h1{text-shadow:0 2px 20px #160a4688}

/* Admin Theme Gallery - current site colors apply */
.theme-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;margin:18px 0 34px}
.theme-choice{overflow:hidden;border:1px solid var(--ui-line);background:var(--ui-panel);box-shadow:var(--ui-elevation);border-radius:20px;display:flex;flex-direction:column}
.theme-choice.theme-selected{outline:3px solid var(--ui-accent);outline-offset:2px}
.theme-thumb{height:250px;overflow:hidden;position:relative;background:var(--ui-soft)}
.theme-thumb img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.theme-choice-content{padding:19px;display:grid;gap:13px;flex:1;align-content:space-between}
.theme-choice-title{display:flex;align-items:center;justify-content:space-between;gap:10px}
.theme-choice-title strong{font-size:17px;color:var(--ui-text)}
.theme-current{font-size:11px;background:color-mix(in srgb,var(--ui-accent) 18%,var(--ui-panel));color:var(--ui-accent);border:1px solid var(--ui-accent);padding:3px 10px;border-radius:999px;font-weight:800}
.theme-choice-content p{color:var(--ui-sub);font-size:13px;margin:0}
.theme-action-form{margin:0}
.theme-action-form .btn{width:100%}
.theme-action-form .btn:disabled{opacity:.68;cursor:default;transform:none;box-shadow:none}
.theme-manager-info{background:var(--ui-panel)!important;color:var(--ui-text)}
@media(max-width:1200px){.theme-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-benefit-grid{gap:10px}}
@media(max-width:800px){.home-benefit-grid{grid-template-columns:1fr}.hero-earn-chart{display:none}.tb-theme:not([data-theme="original"]) .home-hero{min-height:auto}.tb-theme:not([data-theme="original"]) .home-hero-art{transform:none}}
@media(max-width:590px){.theme-picker-grid{grid-template-columns:1fr}.theme-thumb{height:275px}.tb-theme:not([data-theme="original"]) .home-hero h1{font-size:clamp(34px,10vw,48px)}.hero-preview-header .mini-status{display:none}.hero-coin.gold{right:10px}.hero-coin.usdt{right:6px;top:45px}}
@media(prefers-reduced-motion:reduce){.tb-theme *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* ==== V17: GENUINELY DISTINCT HOMEPAGE LAYOUTS ==== */
/* Layout is no longer just a palette switch. Sections are reorderable grid areas,
   and each theme has its own hero proportions, feature composition, and cards.
   Existing PHP-rendered tasks, withdrawals, offerwall links and advertisements stay live. */
.home-sections{min-width:0}
.tb-theme:not([data-theme="original"]) .home-sections{
 display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:18px;row-gap:20px;
 grid-template-areas:"hero hero hero hero hero hero hero hero hero hero hero hero"
 "benefits benefits benefits benefits benefits benefits benefits benefits benefits benefits benefits benefits"
 "stats stats stats stats stats stats stats stats stats stats stats stats"
 "ads ads ads ads ads ads ads ads ads ads ads ads"
 "tasks tasks tasks tasks tasks tasks tasks tasks tasks tasks tasks tasks"
 "offers offers offers offers offers offers offers offers offers offers offers offers"
 "proofs proofs proofs proofs proofs proofs news news news news news news";
 align-items:stretch;
}
.tb-theme:not([data-theme="original"]) .home-sections > .home-hero{grid-area:hero;min-width:0;margin:0}
.tb-theme:not([data-theme="original"]) .home-sections > .home-benefit-grid{grid-area:benefits;min-width:0;margin:0}
.tb-theme:not([data-theme="original"]) .home-sections > .homepage-stats{grid-area:stats;min-width:0;margin:0}
.tb-theme:not([data-theme="original"]) .home-sections > .home-ad-slot{grid-area:ads;min-width:0}
.tb-theme:not([data-theme="original"]) .home-sections > .feature-tasks{grid-area:tasks;min-width:0;margin:0}
.tb-theme:not([data-theme="original"]) .home-sections > .offerwall-strip{grid-area:offers;min-width:0;margin:0}
.tb-theme:not([data-theme="original"]) .home-sections > .payment-proof-strip{grid-area:proofs;min-width:0;margin:0}
.tb-theme:not([data-theme="original"]) .home-sections > .news-ticker-card{grid-area:news;min-width:0;margin:0;align-self:stretch}
.tb-theme:not([data-theme="original"]) .news-ticker-card{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:16px}
.tb-theme:not([data-theme="original"]) .news-ticker-items{display:grid;gap:13px;overflow:visible}
.tb-theme:not([data-theme="original"]) .news-ticker-items span{display:block;white-space:normal;line-height:1.5;padding:11px 13px;border:1px solid var(--ui-line);border-radius:12px;color:var(--ui-sub);background:var(--ui-soft)}
.tb-theme:not([data-theme="original"]) .payment-proof-row{grid-template-columns:repeat(2,minmax(0,1fr))}
.tb-theme:not([data-theme="original"]) .payment-proof-mini{flex-wrap:wrap;min-width:0}
.tb-theme:not([data-theme="original"]) .proof-amount{white-space:normal;margin-left:0}
.tb-theme:not([data-theme="original"]) .section-header.modern{min-height:58px}
.tb-theme:not([data-theme="original"]) .home-task-card .btn{margin-top:auto}
.tb-theme:not([data-theme="original"]) .hero-side-benefits>div{min-width:0}
.tb-theme:not([data-theme="original"]) .hero-side-benefits{min-width:0}
.tb-theme:not([data-theme="original"]) .home-hero-art{min-width:0}
/* Reference 1: Midnight Violet — broad hero, below-hero benefits, dense dashboard panels */
.tb-theme[data-theme="midnight-violet"] .home-sections{column-gap:16px;row-gap:18px}
.tb-theme[data-theme="midnight-violet"] .home-hero{grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);min-height:465px;border-radius:10px;padding:42px 34px}
.tb-theme[data-theme="midnight-violet"] .home-hero-art{grid-template-columns:minmax(0,1fr) 135px}
.tb-theme[data-theme="midnight-violet"] .hero-main-card{transform:rotate(-2deg);min-height:290px}
.tb-theme[data-theme="midnight-violet"] .hero-side-benefits{grid-template-rows:repeat(3,1fr)}
.tb-theme[data-theme="midnight-violet"] .home-benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.tb-theme[data-theme="midnight-violet"] .homepage-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.tb-theme[data-theme="midnight-violet"] .homepage-task-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.tb-theme[data-theme="midnight-violet"] .offerwall-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.tb-theme[data-theme="midnight-violet"] .offerwall-card{display:grid;grid-template-columns:1fr;justify-items:start;gap:9px}
.tb-theme[data-theme="midnight-violet"] .offerwall-arrow{justify-self:end}
/* Reference 2: Lavender Light — airy hero, elevated cards, two distinct lower columns */
.tb-theme[data-theme="lavender-light"] .home-sections{row-gap:25px;column-gap:22px}
.tb-theme[data-theme="lavender-light"] .home-hero{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);min-height:460px;padding:42px 25px 36px;background:transparent!important}
.tb-theme[data-theme="lavender-light"] .home-hero-art{grid-template-columns:1fr;max-width:100%;transform:none}
.tb-theme[data-theme="lavender-light"] .hero-main-card{min-height:340px;transform:rotate(2deg);margin:0 36px 0 6px}
.tb-theme[data-theme="lavender-light"] .hero-side-benefits{display:none}
.tb-theme[data-theme="lavender-light"] .home-benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tb-theme[data-theme="lavender-light"] .homepage-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.tb-theme[data-theme="lavender-light"] .homepage-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.tb-theme[data-theme="lavender-light"] .offerwall-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.tb-theme[data-theme="lavender-light"] .offerwall-card{display:grid;justify-items:center;text-align:center;gap:8px}
.tb-theme[data-theme="lavender-light"] .offerwall-arrow{display:none}
/* Reference 3: Electric Blue — full-bleed stage, stats directly beneath stage, tiled tasks */
.tb-theme[data-theme="electric-blue"] .home-sections{row-gap:17px;grid-template-areas:"hero hero hero hero hero hero hero hero hero hero hero hero"
 "stats stats stats stats stats stats stats stats stats stats stats stats"
 "benefits benefits benefits benefits benefits benefits benefits benefits benefits benefits benefits benefits"
 "ads ads ads ads ads ads ads ads ads ads ads ads"
 "tasks tasks tasks tasks tasks tasks tasks tasks tasks tasks tasks tasks"
 "offers offers offers offers offers offers offers offers offers offers offers offers"
 "proofs proofs proofs proofs proofs proofs proofs news news news news news";}
.tb-theme[data-theme="electric-blue"] .home-hero{grid-template-columns:minmax(0,1.01fr) minmax(0,.99fr);min-height:510px;border-radius:4px;padding:44px 38px}
.tb-theme[data-theme="electric-blue"] .home-hero-art{grid-template-columns:1fr}
.tb-theme[data-theme="electric-blue"] .hero-main-card{min-height:345px;transform:perspective(1100px) rotateY(-9deg);border-radius:28px}
.tb-theme[data-theme="electric-blue"] .hero-side-benefits{display:none}
.tb-theme[data-theme="electric-blue"] .home-benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.tb-theme[data-theme="electric-blue"] .homepage-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.tb-theme[data-theme="electric-blue"] .homepage-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.tb-theme[data-theme="electric-blue"] .offerwall-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.tb-theme[data-theme="electric-blue"] .offerwall-card{display:grid;grid-template-columns:auto 1fr;gap:11px}
.tb-theme[data-theme="electric-blue"] .offerwall-arrow{display:none}
/* Reference 4: Lilac Studio — generous split hero, service tiles, compact stats, 2-column task cards */
.tb-theme[data-theme="lilac-studio"] .home-sections{row-gap:26px;column-gap:18px;grid-template-areas:"hero hero hero hero hero hero hero hero hero hero hero hero"
 "benefits benefits benefits benefits benefits benefits benefits benefits benefits benefits benefits benefits"
 "stats stats stats stats stats stats stats stats stats stats stats stats"
 "tasks tasks tasks tasks tasks tasks tasks tasks tasks tasks tasks tasks"
 "ads ads ads ads ads ads ads ads ads ads ads ads"
 "offers offers offers offers offers offers offers offers offers offers offers offers"
 "proofs proofs proofs proofs proofs news news news news news news news"}
.tb-theme[data-theme="lilac-studio"] .home-hero{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);padding:24px 18px;min-height:460px;box-shadow:none;border-radius:0;background:transparent!important}
.tb-theme[data-theme="lilac-studio"] .home-hero-copy{padding:22px 10px}
.tb-theme[data-theme="lilac-studio"] .home-hero-art{grid-template-columns:1fr}
.tb-theme[data-theme="lilac-studio"] .hero-main-card{min-height:345px;transform:rotate(-3deg);margin:6px 38px;border-radius:30px}
.tb-theme[data-theme="lilac-studio"] .hero-side-benefits{display:none}
.tb-theme[data-theme="lilac-studio"] .home-benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.tb-theme[data-theme="lilac-studio"] .homepage-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.tb-theme[data-theme="lilac-studio"] .homepage-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.tb-theme[data-theme="lilac-studio"] .offerwall-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.tb-theme[data-theme="lilac-studio"] .offerwall-card{display:flex;align-items:center;gap:10px}
/* Reference 5: Neon Rose — dominant art, compact benefit bars, 5 vertical offerwall mini-cards */
.tb-theme[data-theme="neon-rose"] .home-sections{row-gap:16px;column-gap:18px;grid-template-areas:"hero hero hero hero hero hero hero hero hero hero hero hero"
 "benefits benefits benefits benefits benefits benefits benefits benefits benefits benefits benefits benefits"
 "stats stats stats stats stats stats stats stats stats stats stats stats"
 "tasks tasks tasks tasks tasks tasks tasks tasks tasks tasks tasks tasks"
 "ads ads ads ads ads ads ads ads ads ads ads ads"
 "offers offers offers offers offers offers offers offers offers offers offers offers"
 "proofs proofs proofs proofs proofs proofs news news news news news news";}
.tb-theme[data-theme="neon-rose"] .home-hero{grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);min-height:490px;padding:44px 32px;border-radius:4px}
.tb-theme[data-theme="neon-rose"] .home-hero-art{grid-template-columns:1fr;transform:none}
.tb-theme[data-theme="neon-rose"] .hero-main-card{min-height:335px;transform:perspective(900px) rotateY(-10deg);margin-right:12px}
.tb-theme[data-theme="neon-rose"] .hero-side-benefits{display:none}
.tb-theme[data-theme="neon-rose"] .home-benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.tb-theme[data-theme="neon-rose"] .homepage-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.tb-theme[data-theme="neon-rose"] .homepage-task-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.tb-theme[data-theme="neon-rose"] .offerwall-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.tb-theme[data-theme="neon-rose"] .offerwall-card{display:grid;grid-template-columns:1fr;text-align:center;justify-items:center;gap:12px;padding:18px 10px}
.tb-theme[data-theme="neon-rose"] .offerwall-arrow{display:none}
/* Original V14/V15 design remains unchanged for reversibility. */
@media(max-width:1220px){
 .tb-theme:not([data-theme="original"]) .offerwall-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .tb-theme:not([data-theme="original"]) .hero-side-benefits{display:none}
 .tb-theme:not([data-theme="original"]) .home-hero-art{grid-template-columns:1fr}
 .tb-theme:not([data-theme="original"]) .home-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .tb-theme:not([data-theme="original"]) .hero-main-card{margin:0}
}
@media(max-width:900px){
 .tb-theme:not([data-theme="original"]) .home-sections{display:flex;flex-direction:column;gap:16px}
 .tb-theme:not([data-theme="original"]) .home-sections > *{width:100%}
 .tb-theme:not([data-theme="original"]) .home-hero{grid-template-columns:1fr!important;min-height:unset!important;padding:26px 18px!important}
 .tb-theme:not([data-theme="original"]) .home-hero-art{grid-template-columns:1fr!important;transform:none!important}
 .tb-theme:not([data-theme="original"]) .hero-main-card{transform:none!important;margin:0!important;min-height:245px!important}
 .tb-theme:not([data-theme="original"]) .home-benefit-grid{grid-template-columns:1fr 1fr!important}
 .tb-theme:not([data-theme="original"]) .homepage-stats{grid-template-columns:1fr 1fr!important}
 .tb-theme:not([data-theme="original"]) .homepage-task-grid{grid-template-columns:1fr 1fr!important}
 .tb-theme:not([data-theme="original"]) .offerwall-grid{grid-template-columns:1fr 1fr!important}
 .tb-theme:not([data-theme="original"]) .payment-proof-row{grid-template-columns:1fr!important}
}
@media(max-width:600px){
 .tb-theme:not([data-theme="original"]) .home-benefit-grid,.tb-theme:not([data-theme="original"]) .homepage-stats,.tb-theme:not([data-theme="original"]) .homepage-task-grid,.tb-theme:not([data-theme="original"]) .offerwall-grid{grid-template-columns:1fr!important}
 .tb-theme:not([data-theme="original"]) .home-hero h1{font-size:clamp(32px,10vw,46px)!important}
 .tb-theme:not([data-theme="original"]) .hero-main-card{min-height:240px!important}
 .tb-theme:not([data-theme="original"]) .hero-earn-chart{display:none}
 .tb-theme:not([data-theme="original"]) .homepage-section{padding:19px 15px}
}