/* TapEquity v2 home (Grok, 2026-09-27) — integrated into the real app (index-v2-grok.html).
   Everything is scoped to #s-home.v2 / body.v2-home-on so the other screens keep their existing styles.
   Tuned for 375–440 CSS px phones; iPhone 17 Pro Max = 440×956 with env(safe-area-inset-*). */
#s-home.v2{
  --v2-navy:#021d36; --v2-line:rgba(140,180,225,.22); --v2-line2:rgba(160,195,235,.32);
  --v2-text:#fff; --v2-text2:#c9d6e8; --v2-text3:#9fb3cc; --v2-gold:#f6b93b; --v2-gold2:#ffd164; --v2-green:#6fe3a0; --v2-blue:#3e8ef7;
  --v2-pad:16px; --v2-cp:14px; --v2-gap:8px; --v2-r:12px;
  --v2-duo-h:clamp(94px,24.5vw,106px); --v2-hero-h:clamp(300px,76vw,330px);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--v2-text); min-height:100vh;
  background:radial-gradient(120% 50% at 50% 0%,#022544 0%,rgba(2,33,59,0) 70%),linear-gradient(180deg,#01203a 0%,#022a4b 45%,#032e55 70%,#062043 100%);
}
body.v2-home-on{background:#021d36}
body.v2-home-on nav.tabs#tabs{background:rgba(1,29,52,.96);border-top:1px solid rgba(140,180,225,.12);box-shadow:none;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
body.v2-home-on nav.tabs#tabs button{color:#b9c8da;background:transparent}
body.v2-home-on nav.tabs#tabs button.on{color:#f6b93b}
body.v2-home-on nav.tabs#tabs button.on i{color:#f6b93b}
#s-home.v2 .v2-wrap{max-width:480px;margin:0 auto;padding:calc(env(safe-area-inset-top,0px) + 6px) calc(var(--v2-pad) + env(safe-area-inset-right,0px)) 12px calc(var(--v2-pad) + env(safe-area-inset-left,0px))}
#s-home.v2 button{font:inherit;color:inherit;background:none;border:0;text-align:left;-webkit-appearance:none;appearance:none;cursor:pointer;min-height:0;width:auto;padding:0}
#s-home.v2 button:focus-visible{outline:2px solid var(--v2-gold2);outline-offset:2px}
#s-home.v2 .v2-ic{width:20px;height:20px;flex:none;fill:currentColor}
#s-home.v2 [hidden]{display:none!important}
/* header */
#s-home.v2 .v2-top{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;column-gap:8px;min-height:44px}
#s-home.v2 .v2-round{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(16,48,86,.55);border:1px solid var(--v2-line2);color:#fff}
#s-home.v2 .v2-round svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
#s-home.v2 .v2-round svg.fill{fill:currentColor;stroke:none}
#s-home.v2 .v2-brand{min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center}
#s-home.v2 .v2-logo{display:inline-flex;align-items:center;gap:6px;line-height:1}
#s-home.v2 .v2-logo svg{width:clamp(21px,5.6vw,25px);height:clamp(21px,5.6vw,25px);margin-top:-2px}
#s-home.v2 .v2-word{font-weight:700;font-size:clamp(22px,5.9vw,26px);letter-spacing:-.4px;white-space:nowrap}
#s-home.v2 .v2-word b{color:var(--v2-gold);font-weight:700}
#s-home.v2 .v2-tagline{margin-top:4px;font-size:clamp(10px,2.7vw,11.5px);color:var(--v2-text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
/* greeting */
#s-home.v2 .v2-greet{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-top:12px}
#s-home.v2 .v2-greet>div{min-width:0}
#s-home.v2 .v2-hi{font-size:clamp(20px,5.3vw,23px);font-weight:700;letter-spacing:-.3px;line-height:1.1;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}
#s-home.v2 .v2-week{font-size:clamp(13px,3.35vw,14.5px);color:var(--v2-text2);margin-top:3px}
#s-home.v2 .v2-pill{display:flex;align-items:center;gap:6px;flex:none;height:clamp(32px,8.2vw,36px);padding:0 9px 0 10px;border-radius:18px;background:rgba(3,22,42,.7);border:1px solid var(--v2-line2);font-size:clamp(14px,3.6vw,15.5px);white-space:nowrap}
#s-home.v2 .v2-pill .star{color:var(--v2-gold);width:18px;height:18px}
#s-home.v2 .v2-pill .chev{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4}
/* cards */
#s-home.v2 .v2-card{position:relative;display:block;min-width:0;border-radius:var(--v2-r);border:1px solid var(--v2-line);overflow:hidden;color:#fff;transition:transform .12s ease}
#s-home.v2 .v2-card:active,#s-home.v2 .v2-gold:active,#s-home.v2 .v2-pill:active{transform:scale(.98)}
#s-home.v2 .v2-duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--v2-gap);margin-top:8px}
#s-home.v2 .v2-duo .v2-card{min-height:var(--v2-duo-h);padding:12px 10px 9px var(--v2-cp);display:flex;flex-direction:column}
#s-home.v2 .v2-label{display:block;font-size:clamp(10.5px,2.85vw,12px);line-height:1.2;font-weight:500;letter-spacing:.2px;color:#c9dcf3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#s-home.v2 .v2-sini{background:radial-gradient(90% 90% at 100% 100%,rgba(24,98,180,.85) 0%,rgba(24,98,180,0) 70%),linear-gradient(135deg,#072a52 0%,#0b3d72 60%,#1053a0 100%);border-color:rgba(98,158,235,.55)}
#s-home.v2 .v2-sini .v2-label{padding-right:32px}
#s-home.v2 .v2-sini-icon{position:absolute;top:9px;right:9px;width:27px;height:27px;border-radius:50%;background:rgba(3,25,55,.75);display:grid;place-items:center;color:var(--v2-blue)}
#s-home.v2 .v2-sini-icon svg{width:15px;height:15px}
#s-home.v2 .v2-count{display:flex;align-items:baseline;min-width:0;overflow:hidden;white-space:nowrap;line-height:1;margin-top:3px}
#s-home.v2 .v2-count .num{font-size:clamp(26px,7.4vw,32px);font-weight:700;letter-spacing:-.5px;overflow:hidden;text-overflow:ellipsis}
#s-home.v2 .v2-unit{font-size:clamp(11px,2.95vw,12.5px);font-weight:600;margin-left:5px;color:#cfe0f5;flex:none}
#s-home.v2 .v2-value{display:flex;flex-wrap:wrap;align-items:center;column-gap:5px;row-gap:2px;margin-top:4px;min-width:0}
#s-home.v2 .v2-value .val{font-size:clamp(12px,3.2vw,13.5px);font-weight:600;white-space:nowrap}
#s-home.v2 .v2-value sup{font-size:9px;color:var(--v2-text2)}
#s-home.v2 .v2-tag{flex:none;font-size:7.5px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;border-radius:6px;padding:2px 4px;line-height:1.15;color:#cfe0f5;border:1px solid rgba(207,224,245,.4)}
#s-home.v2 .v2-tag.daily{color:#bfe6ff;background:rgba(62,142,247,.16);border-color:rgba(140,195,255,.5)}
#s-home.v2 .v2-tag.warn{color:#ffd98a;background:rgba(246,185,59,.14);border-color:rgba(246,185,59,.45)}
#s-home.v2 .v2-foot{display:flex;flex-wrap:wrap;align-items:center;column-gap:6px;row-gap:3px;margin-top:auto;padding-top:3px;min-width:0}
#s-home.v2 .v2-issued{flex:1 1 auto;min-width:0;font-size:clamp(10px,2.7vw,11.5px);color:#dbe7f6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#s-home.v2 .v2-reward{background:radial-gradient(80% 110% at 85% 60%,rgba(40,160,70,.55) 0%,rgba(40,160,70,0) 70%),linear-gradient(135deg,#032a2a 0%,#063b2c 45%,#0d5a2c 100%);border-color:rgba(84,214,118,.6)}
#s-home.v2 .v2-reward .v2-label{color:var(--v2-green);position:relative;z-index:2}
#s-home.v2 .v2-reward-time{display:block;position:relative;z-index:2;font-size:clamp(19px,5.1vw,22.5px);font-weight:700;letter-spacing:-.3px;margin-top:auto;white-space:nowrap;font-variant-numeric:tabular-nums;text-shadow:0 1px 6px rgba(0,0,0,.6)}
#s-home.v2 .v2-reward-sub{display:block;position:relative;z-index:2;font-size:clamp(11px,2.9vw,12.5px);color:var(--v2-green);margin-top:6px;margin-bottom:2px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:62%;text-shadow:0 1px 4px rgba(0,0,0,.5)}
#s-home.v2 .v2-chest{position:absolute;z-index:1;right:21px;bottom:9px;width:clamp(60px,17vw,80px);height:auto;pointer-events:none;filter:drop-shadow(0 0 9px rgba(255,196,70,.38)) drop-shadow(0 4px 5px rgba(0,20,8,.45))}
#s-home.v2 .v2-reward .chev{position:absolute;right:5px;top:50%;margin-top:-8px;width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2.4;z-index:2}
#s-home.v2 .v2-reward.is-paused,#s-home.v2 .v2-reward.is-locked{filter:saturate(.55)}
#s-home.v2 .v2-mission{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon title count" "icon sub sub" "icon bar bar";column-gap:12px;align-items:center;width:100%;margin-top:10px;padding:10px 12px 11px var(--v2-cp);background:rgba(3,28,52,.72);border-color:var(--v2-line2)}
#s-home.v2 .v2-mission-icon{grid-area:icon;width:clamp(30px,8vw,34px);height:clamp(30px,8vw,34px);color:var(--v2-gold)}
#s-home.v2 .v2-mission-title{grid-area:title;font-size:clamp(14px,3.6vw,15.5px);font-weight:600;white-space:nowrap}
#s-home.v2 .v2-mission-count{grid-area:count;display:flex;align-items:center;gap:4px;font-size:clamp(15px,3.95vw,17px);font-weight:600;color:#c9d6ea;white-space:nowrap;font-variant-numeric:tabular-nums}
#s-home.v2 .v2-mission-count .chev{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:2.4}
#s-home.v2 .v2-mission-sub{grid-area:sub;min-width:0;display:block;font-size:clamp(10.5px,2.85vw,12px);color:var(--v2-text2);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#s-home.v2 .v2-mission .v2-bar{grid-area:bar;margin-right:18px}
#s-home.v2 .v2-bar{display:block;height:6px;border-radius:3px;background:#0f385b;margin-top:7px;overflow:hidden}
#s-home.v2 .v2-bar>i{display:block;height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,#f7c64a,#f0b12e);transition:width .6s ease}
/* hero */
#s-home.v2 .v2-hero{--tw:min(52%,212px);--sl:.485;--cr:.06;position:relative;z-index:1;margin-top:10px;height:var(--v2-hero-h);border-radius:14px;overflow:hidden;border:1px solid var(--v2-line2);
  background:radial-gradient(90% 70% at 80% 100%,#06173a 0%,rgba(6,23,58,0) 70%),linear-gradient(180deg,#010719 0%,#010a1f 100%);isolation:isolate}
#s-home.v2 .v2-hero-img{--w:min(calc((100% - var(--tw) - 8px) / (1 - var(--sl) - var(--cr))),calc(var(--v2-hero-h) * 1.7778));position:absolute;bottom:0;right:calc(var(--w) * var(--cr) * -1);width:var(--w);height:auto;max-width:none;z-index:-2;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 22%),linear-gradient(90deg,transparent 0%,#000 12%);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent 0%,#000 22%),linear-gradient(90deg,transparent 0%,#000 12%);mask-composite:intersect}
#s-home.v2 .v2-hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(1,8,26,.9) 0%,rgba(1,8,26,.75) 32%,rgba(1,8,26,.25) 48%,rgba(1,8,26,0) 58%)}
#s-home.v2 .v2-hero-content{height:100%;display:flex;flex-direction:column;align-items:flex-start;padding:clamp(20px,6vw,28px) 0 var(--v2-cp) var(--v2-cp);width:var(--tw);min-width:0}
#s-home.v2 .v2-eyebrow{font-size:clamp(9.5px,2.5vw,11px);font-weight:600;letter-spacing:2px;color:var(--v2-gold)}
#s-home.v2 .v2-hero-title{font-size:clamp(20px,5.4vw,24px);font-weight:700;line-height:1.08;letter-spacing:-.3px;margin:5px 0 0;color:#fff;outline:none}
#s-home.v2 .v2-hero-sub{font-size:clamp(11.5px,3.1vw,13.5px);line-height:1.3;color:var(--v2-text2);margin-top:5px}
#s-home.v2 .v2-info{margin-top:auto;width:100%;max-width:172px;border:1px solid var(--v2-line2);border-radius:10px;background:rgba(5,16,30,.72);overflow:hidden}
#s-home.v2 .v2-info-row{display:flex;align-items:center;gap:8px;padding:7px 8px;min-width:0}
#s-home.v2 .v2-info-row>div{min-width:0}
#s-home.v2 .v2-info-row+.v2-info-row{border-top:1px solid var(--v2-line);align-items:flex-start}
#s-home.v2 .v2-info-ic{width:clamp(24px,6.5vw,28px);height:clamp(24px,6.5vw,28px);flex:none;color:var(--v2-gold)}
#s-home.v2 .v2-info-ic.green{color:var(--v2-green);width:19px;height:19px;margin:1px 3px 0 4px}
#s-home.v2 .v2-info-k{display:block;font-size:clamp(10px,2.6vw,11px);color:var(--v2-text2)}
#s-home.v2 .v2-info-v{display:block;font-size:clamp(17px,4.6vw,20px);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
#s-home.v2 .v2-info-g{display:block;font-size:clamp(11.5px,3vw,13px);font-weight:600;color:var(--v2-green)}
#s-home.v2 .v2-info-s{display:block;font-size:clamp(9.5px,2.45vw,10.5px);color:var(--v2-text2);margin-top:2px;line-height:1.3}
#s-home.v2 .v2-gold{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:9px;width:100%;max-width:172px;height:clamp(33px,8.6vw,38px);border-radius:19px;
  background:linear-gradient(180deg,#fbcf55 0%,#f1b02c 100%)!important;color:#0d1a2b!important;font-size:clamp(13px,3.5vw,15px);font-weight:600;white-space:nowrap;box-shadow:0 4px 14px rgba(246,185,59,.25),inset 0 1px 0 rgba(255,255,255,.4)}
#s-home.v2 .v2-gold svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2}
#s-home.v2 .v2-gold[disabled]{opacity:.55}
/* boosts row (real /api/team + session rate) */
#s-home.v2 .v2-boosts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--v2-gap);margin-top:10px}
#s-home.v2 .v2-boost{padding:9px 10px;border-radius:var(--v2-r);background:rgba(3,28,52,.72);border:1px solid var(--v2-line2);min-width:0}
#s-home.v2 .v2-boost small{display:block;font-size:10.5px;color:var(--v2-text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#s-home.v2 .v2-boost b{display:block;font-size:16px;font-weight:700;margin-top:2px;white-space:nowrap;font-variant-numeric:tabular-nums}
#s-home.v2 .v2-boost em{display:block;font-style:normal;font-size:10px;color:var(--v2-green);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* quote */
#s-home.v2 .v2-quote{position:relative;isolation:isolate;margin:0 calc(-1 * var(--v2-pad));min-height:clamp(120px,31vw,140px);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px calc(var(--v2-pad) + 4px)}
#s-home.v2 .v2-quote::before{content:"";position:absolute;z-index:-1;left:0;right:0;top:-10px;bottom:0;pointer-events:none;
  background:linear-gradient(0deg,rgba(3,30,58,.7) 0%,rgba(3,30,58,0) 35%),linear-gradient(90deg,rgba(3,36,68,.4),rgba(3,36,68,0) 55%),url(img/sunset.webp) 0% 50%/cover no-repeat;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 45%);mask-image:linear-gradient(180deg,transparent 0%,#000 45%)}
#s-home.v2 .v2-quote p{font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;font-style:italic;font-size:clamp(14px,3.85vw,17px);line-height:1.3;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.45);margin:0}
#s-home.v2 .v2-quote blockquote{margin:0;min-width:0}
#s-home.v2 .v2-quote blockquote::after{content:"";display:block;width:37px;height:2px;background:var(--v2-gold);margin-top:12px}
#s-home.v2 .v2-quote-brand{flex:none;border-left:1px solid rgba(255,255,255,.28);padding-left:12px;text-align:center;margin-top:20px}
#s-home.v2 .v2-quote-brand .v2-word{font-size:clamp(16px,4.3vw,18.5px)}
#s-home.v2 .v2-quote-brand .v2-logo svg{width:19px;height:19px}
#s-home.v2 .v2-quote-brand p{font-family:inherit;font-style:normal;font-size:clamp(8.5px,2.2vw,9.5px);color:#dbe5f2;margin-top:6px;white-space:nowrap}
/* secondary cards: the existing app blocks, restyled dark */
#s-home.v2 .v2-sec{display:grid;gap:10px;margin-top:6px}
#s-home.v2 .v2-sec .card{background:rgba(3,28,52,.72);border:1px solid var(--v2-line2);border-radius:var(--v2-r);color:var(--v2-text2);box-shadow:none;margin:0;padding:12px var(--v2-cp)}
#s-home.v2 .v2-sec .card h3{color:#fff;font-size:14.5px;margin:0 0 6px}
#s-home.v2 .v2-sec .card b{color:#fff}
#s-home.v2 .v2-sec .card .muted,#s-home.v2 .v2-sec .small.muted{color:var(--v2-text3)}
#s-home.v2 .v2-sec .bar{background:#0f385b}
#s-home.v2 .v2-sec .task .t small{color:var(--v2-text3)}
#s-home.v2 .v2-sec .btn.ghost{color:#fff;border-color:var(--v2-line2);background:transparent}
#s-home.v2 .v2-sec details summary{color:#fff!important}
#s-home.v2 .v2-sec .te-howto{color:var(--v2-text2);line-height:1.5;font-size:13px}
#s-home.v2 .v2-sponsor{display:flex;gap:10px;align-items:center}
#s-home.v2 .v2-sponsor img{width:54px;height:54px;border-radius:10px;object-fit:cover;flex:none;background:#0b2f55}
#s-home.v2 .v2-sponsor .t{min-width:0;flex:1}
#s-home.v2 .v2-sponsor .t small{display:block;font-size:10px;letter-spacing:.3px;text-transform:uppercase;color:var(--v2-text3)}
#s-home.v2 .v2-sponsor .t b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#s-home.v2 .v2-sponsor .t span{display:block;font-size:11.5px;color:var(--v2-text2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#s-home.v2 .v2-note{font-size:9.5px;line-height:1.45;color:var(--v2-text3);margin-top:10px;padding:0 2px}
#s-home.v2 .v2-note b{color:var(--v2-text2);font-weight:600}
#s-home.v2 .te-earned-feedback{margin-top:10px}
@media (min-width:481px){body.v2-home-on nav.tabs#tabs{max-width:480px;left:50%;right:auto;width:480px;transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){#s-home.v2 *{transition:none!important}}
/* optional desktop preview of the iPhone 17 Pro Max status bar / home indicator (?frame=1) */
html.v2-frame #s-home.v2 .v2-wrap{padding-top:68px}
html.v2-frame body::before{content:"";position:fixed;left:50%;top:11px;width:126px;height:37px;border-radius:19px;background:#000;transform:translateX(-50%);z-index:90}
html.v2-frame body::after{content:"";position:fixed;left:50%;bottom:8px;width:144px;height:5px;border-radius:3px;background:#fff;transform:translateX(-50%);z-index:90}