/* TapEquity v2 · approved design (Grok, 2026-09-28) — the Park UI preview look re-created for v2's own stack.
   Palette/tokens from the preview theme (panda.config.ts / navy-grok.ts): canvas #021d36, cards #062540 glass,
   lines rgba(140,180,225,.22), muted #c9d6e8, gold #f6b93b → #ffd164, green #6fe3a0, blue #3e8ef7, radius 16/10.
   Scoped to body.v2d (set while a member screen is visible) so business screens and the login keep their styles. */
body.v2d{
  --d-navy:#021d36; --d-card:rgba(6,37,64,.72); --d-card2:rgba(3,22,42,.78); --d-line:rgba(140,180,225,.22); --d-line2:rgba(160,195,235,.32);
  --d-text:#fff; --d-text2:#c9d6e8; --d-text3:#9fb3cc; --d-gold:#f6b93b; --d-gold2:#ffd164; --d-green:#6fe3a0; --d-blue:#3e8ef7; --d-red:#ff8a80;
  --d-r:16px; --d-r2:12px;
  color:var(--d-text);
  background:radial-gradient(120% 55% at 50% 0%,rgba(8,52,96,.55) 0%,rgba(8,52,96,0) 60%),radial-gradient(90% 40% at 50% 62%,rgba(6,62,108,.45) 0%,rgba(6,62,108,0) 70%),linear-gradient(180deg,#021b35 0%,#03284b 40%,#04335a 62%,#08244a 84%,#0a1c33 100%) fixed;
  background-color:#021d38;
  font-family:'Inter Variable',Inter,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
body.v2d #s-home.v2{background:transparent}
body.v2d .screen:not(#s-home){max-width:480px;margin:0 auto;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
body.v2d .screen:not(#s-home) .wrap{padding:10px 16px 16px}
body.v2d [hidden]{display:none!important}
.v2d-hidden{display:none!important}
body.v2d .v2d-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- shared header (menu · gold logo · avatar) ---------- */
body.v2d .v2d-top{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;column-gap:8px;min-height:44px;padding:calc(env(safe-area-inset-top,0px) + 6px) 16px 0}
body.v2d .v2d-round,#s-home.v2 .v2-round{width:36px;height:36px;min-width:36px;border-radius:50%;display:grid;place-items:center;background:rgba(16,48,86,.55);border:1px solid var(--d-line2,rgba(160,195,235,.32));color:#fff;padding:0;cursor:pointer}
body.v2d .v2d-round svg,#s-home.v2 .v2-round svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
body.v2d .v2d-round svg.fill,#s-home.v2 .v2-round svg.fill{fill:currentColor;stroke:none}
body.v2d .v2d-brand{min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center}
body.v2d .v2-logo{display:inline-flex;align-items:center;gap:6px;line-height:1}
body.v2d .v2-logo svg,#s-home.v2 .v2-top .v2-logo svg{width:21px;height:21px;margin-top:-2px}
body.v2d .v2-word{font-weight:700;font-size:22px;letter-spacing:-.4px;white-space:nowrap;color:#fff}
body.v2d .v2-word b{font-weight:700;color:#f6b93b;background:none;-webkit-text-fill-color:currentColor}
#s-home.v2 .v2-top .v2-word{font-size:22px}
#s-home.v2 .v2-word{color:#fff;background:none}#s-home.v2 .v2-word b{color:#f6b93b}
body.v2d .v2d-tagline,#s-home.v2 .v2-tagline{margin-top:4px;font-size:10.5px;line-height:1.2;letter-spacing:.02em;color:#a9bcd3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
/* page heading */
body.v2d header.te-page-header.v2d-head{position:relative;display:block;background:none!important;box-shadow:none!important;border:0!important;border-radius:0;color:#fff;padding:14px 16px 6px;min-height:0;margin:0}
body.v2d header.v2d-head .te-page-icon,body.v2d header.v2d-head .te-page-kicker,body.v2d header.v2d-head .te-language{display:none!important}
body.v2d header.v2d-head h1{font-size:28px;line-height:1.15;font-weight:800;letter-spacing:-.4px;color:#fff;margin:0}
body.v2d header.v2d-head .sub{font-size:14px;color:var(--d-text2);opacity:1;margin-top:3px}
body.v2d header.v2d-head .te-page-controls{display:flex;gap:8px;align-items:center;margin-top:4px}
body.v2d header.v2d-head .te-page-controls select{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
body.v2d header.v2d-head .te-page-controls #j-count{font-size:12px;color:var(--d-text3)}
body.v2d .hdrback{position:static;display:inline-grid;place-items:center;width:40px;height:40px;margin-bottom:6px;border-radius:50%;border:1px solid var(--d-line2);background:rgba(16,48,86,.55);color:#fff;font-size:22px}
body.v2d .v2d-pagepad{padding:6px 16px 0}

/* ---------- segments / chips ---------- */
body.v2d .v2d-seg{display:flex;gap:4px;padding:4px;border-radius:14px;background:rgba(3,22,42,.7);border:1px solid var(--d-line2);margin:6px 0 10px}
body.v2d .v2d-seg button{flex:1;min-width:0;min-height:40px;border:1px solid transparent;border-radius:11px;background:none;color:var(--d-text2);font-weight:600;font-size:14px;padding:6px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
body.v2d .v2d-seg button.on{color:var(--d-gold2);background:linear-gradient(180deg,rgba(246,185,59,.2),rgba(246,185,59,.08));border-color:rgba(246,185,59,.55);box-shadow:0 0 14px rgba(246,185,59,.15)}
body.v2d .v2d-chips{display:flex;gap:6px;overflow-x:auto;margin:0 0 10px;padding-bottom:2px;scrollbar-width:none}
body.v2d .v2d-chips button,body.v2d #j-filters .chip{flex:none;min-height:36px;padding:6px 14px;border-radius:18px;border:1px solid var(--d-line2);background:rgba(3,22,42,.6);color:var(--d-text2);font-size:13px;font-weight:600;cursor:pointer}
body.v2d .v2d-chips button.on,body.v2d #j-filters .chip.on{color:var(--d-gold2);border-color:rgba(246,185,59,.6);background:rgba(246,185,59,.12)}
body.v2d .v2d-chip{display:inline-flex;align-items:center;gap:3px;flex:none;font-size:11.5px;font-weight:600;line-height:1.2;padding:3px 8px;border-radius:8px;color:#dbe7f3;background:rgba(140,180,225,.14);border:1px solid rgba(140,180,225,.22);white-space:nowrap}
body.v2d .v2d-chip.gold{color:var(--d-gold2);background:rgba(246,185,59,.14);border-color:rgba(246,185,59,.4)}
body.v2d .v2d-chip.green{color:var(--d-green);background:rgba(111,227,160,.12);border-color:rgba(111,227,160,.38)}
body.v2d .v2d-chip.blue{color:#9cc8ff;background:rgba(62,142,247,.14);border-color:rgba(140,195,255,.45)}
body.v2d .v2d-chip.red{color:var(--d-red);background:rgba(255,138,128,.12);border-color:rgba(255,138,128,.4)}
body.v2d .v2d-tag{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:2px 8px;border-radius:7px;color:#cfe0f5;border:1px solid rgba(207,224,245,.4);white-space:nowrap}
body.v2d .v2d-tag.gold{color:var(--d-gold2);background:rgba(246,185,59,.14);border-color:rgba(246,185,59,.45)}
body.v2d .v2d-illus{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--d-text2);margin:6px 2px 10px;line-height:1.3}
body.v2d .v2d-illus svg{width:14px;height:14px;flex:none}
body.v2d .v2d-illus.in{margin:10px 0 0}
#s-home.v2 .v2d-illus{margin:6px 2px 0}

/* ---------- icon circles ---------- */
body.v2d .v2d-ic{display:inline-grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;color:var(--d-gold);background:radial-gradient(circle at 50% 35%,rgba(246,185,59,.22),rgba(246,185,59,.06));border:1px solid rgba(246,185,59,.45)}
body.v2d .v2d-ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9}
body.v2d .v2d-ic svg use[href="#v2-i-star"],body.v2d .v2d-ic svg use[href="#v2-i-bars"]{fill:currentColor}
body.v2d .v2d-ic.sm{width:34px;height:34px}.v2d-ic.sm svg{width:17px;height:17px}
body.v2d .v2d-ic.lg{width:44px;height:44px}
body.v2d .v2d-ic.green{color:var(--d-green);background:radial-gradient(circle at 50% 35%,rgba(111,227,160,.22),rgba(111,227,160,.05));border-color:rgba(111,227,160,.45)}
body.v2d .v2d-ic.blue{color:#8fc2ff;background:radial-gradient(circle at 50% 35%,rgba(62,142,247,.25),rgba(62,142,247,.06));border-color:rgba(140,195,255,.45)}
body.v2d .v2d-ic.red{color:var(--d-red);background:radial-gradient(circle at 50% 35%,rgba(255,138,128,.2),rgba(255,138,128,.05));border-color:rgba(255,138,128,.45)}
body.v2d .v2d-ini{display:inline-grid;place-items:center;flex:none;width:52px;height:52px;border-radius:50%;font-weight:700;font-size:18px;color:var(--d-gold2);background:rgba(246,185,59,.1);border:1.5px solid rgba(246,185,59,.7)}
body.v2d .v2d-ini.sm{width:38px;height:38px;font-size:13.5px;color:#9cc8ff;background:rgba(62,142,247,.18);border:1px solid rgba(140,195,255,.35)}

/* ---------- cards (member screens other than Home; Home keeps the v2 card set) ---------- */
body.v2d .screen:not(#s-home) .card,body.v2d .screen:not(#s-home) .menu-sec,body.v2d .screen:not(#s-home) .job,body.v2d .screen:not(#s-home) .post,body.v2d .screen:not(#s-home) .product{
  background:var(--d-card)!important;border:1px solid var(--d-line2)!important;border-radius:var(--d-r)!important;box-shadow:0 8px 24px rgba(0,8,20,.25)!important;color:var(--d-text2)!important;margin-bottom:12px}
body.v2d .screen:not(#s-home) .card h3,body.v2d .screen:not(#s-home) .menu-sec h4{color:#fff!important;font-size:16px;display:flex;align-items:center;gap:8px}
body.v2d .screen:not(#s-home) b,body.v2d .screen:not(#s-home) strong{color:#fff}
body.v2d .screen:not(#s-home) .muted,body.v2d .screen:not(#s-home) small.muted,body.v2d .screen:not(#s-home) .small.muted{color:var(--d-text3)!important}
body.v2d .screen:not(#s-home) .card.v2d-glow-blue,body.v2d .v2d-glow-blue{background:radial-gradient(90% 90% at 100% 100%,rgba(24,98,180,.6) 0%,rgba(24,98,180,0) 70%),linear-gradient(135deg,#072a52 0%,#0b3d72 60%,#1053a0 100%)!important;border-color:rgba(98,158,235,.55)!important;box-shadow:0 0 22px rgba(62,142,247,.18),0 8px 24px rgba(0,8,20,.3)!important}
body.v2d .screen:not(#s-home) .card.v2d-glow-green{background:radial-gradient(80% 110% at 85% 60%,rgba(40,160,70,.35) 0%,rgba(40,160,70,0) 70%),linear-gradient(135deg,#03262a 0%,#063b2c 55%,#0b4f2c 100%)!important;border-color:rgba(84,214,118,.55)!important;box-shadow:0 0 22px rgba(84,214,118,.15),0 8px 24px rgba(0,8,20,.3)!important}
body.v2d .screen:not(#s-home) .card.v2d-glow-gold{background:radial-gradient(90% 90% at 100% 0%,rgba(246,185,59,.14) 0%,rgba(246,185,59,0) 65%),linear-gradient(160deg,#0a2748 0%,#082038 100%)!important;border-color:rgba(246,185,59,.55)!important;box-shadow:0 0 22px rgba(246,185,59,.13),0 8px 24px rgba(0,8,20,.3)!important}
body.v2d .v2d-card-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
body.v2d .v2d-card-head h3{margin:0!important;flex:1}
body.v2d .v2d-card-head p{margin-top:2px;color:var(--d-text2)}
body.v2d .v2d-k{flex:1;font-size:11.5px;font-weight:700;letter-spacing:1.2px;color:#bcd3ee}
body.v2d .v2d-row-between{display:flex;justify-content:space-between;font-size:13px;color:var(--d-text2);margin-top:12px}
body.v2d .v2d-bar{display:block;height:7px;border-radius:4px;background:rgba(3,22,42,.7);margin-top:6px;overflow:hidden}
body.v2d .v2d-bar>i{display:block;height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,#f7c64a,#f0b12e);box-shadow:0 0 10px rgba(246,185,59,.5);transition:width .6s ease}
body.v2d .v2d-sec-h{font-size:12px;font-weight:700;letter-spacing:1.3px;color:var(--d-gold);margin:16px 4px 8px}
body.v2d .v2d-foot{font-size:11px;line-height:1.45;color:var(--d-text3);margin:8px 2px 4px}

/* ---------- buttons, inputs, lists ---------- */
body.v2d .btn{background:rgba(16,48,86,.7);color:#fff;border:1px solid var(--d-line2);border-radius:14px}
body.v2d .btn.gold,body.v2d .v2d-btn-gold,body.v2d .v2d-btn.gold{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,#fbcf55 0%,#f1b02c 100%)!important;color:#0d1a2b!important;border:0!important;font-weight:700;box-shadow:0 4px 14px rgba(246,185,59,.28),inset 0 1px 0 rgba(255,255,255,.4)}
body.v2d .v2d-btn-gold svg,body.v2d .v2d-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
body.v2d .btn.gold:disabled,body.v2d .v2d-btn-gold:disabled{background:rgba(140,180,225,.25)!important;color:#dbe7f3!important;box-shadow:none;opacity:.8}
body.v2d .btn.ghost{background:transparent;color:#fff;border:1px solid var(--d-line2)}
body.v2d .v2d-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:14px;font-weight:600;cursor:pointer}
body.v2d .v2d-btn.glass{background:rgba(16,48,86,.55);border:1px solid var(--d-line2);color:#fff}
body.v2d .v2d-btn.gold.sm{min-height:36px;padding:0 16px;border-radius:18px;font-size:14px}
body.v2d .screen:not(#s-home) input,body.v2d .screen:not(#s-home) select,body.v2d .screen:not(#s-home) textarea,body.v2d #sheet input,body.v2d #sheet select,body.v2d #sheet textarea{background:rgba(3,18,36,.75);color:#fff;border:1px solid var(--d-line2)}
body.v2d .screen:not(#s-home) input::placeholder,body.v2d #sheet input::placeholder,body.v2d #sheet textarea::placeholder{color:#7f95b0}
body.v2d .led{border-bottom:1px solid var(--d-line)!important;color:var(--d-text2)}
body.v2d .led .ok,body.v2d .ok{color:var(--d-green)!important;font-weight:700}
body.v2d .led .bad,body.v2d .bad{color:var(--d-red)!important;font-weight:700}
body.v2d .badge{background:rgba(140,180,225,.16);color:#dbe7f3;border:1px solid var(--d-line)}
body.v2d .tag{background:rgba(140,180,225,.16)!important;color:#dbe7f3!important}
body.v2d .tag.ok{background:rgba(111,227,160,.14)!important;color:var(--d-green)!important}
body.v2d .tag.warn{background:rgba(246,185,59,.14)!important;color:var(--d-gold2)!important}
body.v2d .tag.bad{background:rgba(255,138,128,.14)!important;color:var(--d-red)!important}
body.v2d .te-empty-state h3{color:#fff}
body.v2d .te-empty-icon{background:rgba(246,185,59,.12)!important;color:var(--d-gold)!important}
body.v2d .te-summary-row{color:#fff}
body.v2d .te-summary-row small{color:var(--d-text3)}
body.v2d .te-summary-icon{background:rgba(246,185,59,.12)!important;color:var(--d-gold)!important;border:1px solid rgba(246,185,59,.45);border-radius:50%!important}
body.v2d .te-summary-status{background:rgba(140,180,225,.16)!important;color:#dbe7f3!important}
body.v2d .te-summary-status.ok{color:var(--d-green)!important}
body.v2d .te-summary-arrow{color:var(--d-text2)}

/* ---------- Home additions (miner hero, tasks, quote banner art) ---------- */
#s-home.v2 .v2-round.v2d-avatar,body.v2d .v2d-round.v2d-avatar{border-color:rgba(246,185,59,.5)}
#s-home.v2 .v2d-miner{--v2-hero-h:clamp(282px,74vw,322px);height:auto;min-height:var(--v2-hero-h);border-radius:18px;background:#041428}
#s-home.v2 .v2d-miner-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--v2d-miner-pos,70% 50%);z-index:-2}
#s-home.v2 .v2d-miner-shade{background:linear-gradient(90deg,rgba(4,20,40,.78) 0%,rgba(4,20,40,.5) 42%,rgba(4,20,40,0) 62%)!important}
#s-home.v2 .v2d-miner .v2-hero-content{width:min(56%,230px);padding:16px 0 14px 16px}
#s-home.v2 .v2d-miner .v2-eyebrow{font-size:10px;letter-spacing:.2em;color:#e0b457}
#s-home.v2 .v2d-miner .v2-hero-title{font-size:clamp(19px,5.2vw,22px)}
#s-home.v2 .v2d-miner .v2-info{margin-top:10px;max-width:none;border-radius:12px;background:rgba(3,14,30,.6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
#s-home.v2 .v2d-miner .v2-gold{max-width:none;margin-top:12px}
/* v4: removed (quote banner as v2): #s-home.v2 .v2-quote::before{background:linear-gradient(0deg,rgba(3,30,58,.55) 0%,rgba(3,30,58,0) 35%),url(img/quote-banner.webp) center 40%/cover no-repeat!important;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 78%,transparent 100%)!important;mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 78%,transparent 100%)!important;top:0!important} */
/* v4: removed (quote banner as v2): #s-home.v2 .v2-quote blockquote::after{display:none} */
/* v4: removed (quote banner as v2): #s-home.v2 .v2-quote-brand{margin-top:0} */
#s-home.v2 .v2-boosts{margin-top:4px}
#s-home.v2 .v2d-week{margin-top:14px}
#s-home.v2 .v2d-sec-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
#s-home.v2 .v2d-sec-head h2{font-size:18px;font-weight:600;color:#fff;margin:0}
#s-home.v2 .v2d-link{display:inline-flex;align-items:center;gap:4px;color:var(--v2-gold)!important;font-weight:600;font-size:14px}
#s-home.v2 .v2d-link svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4}
#s-home.v2 .v2d-task{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:8px;border-radius:14px;background:rgba(6,37,64,.72);border:1px solid rgba(160,195,235,.32)}
#s-home.v2 .v2d-task .t{flex:1;min-width:0;cursor:pointer}
#s-home.v2 .v2d-task .t b{display:block;color:#fff;font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
#s-home.v2 .v2d-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}
#s-home.v2 .v2d-meta small{color:#9fb3cc;font-size:12px}
#s-home.v2 .v2d-ic{display:inline-grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;color:#f6b93b;background:radial-gradient(circle at 50% 35%,rgba(246,185,59,.22),rgba(246,185,59,.06));border:1px solid rgba(246,185,59,.45)}
#s-home.v2 .v2d-ic svg{width:17px;height:17px;fill:currentColor}
#s-home.v2 .v2d-ic.green{color:#6fe3a0;border-color:rgba(111,227,160,.45);background:rgba(111,227,160,.1)}
#s-home.v2 .v2d-ic.green svg{fill:none;stroke:currentColor;stroke-width:2}
#s-home.v2 .v2d-ic.blue{color:#8fc2ff;border-color:rgba(140,195,255,.45);background:rgba(62,142,247,.14)}
#s-home.v2 .v2d-btn.gold.sm{flex:none;min-height:34px;padding:0 16px;border-radius:17px;background:linear-gradient(180deg,#fbcf55 0%,#f1b02c 100%)!important;color:#0d1a2b!important;font-weight:700;font-size:13.5px}
#s-home.v2 .v2-sec .card#h-next,#s-home.v2 .v2-sec .card{border-radius:14px}

/* ---------- Jobs ---------- */
body.v2d #s-jobs .job .pay{border-bottom:1px solid var(--d-line)}
body.v2d #s-jobs .job .pay b{color:var(--d-gold2)!important}
body.v2d #s-jobs .job .pay small,body.v2d #s-jobs .job .meta{color:var(--d-text3)}
body.v2d #s-jobs .job .ttl{color:#fff}
body.v2d #s-jobs .job .row{color:var(--d-text2)}
body.v2d #s-jobs .job .act{border-top:1px solid var(--d-line)}
body.v2d #s-jobs .job .act .decl{color:var(--d-text2)}
body.v2d #s-jobs .job .act .req{background:linear-gradient(180deg,#fbcf55 0%,#f1b02c 100%);border:0;color:#0d1a2b;border-radius:18px;padding:9px 20px}
body.v2d #s-jobs .job .tag{background:rgba(140,180,225,.14)!important;color:#dbe7f3!important}
body.v2d #s-jobs .job .tag.gold{background:rgba(246,185,59,.14)!important;color:var(--d-gold2)!important}
body.v2d #j-filters{padding-bottom:6px}

/* ---------- Feed (Community → Feed) ---------- */
body.v2d #s-feed .seg#f-tabs{background:rgba(3,22,42,.7)!important;border:1px solid var(--d-line2);border-radius:14px}
body.v2d #s-feed #f-tabs button{color:var(--d-text2)!important;opacity:1}
body.v2d #s-feed #f-tabs button.on{color:var(--d-gold2)!important;background:rgba(246,185,59,.14)!important;box-shadow:inset 0 0 0 1px rgba(246,185,59,.5)}
body.v2d #s-feed .post *,body.v2d #s-feed .news-section *{color:inherit}
body.v2d #s-feed .news-section h2{color:#fff}
body.v2d #s-feed .news-jump a,body.v2d #s-feed .news-sites a{background:rgba(3,22,42,.7)!important;color:var(--d-gold2)!important;border-color:var(--d-line2)!important}

/* ---------- Community / team ---------- */
body.v2d .v2d-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}
body.v2d .v2d-tiles>div{padding:10px 12px;border-radius:12px;background:rgba(2,24,26,.45);border:1px solid rgba(111,227,160,.25)}
body.v2d .v2d-tiles small{display:block;font-size:12px;color:var(--d-text2)}
body.v2d .v2d-tiles b{display:block;font-size:20px;margin-top:2px;font-variant-numeric:tabular-nums}
body.v2d .v2d-tiles em{display:block;font-style:normal;font-size:11.5px;color:var(--d-text3);margin-top:2px}
body.v2d #v2d-r-formula{margin-top:10px;color:var(--d-text2)}
body.v2d .v2d-code-row{display:flex;gap:8px;align-items:stretch}
body.v2d #s-refer .code{flex:1;margin:0;text-align:left;font-size:18px;letter-spacing:3px;color:var(--d-gold2)!important;background:rgba(3,14,30,.75)!important;border:1px solid var(--d-line2);border-radius:12px;padding:10px 14px}
body.v2d #s-refer #r-link{margin:8px 0;font-size:12.5px;color:var(--d-text2)}
body.v2d #s-refer .v2d-btn-gold{margin:4px 0 8px}
body.v2d .v2d-member{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--d-line)}
body.v2d .v2d-member:last-child{border:0}
body.v2d .v2d-member .n{flex:1;min-width:0;color:#fff;font-weight:600;font-size:14.5px}
body.v2d .v2d-member .n small{display:block;font-weight:400;font-size:12px;color:var(--d-text3);margin-top:2px}
body.v2d .v2d-member>b{font-size:17px;white-space:nowrap}.v2d-member>b small{font-size:12px;color:var(--d-text3)}
body.v2d .v2d-member.you{padding:4px 0}
body.v2d .v2d-x{background:none;border:0;color:var(--d-text3);font-size:15px;min-width:36px;min-height:36px;cursor:pointer}
body.v2d .v2d-board-soon{text-align:center;padding:22px 18px!important}
body.v2d .v2d-board-soon .v2d-ic{margin:0 auto 8px;width:52px;height:52px}.v2d-board-soon .v2d-ic svg{width:26px;height:26px}
body.v2d .v2d-board-soon h3{justify-content:center}
body.v2d .v2d-you{border-color:rgba(246,185,59,.6)!important;background:linear-gradient(160deg,rgba(246,185,59,.12),rgba(6,37,64,.8))!important}

/* ---------- Wallet ---------- */
body.v2d #s-wallet .wallet-balance-card{min-height:0}
body.v2d #s-wallet .wallet-balance-row{display:flex;align-items:baseline;gap:6px;margin-top:0}
body.v2d #s-wallet .wallet-balance-total{font-size:44px;line-height:1.05;color:#fff!important;font-weight:800}
body.v2d #s-wallet .wallet-balance-row span{font-size:17px;color:var(--d-text2)}
body.v2d .v2d-w3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px;border:1px solid var(--d-line2);border-radius:12px;background:rgba(3,18,40,.5);overflow:hidden}
body.v2d .v2d-w3>div{padding:9px 10px;min-width:0}
body.v2d .v2d-w3>div+div{border-left:1px solid var(--d-line)}
body.v2d .v2d-w3 small{display:block;font-size:12px;color:var(--d-text2)}
body.v2d .v2d-w3 b{display:block;font-size:16px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
body.v2d .v2d-tagrow{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
body.v2d #s-wallet .wallet-welcome{background:rgba(111,227,160,.1)!important;color:var(--d-green)!important;border:1px solid rgba(111,227,160,.3)!important}
body.v2d #s-wallet .wallet-welcome.is-empty{background:rgba(140,180,225,.1)!important;color:var(--d-text3)!important;border-color:var(--d-line)!important}
body.v2d .v2d-convert h3{font-size:17px!important}
body.v2d .v2d-note-box{display:flex;gap:10px;align-items:flex-start;padding:12px;margin:4px 0 12px;border-radius:12px;background:rgba(62,142,247,.12);border:1px solid rgba(140,195,255,.35);color:#9cc8ff;font-size:14px}
body.v2d .v2d-note-box svg{width:18px;height:18px;flex:none;margin-top:1px}
body.v2d .v2d-ledger{padding:4px 14px!important}
body.v2d .v2d-led{display:flex;align-items:center;gap:12px;min-height:58px;padding:8px 0}
body.v2d .v2d-led-t{flex:1;min-width:0}
body.v2d .v2d-led-t b{display:block;font-size:14.5px;font-weight:600;text-transform:none}
body.v2d .v2d-led-t small{display:block;font-size:12px;color:var(--d-text3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v2d .v2d-ledger-note{margin:6px 0 8px}

/* ---------- More / profile ---------- */
body.v2d .v2d-profile{display:flex;align-items:center;gap:14px;padding:18px 16px!important;background:linear-gradient(0deg,rgba(6,37,64,.2),rgba(6,37,64,.2)),url(img/mountain-bg.webp) center 30%/cover,linear-gradient(135deg,#072a52,#1053a0)!important}
body.v2d .v2d-profile-t{min-width:0}
body.v2d .v2d-profile-t b{display:block;font-size:20px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v2d .v2d-profile-t small{display:block;color:var(--d-text2);font-size:13px;margin-top:2px}
body.v2d .v2d-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
body.v2d .v2d-stats3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 4px}
body.v2d .v2d-stats3 button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;border-radius:14px;background:var(--d-card);border:1px solid var(--d-line2);color:#fff;cursor:pointer}
body.v2d .v2d-stats3 b{font-size:20px;font-variant-numeric:tabular-nums}
body.v2d .v2d-stats3 small{font-size:12px;color:var(--d-text2)}
body.v2d .v2d-rows{padding:2px 14px!important}
body.v2d .v2d-rowbtn,body.v2d .v2d-toggle,body.v2d .v2d-selectrow{display:flex;align-items:center;gap:12px;width:100%;min-height:62px;padding:10px 0;border:0;border-bottom:1px solid var(--d-line);background:none;color:#fff;text-align:left;cursor:pointer;margin:0;font-size:inherit;font-weight:inherit}
body.v2d .v2d-rows>:last-child{border-bottom:0}
body.v2d .v2d-rowtxt{flex:1;min-width:0}
body.v2d .v2d-rowtxt b{display:block;font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v2d .v2d-rowtxt small{display:block;font-size:12px;color:var(--d-text3);margin-top:2px;font-weight:400}
body.v2d .v2d-chev{width:16px;height:16px;flex:none;fill:none;stroke:var(--d-text2);stroke-width:2.4}
body.v2d .v2d-toggle input{appearance:none;-webkit-appearance:none;flex:none;width:46px!important;min-width:46px;height:26px!important;min-height:26px!important;padding:0!important;border-radius:13px;background:rgba(140,180,225,.25)!important;border:1px solid var(--d-line2)!important;position:relative;cursor:pointer;transition:background .2s}
body.v2d .v2d-toggle input::after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}
body.v2d .v2d-toggle input:checked{background:linear-gradient(180deg,#fbcf55,#f1b02c)!important;border-color:transparent!important}
body.v2d .v2d-toggle input:checked::after{transform:translateX(20px);background:#0d1a2b}
body.v2d .v2d-selectrow select{width:auto;min-height:40px;padding:6px 10px;border-radius:10px}
body.v2d #s-more #te-sound-settings{margin-top:12px}
body.v2d #s-more #te-sound-settings h4{margin-bottom:6px}
body.v2d #s-more .te-sound-label{color:#fff;font-size:14px;display:flex;gap:8px;align-items:center}
body.v2d #s-more .te-sound-label input{width:auto;min-height:0}
body.v2d #s-more a.v2d-btn-gold{text-decoration:none;min-height:52px;border-radius:26px;margin:18px 0 6px;font-size:16px}
body.v2d .v2d-logout{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;margin-top:8px;background:none;border:0;color:var(--d-text2);font-size:15px;font-weight:600;cursor:pointer}
body.v2d .v2d-logout svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
body.v2d #s-more .app-footer{color:var(--d-text3)!important;background:none!important;border-color:var(--d-line)!important}
body.v2d #s-more .app-footer a{color:var(--d-gold2)!important}

/* ---------- My program (tasks) + sheets ---------- */
body.v2d #s-tasks .task{border-bottom:1px solid var(--d-line)!important}
body.v2d #s-tasks .task .ic{background:rgba(246,185,59,.12)!important}
body.v2d #s-tasks .task .t small{color:var(--d-text3)}
body.v2d #s-tasks summary{color:#fff!important}
body.v2d #sheet{background:rgba(1,10,24,.66)}
body.v2d #sheet .box{background:linear-gradient(180deg,#0a2a4c 0%,#051c35 100%);color:var(--d-text2);border:1px solid var(--d-line2);border-bottom:0;max-width:480px;margin:0 auto}
body.v2d #sheet h3,body.v2d #sheet b,body.v2d #sheet strong{color:#fff}
body.v2d #sheet .muted,body.v2d #sheet small.muted{color:var(--d-text3)!important}
body.v2d #sheet .card{background:rgba(3,22,42,.7)!important;border:1px solid var(--d-line2);color:var(--d-text2);box-shadow:none}
body.v2d #sheet .step{border-color:var(--d-line2)!important;background:rgba(3,22,42,.5)!important}
body.v2d #sheet .step.done{border-color:rgba(111,227,160,.55)!important;background:rgba(111,227,160,.08)!important}
body.v2d #sheet .step.next{border-color:rgba(246,185,59,.6)!important;background:rgba(246,185,59,.08)!important}
body.v2d #sheet .rowlink{border-bottom:1px solid var(--d-line)}
body.v2d #sheet .rowlink small{color:var(--d-text3)}
body.v2d #sheet .pill,body.v2d #sheet label{color:var(--d-text2)}
body.v2d #sheet .menu-sec{background:rgba(3,22,42,.6)!important}

/* ---------- 4-tab bar ---------- */
body.v2d nav.tabs#tabs{background:rgba(2,24,46,.94)!important;border-top:1px solid rgba(140,180,225,.16)!important;box-shadow:0 -8px 24px rgba(0,8,20,.35)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:22px 22px 0 0;padding-left:8px;padding-right:8px}
body.v2d nav.tabs#tabs button{position:relative;color:#b9c8da!important;background:transparent!important;font-size:13px;font-weight:500;border-radius:14px;margin:4px 2px;box-shadow:none!important}
body.v2d nav.tabs#tabs button i{color:inherit}
body.v2d nav.tabs#tabs button .te-svg{width:24px;height:24px}
body.v2d nav.tabs#tabs button.on{color:var(--d-gold2)!important;background:rgba(140,180,225,.1)!important;font-weight:700}
body.v2d nav.tabs#tabs button.on::before{content:"";position:absolute;top:-5px;left:12%;right:12%;height:3px;border-radius:0 0 3px 3px;background:var(--d-gold);box-shadow:0 0 10px rgba(246,185,59,.7)}
@media (min-width:481px){body.v2d nav.tabs#tabs{max-width:480px;left:50%;right:auto;width:480px;transform:translateX(-50%)}}

/* ---------- drawer ---------- */
.v2d-drawer{position:fixed;inset:0;z-index:75}
.v2d-drawer-bg{position:absolute;inset:0;background:rgba(1,10,24,.55);opacity:0;transition:opacity .18s}
.v2d-drawer-panel{position:absolute;top:0;bottom:0;left:0;width:min(78vw,340px);display:flex;flex-direction:column;gap:6px;padding:calc(env(safe-area-inset-top,0px) + 16px) 16px calc(env(safe-area-inset-bottom,0px) + 16px);background:linear-gradient(180deg,#0a2a4c 0%,#051c35 100%);border-right:1px solid rgba(160,195,235,.32);border-radius:0 22px 22px 0;color:#fff;transform:translateX(-102%);transition:transform .18s ease;overflow-y:auto}
.v2d-drawer.open .v2d-drawer-bg{opacity:1}.v2d-drawer.open .v2d-drawer-panel{transform:none}
.v2d-drawer-head{display:flex;justify-content:space-between;align-items:center}
.v2d-drawer-hi{color:#c9d6e8;font-size:14px;margin:2px 0 10px}
.v2d-drawer-list{display:flex;flex-direction:column;gap:4px}
.v2d-drawer-list button,.v2d-drawer-list a{display:flex;align-items:center;gap:12px;min-height:52px;padding:6px 10px;border:0;border-radius:14px;background:none;color:#fff;font-size:16px;font-weight:600;text-align:left;text-decoration:none;cursor:pointer}
.v2d-drawer-list button.on{background:rgba(140,180,225,.14);color:#ffd164}
.v2d-drawer-list .v2d-chev{margin-left:auto}
.v2d-drawer-sub{border-top:1px solid rgba(140,180,225,.22);margin-top:8px;padding-top:8px}
.v2d-drawer-foot{margin-top:auto;font-size:11px;color:#9fb3cc;line-height:1.4}
body.v2d .v2d-drawer .v2d-ic.sm{width:34px;height:34px}
@media (prefers-reduced-motion:reduce){.v2d-drawer-panel,.v2d-drawer-bg,body.v2d .v2d-bar>i{transition:none!important}}

/* ---------- fixes over premium-v1/v2 base styles ---------- */
body.v2d .screen:not(#s-home),body.v2d .screen:not(#s-home) .wrap{background:transparent!important}
body.v2d header.te-page-header.v2d-head{display:block!important;min-height:0!important;padding:14px 16px 6px!important;background:none!important;border:0!important}
body.v2d .te-connection{background:rgba(2,24,46,.92)!important;color:var(--d-text2)!important;border-bottom:1px solid var(--d-line)!important}
body.v2d .te-connection [data-te-play]{background:linear-gradient(180deg,#fbcf55 0%,#f1b02c 100%)!important;color:#0d1a2b!important}
body.v2d #s-home.v2 .te-web-puzzle-card{display:flex;gap:12px;align-items:center;background:rgba(3,28,52,.72)!important;border:1px solid rgba(160,195,235,.32)!important;color:#c9d6e8!important}
body.v2d #s-home.v2 .te-web-puzzle-card h3{color:#fff!important}
body.v2d #s-home.v2 .te-web-puzzle-card .btn.gold{flex:none;width:auto;padding:10px 16px;border-radius:18px}
body.v2d #s-home.v2 .te-web-puzzle-card[hidden]{display:none!important}
body.v2d #s-wallet .wallet-balance-card{display:block!important;text-align:left!important;min-height:0!important;color:var(--d-text2)!important}
body.v2d #s-wallet .wallet-balance-row{justify-content:flex-start!important}
body.v2d #s-wallet .v2d-row-between{display:flex!important;justify-content:space-between}
/* --- contrast fixes: feed news headings, footer (Grok 2026-09-28) --- */
body.v2d .news-section h2{color:#fff}
body.v2d .news-section h2 span{background:linear-gradient(180deg,#fbcf55,#f1b02c);color:#0d1a2b}
body.v2d .news-sites a,body.v2d .news-jump a{color:#ffd164}
body.v2d .app-footer{color:#9fb3cc;border-color:rgba(140,180,225,.2)}
body.v2d .app-footer p{color:#9fb3cc}
body.v2d .app-footer .footer-brand{color:#fff}
body.v2d .app-footer .footer-brand span{color:#ffd164}
body.v2d .footer-socials a{background:rgba(16,48,86,.55);border:1px solid rgba(160,195,235,.3);color:#e8eef6;text-decoration:none}
body.v2d .footer-account{border-top-color:rgba(140,180,225,.2)!important}
body.v2d .near-you,body.v2d .job-near{color:#8fc2ff}
/* ===== HOME v3 (synced to preview HomeGrok v3, Sep 28 16:55): icons on every row, Quick actions, Your progress ===== */
#s-home.v2 .v2d-inl{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:2;vertical-align:-2px}
#s-home.v2 .v2d-inl.fill{fill:currentColor;stroke:none}
#s-home.v2 .v2d-weekline{display:flex;align-items:center;gap:6px}
#s-home.v2 .v2d-weekline .v2d-inl{width:15px;height:15px}
#s-home.v2 .v2d-rlabel{display:inline-flex;align-items:center;gap:5px}
#s-home.v2 .v2d-rlabel .v2d-inl{width:13px;height:13px;stroke-width:2.4}
#s-home.v2 .v2d-eyebrow{display:flex;align-items:center;gap:6px}
#s-home.v2 .v2d-eyebrow .v2d-inl{width:12px;height:12px;stroke:currentColor;stroke-width:1}
#s-home.v2 .v2d-sec-head{margin-top:16px}
#s-home.v2 .v2d-sec-head h2{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:700;letter-spacing:-.01em}
#s-home.v2 .v2d-h-ic{width:18px;height:18px;color:#f6c04e;fill:none;stroke:currentColor;stroke-width:2.25}
#s-home.v2 .v2d-ic svg.ln{fill:none;stroke:currentColor;stroke-width:2}
#s-home.v2 .v2d-ic.lg{width:42px;height:42px}#s-home.v2 .v2d-ic.lg svg{width:20px;height:20px}
#s-home.v2 .v2d-ic.md{width:40px;height:40px}#s-home.v2 .v2d-ic.md svg{width:19px;height:19px}
#s-home.v2 .v2d-ic.xs{width:28px;height:28px}#s-home.v2 .v2d-ic.xs svg{width:14px;height:14px}
/* quick actions */
#s-home.v2 .v2d-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#s-home.v2 .v2d-quick .card{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;text-align:center;border-radius:14px;background:rgba(6,37,64,.72);border:1px solid rgba(160,195,235,.32)}
#s-home.v2 .v2d-quick .card:active{transform:scale(.97)}
#s-home.v2 .v2d-quick .card:focus-visible{outline:2px solid #f6b93b;outline-offset:2px}
#s-home.v2 .v2d-quick b{font-size:13px;font-weight:700;color:#fff;line-height:1.1}
#s-home.v2 .v2d-quick small{font-size:10px;color:#b4c4d8;line-height:1.15;white-space:nowrap}
/* week task rows */
#s-home.v2 .v2d-task .v2d-meta{gap:8px}
#s-home.v2 .v2d-task .v2d-meta small{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:#b4c4d8}
#s-home.v2 .v2d-task .v2d-meta small.k{font-weight:500}
#s-home.v2 .v2d-task .v2d-meta small.p{color:#f6c04e;font-weight:700;font-variant-numeric:tabular-nums}
#s-home.v2 .v2d-task .v2d-meta .v2d-inl{width:12px;height:12px}
#s-home.v2 .v2d-task .v2d-chip{display:inline-flex;align-items:center;gap:4px}
/* your progress */
#s-home.v2 .v2d-progress-sec{display:block;margin-top:0}
#s-home.v2 .v2d-progress-sec .card.v2d-progress{margin:0;color:#e8eef6;padding:14px;border-radius:16px;background:radial-gradient(90% 90% at 100% 0%,rgba(246,185,59,.14) 0%,rgba(246,185,59,0) 65%),linear-gradient(160deg,#0a2748,#082038);border:1px solid rgba(246,185,59,.5);box-shadow:0 0 22px rgba(246,185,59,.08)}
#s-home.v2 .v2d-prow{display:flex;gap:12px;align-items:flex-start}
#s-home.v2 .v2d-prow + .v2d-prow{margin-top:14px}
#s-home.v2 .v2d-pbody{flex:1;min-width:0}
#s-home.v2 .v2d-progress-sec .v2d-pbody > b{display:block;color:#fff;font-size:14px;font-weight:600;margin-bottom:6px}
#s-home.v2 .v2d-progress-sec .v2d-pbody .bar{height:6px;border-radius:99px;background:rgba(3,22,42,.8);overflow:hidden}
#s-home.v2 .v2d-pbody .bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#39c47a,#6fe3a0)}
#s-home.v2 .v2d-pbody #h-sbar{background:linear-gradient(90deg,#f7c64a,#f0b12e)!important}
#s-home.v2 .v2d-pbody p.small{margin:6px 0 0;font-size:12px;color:#b4c4d8;line-height:1.4}
#s-home.v2 .v2d-illus.sm{margin:4px 0 0;font-size:11px}
#s-home.v2 .v2d-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(246,185,59,.22)}
#s-home.v2 .v2d-stat{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:8px;min-width:0;padding:0;background:none;border:0;cursor:default}
#s-home.v2 button.v2d-stat{cursor:pointer}
#s-home.v2 .v2d-stat > span:last-child{min-width:0}
#s-home.v2 .v2d-stat small{display:block;font-size:10.5px;color:#b4c4d8;line-height:1.2}
#s-home.v2 .v2d-stat b{display:block;font-size:12.5px;font-weight:700;color:#fff;line-height:1.25;white-space:nowrap;font-variant-numeric:tabular-nums;margin:0}
#s-home.v2 .v2d-stat em{display:block;font-style:normal;font-size:10px;color:#6fe3a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (min-width:430px){#s-home.v2 .v2d-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ===== v4 (Sep 28): bundled Inter on every member screen (header, tab bar, drawer, sheets), 5-tab bar, v2 home top gap ===== */
body,body button,body input,body select,body textarea{font-family:'Inter Variable',Inter,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif}
body .code,body code,body pre{font-family:ui-monospace,Menlo,monospace}
#s-home.v2 .v2-wrap{padding-top:calc(env(safe-area-inset-top,0px) + 6px)}
body.v2d nav.tabs#tabs button{font-size:12px;margin:4px 1px;min-width:0}
body.v2d nav.tabs#tabs button .te-svg{width:22px;height:22px}

/* ===================== v5 (Sep 28, ~5:45 PM PT): live BOX OPEN hero, live 24-HOUR BOX card, offline mode ===================== */
/* no "Online — connected" bar: the live connection bar is never shown in this build; the offline panel below replaces it */
#te-connection,.te-connection{display:none!important}
/* 24-HOUR BOX card = the live chest photo card (img/treasure-premium-wide-v2) */
#s-home.v2 #rail-tap.v2-reward{background:#07121d;border:1.5px solid rgba(233,182,72,.9);box-shadow:0 10px 26px rgba(0,8,20,.45),inset 0 1px rgba(255,255,255,.08);align-items:flex-end;text-align:right;padding:10px 26px 10px 10px}
#s-home.v2 #rail-tap .v2d-box-photo{position:absolute;inset:0;z-index:0;display:block}
#s-home.v2 #rail-tap .v2d-box-photo img{width:100%;height:100%;object-fit:cover;object-position:18% 50%;display:block}
#s-home.v2 #rail-tap::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(3,10,18,0) 18%,rgba(3,10,18,.5) 52%,rgba(3,10,18,.86) 100%),linear-gradient(0deg,rgba(3,10,18,.55),rgba(3,10,18,0) 45%)}
#s-home.v2 #rail-tap .v2d-rlabel{position:absolute;top:9px;right:9px;z-index:2;display:inline-block;padding:3px 8px;border-radius:999px;border:1px solid rgba(233,182,72,.95);background:rgba(4,11,19,.82);color:#ffe3a0;font-size:9.5px;font-weight:800;letter-spacing:.09em;line-height:1.3;white-space:nowrap}
#s-home.v2 #rail-tap .v2d-rail-title{position:relative;z-index:2;margin-top:auto;font-size:12px;font-weight:600;color:#f1f5fb;line-height:1.2}
#s-home.v2 #rail-tap .v2d-rail-title[hidden]{display:none}
#s-home.v2 #rail-tap .v2-reward-time{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6);margin-top:auto}
#s-home.v2 #rail-tap .v2d-rail-title:not([hidden])+.v2-reward-time{margin-top:2px}
#s-home.v2 #rail-tap .v2-reward-sub{color:#ffd66a;max-width:100%}
#s-home.v2 #rail-tap .v2-reward-sub[hidden]{display:none}
#s-home.v2 #rail-tap .chev{z-index:2}
/* the live gold BOX OPEN / DAILY BOX READY card (premium-v1/v2.css do the card itself); fit it into the navy Home column */
#s-home.v2 #h-session.v2d-livebox{margin:12px 0 0;border-radius:20px;box-shadow:0 14px 34px rgba(0,8,20,.5)}
#s-home.v2 #h-session .te-countdown-dial.v2d-ring{background:conic-gradient(#159154 0 var(--v2d-done,0%),#f4b942 var(--v2d-done,0%) 100%)}
#s-home.v2 #h-session .session-timer b{text-transform:uppercase}
/* offline panel (only when there is no connection) → straight to the offline games */
.v2d-offline{position:sticky;top:0;z-index:80;padding:calc(10px + env(safe-area-inset-top)) 12px 10px;background:linear-gradient(180deg,#041a31 0%,#062644 100%);border-bottom:1px solid rgba(233,182,72,.55);box-shadow:0 8px 24px rgba(0,6,16,.5);font-family:'Inter Variable',Inter,system-ui,sans-serif}
.v2d-offline[hidden]{display:none!important}
.v2d-off-in{max-width:560px;margin:0 auto;display:grid;gap:10px}
.v2d-off-head{display:flex;gap:10px;align-items:flex-start}
.v2d-off-dot{flex:none;width:10px;height:10px;margin-top:6px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.18)}
.v2d-offline[data-state="connecting"] .v2d-off-dot{background:#60a5fa;box-shadow:0 0 0 4px rgba(96,165,250,.2)}
.v2d-off-head h2{margin:0;font-size:16px;font-weight:800;color:#fff;letter-spacing:-.01em}
.v2d-off-head p{margin:3px 0 0;font-size:12.5px;line-height:1.4;color:#a9bcd3}
.v2d-off-game{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:14px;background:rgba(8,40,70,.85);border:1px solid rgba(160,195,235,.32)}
.v2d-off-game:focus-visible{outline:3px solid #f6b93b;outline-offset:2px}
.v2d-off-game b{display:block;color:#fff;font-size:14.5px}
.v2d-off-game small{display:block;color:#a9bcd3;font-size:12px;margin-top:2px}
.v2d-off-game>span:nth-child(2){flex:1;min-width:0}
.v2d-off-tiles{flex:none;display:grid;grid-template-columns:repeat(3,13px);gap:2px}
.v2d-off-tiles i{display:grid;place-items:center;width:13px;height:13px;border-radius:3px;background:#f6b93b;color:#0d1a2b;font:800 8px/1 'Inter Variable',Inter,sans-serif;font-style:normal}
.v2d-off-tiles i:empty{background:rgba(255,255,255,.12)}
.v2d-off-go{flex:none;padding:8px 16px;border-radius:999px;background:linear-gradient(180deg,#fbcf55 0%,#f1b02c 100%);color:#0d1a2b;font-weight:800;font-size:13.5px}
.v2d-off-actions{display:flex;justify-content:flex-end}
.v2d-off-actions button{all:unset;cursor:pointer;font-size:12.5px;font-weight:700;color:#cfe0f5;padding:4px 2px;text-decoration:underline;text-underline-offset:3px}
.v2d-off-actions button:focus-visible{outline:2px solid #f6b93b}
#s-home.v2 #h-session .te-carousel-toggle{color:transparent!important;font-size:0!important;line-height:0!important}
#s-home.v2 #h-session .te-rate-value small{white-space:normal}
/* the live tile puzzle inside the navy sheet: readable on navy (the puzzle logic/markup is the live offline-puzzle.js) */
body.v2d #te-puzzle h2{color:#fff}
body.v2d #te-puzzle p{color:#d6e2f0}
body.v2d #te-puzzle .te-puzzle-eyebrow{color:#f6b93b}
body.v2d #te-puzzle .te-puzzle-progress{color:#fff;font-weight:700}
body.v2d #te-puzzle .te-puzzle-pending,body.v2d #te-puzzle .te-puzzle-moves,body.v2d #te-puzzle .te-puzzle-storage{color:#a9bcd3}
body.v2d #te-puzzle .te-puzzle-mode{color:#523b0e}
body.v2d #te-puzzle .te-puzzle-message{color:#17364a}
body.v2d #te-puzzle [data-puzzle-next]{background:linear-gradient(180deg,#fbcf55 0%,#f1b02c 100%);color:#0d1a2b;border-color:#f1b02c}
/* v7 (Sep 28 2026): every sheet shows a visible way out — sticky ‹ Back + ✕ Close bar, and a Cancel / Not now button */
#sheet .v2d-sheet-bar{position:sticky;top:-20px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-20px -18px 8px;padding:8px 12px 6px;background:#fff;border-radius:22px 22px 0 0}
#sheet .v2d-sheet-bar .backbtn{margin:0;display:inline-flex;align-items:center;gap:2px}
#sheet .v2d-sheet-x{width:40px;height:40px;min-width:40px;border-radius:50%;display:grid;place-items:center;padding:0;cursor:pointer;background:#f1f4f8;border:1px solid #d7dee8;color:var(--navy)}
#sheet .v2d-sheet-x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
#sheet .v2d-sheet-cancel{margin-top:10px}
#sheet .v2d-sheet-note{margin-top:10px}
body.v2d #sheet .v2d-sheet-bar{background:#0a2a4c;border-bottom:1px solid var(--d-line)}
body.v2d #sheet .v2d-sheet-bar .backbtn{color:#fff}
body.v2d #sheet .v2d-sheet-x{background:rgba(16,48,86,.55);border-color:var(--d-line2);color:#fff}
body.v2d #sheet .v2d-sheet-cancel{background:transparent;color:#fff;border:1px solid var(--d-line2)}
#sheet .v2d-sheet-bar button:focus-visible,#sheet .v2d-sheet-cancel:focus-visible{outline:2px solid #f6b93b;outline-offset:2px}
/* v7: which company (channel) this membership belongs to: SINI on the TapEquity platform (label only) */
.v2d-channel{display:block;margin-top:4px;font-size:12px;line-height:1.35;color:#5b6b7c}
body.v2d .v2d-channel{color:var(--d-text3,#9fb3c8)}
.v2d-channel-note{margin:4px 0 8px}
/* ===== v8 (Sep 28 2026): SIMPLE view (default). body.v2d-simple; Advanced (= v7) is untouched. Presentation only. ===== */
/* Home: header, greeting + points, SINI SHARES, 24-HOUR BOX, Mission, quote. The gold BOX OPEN card and everything under the
   quote are Advanced-only (the agreement card stays when it is shown: it is a required step). */
body.v2d-simple #s-home #h-session,body.v2d-simple #s-home .v2d-progress-sec,body.v2d-simple #s-home #v2-sponsor,body.v2d-simple #s-home #h-next,
body.v2d-simple #s-home #te-puzzle-card,body.v2d-simple #s-home #h-mission,body.v2d-simple #s-home #h-howto,body.v2d-simple #s-home .v2-sec>details.card{display:none!important}
body.v2d-simple #s-home.v2 .v2-hi{font-size:27px}
body.v2d-simple #s-home.v2 .v2-week{font-size:15px}
body.v2d-simple #s-home.v2 .v2-pill{height:44px;padding:0 12px 0 14px;font-size:18px;border-radius:22px}
body.v2d-simple #s-home.v2 .v2-pill .star{width:21px;height:21px}
body.v2d-simple #s-home.v2 .v2-duo{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:14px}
body.v2d-simple #s-home.v2 .v2-duo .v2-card{min-height:128px;padding:16px 18px 14px 20px}
body.v2d-simple #s-home.v2 .v2-label{font-size:14px;letter-spacing:.4px}
body.v2d-simple #s-home.v2 .v2-sini-icon{top:14px;right:14px;width:36px;height:36px}
body.v2d-simple #s-home.v2 .v2-sini-icon svg{width:19px;height:19px}
body.v2d-simple #s-home.v2 .v2-count{margin-top:6px}
body.v2d-simple #s-home.v2 .v2-count .num{font-size:44px}
body.v2d-simple #s-home.v2 .v2-count .v2-unit{font-size:19px}
body.v2d-simple #s-home.v2 .v2-value{font-size:18px;margin-top:6px}
body.v2d-simple #s-home.v2 .v2-value .v2-tag,body.v2d-simple #s-home.v2 .v2-foot .v2-tag{font-size:11px}
body.v2d-simple #s-home.v2 .v2-foot{font-size:15px;margin-top:6px}
body.v2d-simple #s-home.v2 .v2-issued{font-size:15px}
body.v2d-simple #s-home.v2 #rail-tap .v2d-box-photo img{object-position:100% 50%}
body.v2d-simple #s-home.v2 #rail-tap .v2d-rail-title,body.v2d-simple #s-home.v2 #rail-tap .v2-reward-sub{font-size:16px}
body.v2d-simple #s-home.v2 #rail-tap .v2-reward-time{font-size:32px}
body.v2d-simple #s-home.v2 #rail-tap .v2d-rlabel,body.v2d-simple #s-home.v2 #rail-tap .v2d-rail-title,body.v2d-simple #s-home.v2 #rail-tap .v2-reward-time,body.v2d-simple #s-home.v2 #rail-tap .v2-reward-sub{max-width:62%}
body.v2d-simple #s-home.v2 .v2-mission{margin-top:12px;padding:18px 18px 18px 20px;column-gap:14px;row-gap:4px}
body.v2d-simple #s-home.v2 .v2-mission-icon{width:42px;height:42px}
body.v2d-simple #s-home.v2 .v2-mission-title{font-size:20px}
body.v2d-simple #s-home.v2 .v2-mission-count{font-size:22px}
body.v2d-simple #s-home.v2 .v2-mission-sub{font-size:15px;white-space:normal}
body.v2d-simple #s-home.v2 .v2-mission .v2-bar{height:8px;margin-top:6px}
body.v2d-simple #s-home.v2 .v2-quote{min-height:104px;margin-top:6px}
body.v2d-simple #s-home.v2 .v2-note{font-size:11px;opacity:.8;margin-top:4px}
/* Jobs: no sort/type chip row in Simple (the default order stays: highest points first) */
body.v2d-simple #s-jobs #j-filters{display:none!important}
/* More: the daily-rate and levels detail rows are Advanced-only (the same sheets open from Home in Advanced) */
body.v2d-simple #s-more .v2d-rowbtn[onclick="openRate()"],body.v2d-simple #s-more .v2d-rowbtn[onclick="openLevels()"]{display:none}
/* the View control (menu, More → Preferences, Settings sheet) */
.v2d-view{display:flex;align-items:center;justify-content:space-between;gap:10px}
.v2d-view-k{font-weight:700;font-size:15px}
.v2d-view-seg{display:inline-flex;padding:3px;border-radius:14px;background:rgba(3,18,36,.75);border:1px solid var(--d-line2,rgba(160,195,235,.32))}
.v2d-view-seg button{min-height:40px;min-width:92px;padding:0 14px;border:0;border-radius:11px;background:transparent;color:#c9dcf3;font:inherit;font-weight:700;font-size:15px;cursor:pointer}
.v2d-view-seg button.on{background:linear-gradient(180deg,#ffd66a,#f2a917);color:#1b1300}
.v2d-view-seg button:focus-visible{outline:2px solid #f6b93b;outline-offset:2px}
.v2d-view-drawer{margin:4px 0 12px;padding:12px 14px;border-radius:16px;background:rgba(3,22,42,.7);border:1px solid rgba(246,185,59,.45)}
.v2d-view-drawer .v2d-view-k{color:#fff}
.v2d-view-row .v2d-view-k{display:none}
.v2d-view-sheet{margin:6px 0 12px;padding:10px 12px;border-radius:14px;border:1px solid #d7dee8;background:#f6f8fb}
.v2d-view-sheet .v2d-view-seg{background:#e8eef5;border-color:#d7dee8}
.v2d-view-sheet .v2d-view-seg button{color:#0d2b43}
.v2d-view-sheet small{display:block;margin-top:6px}
body.v2d #sheet .v2d-view-sheet{background:rgba(3,22,42,.6);border-color:var(--d-line2)}
body.v2d #sheet .v2d-view-sheet .v2d-view-seg{background:rgba(3,18,36,.75);border-color:var(--d-line2)}
body.v2d #sheet .v2d-view-sheet .v2d-view-seg button{color:#c9dcf3}
body.v2d #sheet .v2d-view-sheet .v2d-view-seg button.on,.v2d-view-sheet .v2d-view-seg button.on{color:#1b1300}
/* ===== v9 (Sep 28 2026, asked by Kyrollos): reward banner + crisp header logo. Presentation only. ===== */
:root{--v2d-sat:env(safe-area-inset-top,0px);--v2d-edge:min(22px,calc(var(--v2d-sat) * .4));--v2d-tabs-h:92px}
/* Simple: no "Daily treasure(s) opened" banner anywhere; a tiny "+N points" toast (design.js) + the points pill say it instead */
body.v2d-simple #te-earned-feedback{display:none!important}
/* Advanced: the same banner, compact (one short card) */
body.v2d #te-earned-feedback.te-earned-feedback{gap:10px;padding:10px 8px 10px 12px;border-radius:14px;margin:10px 0;box-sizing:border-box;width:100%;min-width:0;max-width:100%;scroll-margin-bottom:calc(var(--v2d-tabs-h) + 16px)}
body.v2d #te-earned-feedback svg{flex:0 0 30px;width:30px;height:30px}
body.v2d #te-earned-feedback strong{font-size:14.5px;line-height:1.25;letter-spacing:-.1px}
body.v2d #te-earned-feedback span{font-size:12.5px;line-height:1.35;opacity:.85;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
body.v2d #te-earned-feedback button{width:36px;min-height:36px;font-size:20px}
/* nothing ever ends under the tab bar: bottom room = the real tab bar height (measured, incl. the iPhone home-indicator area) + 16px */
body.v2d .screen.on:not(#s-auth){padding-bottom:max(calc(84px + env(safe-area-inset-bottom,0px)),calc(var(--v2d-tabs-h) + 16px))}
body.v2d.cookie-open .screen.on:not(#s-auth){padding-bottom:max(calc(84px + env(safe-area-inset-bottom,0px) + var(--cookiebar-height,0px)),calc(var(--v2d-tabs-h) + 16px + var(--cookiebar-height,0px)))}
/* toasts sit above the tab bar, never on it */
body.v2d #toast{bottom:calc(var(--v2d-tabs-h) + 12px);max-width:440px;margin:0 auto}
body.v2d #toast.v2d-toast-mini{left:50%;right:auto;transform:translateX(-50%);width:auto;max-width:70vw;margin:0;padding:8px 16px;border-radius:999px;font-size:15px;font-weight:700;line-height:1.3;white-space:nowrap;
  background:rgba(3,22,42,.96)!important;color:#fff;border:1px solid rgba(246,185,59,.7);box-shadow:0 6px 18px rgba(0,8,20,.35);pointer-events:none}
body.v2d #toast.v2d-toast-mini::before{content:"★ ";color:#f6b93b}
/* header logo: full opacity, no filter, and below the iPhone status-bar blur band (iOS 26 softens the first ~20px under the status bar) */
#s-home.v2 .v2-top .v2-logo,body.v2d .v2d-top .v2-logo{opacity:1!important;filter:none!important;-webkit-filter:none!important;animation:none!important;transform:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}
#s-home.v2 .v2-wrap{padding-top:calc(var(--v2d-sat) + var(--v2d-edge) + 6px)}
body.v2d .v2d-top{padding-top:calc(var(--v2d-sat) + var(--v2d-edge) + 6px)}
body.v2d.v2d-ios-app #s-home.v2 .v2-wrap,body.v2d.v2d-ios-app .v2d-top{padding-top:calc(var(--v2d-sat) + 22px)}