:root{--bg:#090a13;--bg2:#111225;--panel:#181930d9;--text:#f8f8ff;--muted:#b1b4ca;--line:#ffffff1b;--accent:#8b5cf6;--accent2:#22d3ee;--accent3:#ff5d8f;--success:#43e97b;--warn:#ffd166;--danger:#ff6b81;--shadow:0 18px 55px #0005} body[data-theme="ember"]{--bg:#120b0d;--bg2:#211014;--accent:#ff6b6b;--accent2:#ffb347;--accent3:#ff4d9d;--success:#7bed9f} body[data-theme="volt"]{--bg:#07110d;--bg2:#0e1d18;--accent:#b7ff3c;--accent2:#2af5d0;--accent3:#ffe66d;--success:#59ffa0} body[data-theme="ocean"]{--bg:#07101b;--bg2:#0b1c2e;--accent:#4da3ff;--accent2:#28e0ff;--accent3:#8b7cff;--success:#52f2c3} body[data-theme="sunset"]{--bg:#160b1c;--bg2:#2a1230;--accent:#ff7a7a;--accent2:#ff9b5f;--accent3:#9f70ff;--success:#68eca5} body[data-theme="berry"]{--bg:#14091d;--bg2:#25103b;--accent:#ff67c8;--accent2:#9b6dff;--accent3:#35d9ff;--success:#62efbc} body[data-theme="forest"]{--bg:#061511;--bg2:#0b2a20;--accent:#31d39a;--accent2:#62e67a;--accent3:#23b7b4;--success:#a7f36b} body[data-theme="zen"]{--bg:#110e20;--bg2:#231b36;--accent:#b69cff;--accent2:#77e5d1;--accent3:#f3a9d5;--success:#a3edc9} body[data-theme="arctic"]{--bg:#071522;--bg2:#102946;--accent:#66c8ff;--accent2:#d3f5ff;--accent3:#799cff;--success:#83f0db} body[data-theme="neon"]{--bg:#060714;--bg2:#111032;--accent:#ae5bff;--accent2:#00ecff;--accent3:#5dff9d;--success:#5dff9d} *{box-sizing:border-box}html{min-height:100%;background:var(--bg);-webkit-text-size-adjust:100%}body{margin:0;min-height:100%;color:var(--text);font-family:ui-rounded,"SF Pro Rounded","Segoe UI Rounded",Inter,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at 10% 8%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 26rem),radial-gradient(circle at 90% 15%,color-mix(in srgb,var(--accent2) 16%,transparent),transparent 30rem),linear-gradient(150deg,var(--bg),var(--bg2));line-height:1.42;overscroll-behavior-y:none;transition:background .42s ease,color .25s ease}button,input,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.hidden{display:none!important}.boot{min-height:100svh;display:grid;place-content:center;text-align:center;gap:8px}.boot-logo{font-size:54px}.boot span{color:var(--muted);font-size:12px}.shell{max-width:1120px;margin:auto;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) calc(90px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 2px 14px}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:45px;height:45px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),var(--accent2));border:2px solid #fff2;box-shadow:0 6px 0 #0002,0 0 30px color-mix(in srgb,var(--accent) 35%,transparent);font-size:21px}.brand b{font-size:18px;letter-spacing:.11em}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.sync{border:1px solid var(--line);background:#ffffff08;color:var(--muted);border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800}.sync.good{color:var(--success)}.sync.wait{color:var(--warn)}.tabs{position:fixed;z-index:80;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));display:flex;gap:4px;padding:6px;border:2px solid #fff2;border-radius:24px;background:#0c0d1deb;backdrop-filter:blur(18px);box-shadow:0 14px 40px #0007}.tab{flex:1;min-height:52px;border:0;border-radius:18px;background:transparent;color:var(--muted);font-size:10px;font-weight:900}.tab.active{background:linear-gradient(145deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 6px 0 #0002}.view{display:none}.view.active{display:block}.glass{background:linear-gradient(180deg,#ffffff12,#ffffff07);border:2px solid #ffffff1c;border-radius:28px;box-shadow:0 8px 0 #0002,var(--shadow);backdrop-filter:blur(14px)}.hero{padding:22px;position:relative;overflow:hidden}.hero:after{content:"★";position:absolute;right:26px;bottom:9px;font-size:44px;color:color-mix(in srgb,var(--accent3) 56%,transparent);transform:rotate(12deg)}.eyebrow{font-size:10px;font-weight:950;color:var(--accent2);letter-spacing:.12em;text-transform:uppercase}.hero h1{margin:4px 0 7px;font-size:34px;letter-spacing:-.04em;line-height:1}.muted{color:var(--muted)}.small{font-size:11px;color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;border:1px solid var(--line);background:#ffffff08;font-size:10px;font-weight:900}.grid2{display:grid;grid-template-columns:.92fr 1.08fr;gap:13px;margin-top:13px}.card{padding:17px}.ringwrap{max-width:260px;margin:0 auto;aspect-ratio:1;position:relative}.ringwrap svg{width:100%;height:100%;transform:rotate(-90deg)}.track{fill:none;stroke:#ffffff12;stroke-width:13}.ringfill{fill:none;stroke:url(#ringgrad);stroke-width:13;stroke-linecap:round;transition:stroke-dashoffset .35s ease}.ringcenter{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.ringcenter b{font-size:58px;letter-spacing:-.07em;line-height:.9}.ringcenter span{font-size:10px;color:var(--muted);font-weight:850;letter-spacing:.08em;text-transform:uppercase;margin-top:8px}.stats2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.stat{padding:11px;border:2px solid var(--line);background:#ffffff07;border-radius:18px;text-align:center;box-shadow:0 5px 0 #0002}.stat b{font-size:23px;display:block}.stat span{font-size:9px;color:var(--muted);text-transform:uppercase}.wins{display:grid;gap:9px}.win{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;min-height:82px;padding:13px;border:2px solid var(--line);border-radius:22px;background:#ffffff07;box-shadow:0 6px 0 #0002}.win.done{border-color:color-mix(in srgb,var(--success) 46%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--success) 15%,transparent),color-mix(in srgb,var(--accent2) 8%,transparent))}.winicon{width:56px;height:56px;border-radius:19px;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),var(--accent2));box-shadow:0 5px 0 #0003;color:#fff;font-size:24px}.winname{font-size:15px;font-weight:950}.windesc{font-size:11px;color:var(--muted);margin-top:2px}.check{width:49px;height:49px;border-radius:50%;border:2px solid var(--line);background:#ffffff08;color:var(--muted);font-size:21px;font-weight:950;box-shadow:0 4px 0 #0002}.done .check{background:var(--success);color:#07110b;border-color:var(--success)}.bar{height:9px;border-radius:999px;background:#ffffff12;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:inherit}.progressbox{padding:13px;border:2px solid var(--line);border-radius:18px;background:#ffffff06;margin-top:10px}.between{display:flex;justify-content:space-between;gap:10px;align-items:center}.heatmap{display:grid;grid-template-rows:repeat(7,18px);grid-auto-flow:column;grid-auto-columns:18px;gap:5px;width:max-content}.heatwrap{overflow:auto;padding-bottom:4px}.heat{border-radius:5px;background:#ffffff0d}.heat.s1{background:color-mix(in srgb,var(--accent) 45%,transparent)}.heat.s2{background:color-mix(in srgb,var(--accent2) 62%,transparent)}.heat.s3{background:linear-gradient(145deg,var(--success),var(--accent2));box-shadow:0 0 10px color-mix(in srgb,var(--success) 25%,transparent)}.medals{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.medal{padding:14px;text-align:center;border:2px solid var(--line);border-radius:22px;background:#ffffff07;box-shadow:0 6px 0 #0002}.medal.locked{opacity:.42;filter:saturate(.35)}.coin{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;margin:0 auto 8px;font-size:33px;border:5px solid #fff4;background:radial-gradient(circle at 35% 25%,#fff4bd,#ffd166 48%,#9a650e);box-shadow:0 8px 22px #0005}.medal h3{font-size:12px;margin:4px 0}.medal p{font-size:9.5px;color:var(--muted);margin:0}.locked-panel{padding:18px;border:2px dashed color-mix(in srgb,var(--accent) 50%,var(--line));border-radius:22px;text-align:center;background:color-mix(in srgb,var(--accent) 8%,transparent)}.btn{min-height:46px;border:2px solid var(--line);border-radius:14px;background:#ffffff08;color:#fff;padding:9px 13px;font-size:11px;font-weight:900}.btn.primary{background:linear-gradient(145deg,var(--accent),var(--accent2));border:0}.btn.success{background:color-mix(in srgb,var(--success) 24%,transparent)}.btn.danger{color:#ff9bac}.btnrow{display:flex;gap:7px;flex-wrap:wrap}.field{margin-top:10px}.field label{display:block;color:var(--muted);font-size:9px;font-weight:900;text-transform:uppercase;margin-bottom:5px}.field input,.field select{width:100%;min-height:48px;border:2px solid var(--line);border-radius:14px;background:#ffffff08;color:#fff;padding:9px 10px;font-size:16px}option{background:#17182d}.auth{min-height:100svh;display:grid;place-items:center;padding:20px}.authcard{max-width:470px;width:100%;padding:24px}.authbrand{text-align:center;margin-bottom:18px}.authbrand .big{font-size:52px}.authbrand h1{font-size:35px;margin:5px 0}.authswitch{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;background:#ffffff08;border-radius:17px}.authswitch button{border:0;border-radius:13px;padding:10px;background:transparent;color:var(--muted);font-weight:900}.authswitch button.active{background:linear-gradient(145deg,var(--accent),var(--accent2));color:#fff}.divider{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;margin:13px 0}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.device{padding:10px;border:1px solid var(--line);border-radius:15px;background:#ffffff06}.premium{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 18%,transparent),color-mix(in srgb,var(--accent2) 10%,transparent))}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:9px}.price{padding:14px;border:2px solid var(--line);border-radius:20px;background:#ffffff06}.price b{font-size:24px}.toast{position:fixed;z-index:200;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#080910;border:1px solid var(--line);border-radius:13px;padding:10px 13px;font-size:11px;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.offline{color:var(--warn)} @media(max-width:820px){.grid2,.account-grid{grid-template-columns:1fr}.medals{grid-template-columns:1fr 1fr}.pricing{grid-template-columns:1fr}.glass{backdrop-filter:none}} @media(max-width:440px){.shell{padding-left:8px;padding-right:8px}.brand small{display:none}.hero h1{font-size:30px}.grid2{margin-top:9px}.card,.hero{padding:15px}.ringwrap{max-width:225px}.ringcenter b{font-size:52px}.win{padding:11px;gap:9px}.winicon{width:51px;height:51px}.windesc{font-size:10.5px}.check{width:47px;height:47px}.medals{grid-template-columns:1fr}.top{position:sticky;top:env(safe-area-inset-top);z-index:60;background:color-mix(in srgb,var(--bg) 84%,transparent);backdrop-filter:blur(16px);border-radius:18px;padding:7px}.sync{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}} /* ========================================================= MOMENTUM CLOUD V2 — CALM / REWARD-LED GUI Reference direction: deep indigo, electric cyan, mint, royal purple, clearer hierarchy and mobile-native surfaces. ========================================================= */ :root{ --bg:#070d28;--bg2:#0a1741;--panel:#101c46e8;--panel2:#132554; --text:#f8fbff;--muted:#b6c1dd;--line:#8ea6ff24; --accent:#8b68ff;--accent2:#24d8ee;--accent3:#b381ff;--success:#43e68c; --warn:#ffd56a;--danger:#ff6f96;--shadow:0 22px 70px #0007; --glow-cyan:0 0 34px #22d3ee35;--glow-purple:0 0 36px #8b68ff38; } body[data-theme="ember"]{--bg:#150b21;--bg2:#2e123c;--panel:#29183fe8;--panel2:#351b4d;--accent:#ff6f91;--accent2:#ffba57;--accent3:#e177ff;--success:#73f2a9} body[data-theme="volt"]{--bg:#071817;--bg2:#0a302b;--panel:#10372fe8;--panel2:#15473c;--accent:#baff4a;--accent2:#24e7c3;--accent3:#e6ff78;--success:#55f39f} body[data-theme="ocean"]{--bg:#061329;--bg2:#092d53;--panel:#0d3159e8;--panel2:#10406e;--accent:#6d83ff;--accent2:#20ddff;--accent3:#9d86ff;--success:#4df0c7} body{ background: radial-gradient(circle at 72% -10%,color-mix(in srgb,var(--accent2) 30%,transparent),transparent 33rem), radial-gradient(circle at -5% 18%,color-mix(in srgb,var(--accent) 32%,transparent),transparent 30rem), radial-gradient(circle at 100% 82%,color-mix(in srgb,var(--success) 12%,transparent),transparent 24rem), linear-gradient(155deg,var(--bg),var(--bg2) 58%,#07142e); font-family:Inter,ui-sans-serif,system-ui,-apple-system,"SF Pro Display","Segoe UI",sans-serif; letter-spacing:-.008em; } body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.24;background-image:radial-gradient(#fff 0.6px,transparent .7px);background-size:25px 25px;mask-image:linear-gradient(to bottom,#0007,transparent 78%)} .shell-v2{max-width:1040px;padding-top:max(14px,env(safe-area-inset-top));} .top-v2{padding:9px 4px 17px;} .brand-v2{gap:11px}.brand-v2 b{display:block;font-size:24px;letter-spacing:-.035em;line-height:1}.brand-v2 small{font-size:8px;letter-spacing:.26em;color:#cad6f3;margin-top:5px}.header-logo{width:48px;height:35px}.momentum-logo{display:block}.logo-check{fill:none;stroke-width:9;stroke-linecap:square;stroke-linejoin:miter}.logo-a{stroke:#9b7cff}.logo-b{stroke:#24d8ee}.logo-c{stroke:#43e68c}.sync-v2{display:flex;align-items:center;gap:7px;border:1px solid #a7baff24;background:#ffffff0a;min-height:38px;padding:0 12px;color:#c4cde2}.sync-dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 11px currentColor}.sync-v2.good{background:#43e68c10}.sync-v2.wait{background:#ffd1660d} .glass{background:linear-gradient(155deg,#172753e6,#0c1538e6);border:1px solid #a5b8ff20;border-radius:24px;box-shadow:inset 0 1px 0 #ffffff0e,0 20px 55px #0005;backdrop-filter:blur(16px)} .tabs-v2{max-width:620px;left:50%;right:auto;transform:translateX(-50%);width:calc(100% - 16px);padding:7px;border:1px solid #a4b7ff22;border-radius:25px;background:#07112bec;box-shadow:0 18px 55px #0009}.tabs-v2 .tab{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;min-height:57px;border-radius:18px;color:#929fbe;font-size:9px;letter-spacing:.02em}.tabs-v2 .tab.active{background:linear-gradient(145deg,#7d54ff,#2548a8);color:#fff;box-shadow:inset 0 1px 0 #ffffff25,0 8px 28px #6f4cff38}.nav-svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tabs-v2 .tab.active .nav-svg{filter:drop-shadow(0 0 7px #fff7)} .eyebrow{color:#66e7f3;font-size:9px;letter-spacing:.20em}.page-title,.today-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:23px 5px 17px}.page-title h1,.today-head h1{font-size:38px;line-height:1.02;margin:5px 0 6px;letter-spacing:-.055em}.page-title h1 span,.rewards-title h1 span{background:linear-gradient(90deg,#aa79ff,#28d7ef,#43e68c);-webkit-background-clip:text;background-clip:text;color:transparent}.page-title p,.today-head p{margin:0;color:var(--muted);font-size:14px}.level-chip{min-width:92px;padding:11px 13px;border-radius:16px;border:1px solid #a6b9ff22;background:#ffffff09;text-align:right}.level-chip span{display:block;color:#7ae6f2;font-size:8px;letter-spacing:.12em}.level-chip b{font-size:13px;text-transform:uppercase} .today-dashboard{display:grid;grid-template-columns:.9fr 1.1fr;gap:14px}.summary-card,.goals-card{padding:19px}.summary-card{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:12px;background:linear-gradient(145deg,#172a61e8,#0b173de8)}.summary-ring .ringwrap{max-width:235px}.track{stroke:#7185c51f;stroke-width:14}.ringfill{stroke-width:14;filter:drop-shadow(0 0 8px #22d3ee62)}.ringcenter b{font-size:47px}.ringcenter b span{font-size:21px;color:#8e9bbb;margin-left:3px}.ringcenter em{font-size:8px;font-style:normal;color:#a7b4d0;letter-spacing:.20em;margin-top:8px}.summary-side{display:grid;gap:9px}.streak-tile,.reward-tile,.xp-tile{border:1px solid #a5b8ff1e;border-radius:17px;background:#ffffff08;padding:12px}.streak-tile,.reward-tile{display:flex;align-items:center;gap:10px}.tile-icon,.metric-icon{display:grid;place-items:center;width:41px;height:41px;border-radius:14px;font-size:20px}.tile-icon.fire,.metric-icon.fire{background:#ff75651c;color:#ff8373;box-shadow:inset 0 0 20px #ff7a4c18}.tile-icon.gift,.metric-icon.gift{background:#9b6cff20;color:#b18cff}.streak-tile b{display:block;font-size:25px;line-height:.9}.streak-tile small,.reward-tile small{font-size:8px;letter-spacing:.13em;color:#a8b4cf}.reward-tile b{display:block;font-size:11px;margin-top:2px}.mini-progress{height:5px;border-radius:999px;background:#ffffff12;margin-top:6px;overflow:hidden}.mini-progress span{display:block;height:100%;background:linear-gradient(90deg,#8d64ff,#29d8ee,#42e58b)}.xp-tile .between{font-size:9px;color:#b4bfd7}.xp-tile .bar{margin-top:8px} .section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:13px}.section-head h2{margin:3px 0 0;font-size:22px;letter-spacing:-.035em}.goal-count{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:#24d8ee12;border:1px solid #24d8ee2b;color:#65ebf6;font-weight:900}.wins-v2{gap:8px}.win-v2{min-height:72px;border:1px solid #a5b8ff1c;background:#ffffff07;border-radius:17px;box-shadow:none;padding:10px 11px;transition:transform .15s ease,border-color .2s,background .2s}.win-v2:hover{transform:translateY(-1px);border-color:#92aaff39}.win-v2.done{background:linear-gradient(90deg,#6955e91c,#23d7ee0e,#43e68c12);border-color:#43e68c35}.win-v2 .winicon{width:47px;height:47px;border-radius:15px;background:linear-gradient(145deg,#7758df,#162965);box-shadow:inset 0 1px 0 #fff2,0 0 22px #755cff20;color:#d5c9ff}.win-v2.done .winicon{background:linear-gradient(145deg,#6254e9,#23cce6);color:#fff}.win-copy{min-width:0;text-align:left}.win-v2 .winname{font-size:13px;letter-spacing:-.01em}.win-v2 .windesc{display:block;font-size:10.5px;color:#aeb9d1;margin-top:3px}.win-v2 .check{width:34px;height:34px;border:1.5px solid #788bbd;background:transparent;box-shadow:none;color:#06172a;font-size:16px}.win-v2.done .check{border-color:#4be9aa;background:linear-gradient(145deg,#24d8ee,#4ae897);box-shadow:0 0 17px #34e9c235}.daily-footer{display:flex;justify-content:space-between;gap:12px;margin-top:13px;padding:11px 3px 0;border-top:1px solid #ffffff10;color:#aab5ce;font-size:10px}.daily-footer strong{color:#5be4ef} .score-orb{width:105px;height:105px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#193976,#101c47 62%);border:1px solid #50dfff42;box-shadow:inset 0 0 30px #22d3ee1b,0 0 32px #22d3ee1a}.score-orb b{font-size:31px;line-height:.95}.score-orb span{font-size:7px;letter-spacing:.13em;color:#72e5ef;margin-top:6px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.metric-card{padding:14px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center}.metric-card .metric-icon{grid-row:1/3}.metric-card b{font-size:22px;line-height:1}.metric-card small{font-size:8px;color:#aab5ce;text-transform:uppercase;letter-spacing:.08em}.metric-icon.star{background:#24d8ee17;color:#4be4ef}.metric-icon.medal{background:#43e68c18;color:#5aeca0}.metric-icon.checkmark{background:#8b68ff1d;color:#b18cff}.analytics-card{padding:18px;margin-top:13px}.week-bars-v2{height:190px;display:grid;grid-template-columns:repeat(7,1fr);gap:10px;align-items:end;padding:8px 2px 0}.week-day{display:grid;justify-items:center;grid-template-rows:1fr auto auto;gap:5px;height:100%}.week-bar-shell{height:135px;width:min(36px,70%);border-radius:12px;background:#ffffff0c;display:flex;align-items:flex-end;overflow:hidden;border:1px solid #ffffff0c}.week-bar-shell span{width:100%;min-height:6px;border-radius:11px;background:linear-gradient(to top,#7658ff,#22d3ee,#43e68c);box-shadow:0 0 18px #22d3ee28}.week-day b{font-size:10px;color:#a9b5d0}.week-day small{font-size:8px;color:#7180a6}.week-day.today b{color:#56e7f1}.heatwrap-v2{padding:12px 2px 8px}.heatmap-v2{grid-template-rows:repeat(7,20px);grid-auto-columns:20px;gap:6px}.heat{border-radius:6px;background:#ffffff09}.heat.s1{background:#7658ff55}.heat.s2{background:#22d3ee88}.heat.s3{background:linear-gradient(145deg,#22d3ee,#43e68c);box-shadow:0 0 12px #43e68c35}.heat-legend{display:flex;justify-content:flex-end;gap:13px;color:#8190b3;font-size:8px}.heat-legend span{display:flex;align-items:center;gap:5px}.heat-legend i{width:9px;height:9px;border-radius:3px;background:#ffffff09}.heat-legend i.s1{background:#7658ff55}.heat-legend i.s2{background:#22d3ee88}.heat-legend i.s3{background:#43e68c} .rewards-title{align-items:center}.rewards-mark{width:92px;height:65px;opacity:.9;filter:drop-shadow(0 0 22px #22d3ee24)}.level-banner{padding:18px;display:grid;grid-template-columns:84px 1fr;gap:16px;align-items:center;background:linear-gradient(110deg,#1b2b68,#121b48 60%,#193c69)}.level-badge-graphic{width:78px;height:78px;border-radius:24px;display:grid;place-items:center;border:1px solid #5de6f54a;background:radial-gradient(circle at 35% 25%,#4262ac,#182454 62%);box-shadow:inset 0 0 24px #24d8ee20,0 0 28px #24d8ee14}.mini-logo{width:59px;height:42px}.level-main small{font-size:8px;letter-spacing:.15em;color:#76e5ee}.level-main h2{font-size:23px;margin:3px 0 10px}.reward-level-bar{height:10px}.rewards-metrics{margin-top:11px}.next-reward-card{margin-top:14px;padding:18px;display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:center}.next-reward-card p{margin:3px 0;color:#aab5ce;font-size:11px}.next-reward-card .bar{grid-column:1/-1}.next-reward-card>small{grid-column:1/-1;color:#7785a8}.next-reward-coin{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:30px;background:radial-gradient(circle at 35% 25%,#fff7c9,#ffc443 45%,#b66508);box-shadow:0 0 26px #ffc44435}.reward-section-head{margin:22px 3px 11px}.medals-v2{grid-template-columns:repeat(3,1fr)}.medal-v2{min-height:125px;padding:13px;display:grid;grid-template-columns:64px 1fr;gap:12px;text-align:left;align-items:center;border:1px solid #a5b8ff18;border-radius:19px;background:#ffffff07;box-shadow:none}.medal-v2 .coin{width:60px;height:60px;margin:0;border-width:3px;font-size:26px}.medal-copy h3{font-size:12px;margin:0 0 3px}.medal-copy p{font-size:9px;line-height:1.35}.medal-copy span{display:block;margin-top:7px;color:#5de6ee;font-size:7.5px;font-weight:900;letter-spacing:.08em}.medal-v2.locked{opacity:.38} .account-title{padding-bottom:12px}.account-grid-v2{gap:14px}.account-grid-v2 .card{padding:19px}.account-grid-v2 h2{font-size:21px;margin:4px 0 7px}.device{border:1px solid #a5b8ff1b;background:#ffffff07;border-radius:14px}.btn{box-shadow:none;border:1px solid #a7baff25;background:#ffffff09}.btn.primary{background:linear-gradient(100deg,#8159ff,#24cfea);box-shadow:0 8px 24px #6458ff26}.btn:hover{border-color:#8baaff4a}.premium{background:linear-gradient(145deg,#7f5cff16,#24d8ee0c)} .auth-v2{padding:28px;background:radial-gradient(circle at 20% 20%,#7958ff30,transparent 30rem),radial-gradient(circle at 80% 12%,#22d3ee25,transparent 28rem),linear-gradient(145deg,#08102f,#0a1d4b)}.auth-layout{width:min(1020px,100%);display:grid;grid-template-columns:1.12fr .88fr;gap:34px;align-items:center}.auth-story{padding:26px}.auth-wordmark{display:flex;align-items:center;gap:13px}.auth-wordmark .auth-logo{width:92px;height:64px}.auth-wordmark strong{display:block;font-size:37px;line-height:.9;letter-spacing:-.05em}.auth-wordmark span{display:block;margin-top:8px;font-size:8px;letter-spacing:.31em;color:#d0d8ee}.auth-story>h1{font-size:60px;line-height:.98;letter-spacing:-.065em;margin:38px 0 17px}.auth-story>h1 span{background:linear-gradient(90deg,#a678ff,#29d9ee,#43e68c);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-story>p{max-width:520px;font-size:17px;color:#b6c3df}.auth-benefits{display:grid;gap:14px;margin-top:30px}.auth-benefits>div{display:grid;grid-template-columns:50px 1fr;gap:4px 14px;align-items:center}.benefit-icon{grid-row:1/3;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;border:1px solid #9c77ff77;color:#b99aff;background:#8868ff13;font-size:22px;box-shadow:0 0 26px #835cff1b}.benefit-icon.cyan{border-color:#22d3ee77;color:#56e7ef}.benefit-icon.mint{border-color:#43e68c77;color:#5deca2}.auth-benefits b{font-size:15px}.auth-benefits small{color:#9eabc9;font-size:11px}.authcard-v2{max-width:430px;margin-left:auto;padding:26px;background:linear-gradient(150deg,#142557f3,#0c1538f3)}.auth-card-logo{width:65px;height:45px;margin:0 auto 10px}.authbrand h2{font-size:25px;margin:4px 0}.authbrand p{font-size:11px}.authswitch{background:#ffffff08}.authswitch button.active{background:#ffffff0e;color:#fff;box-shadow:inset 0 0 0 1px #a9baff1e}.jumbo{width:100%;min-height:50px;margin-top:12px}.social-row .social{flex:1}.auth-message{min-height:17px;margin-top:8px;color:#ffb1c7} .momentum-boot-mark{position:relative;width:80px;height:56px;margin:0 auto 8px}.momentum-boot-mark span{position:absolute;width:31px;height:15px;border-left:9px solid;border-bottom:9px solid;transform:rotate(-45deg)}.momentum-boot-mark span:nth-child(1){left:3px;top:22px;color:#9b7cff}.momentum-boot-mark span:nth-child(2){left:24px;top:14px;color:#24d8ee}.momentum-boot-mark span:nth-child(3){left:45px;top:5px;color:#43e68c} @media(max-width:820px){ .shell-v2{padding-left:10px;padding-right:10px}.today-dashboard{grid-template-columns:1fr}.summary-card{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:1fr 1fr}.medals-v2{grid-template-columns:1fr 1fr}.auth-layout{grid-template-columns:1fr}.auth-story{display:none}.authcard-v2{margin:auto}.tabs-v2{max-width:none}.page-title h1,.today-head h1{font-size:33px} } @media(max-width:520px){ .shell-v2{padding-left:9px;padding-right:9px}.top-v2{padding-top:6px}.brand-v2 b{font-size:20px}.brand-v2 small{display:block;font-size:6.7px}.header-logo{width:42px;height:30px}.sync-v2{padding:0 9px;font-size:8px}.today-head,.page-title{padding:17px 3px 12px;align-items:flex-start}.today-head h1,.page-title h1{font-size:31px}.today-head p,.page-title p{font-size:12px}.level-chip{min-width:78px;padding:9px}.today-dashboard{gap:10px}.summary-card,.goals-card{padding:14px}.summary-card{grid-template-columns:1fr;gap:5px}.summary-ring .ringwrap{max-width:205px}.summary-side{grid-template-columns:1fr 1fr}.xp-tile{grid-column:1/-1}.reward-tile b{font-size:10px}.section-head h2{font-size:19px}.win-v2{min-height:68px}.daily-footer{font-size:9px}.metric-grid{gap:7px}.metric-card{padding:11px;column-gap:8px}.metric-card b{font-size:19px}.metric-icon{width:37px;height:37px}.analytics-card{padding:14px}.week-bars-v2{height:160px;gap:5px}.week-bar-shell{height:108px;width:min(31px,75%)}.heatmap-v2{grid-template-rows:repeat(7,17px);grid-auto-columns:17px;gap:5px}.rewards-mark{display:none}.level-banner{grid-template-columns:65px 1fr;padding:14px}.level-badge-graphic{width:61px;height:61px;border-radius:19px}.mini-logo{width:48px}.rewards-metrics{grid-template-columns:1fr 1fr}.medals-v2{grid-template-columns:1fr}.medal-v2{min-height:105px}.tabs-v2{bottom:max(7px,env(safe-area-inset-bottom));border-radius:22px}.tabs-v2 .tab{min-height:54px}.auth-v2{padding:12px}.authcard-v2{padding:21px;border-radius:25px}.authbrand h2{font-size:23px} } /* ========================================================= MOMENTUM CLOUD V3 — FORM CLARITY + DAILY WIN PICKER ========================================================= */ :root{color-scheme:dark} .field input, .field select{ color:#f7f9ff; -webkit-text-fill-color:#f7f9ff; caret-color:#52e7ef; background:#0d1942; border-color:#8297d633; } .field input::placeholder{color:#7f8baa;opacity:1;-webkit-text-fill-color:#7f8baa} .field input:focus, .field select:focus{ outline:none; border-color:#47dcea; box-shadow:0 0 0 3px #22d3ee1f,0 0 24px #22d3ee12; } .authcard-v2 .field input{ background:#0b173d; color:#ffffff; -webkit-text-fill-color:#ffffff; border:1.5px solid #93a8e34a; box-shadow:inset 0 1px 0 #ffffff0d; } .authcard-v2 .field input::placeholder{color:#7d8aac;-webkit-text-fill-color:#7d8aac} .authcard-v2 .field input:-webkit-autofill, .authcard-v2 .field input:-webkit-autofill:hover, .authcard-v2 .field input:-webkit-autofill:focus{ -webkit-text-fill-color:#fff; box-shadow:0 0 0 1000px #0b173d inset; transition:background-color 9999s ease-in-out 0s; } .daily-picker-stack{display:grid;gap:10px;margin-top:14px} .daily-picker-field{display:grid;gap:6px} .daily-picker-field>label{font-size:9px;font-weight:950;letter-spacing:.08em;color:#b5c0d9;text-transform:uppercase} .win-preset-trigger{ width:100%;min-height:72px;display:grid;grid-template-columns:52px minmax(0,1fr) 28px;align-items:center;gap:12px; padding:10px 12px;border-radius:18px;border:1px solid #91a7df2f;background:linear-gradient(145deg,#132657,#0d183e); color:#fff;text-align:left;box-shadow:inset 0 1px 0 #ffffff0d,0 8px 22px #00000018; } .win-preset-trigger:hover{border-color:#50dff05a;background:linear-gradient(145deg,#162d67,#0f1d49)} .win-preset-trigger:focus-visible{outline:3px solid #22d3ee2e;outline-offset:2px} .win-preset-trigger:disabled{opacity:.48;cursor:not-allowed} .win-preset-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#7758ff,#1fcfe5);box-shadow:0 5px 16px #211b7352,inset 0 1px 0 #ffffff38} .win-preset-icon svg{width:28px;height:28px} .win-preset-copy{min-width:0;display:grid;gap:2px}.win-preset-copy strong{font-size:13px;letter-spacing:.01em}.win-preset-copy small{font-size:10px;color:#aab7d2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.win-preset-chevron{font-size:20px;color:#65e4ed;text-align:right} .win-preset-note{margin-top:9px;padding:9px 10px;border-radius:13px;background:#22d3ee0b;border:1px solid #22d3ee1b;color:#aebbd3;font-size:9.5px} .win-picker-overlay{position:fixed;inset:0;z-index:500;background:#030717bf;display:grid;place-items:center;padding:18px;backdrop-filter:blur(12px)} .win-picker-sheet{width:min(660px,100%);max-height:min(760px,88svh);display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;border:1px solid #8da4e13b;border-radius:28px;background:linear-gradient(160deg,#12245a,#091334 70%);box-shadow:0 28px 110px #000a} .win-picker-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:18px 18px 12px}.win-picker-head h2{margin:2px 0 2px;font-size:23px}.win-picker-head p{margin:0;color:#9eacca;font-size:10.5px} .win-picker-close{width:42px;height:42px;border-radius:50%;border:1px solid #9aaee334;background:#ffffff0b;color:#dce4fa;font-size:22px;line-height:1}.win-picker-close:hover{background:#ffffff14} .win-picker-search-wrap{padding:0 18px 13px}.win-picker-search{width:100%;min-height:46px;padding:10px 13px;border-radius:14px;border:1px solid #93a8e33a;background:#08132f;color:#fff;-webkit-text-fill-color:#fff;font-size:16px;outline:0}.win-picker-search::placeholder{color:#6f7fa4}.win-picker-search:focus{border-color:#40dce9;box-shadow:0 0 0 3px #22d3ee1d} .win-picker-list{overflow:auto;padding:0 13px 16px;overscroll-behavior:contain}.win-picker-group-title{position:sticky;top:0;z-index:2;margin:7px 4px 5px;padding:7px 5px 5px;background:#0d1c46ed;color:#64e4ed;font-size:8px;font-weight:950;letter-spacing:.12em;text-transform:uppercase} .win-picker-option{width:100%;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px;border:1px solid transparent;border-radius:16px;background:transparent;color:#fff;text-align:left}.win-picker-option:hover,.win-picker-option.selected{background:#ffffff0a;border-color:#6de5ed32}.win-picker-option.selected{background:linear-gradient(90deg,#7658ff18,#22d3ee0c)} .win-picker-option-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#745aff,#1fcfe4)}.win-picker-option-icon svg{width:25px;height:25px}.win-picker-option-copy{display:grid;gap:2px;min-width:0}.win-picker-option-copy strong{font-size:12px}.win-picker-option-copy small{font-size:9.5px;color:#9eacca;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.win-picker-option-check{color:#4de4ac;font-weight:950;font-size:16px} .win-picker-empty{padding:30px 12px;text-align:center;color:#94a2c2;font-size:11px} body.picker-open{overflow:hidden} @media(max-width:520px){ .authcard-v2 .field input{min-height:52px;font-size:16px} .win-preset-trigger{min-height:70px;border-radius:17px;padding:9px 10px;grid-template-columns:48px minmax(0,1fr) 24px} .win-preset-icon{width:44px;height:44px} .win-picker-overlay{align-items:end;padding:0} .win-picker-sheet{width:100%;max-height:82svh;border-radius:28px 28px 0 0;border-bottom:0} .win-picker-head{padding:16px 16px 10px}.win-picker-search-wrap{padding:0 16px 11px}.win-picker-list{padding:0 10px calc(20px + env(safe-area-inset-bottom))} .win-picker-option{min-height:62px} } /* ========================================================= MOMENTUM CLOUD V4 — ENGAGEMENT / ASMR / REWARDS ========================================================= */ .win-v2{position:relative;overflow:hidden;transition:transform .16s cubic-bezier(.2,.9,.3,1.25),border-color .22s ease,background .22s ease,box-shadow .22s ease} .win-v2:active{transform:scale(.985)} .win-v2.task-pop{animation:taskPop .55s cubic-bezier(.2,.85,.25,1.35)} .win-v2.task-undo{animation:taskUndo .30s ease} .win-v2.task-pop .check{animation:checkBloom .58s cubic-bezier(.2,.9,.25,1.3)} .win-v2.task-pop .winicon{animation:iconWiggle .58s cubic-bezier(.2,.9,.25,1.2)} @keyframes taskPop{0%{transform:scale(.98)}38%{transform:scale(1.025)}66%{transform:scale(.995)}100%{transform:scale(1)}} @keyframes taskUndo{0%{transform:translateX(0)}35%{transform:translateX(-3px)}65%{transform:translateX(2px)}100%{transform:translateX(0)}} @keyframes checkBloom{0%{transform:scale(.55) rotate(-15deg);box-shadow:0 0 0 0 color-mix(in srgb,var(--success) 50%,transparent)}55%{transform:scale(1.16) rotate(5deg);box-shadow:0 0 0 12px transparent}100%{transform:scale(1) rotate(0)}} @keyframes iconWiggle{0%,100%{transform:rotate(0) scale(1)}35%{transform:rotate(-7deg) scale(1.08)}65%{transform:rotate(6deg) scale(1.04)}} .task-spark{position:fixed;z-index:420;width:8px;height:8px;border-radius:3px;pointer-events:none;background:linear-gradient(135deg,var(--accent2),var(--success));box-shadow:0 0 10px color-mix(in srgb,var(--accent2) 55%,transparent);animation:taskSpark .7s ease-out forwards} .task-spark:nth-of-type(2n){background:var(--accent);border-radius:50%}.task-spark:nth-of-type(3n){background:var(--accent3)} @keyframes taskSpark{to{transform:translate(var(--x),var(--y)) rotate(var(--d)) scale(.25);opacity:0}} .xp-float{position:fixed;z-index:430;pointer-events:none;color:var(--success);font-size:12px;font-weight:950;text-shadow:0 2px 12px #000;animation:xpFloat .82s ease-out forwards} @keyframes xpFloat{0%{opacity:0;transform:translateY(7px) scale(.85)}18%{opacity:1;transform:translateY(0) scale(1.06)}100%{opacity:0;transform:translateY(-35px) scale(.96)}} .perfect-overlay{position:fixed;inset:0;z-index:600;display:grid;place-items:center;pointer-events:none;background:#03071900;opacity:0;transition:opacity .22s ease,background .3s ease;overflow:hidden} .perfect-overlay.show{opacity:1;background:#030719b5;backdrop-filter:blur(7px)} .perfect-overlay.leave{opacity:0;background:#03071900} .perfect-card{position:relative;z-index:2;width:min(390px,88vw);padding:30px 24px 24px;text-align:center;border:1px solid #ffffff36;border-radius:31px;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--accent2) 22%,transparent),transparent 50%),linear-gradient(160deg,#17285cf5,#0b1538f8);box-shadow:0 30px 100px #000a,0 0 70px color-mix(in srgb,var(--accent) 20%,transparent);transform:scale(.78) translateY(18px);animation:perfectCard .55s .04s cubic-bezier(.15,.9,.2,1.25) forwards} @keyframes perfectCard{to{transform:scale(1) translateY(0)}} .perfect-checks{display:flex;justify-content:center;gap:7px;margin-bottom:13px}.perfect-checks i{width:51px;height:51px;border-radius:17px;display:grid;place-items:center;font-style:normal;font-size:25px;font-weight:950;color:#061119;background:linear-gradient(145deg,var(--accent2),var(--success));box-shadow:0 7px 24px color-mix(in srgb,var(--accent2) 32%,transparent);animation:perfectCheck .55s cubic-bezier(.15,.9,.2,1.4) both}.perfect-checks i:nth-child(2){animation-delay:.08s}.perfect-checks i:nth-child(3){animation-delay:.16s} @keyframes perfectCheck{0%{transform:translateY(18px) rotate(-8deg) scale(.5);opacity:0}100%{transform:none;opacity:1}} .perfect-card>small{font-size:9px;letter-spacing:.16em;color:var(--accent2);font-weight:950}.perfect-card h2{margin:5px 0 5px;font-size:33px;letter-spacing:-.04em}.perfect-card p{margin:0;color:#b7c3de;font-size:12px}.perfect-xp{display:inline-flex;margin-top:14px;padding:8px 11px;border-radius:999px;background:#43e68c16;border:1px solid #43e68c44;color:#62efaa;font-size:9px;font-weight:950;letter-spacing:.05em}.perfect-reward{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:13px;color:#c5d0e8;font-size:9.5px}.perfect-burst-ring{position:absolute;width:180px;height:180px;border:2px solid color-mix(in srgb,var(--accent2) 45%,transparent);border-radius:50%;animation:perfectRing 1.35s ease-out forwards}.perfect-burst-ring.two{animation-delay:.18s;border-color:color-mix(in srgb,var(--accent) 40%,transparent)} @keyframes perfectRing{from{transform:scale(.3);opacity:.9}to{transform:scale(3);opacity:0}} .celebrate-bit{position:absolute;z-index:1;top:42%;left:50%;width:9px;height:15px;border-radius:3px;background:var(--accent2);animation:celebrateBit 1.35s var(--delay) ease-out forwards}.celebrate-bit:nth-of-type(3n){background:var(--accent)}.celebrate-bit:nth-of-type(4n){background:var(--success)}.celebrate-bit:nth-of-type(5n){background:var(--accent3)} @keyframes celebrateBit{to{transform:translate(var(--x),var(--y)) rotate(var(--r));opacity:0}} .reward-unlock-pop{position:fixed;z-index:620;top:max(18px,env(safe-area-inset-top));left:50%;display:flex;align-items:center;gap:11px;min-width:min(360px,90vw);padding:11px 14px;border:1px solid #ffffff2d;border-radius:21px;background:linear-gradient(145deg,#182b61f5,#0a1539f8);box-shadow:0 20px 70px #0008;transform:translate(-50%,-35px) scale(.94);opacity:0;transition:.3s cubic-bezier(.2,.85,.25,1.2);pointer-events:none}.reward-unlock-pop.show{transform:translate(-50%,0) scale(1);opacity:1}.reward-unlock-pop>div:last-child{display:grid;gap:1px}.reward-unlock-pop small{font-size:7.5px;letter-spacing:.13em;color:var(--accent2);font-weight:950}.reward-unlock-pop b{font-size:13px}.reward-unlock-pop span{font-size:9px;color:var(--success);font-weight:850} .reward-emblem{position:relative;display:grid;place-items:center;flex:none;color:#fff;filter:drop-shadow(0 9px 15px #0005)}.reward-emblem span{position:relative;z-index:2;font-weight:1000;line-height:1}.reward-emblem.medal{width:70px;height:70px;border-radius:50%;border:5px solid #ffffff44;background:radial-gradient(circle at 34% 24%,#fff9,#ccb77c 18%,#9f6c28 62%,#5f3814);box-shadow:inset 0 0 22px #fff3}.reward-emblem.medal:after{content:"";position:absolute;width:28px;height:25px;top:54px;background:linear-gradient(135deg,var(--accent),var(--accent2));clip-path:polygon(0 0,100% 0,78% 100%,50% 72%,22% 100%)}.reward-emblem.trophy{width:78px;height:83px;border-radius:18px 18px 28px 28px;background:linear-gradient(145deg,#f9da78,#d18d20);border:4px solid #ffe9a0;box-shadow:inset 0 0 20px #fff5}.reward-emblem.trophy:before,.reward-emblem.trophy:after{content:"";position:absolute;top:15px;width:20px;height:28px;border:5px solid #e2a83e}.reward-emblem.trophy:before{left:-14px;border-right:0;border-radius:20px 0 0 20px}.reward-emblem.trophy:after{right:-14px;border-left:0;border-radius:0 20px 20px 0}.reward-emblem.trophy span{font-size:22px}.reward-emblem.medal span{font-size:18px}.reward-emblem.bronze{filter:sepia(.26) drop-shadow(0 8px 14px #0005)}.reward-emblem.silver{filter:saturate(.35) brightness(1.28) drop-shadow(0 8px 14px #0005)}.reward-emblem.gold{filter:drop-shadow(0 0 14px #ffc64e4c) drop-shadow(0 8px 14px #0005)}.reward-emblem.platinum{background:linear-gradient(145deg,#c4efff,#7499d9);border-color:#eaf9ff;filter:drop-shadow(0 0 16px #80dfff48) drop-shadow(0 8px 14px #0005)}.reward-emblem.diamond{background:linear-gradient(145deg,#d7c2ff,#6f69ff 52%,#36d6e9);border-color:#e9e2ff;filter:drop-shadow(0 0 19px #8b7cff70) drop-shadow(0 8px 14px #0005)}.reward-emblem.small{width:48px!important;height:48px!important;border-width:3px!important}.reward-emblem.small span{font-size:13px}.reward-emblem.tiny{width:34px!important;height:34px!important;border-width:2px!important}.reward-emblem.tiny:before,.reward-emblem.tiny:after,.reward-emblem.small:before,.reward-emblem.small:after{display:none}.reward-emblem.tiny span{font-size:10px}.reward-emblem.next{grid-column:2;grid-row:1/3;justify-self:end} .trophy-shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:10px 0 24px;padding:16px 13px 18px;border-radius:22px;background:linear-gradient(180deg,#ffffff08,#ffffff03);border-bottom:8px solid #8064d844;box-shadow:inset 0 -6px 0 #0002}.trophy-card{min-height:176px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:9px;padding:13px 9px;border:1px solid #ffffff17;border-radius:20px;background:#ffffff06;text-align:center;transition:.25s}.trophy-card.unlocked{background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--accent2) 12%,transparent),#ffffff06);border-color:#ffffff2b}.trophy-card.locked{opacity:.34;filter:grayscale(.65)}.trophy-card h3{margin:2px 0;font-size:11px}.trophy-card p{margin:0;color:#9faac5;font-size:8.5px;line-height:1.35}.trophy-card>div:last-child>span{display:block;margin-top:5px;color:var(--accent2);font-size:7.5px;font-weight:950;letter-spacing:.06em}.medals-v3{grid-template-columns:repeat(3,1fr)}.medal-v3{min-height:150px;display:flex;align-items:center;text-align:left;gap:12px}.medal-v3 .reward-emblem{margin:0}.medal-v3.unlocked{border-color:#ffffff2b}.medal-v3.locked .reward-emblem{filter:grayscale(1);opacity:.35}.medal-v3.locked{opacity:.62}.medal-copy{min-width:0}.medal-copy span{font-size:7.5px;font-weight:950;color:var(--accent2)} .appearance-card{grid-column:1/-1}.theme-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:13px}.theme-card{position:relative;min-height:77px;padding:10px;border:1px solid #ffffff1c;border-radius:17px;background:#ffffff05;color:#fff;text-align:left;transition:.2s}.theme-card:hover{transform:translateY(-2px);border-color:#ffffff36}.theme-card.active{border-color:var(--accent2);background:color-mix(in srgb,var(--accent) 10%,#ffffff05);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent2) 10%,transparent)}.theme-card:disabled{opacity:.35;cursor:not-allowed}.theme-swatches{display:flex;gap:3px;height:9px;margin-bottom:8px}.theme-swatches i{flex:1;border-radius:999px}.theme-card>span:nth-child(2){display:grid;gap:1px}.theme-card b{font-size:10px}.theme-card small{font-size:7.5px;color:#9eabc8}.theme-card em{position:absolute;right:8px;top:8px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--success);color:#06120d;font-size:10px;font-style:normal;font-weight:950}.feedback-settings{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.feedback-toggle{min-height:68px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:9px;padding:10px;border:1px solid #ffffff1b;border-radius:17px;background:#ffffff05;color:#fff;text-align:left}.feedback-toggle.on{border-color:color-mix(in srgb,var(--accent2) 45%,#ffffff1b);background:color-mix(in srgb,var(--accent2) 7%,#ffffff05)}.feedback-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),var(--accent2));font-size:21px}.feedback-toggle>span:nth-child(2){display:grid;gap:2px}.feedback-toggle b{font-size:10px}.feedback-toggle small{font-size:8px;color:#9eabc8}.feedback-toggle>i{font-style:normal;font-size:8px;font-weight:950;color:var(--muted)}.feedback-toggle.on>i{color:var(--success)}.theme-note{margin-top:8px} @media(max-width:820px){.theme-grid{grid-template-columns:repeat(3,1fr)}.trophy-shelf{grid-template-columns:repeat(3,1fr)}.medals-v3{grid-template-columns:1fr 1fr}} @media(max-width:520px){.theme-grid{grid-template-columns:1fr 1fr}.feedback-settings{grid-template-columns:1fr}.trophy-shelf{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:19px}.trophy-card{min-width:145px;scroll-snap-align:start}.medals-v3{grid-template-columns:1fr}.perfect-card{padding:25px 18px 21px}.perfect-checks i{width:45px;height:45px;border-radius:15px}.reward-unlock-pop{min-width:calc(100vw - 24px)}.next-reward-card .reward-emblem.next{grid-column:auto;grid-row:auto;justify-self:center}} @media(prefers-reduced-motion:reduce){.win-v2.task-pop,.win-v2.task-undo,.perfect-card,.perfect-checks i,.perfect-burst-ring,.celebrate-bit,.task-spark,.xp-float{animation-duration:.001ms!important;animation-delay:0s!important}} /* ========================================================= MOMENTUM CLOUD V5 — FIRST-RUN / ACCOUNTABILITY / GAME LOOP ========================================================= */ .onboard{min-height:100svh;padding:max(18px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));display:grid;place-items:center;background:radial-gradient(circle at 16% 0%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 35%),radial-gradient(circle at 90% 15%,color-mix(in srgb,var(--accent2) 16%,transparent),transparent 36%)} .onboard-shell{width:min(1060px,100%);border:1px solid #ffffff1f;border-radius:34px;padding:25px;background:linear-gradient(160deg,#152658f2,#0a1437f6);box-shadow:0 35px 120px #0008;overflow:hidden} .onboard-brand{display:flex;align-items:center;gap:10px}.onboard-logo{width:62px;height:44px}.onboard-brand>div{display:grid}.onboard-brand b{font-size:20px}.onboard-brand small{font-size:7.5px;letter-spacing:.16em;color:#9aa9c9;font-weight:900} .onboard-intro{max-width:720px;margin:30px 0 18px}.onboard-intro h1{margin:6px 0 8px;font-size:clamp(36px,6vw,65px);letter-spacing:-.055em;line-height:.98}.onboard-intro p{max-width:680px;margin:0;color:#b7c2db;font-size:14px;line-height:1.55} .onboard-tray{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:16px 0}.onboard-slot{min-height:77px;display:grid;grid-template-columns:28px 45px minmax(0,1fr);align-items:center;gap:8px;padding:10px;border:1px dashed #8799ca42;border-radius:19px;background:#ffffff04;color:#8f9dbd}.onboard-slot>span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#ffffff08;font-size:10px;font-weight:950}.onboard-slot i{display:none;width:42px;height:42px;border-radius:14px;place-items:center;background:linear-gradient(145deg,var(--accent),var(--accent2));color:#fff;font-style:normal}.onboard-slot i svg{width:24px;height:24px}.onboard-slot b{font-size:11px}.onboard-slot.filled{border-style:solid;border-color:color-mix(in srgb,var(--accent2) 45%,#ffffff1a);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 10%,transparent),color-mix(in srgb,var(--accent2) 6%,transparent))}.onboard-slot.filled>span{background:var(--success);color:#07130e}.onboard-slot.filled i{display:grid}.onboard-slot.filled b{color:#fff} .onboard-tools{display:grid;gap:10px;margin:16px 0 10px}.onboard-tools input{width:100%;min-height:51px;border:1px solid #8ba1da36;border-radius:15px;background:#08132f;color:#fff;-webkit-text-fill-color:#fff;padding:11px 14px;font-size:16px;outline:none}.onboard-tools input:focus{border-color:var(--accent2);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent2) 12%,transparent)}.onboard-cats{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.onboard-cats::-webkit-scrollbar{display:none}.onboard-cats button{flex:none;min-height:35px;padding:6px 10px;border-radius:999px;border:1px solid #ffffff1c;background:#ffffff05;color:#99a7c5;font-size:8.5px;font-weight:900}.onboard-cats button.active{color:#fff;border-color:color-mix(in srgb,var(--accent2) 45%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 22%,transparent),color-mix(in srgb,var(--accent2) 13%,transparent))} .onboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;max-height:45vh;overflow:auto;padding:2px 3px 8px;overscroll-behavior:contain}.onboard-preset{position:relative;min-height:104px;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px;padding:12px;border:1px solid #ffffff18;border-radius:19px;background:#ffffff05;color:#fff;text-align:left;transition:.18s}.onboard-preset:hover{transform:translateY(-2px);border-color:#ffffff35}.onboard-preset.selected{border-color:var(--accent2);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 16%,#ffffff05),color-mix(in srgb,var(--accent2) 8%,#ffffff05));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent2) 8%,transparent)}.onboard-preset-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--accent),var(--accent2));box-shadow:0 7px 20px #0003}.onboard-preset-icon svg{width:26px;height:26px}.onboard-preset>span:nth-child(2){display:grid;gap:3px;min-width:0}.onboard-preset b{font-size:11px}.onboard-preset small{font-size:8.5px;color:#9faac6;line-height:1.35}.onboard-preset em{position:absolute;right:8px;top:8px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--success);color:#06130e;font-style:normal;font-size:10px;font-weight:1000}.onboard-empty{grid-column:1/-1;padding:35px;text-align:center;color:#91a0c0} .onboard-footer{display:flex;justify-content:space-between;gap:18px;align-items:center;padding-top:16px;margin-top:8px;border-top:1px solid #ffffff12}.onboard-footer>div{display:grid;gap:2px}.onboard-footer b{font-size:12px}.onboard-footer small{font-size:9px;color:#95a3c1}.onboard-footer .btn{min-width:235px}.onboard-footer .btn:disabled{opacity:.4;cursor:not-allowed;filter:saturate(.4)} .onboard-ready{position:fixed;inset:0;z-index:800;display:grid;place-items:center;background:#030718d9;backdrop-filter:blur(8px);opacity:0;transition:.22s;pointer-events:none}.onboard-ready.show{opacity:1}.onboard-ready section{width:min(390px,88vw);padding:28px;text-align:center;border:1px solid #ffffff2b;border-radius:30px;background:linear-gradient(160deg,#17295f,#0a1538);box-shadow:0 28px 100px #000a;transform:scale(.85);transition:.35s cubic-bezier(.2,.9,.25,1.25)}.onboard-ready.show section{transform:scale(1)}.onboard-ready small{color:var(--accent2);font-size:8.5px;letter-spacing:.14em;font-weight:950}.onboard-ready h2{margin:5px 0;font-size:34px}.onboard-ready p{margin:0;color:#b6c1dc;font-size:11px} .accountability-bar{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;margin:1px 0 12px;padding:10px 12px;border:1px solid #ffffff18;border-radius:18px;background:#ffffff05}.accountability-bar>span{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),var(--accent2));font-size:18px;font-weight:950;color:#fff}.accountability-bar>div{display:grid;gap:1px;min-width:0}.accountability-bar b{font-size:11px}.accountability-bar small{font-size:9px;color:#a7b2cc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.accountability-bar em{font-style:normal;font-size:8.5px;font-weight:900;color:#8e9aba;white-space:nowrap}.accountability-bar.risk{border-color:#ffb3473f;background:#ffb34709}.accountability-bar.risk>span{background:linear-gradient(145deg,#ff8f56,#ffca60)}.accountability-bar.hot{border-color:#43e68c3b;background:#43e68c08}.accountability-bar.banked{border-color:#43e68c45;background:#43e68c0b}.accountability-bar.banked>span{background:linear-gradient(145deg,#24d8ee,#43e68c);color:#06130e} .game-level{display:grid!important;gap:1px}.game-level small{font-size:6.8px;color:#93a2c2;font-weight:750}.game-summary{position:relative}.quest-path{display:grid;grid-template-columns:auto 1fr auto 1fr auto auto;align-items:center;gap:7px;margin:5px 0 14px;padding:11px;border:1px solid #ffffff13;border-radius:18px;background:#ffffff04}.quest-step{display:grid;justify-items:center;gap:2px;min-width:52px}.quest-step i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:2px solid #8290b552;color:#7988ad;font-style:normal;font-size:11px;font-weight:950;background:#07112d}.quest-step span{font-size:8px;font-weight:900;color:#8996b5}.quest-step small{font-size:6.8px;color:#697797}.quest-step.done i{border-color:transparent;background:linear-gradient(145deg,var(--accent2),var(--success));color:#06130d;box-shadow:0 0 18px color-mix(in srgb,var(--accent2) 18%,transparent)}.quest-step.done span{color:#fff}.quest-line{height:3px;border-radius:999px;background:#ffffff0d}.quest-line.done{background:linear-gradient(90deg,var(--accent2),var(--success));box-shadow:0 0 9px color-mix(in srgb,var(--accent2) 20%,transparent)}.daily-chest{width:56px;min-height:55px;border:1px solid #ffffff1a;border-radius:15px;display:grid;place-items:center;align-content:center;gap:1px;background:#ffffff05;color:#697797}.daily-chest span{font-size:18px}.daily-chest b{font-size:6.5px}.daily-chest.open{border-color:#ffd16666;background:radial-gradient(circle at 50% 0%,#ffeaa755,#ffc34a18);color:#ffd166;box-shadow:0 0 24px #ffd16621}.game-footer strong{color:var(--success)} .weekly-quests{margin-top:12px;padding:16px}.weekly-quests .section-head p{margin:2px 0 0;color:#91a0bf;font-size:9.5px}.quest-week-badge{padding:6px 9px;border-radius:999px;background:color-mix(in srgb,var(--accent2) 9%,transparent);border:1px solid color-mix(in srgb,var(--accent2) 23%,transparent);color:var(--accent2);font-size:8px;font-weight:950}.weekly-quest-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:11px}.weekly-quest{display:grid;grid-template-columns:44px 1fr;align-items:start;gap:10px;padding:12px;border:1px solid #ffffff14;border-radius:18px;background:#ffffff04}.weekly-quest.done{border-color:#43e68c3a;background:#43e68c08}.weekly-quest-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 45%,#142450),color-mix(in srgb,var(--accent2) 35%,#142450));font-size:17px;font-weight:950}.weekly-quest.done .weekly-quest-icon{background:linear-gradient(145deg,var(--accent2),var(--success));color:#06130e}.weekly-quest>div:last-child{display:grid;gap:4px}.weekly-quest b{font-size:10.5px}.weekly-quest small{font-size:8.5px;color:#9ba8c5}.weekly-quest .bar{height:6px}.weekly-quest em{font-style:normal;color:var(--accent2);font-size:7.5px;font-weight:900} @media(max-width:820px){.onboard-grid{grid-template-columns:repeat(3,1fr)}} @media(max-width:600px){.onboard{padding:0}.onboard-shell{min-height:100svh;border:0;border-radius:0;padding:18px 12px calc(18px + env(safe-area-inset-bottom));box-shadow:none}.onboard-brand{padding-top:env(safe-area-inset-top)}.onboard-intro{margin:20px 2px 13px}.onboard-intro h1{font-size:39px}.onboard-intro p{font-size:11.5px}.onboard-tray{gap:6px}.onboard-slot{min-height:64px;grid-template-columns:23px 34px minmax(0,1fr);padding:7px;border-radius:15px}.onboard-slot i{width:33px;height:33px;border-radius:11px}.onboard-slot i svg{width:19px;height:19px}.onboard-slot b{font-size:8px}.onboard-grid{grid-template-columns:1fr 1fr;max-height:none;overflow:visible}.onboard-preset{min-height:92px;grid-template-columns:40px minmax(0,1fr);padding:9px;border-radius:16px}.onboard-preset-icon{width:39px;height:39px;border-radius:12px}.onboard-preset-icon svg{width:22px;height:22px}.onboard-preset b{font-size:9px}.onboard-preset small{font-size:7.5px}.onboard-footer{position:sticky;bottom:0;z-index:4;margin:13px -12px -18px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#091334ee;backdrop-filter:blur(18px)}.onboard-footer>div{display:none}.onboard-footer .btn{width:100%;min-width:0}.accountability-bar{grid-template-columns:38px 1fr;gap:8px}.accountability-bar em{grid-column:2;font-size:7.5px}.accountability-bar small{white-space:normal}.quest-path{grid-template-columns:auto 1fr auto 1fr auto;gap:5px}.daily-chest{grid-column:1/-1;width:100%;min-height:38px;grid-template-columns:auto auto;justify-content:center;gap:6px}.weekly-quest-grid{grid-template-columns:1fr}.weekly-quests{padding:13px}.game-level small{display:none}} /* ========================================================= MOMENTUM CLOUD V6 — RETENTION GAME / BANK THE DAY ========================================================= */ body[data-daily-progress="0"]{background:radial-gradient(circle at 12% 10%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 28rem),radial-gradient(circle at 88% 18%,color-mix(in srgb,var(--accent2) 8%,transparent),transparent 28rem),linear-gradient(150deg,var(--bg),var(--bg2))} body[data-daily-progress="1"]{background:radial-gradient(circle at 12% 10%,color-mix(in srgb,var(--accent) 23%,transparent),transparent 28rem),radial-gradient(circle at 88% 18%,color-mix(in srgb,var(--accent2) 16%,transparent),transparent 29rem),linear-gradient(150deg,var(--bg),var(--bg2))} body[data-daily-progress="2"]{background:radial-gradient(circle at 12% 10%,color-mix(in srgb,var(--accent) 27%,transparent),transparent 28rem),radial-gradient(circle at 88% 18%,color-mix(in srgb,var(--success) 17%,transparent),transparent 30rem),linear-gradient(150deg,var(--bg),var(--bg2))} body[data-daily-progress="3"]{background:radial-gradient(circle at 12% 10%,color-mix(in srgb,var(--accent2) 29%,transparent),transparent 30rem),radial-gradient(circle at 88% 18%,color-mix(in srgb,var(--success) 27%,transparent),transparent 32rem),linear-gradient(150deg,var(--bg),var(--bg2))} .accountability-bar q{display:block;margin-top:3px;color:#dfe8ff;font-size:8.7px;font-style:italic}.score-tile{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;padding:10px 11px;border:1px solid #ffffff16;border-radius:15px;background:#ffffff04}.score-tile b{display:block;font-size:19px}.score-tile small{display:block;color:#91a2c6;font-size:7px;font-weight:900;letter-spacing:.07em}.tile-icon.score{background:linear-gradient(145deg,#9b7cff,#24d8ee)} .shield-rescue{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:11px;align-items:center;margin:0 0 12px;padding:12px;border-color:#ffd16642;background:linear-gradient(145deg,#ffd16612,#8b5cf60a)}.shield-rescue>span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#ffd166,#ff9f43);color:#3d2600;font-size:21px;box-shadow:0 6px 20px #0003}.shield-rescue b{display:block;font-size:11px}.shield-rescue small{display:block;color:#aeb8d2;font-size:8.8px;margin-top:2px}.shield-btn{white-space:nowrap;border-color:#ffd16648;background:#ffd16612;color:#ffe3a0} .daily-chest.ready{border-color:#ffd1667d;background:radial-gradient(circle at 50% 0%,#ffeaa775,#ffc34a22);color:#ffd166;animation:chestPulse 1.3s ease-in-out infinite}.daily-chest.claimed{border-color:#43e68c69;background:#43e68c12;color:#67f1a5}.bank-day-btn{width:100%;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:11px;margin-top:12px;padding:12px;border:1px solid #ffd16672;border-radius:19px;background:linear-gradient(135deg,#5d3af5,#2acff0 52%,#43e68c);color:#fff;text-align:left;box-shadow:0 9px 28px #0004,0 0 28px #22d3ee1f;animation:bankGlow 1.5s ease-in-out infinite}.bank-day-btn>span{width:49px;height:49px;border-radius:15px;display:grid;place-items:center;background:#fff2;font-size:23px}.bank-day-btn b{display:block;font-size:13px;letter-spacing:.07em}.bank-day-btn small{display:block;font-size:8.5px;color:#effcff;margin-top:2px}.bank-day-btn em{font-style:normal;font-size:24px}.bank-day-btn.loading{opacity:.7;animation:none}.banked-reward{display:grid;grid-template-columns:43px 1fr auto;gap:10px;align-items:center;margin-top:11px;padding:10px 12px;border:1px solid #43e68c40;border-radius:17px;background:#43e68c09}.banked-reward>span{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#24d8ee,#43e68c);color:#06130e;font-size:18px}.banked-reward small{display:block;font-size:7px;color:#8fa4c2;font-weight:900}.banked-reward b{display:block;font-size:11px}.banked-reward em{font-style:normal;color:#62efbc;font-size:9px;font-weight:900}.tomorrow-card{display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center;margin-top:9px;padding:9px 11px;border-radius:15px;border:1px solid #ffffff12;background:#ffffff04}.tomorrow-card>span{font-size:20px}.tomorrow-card b{display:block;font-size:10px}.tomorrow-card small{display:block;font-size:8px;color:#94a2c1} .season-mountain{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);gap:16px;align-items:stretch;margin-top:12px;padding:16px;overflow:hidden}.season-copy h2{margin:3px 0;font-size:23px}.season-copy p{margin:0 0 11px;color:#9dabca;font-size:9.5px}.season-bar{height:8px}.season-copy .between{margin-top:6px}.season-copy .between b{font-size:9px;color:var(--accent2)}.mountain-scene{position:relative;min-height:150px;border-radius:21px;overflow:hidden;background:radial-gradient(circle at 68% 22%,#9feaff55,transparent 22%),linear-gradient(180deg,#152f67,#0c183d 62%,#071126)}.mountain-scene:after{content:"";position:absolute;inset:auto 0 0;height:28%;background:linear-gradient(#ffffff08,#ffffff02)}.mountain-scene i{position:absolute;bottom:-6px;width:0;height:0;border-left:90px solid transparent;border-right:90px solid transparent;border-bottom:145px solid #27457b;filter:drop-shadow(0 10px 20px #0005)}.mountain-scene .m1{left:-28px}.mountain-scene .m2{left:62px;border-left-width:100px;border-right-width:100px;border-bottom-width:125px;border-bottom-color:#375b91}.mountain-scene .m3{right:-50px;border-left-width:85px;border-right-width:85px;border-bottom-width:110px;border-bottom-color:#1f3968}.mountain-scene .climber{position:absolute;z-index:4;left:var(--climb);bottom:28%;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#43e68c;background:#43e68c;border:5px solid #eafff4;box-shadow:0 0 22px #43e68c;transition:left .5s ease}.mountain-scene>em{position:absolute;right:16px;top:13px;color:#8fffe2;font-size:27px;font-style:normal}.mountain-scene.stage-8,.mountain-scene.stage-9{background:radial-gradient(circle at 60% 16%,#43e68c55,transparent 20%),radial-gradient(circle at 35% 24%,#8b5cf655,transparent 28%),linear-gradient(180deg,#14376b,#111943 65%,#071126)} .weekly-vault{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;margin-top:10px;padding:10px 12px;border:1px dashed #ffffff20;border-radius:16px;background:#ffffff03;color:#7180a4}.weekly-vault>span{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;border:1px solid #ffffff1c}.weekly-vault b{display:block;font-size:9px;letter-spacing:.08em}.weekly-vault small{display:block;font-size:7.8px}.weekly-vault.open{border-style:solid;border-color:#ffd16654;background:#ffd1660b;color:#ffd166}.weekly-vault.open>span{background:linear-gradient(145deg,#ffd166,#ff9f43);color:#3a2500;border:0} .combo-pop{position:fixed;z-index:990;left:50%;top:24%;transform:translate(-50%,-20px) scale(.85);opacity:0;display:grid;justify-items:center;gap:0;padding:13px 22px;border:1px solid #ffffff30;border-radius:20px;background:#07122dec;box-shadow:0 20px 70px #0008;pointer-events:none;transition:.2s}.combo-pop.show{opacity:1;transform:translate(-50%,0) scale(1)}.combo-pop.leave{opacity:0;transform:translate(-50%,-12px) scale(.94)}.combo-pop small{font-size:7px;color:var(--accent2);font-weight:950;letter-spacing:.12em}.combo-pop b{font-size:42px;line-height:.95;background:linear-gradient(90deg,var(--accent),var(--accent2),var(--success));-webkit-background-clip:text;background-clip:text;color:transparent}.combo-pop span{font-size:8px;color:#a8b5cf}.combo-3{box-shadow:0 20px 70px #0008,0 0 35px #43e68c25} .chest-reveal,.daily-briefing{position:fixed;inset:0;z-index:1050;display:grid;place-items:center;padding:16px;background:#020715d9;backdrop-filter:blur(8px);opacity:0;transition:.23s}.chest-reveal.show,.daily-briefing.show{opacity:1}.chest-reveal.leave,.daily-briefing.leave{opacity:0}.chest-reveal section,.daily-briefing section{width:min(390px,92vw);padding:26px;text-align:center;border:1px solid #ffffff2b;border-radius:30px;background:linear-gradient(160deg,#17295f,#0a1538);box-shadow:0 30px 100px #000c;transform:scale(.84);transition:.32s cubic-bezier(.2,.9,.25,1.25)}.chest-reveal.show section,.daily-briefing.show section{transform:scale(1)}.chest-box{width:112px;height:92px;position:relative;margin:0 auto 15px;border-radius:22px 22px 26px 26px;background:linear-gradient(145deg,#8b5cf6,#24d8ee);box-shadow:0 16px 35px #0006,0 0 35px #22d3ee38}.chest-box:before{content:"";position:absolute;left:8px;right:8px;top:28px;height:10px;border-radius:999px;background:#ffffff35}.chest-box i{position:absolute;left:50%;top:23px;width:22px;height:34px;transform:translateX(-50%);border-radius:8px;background:#ffd166;box-shadow:0 0 18px #ffd16688}.chest-box b{position:absolute;inset:auto 0 12px;font-size:28px;color:#fff}.chest-reveal small,.daily-briefing>section>small{color:var(--accent2);font-size:8px;font-weight:950;letter-spacing:.14em}.chest-reveal h2,.daily-briefing h2{margin:5px 0;font-size:30px}.chest-reveal p,.daily-briefing p{color:#b6c2dc;font-size:10px}.briefing-logo{width:72px;height:50px}.briefing-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.briefing-stats div{padding:11px 7px;border:1px solid #ffffff14;border-radius:16px;background:#ffffff05}.briefing-stats b{display:block;font-size:22px}.briefing-stats span{display:block;color:#8fa0c2;font-size:7px;text-transform:uppercase}.daily-briefing .jumbo{width:100%;margin-top:10px}.accountability-reason{display:grid;grid-template-columns:1fr auto;gap:7px;margin:12px 0}.accountability-reason label{grid-column:1/-1;color:#8fa0c2;font-size:8px;font-weight:900;text-transform:uppercase}.accountability-reason input{min-width:0;width:100%;min-height:43px;border:1px solid #ffffff18;border-radius:13px;background:#07142f;color:#fff;padding:8px 10px;font-size:12px}.shield-inventory{display:grid;grid-template-columns:40px 1fr;gap:9px;align-items:center;margin:10px 0;padding:9px 10px;border:1px solid #ffd16630;border-radius:15px;background:#ffd16607}.shield-inventory>span{width:37px;height:37px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#ffd166,#ff9f43);color:#3b2400}.shield-inventory b{display:block;font-size:9px}.shield-inventory small{display:block;font-size:7.5px;color:#9ba8c4}.onboard-why{margin:12px 0 4px;padding:12px;border:1px solid #ffffff13;border-radius:17px;background:#ffffff03}.onboard-why label{display:block;margin-bottom:6px;font-size:9px;font-weight:900}.onboard-why label span{color:#7281a4;font-weight:700}.onboard-why input{width:100%;min-height:46px;border:1px solid #8ba1da36;border-radius:13px;background:#08132f;color:#fff;-webkit-text-fill-color:#fff;padding:9px 11px;font-size:14px} @keyframes chestPulse{0%,100%{transform:translateY(0);box-shadow:0 0 16px #ffd16616}50%{transform:translateY(-3px);box-shadow:0 0 28px #ffd16642}}@keyframes bankGlow{0%,100%{box-shadow:0 9px 28px #0004,0 0 18px #22d3ee16}50%{box-shadow:0 9px 28px #0004,0 0 34px #43e68c36}} @media(max-width:720px){.season-mountain{grid-template-columns:1fr}.mountain-scene{min-height:125px}.shield-rescue{grid-template-columns:42px 1fr}.shield-rescue .shield-btn{grid-column:1/-1;width:100%}.bank-day-btn{grid-template-columns:46px 1fr auto}.accountability-reason{grid-template-columns:1fr}.accountability-reason .btn{width:100%}} @media(prefers-reduced-motion:reduce){.daily-chest.ready,.bank-day-btn{animation:none}.combo-pop,.chest-reveal,.daily-briefing,.mountain-scene .climber{transition:none}} /* ========================================================= MOMENTUM V7 — WORLDS / PERSONALIZATION / REMINDERS ========================================================= */ :root{--world-intensity:.7} body{position:relative;isolation:isolate} body:before,body:after{z-index:-2;transition:opacity .35s ease,filter .35s ease,background .45s ease} body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;opacity:calc(.18 + var(--world-intensity)*.42)} body[data-motion="calm"] *{animation-duration:1.35s!important} body[data-motion="dynamic"] .hero:after,body[data-motion="dynamic"] .reward-sheen{animation-duration:4s!important} /* World backgrounds */ body[data-world="futuristic"]:before{background-image:linear-gradient(#49e7ff10 1px,transparent 1px),linear-gradient(90deg,#49e7ff10 1px,transparent 1px),radial-gradient(circle at 20% 8%,#825cff20,transparent 34%);background-size:32px 32px,32px 32px,auto;opacity:calc(.10 + var(--world-intensity)*.36);mask-image:linear-gradient(to bottom,#000,transparent 92%)} body[data-world="futuristic"]:after{background:radial-gradient(circle at 80% 18%,#13e4ff33,transparent 23rem),linear-gradient(155deg,#060b24,#10194a 55%,#07102f)} body[data-world="forest"]:before{background:radial-gradient(circle at 16% 20%,#b7ff7c44 0 2px,transparent 3px),radial-gradient(circle at 76% 32%,#6cffc833 0 1.5px,transparent 2.5px),radial-gradient(ellipse at 50% 105%,#123d2c 0 28%,transparent 29%);background-size:72px 92px,95px 105px,100% 100%;opacity:calc(.18 + var(--world-intensity)*.48)} body[data-world="forest"]:after{background:radial-gradient(circle at 18% 12%,#1d815a55,transparent 28rem),linear-gradient(155deg,#071b18,#0c2d25 55%,#081813)} body[data-world="natural"]:before{background:radial-gradient(circle at 12% 15%,#ffd59b55,transparent 16rem),linear-gradient(170deg,transparent 48%,#5d3e2c55 49% 58%,transparent 59%),linear-gradient(165deg,transparent 60%,#83694b44 61% 72%,transparent 73%);opacity:calc(.18 + var(--world-intensity)*.46)} body[data-world="natural"]:after{background:linear-gradient(155deg,#2b1f1a,#4a3429 52%,#1c1715)} body[data-world="city"]:before{background:linear-gradient(to top,#081127 0 18%,transparent 18%),repeating-linear-gradient(90deg,transparent 0 34px,#1c2a55 35px 59px,transparent 60px 70px),radial-gradient(circle at 18% 18%,#ff55d733,transparent 22rem);background-position:bottom;opacity:calc(.22 + var(--world-intensity)*.5)} body[data-world="city"]:after{background:radial-gradient(circle at 80% 14%,#1adfff33,transparent 23rem),linear-gradient(155deg,#070b1b,#111a3b 58%,#060815)} body[data-world="ocean"]:before{background:radial-gradient(circle at 20% 80%,#5ff4ff2b 0 4px,transparent 5px),radial-gradient(circle at 70% 72%,#a0ffff20 0 7px,transparent 8px),repeating-radial-gradient(ellipse at 50% 110%,transparent 0 34px,#59e6ff0c 35px 38px,transparent 39px 65px);background-size:110px 110px,150px 150px,100% 100%;opacity:calc(.18 + var(--world-intensity)*.55)} body[data-world="ocean"]:after{background:linear-gradient(160deg,#061b34,#083d58 52%,#041826)} body[data-world="alpine"]:before{background:linear-gradient(145deg,transparent 54%,#cdeaff22 55% 64%,transparent 65%),linear-gradient(35deg,transparent 57%,#789bd333 58% 70%,transparent 71%),radial-gradient(circle at 18% 12%,#dff5ff3d,transparent 14rem);opacity:calc(.20 + var(--world-intensity)*.5)} body[data-world="alpine"]:after{background:linear-gradient(160deg,#0d1f38,#20365a 54%,#0b162b)} body[data-world="zenworld"]:before{background:radial-gradient(circle at 50% 42%,transparent 0 78px,#d2c6ff12 80px 82px,transparent 84px 125px,#8cebdd0d 127px 129px,transparent 131px),linear-gradient(120deg,#c8b7ff12,transparent 40%);opacity:calc(.14 + var(--world-intensity)*.38)} body[data-world="zenworld"]:after{background:linear-gradient(155deg,#18162a,#222342 55%,#101121)} body[data-world="cosmic"]:before{background-image:radial-gradient(#fff 0 1px,transparent 1.4px),radial-gradient(#9be8ff 0 1.2px,transparent 1.7px),radial-gradient(circle at 25% 18%,#8b5cff3b,transparent 19rem);background-size:41px 41px,79px 79px,auto;background-position:0 0,23px 19px,0 0;opacity:calc(.18 + var(--world-intensity)*.58)} body[data-world="cosmic"]:after{background:radial-gradient(circle at 82% 22%,#19d8ff2e,transparent 19rem),linear-gradient(155deg,#08051d,#1a0e3e 54%,#050714)} .world-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:9px 0 18px}.world-card{position:relative;display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:center;min-height:88px;padding:9px;border:1px solid #ffffff18;border-radius:19px;background:#ffffff05;color:#fff;text-align:left;transition:.18s}.world-card:hover:not(:disabled){transform:translateY(-2px);border-color:#ffffff35}.world-card.active{border-color:var(--accent2);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent2) 10%,transparent)}.world-card:disabled{opacity:.35}.world-card>span:nth-child(2){display:grid;gap:1px}.world-card b{font-size:10px}.world-card small{font-size:8px;color:#9aa8c4}.world-card em{font-style:normal;font-size:7px;color:var(--accent2);margin-top:3px}.world-card>strong{position:absolute;right:8px;top:8px;color:var(--success)}.world-thumb{width:70px;height:66px;border-radius:15px;display:grid;place-items:center;overflow:hidden;position:relative;border:1px solid #ffffff1d;box-shadow:inset 0 0 20px #0003}.world-thumb i{font-style:normal;font-size:25px;position:relative;z-index:2;text-shadow:0 4px 14px #0008}.world-futuristic{background:linear-gradient(145deg,#18215f,#0be2eb55),repeating-linear-gradient(0deg,transparent 0 9px,#75efff14 10px)}.world-forest{background:radial-gradient(circle at 65% 24%,#c8ff8866 0 2px,transparent 3px),linear-gradient(145deg,#174833,#092b25)}.world-natural{background:radial-gradient(circle at 24% 28%,#ffcf8a66,transparent 28%),linear-gradient(145deg,#79553d,#2d211b)}.world-city{background:repeating-linear-gradient(90deg,#101733 0 8px,#283b71 9px 16px,#11162c 17px 23px),linear-gradient(#32256a,#0a1027)}.world-ocean{background:radial-gradient(circle at 30% 70%,#a7ffff55 0 3px,transparent 4px),linear-gradient(145deg,#0c6080,#062744)}.world-alpine{background:linear-gradient(145deg,transparent 46%,#d9f3ff88 47% 58%,#36547d 59%),linear-gradient(#719fd1,#1b3354)}.world-zenworld{background:radial-gradient(circle,#cbb8ff33 0 24%,transparent 25% 38%,#88ead827 39% 41%,transparent 42%),linear-gradient(145deg,#302d4d,#16172c)}.world-cosmic{background:radial-gradient(#fff 0 1px,transparent 1.5px),radial-gradient(circle at 25% 30%,#ae62ff88,transparent 35%),linear-gradient(145deg,#110829,#031226);background-size:17px 17px,auto,auto} .customize-label{font-size:8px;color:#7e8fb3;letter-spacing:.12em;font-weight:950;margin:13px 0 7px}.personal-controls{display:grid;gap:8px;margin:11px 0}.personal-controls>label,.reminder-controls>label{display:grid;grid-template-columns:1fr minmax(120px,42%);gap:10px;align-items:center;padding:10px 11px;border:1px solid #ffffff12;border-radius:15px;background:#ffffff04}.personal-controls label>span,.reminder-controls label>span{display:grid;gap:1px}.personal-controls b,.reminder-controls b{font-size:9px}.personal-controls small,.reminder-controls small{font-size:7.5px;color:#8d9bbb}.personal-controls input[type="range"]{width:100%;accent-color:var(--accent2)}.personal-controls select,.reminder-controls select,.reminder-controls input[type="time"]{width:100%;min-height:38px;border:1px solid #ffffff1a;border-radius:11px;background:#07142f;color:#fff;padding:6px 8px;font-size:11px}.switch-row input{width:22px;height:22px;justify-self:end;accent-color:var(--success)} .reminder-card{grid-column:1/-1}.reminder-status{display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:center;padding:11px;border:1px solid #ffffff16;border-radius:17px;background:linear-gradient(145deg,#ffffff06,#ffffff03);margin:10px 0}.reminder-bell{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),var(--accent2));font-size:20px}.reminder-status b{display:block;font-size:10px}.reminder-status small{display:block;color:#8e9cba;font-size:8px}.toggle-pill{width:51px;height:29px;padding:3px;border:1px solid #ffffff22;border-radius:999px;background:#ffffff09}.toggle-pill i{display:block;width:21px;height:21px;border-radius:50%;background:#7b88a6;transition:.2s}.toggle-pill.on{background:color-mix(in srgb,var(--success) 30%,transparent);border-color:color-mix(in srgb,var(--success) 42%,transparent)}.toggle-pill.on i{transform:translateX(21px);background:var(--success);box-shadow:0 0 14px color-mix(in srgb,var(--success) 45%,transparent)}.reminder-controls{display:grid;gap:8px;transition:.2s}.reminder-controls.disabled{opacity:.42;pointer-events:none}.reminder-controls .btn{justify-self:start} /* The onboarding reason field is intentionally isolated from the clickable preset grid. */ .onboard-why{position:relative;z-index:8;pointer-events:auto}.onboard-why textarea{display:block;position:relative;z-index:9;width:100%;min-height:82px;resize:vertical;border:1px solid #8ba1da36;border-radius:14px;background:#06132e;color:#fff;-webkit-text-fill-color:#fff;padding:11px 12px;font:inherit;font-size:16px;line-height:1.4;pointer-events:auto;touch-action:manipulation;user-select:text;-webkit-user-select:text;outline:none}.onboard-why textarea:focus{border-color:var(--accent2);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent2) 15%,transparent)}.onboard-why textarea::placeholder{color:#7182a7;-webkit-text-fill-color:#7182a7}.onboard-why>small{display:block;text-align:right;margin-top:4px;color:#7182a7;font-size:8px} @media(max-width:700px){.world-grid{grid-template-columns:1fr}.world-card{grid-template-columns:66px 1fr}.world-thumb{width:64px;height:60px}.personal-controls>label,.reminder-controls>label{grid-template-columns:1fr}.personal-controls input,.personal-controls select,.reminder-controls input,.reminder-controls select{width:100%}.reminder-card{grid-column:auto}.onboard-why textarea{font-size:16px;min-height:90px}} .accountability-reason textarea{grid-column:1/-1;width:100%;min-height:78px;resize:vertical;border:1px solid #ffffff18;border-radius:13px;background:#07142f;color:#fff;-webkit-text-fill-color:#fff;padding:10px 11px;font:inherit;font-size:16px;line-height:1.4;outline:none;user-select:text;-webkit-user-select:text;pointer-events:auto}.accountability-reason textarea:focus{border-color:var(--accent2);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent2) 12%,transparent)}.accountability-reason .btn{grid-column:1/-1;justify-self:start} /* ========================================================= MOMENTUM CLOUD V8 — WORLD RESTYLE / ANIMATED ICONS ========================================================= */ body[data-world="futuristic"]{--bg:#040a18;--bg2:#08183d;--panel:#0d1f46dc;--panel2:#102d5adc;--muted:#bdd1ff} body[data-world="forest"]{--bg:#07150f;--bg2:#123827;--panel:#102b1fd9;--panel2:#17392bdb;--muted:#c8e6d3} body[data-world="natural"]{--bg:#14100a;--bg2:#3a2615;--panel:#2d2015db;--panel2:#43301fdb;--muted:#e1d2bf} body[data-world="city"]{--bg:#080c19;--bg2:#1a224b;--panel:#151f46dc;--panel2:#1b2857db;--muted:#c8d2ff} body[data-world="ocean"]{--bg:#04131c;--bg2:#0a3850;--panel:#0d2c42dc;--panel2:#0f4260db;--muted:#ccefff} body[data-world="alpine"]{--bg:#07101a;--bg2:#244463;--panel:#183558dc;--panel2:#22466ddb;--muted:#dfefff} body[data-world="zenworld"]{--bg:#0f0c18;--bg2:#241f35;--panel:#221d36db;--panel2:#2b2745db;--muted:#d9d3ef} body[data-world="cosmic"]{--bg:#040415;--bg2:#120d35;--panel:#15133cdb;--panel2:#1b1950db;--muted:#d6d6ff} body[data-world] .glass{background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 92%,transparent),color-mix(in srgb,var(--panel2) 86%,transparent));border-color:color-mix(in srgb,var(--accent2) 18%,#ffffff12)} body[data-world] .tabs{background:color-mix(in srgb,var(--panel2) 85%,#05070f)} body[data-world] .top{background:linear-gradient(180deg,color-mix(in srgb,var(--panel2) 56%,transparent),transparent)} body[data-world="forest"] .brand-mark,body[data-world="forest"] .winicon{background:linear-gradient(145deg,#63d26b,#2ed39f)} body[data-world="natural"] .brand-mark,body[data-world="natural"] .winicon{background:linear-gradient(145deg,#cf9968,#f2d08e)} body[data-world="city"] .brand-mark,body[data-world="city"] .winicon{background:linear-gradient(145deg,#687cff,#22d3ee)} body[data-world="ocean"] .brand-mark,body[data-world="ocean"] .winicon{background:linear-gradient(145deg,#169ed6,#61f4ff)} body[data-world="alpine"] .brand-mark,body[data-world="alpine"] .winicon{background:linear-gradient(145deg,#7ea6d4,#dff5ff)} body[data-world="zenworld"] .brand-mark,body[data-world="zenworld"] .winicon{background:linear-gradient(145deg,#9c88ff,#77e5d1)} body[data-world="cosmic"] .brand-mark,body[data-world="cosmic"] .winicon{background:linear-gradient(145deg,#8f68ff,#ff69d4)} body[data-world] .world-card.active{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent2) 14%,transparent),0 14px 36px color-mix(in srgb,var(--accent) 16%,transparent)} body[data-world] .hero:after{filter:drop-shadow(0 0 18px color-mix(in srgb,var(--accent2) 26%,transparent))} .winicon,.win-preset-icon,.onboard-preset-icon,.world-thumb{position:relative;overflow:hidden} .winicon::after,.win-preset-icon::after,.onboard-preset-icon::after,.world-thumb::after{content:"";position:absolute;inset:-30%;background:linear-gradient(120deg,transparent 40%,#ffffff33 50%,transparent 60%);transform:translateX(-120%) rotate(10deg);animation:shimmerSweep 5.5s linear infinite} .winicon svg,.win-preset-icon svg,.onboard-preset-icon svg{width:26px;height:26px;animation:iconFloat 3.4s ease-in-out infinite;filter:drop-shadow(0 4px 10px #0004)} .world-thumb i{animation:worldPulse 3.6s ease-in-out infinite} .onboard-preset.selected .onboard-preset-icon svg,.win-picker-option.selected .win-picker-option-icon svg,.win.done .winicon svg{animation-duration:1.6s;transform-origin:center} @keyframes iconFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.06)}} @keyframes worldPulse{0%,100%{transform:scale(1);opacity:.92}50%{transform:scale(1.08);opacity:1}} @keyframes shimmerSweep{0%{transform:translateX(-120%) rotate(10deg)}100%{transform:translateX(120%) rotate(10deg)}} .world-grid{gap:12px} .world-card{min-height:104px;padding:12px;border-radius:22px;background:linear-gradient(180deg,#ffffff08,#ffffff05)} .world-card b{font-size:15px}.world-card small{font-size:12px}.world-card em{font-size:11px} .world-thumb{width:88px;height:80px;border-radius:20px;box-shadow:inset 0 0 28px #0004,0 8px 25px #0003} .world-thumb i{font-size:31px} .world-card.active .world-thumb{transform:translateY(-2px) scale(1.03)} .mountain-scene{position:relative;min-height:190px;border-radius:26px;overflow:hidden;background:linear-gradient(180deg,#162f6b,#091127 70%)} .mountain-scene .scene-sky,.mountain-scene .scene-orb,.mountain-scene .scene-layer,.mountain-scene .scene-particles{position:absolute;inset:0;pointer-events:none} .mountain-scene .scene-sky{opacity:.95} .mountain-scene .scene-orb{inset:auto 14% 60% auto;width:132px;height:132px;border-radius:50%;filter:blur(4px);opacity:.72;animation:orbDrift 8s ease-in-out infinite alternate} .mountain-scene .scene-layer{bottom:-8px;top:auto;height:78%;clip-path:polygon(0 100%,0 48%,20% 10%,38% 62%,60% 22%,78% 100%,100% 35%,100% 100%);opacity:.9} .mountain-scene .scene-layer.back{height:82%;opacity:.44;filter:blur(1px);transform:translateY(2%)} .mountain-scene .scene-layer.mid{height:72%;opacity:.72;transform:translateY(8%)} .mountain-scene .scene-layer.front{height:62%;opacity:.95;transform:translateY(18%)} .mountain-scene .scene-particles{background-image:radial-gradient(circle at 20% 35%,#fff8 0 1.3px,transparent 1.6px),radial-gradient(circle at 63% 28%,#fff6 0 1.1px,transparent 1.5px),radial-gradient(circle at 82% 55%,#fff5 0 1px,transparent 1.4px);background-size:100% 100%;animation:particleDrift 14s linear infinite} .mountain-scene .climber{position:absolute;z-index:4;left:var(--climb);bottom:18%;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#43e68c;box-shadow:0 0 0 6px #effff599,0 0 24px #43e68c80;transition:left .6s cubic-bezier(.2,.8,.2,1);animation:climberPulse 2.4s ease-in-out infinite} .mountain-scene .climber i{width:10px;height:10px;border-radius:50%;background:#fff;display:block} .mountain-scene>em{position:absolute;right:16px;top:12px;color:#fff;font-size:30px;font-style:normal;text-shadow:0 0 20px #fff3;animation:iconFloat 4.2s ease-in-out infinite} @keyframes orbDrift{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(-12px,8px,0) scale(1.08)}} @keyframes particleDrift{0%{transform:translateY(0)}100%{transform:translateY(10px)}} @keyframes climberPulse{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.05)}} .mountain-scene.scene-futuristic{background:linear-gradient(180deg,#0a1537,#07101d 64%)} .mountain-scene.scene-futuristic .scene-sky{background:radial-gradient(circle at 70% 22%,#7be8ff66,transparent 24%),linear-gradient(180deg,#11235f,#08142b 72%)} .mountain-scene.scene-futuristic .scene-layer.back{background:repeating-linear-gradient(90deg,#2ecae620 0 18px,#7d6bff20 19px 34px)} .mountain-scene.scene-futuristic .scene-layer.mid{background:linear-gradient(180deg,#11316f,#0b2150);clip-path:polygon(0 100%,0 60%,22% 42%,34% 60%,53% 20%,68% 58%,83% 35%,100% 55%,100% 100%)} .mountain-scene.scene-futuristic .scene-layer.front{background:linear-gradient(180deg,#10204a,#08122a);clip-path:polygon(0 100%,0 78%,20% 66%,38% 82%,56% 58%,73% 76%,100% 49%,100% 100%)} .mountain-scene.scene-futuristic .scene-particles{background-image:linear-gradient(#22d3ee1f 1px,transparent 1px),linear-gradient(90deg,#22d3ee1f 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(to bottom,transparent,black 35%,black)} .mountain-scene.scene-forest{background:linear-gradient(180deg,#14311e,#08140d 70%)} .mountain-scene.scene-forest .scene-sky{background:radial-gradient(circle at 74% 18%,#ebff9c44,transparent 18%),linear-gradient(180deg,#284d31,#102919)} .mountain-scene.scene-forest .scene-layer.back{background:linear-gradient(180deg,#355f40,#203c29)} .mountain-scene.scene-forest .scene-layer.mid{background:linear-gradient(180deg,#244f35,#153624)} .mountain-scene.scene-forest .scene-layer.front{background:linear-gradient(180deg,#0e2b1b,#071810);clip-path:polygon(0 100%,0 75%,6% 68%,11% 78%,17% 62%,22% 78%,29% 64%,34% 80%,42% 65%,48% 82%,56% 62%,63% 80%,70% 64%,77% 82%,86% 61%,92% 79%,100% 72%,100% 100%)} .mountain-scene.scene-natural{background:linear-gradient(180deg,#5b3f22,#171108 70%)} .mountain-scene.scene-natural .scene-sky{background:radial-gradient(circle at 74% 20%,#ffd7a766,transparent 16%),linear-gradient(180deg,#946a39,#342313)} .mountain-scene.scene-natural .scene-layer.back{background:linear-gradient(180deg,#8e6640,#57412e)} .mountain-scene.scene-natural .scene-layer.mid{background:linear-gradient(180deg,#6e4d2b,#4b351f)} .mountain-scene.scene-natural .scene-layer.front{background:linear-gradient(180deg,#4a321a,#2a1e12)} .mountain-scene.scene-city{background:linear-gradient(180deg,#111b4e,#060a18 72%)} .mountain-scene.scene-city .scene-sky{background:radial-gradient(circle at 74% 18%,#b8c6ff44,transparent 18%),linear-gradient(180deg,#25356f,#121a42)} .mountain-scene.scene-city .scene-layer.back,.mountain-scene.scene-city .scene-layer.mid,.mountain-scene.scene-city .scene-layer.front{clip-path:none;height:68%;bottom:0;background:repeating-linear-gradient(90deg,#0e1633 0 28px,#162452 29px 55px,#0a1026 56px 70px)} .mountain-scene.scene-city .scene-layer.back{opacity:.3;transform:translateY(0) scale(1.02)} .mountain-scene.scene-city .scene-layer.mid{opacity:.56;height:56%;transform:translateY(8%)} .mountain-scene.scene-city .scene-layer.front{opacity:.9;height:44%;transform:translateY(20%)} .mountain-scene.scene-city .scene-particles{background-image:radial-gradient(circle at 12% 70%,#ffe79b 0 2px,transparent 2.2px),radial-gradient(circle at 47% 82%,#ffe79b 0 2px,transparent 2.2px),radial-gradient(circle at 75% 76%,#ffe79b 0 2px,transparent 2.2px)} .mountain-scene.scene-ocean{background:linear-gradient(180deg,#0c4563,#03111a 72%)} .mountain-scene.scene-ocean .scene-sky{background:radial-gradient(circle at 74% 18%,#c4ffff55,transparent 18%),linear-gradient(180deg,#1a688d,#0a3048)} .mountain-scene.scene-ocean .scene-layer.back{clip-path:ellipse(70% 40% at 50% 100%);height:56%;background:radial-gradient(ellipse at 50% 90%,#0f90b6 0 34%,#085373 35% 54%,transparent 55%)} .mountain-scene.scene-ocean .scene-layer.mid{clip-path:ellipse(80% 34% at 50% 100%);height:44%;background:radial-gradient(ellipse at 50% 85%,#5fdfff 0 18%,#0a6c93 19% 34%,transparent 35%)} .mountain-scene.scene-ocean .scene-layer.front{clip-path:ellipse(90% 28% at 50% 100%);height:36%;background:repeating-radial-gradient(ellipse at 50% 100%,#6ff8ff 0 8px,#0da6d8 9px 18px,#043652 19px 28px)} .mountain-scene.scene-alpine{background:linear-gradient(180deg,#5a8bb8,#061320 72%)} .mountain-scene.scene-alpine .scene-sky{background:radial-gradient(circle at 74% 18%,#f3fbff66,transparent 18%),linear-gradient(180deg,#89b4db,#375d87)} .mountain-scene.scene-alpine .scene-layer.back{background:linear-gradient(180deg,#8aaad0,#506d98)} .mountain-scene.scene-alpine .scene-layer.mid{background:linear-gradient(180deg,#d7ecff,#6b8fb8);clip-path:polygon(0 100%,0 60%,20% 16%,39% 72%,57% 28%,79% 100%,100% 42%,100% 100%)} .mountain-scene.scene-alpine .scene-layer.front{background:linear-gradient(180deg,#f7fdff,#9eb6d1);clip-path:polygon(0 100%,0 72%,18% 50%,34% 84%,53% 34%,72% 82%,100% 56%,100% 100%)} .mountain-scene.scene-zenworld{background:linear-gradient(180deg,#2b2242,#0c0b14 72%)} .mountain-scene.scene-zenworld .scene-sky{background:radial-gradient(circle at 74% 18%,#e9d8ff44,transparent 18%),linear-gradient(180deg,#42345d,#241c35)} .mountain-scene.scene-zenworld .scene-layer.back{background:radial-gradient(circle at 50% 55%,transparent 0 54px,#cabfff18 55px 57px,transparent 58px),linear-gradient(180deg,#3a2d52,#221b31)} .mountain-scene.scene-zenworld .scene-layer.mid{background:repeating-radial-gradient(circle at 50% 100%,transparent 0 19px,#83ead817 20px 21px,transparent 22px 40px)} .mountain-scene.scene-zenworld .scene-layer.front{background:linear-gradient(180deg,#2b213d,#171121);clip-path:ellipse(100% 48% at 50% 100%);height:40%} .mountain-scene.scene-cosmic{background:linear-gradient(180deg,#17103a,#03030f 72%)} .mountain-scene.scene-cosmic .scene-sky{background:radial-gradient(circle at 74% 18%,#dde6ff66,transparent 18%),radial-gradient(circle at 22% 24%,#8d58ff44,transparent 26%),linear-gradient(180deg,#241857,#0f0d25)} .mountain-scene.scene-cosmic .scene-layer.back{background:linear-gradient(180deg,#3e2c76,#22164a)} .mountain-scene.scene-cosmic .scene-layer.mid{background:linear-gradient(180deg,#2e2160,#140f31)} .mountain-scene.scene-cosmic .scene-layer.front{background:linear-gradient(180deg,#1f1645,#0a0a1d)} .mountain-scene.scene-cosmic .scene-particles{background-image:radial-gradient(circle at 12% 24%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 28% 78%,#fff 0 1.1px,transparent 1.6px),radial-gradient(circle at 63% 35%,#9be8ff 0 1.1px,transparent 1.6px),radial-gradient(circle at 89% 18%,#fff 0 1.4px,transparent 1.8px);animation:starField 22s linear infinite} @keyframes starField{0%{transform:translateY(0)}100%{transform:translateY(18px)}} .onboard-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px} .onboard-preset,.win-picker-option{transition:transform .18s ease,border-color .18s ease,background .18s ease} .onboard-preset:hover,.win-picker-option:hover{transform:translateY(-2px)} .onboard-preset.selected{box-shadow:0 14px 28px color-mix(in srgb,var(--accent) 16%,transparent)} @media(max-width:720px){ .world-card{grid-template-columns:78px 1fr;min-height:98px} .world-thumb{width:76px;height:72px} .mountain-scene{min-height:170px} } @media(prefers-reduced-motion:reduce){ .winicon::after,.win-preset-icon::after,.onboard-preset-icon::after,.world-thumb::after, .winicon svg,.win-preset-icon svg,.onboard-preset-icon svg,.world-thumb i, .mountain-scene .scene-orb,.mountain-scene .scene-particles,.mountain-scene .climber,.mountain-scene>em{animation:none!important} } /* ========================================================= MOMENTUM CLOUD V8.1 — WORLD CARD LAYOUT + WORLD-SYNC SCENES ========================================================= */ .world-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch} .world-card{grid-template-columns:96px minmax(0,1fr) auto!important;gap:16px!important;align-items:center;min-height:118px!important;padding:14px 16px!important;overflow:hidden} .world-card>span:nth-child(2){min-width:0;display:flex!important;flex-direction:column;justify-content:center;gap:4px;padding-right:4px} .world-card b,.world-card small,.world-card em{display:block;max-width:100%;overflow-wrap:anywhere} .world-card b{font-size:14px!important;line-height:1.15} .world-card small{font-size:11px!important;line-height:1.25} .world-card em{font-size:11px!important;line-height:1.25;margin-top:2px} .world-card>strong{position:static!important;justify-self:end;align-self:flex-start;font-size:18px;padding-left:6px} .world-thumb{width:84px!important;height:84px!important;border-radius:22px;flex:0 0 auto} .world-thumb i{font-size:30px!important} @media(max-width:900px){.world-grid{grid-template-columns:1fr}.world-card{grid-template-columns:88px minmax(0,1fr) auto!important;min-height:112px!important}.world-thumb{width:78px!important;height:78px!important}} @media(max-width:560px){.world-card{grid-template-columns:76px minmax(0,1fr) auto!important;padding:12px!important;gap:12px!important}.world-thumb{width:68px!important;height:68px!important;border-radius:18px}.world-card b{font-size:13px!important}.world-card small,.world-card em{font-size:10px!important}} .season-mountain{align-items:center;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr)} .season-copy h2{font-size:clamp(24px,2.6vw,42px);line-height:1.05;margin:6px 0 10px} .season-copy p{font-size:15px;line-height:1.35;color:color-mix(in srgb,var(--muted) 88%,white);margin-bottom:16px} .season-bar{height:14px;border-radius:999px;background:#ffffff14;overflow:hidden} .season-bar span{box-shadow:0 0 20px color-mix(in srgb,var(--accent2) 28%,transparent)} .season-copy .between{margin-top:12px;align-items:end}.season-copy .between small{font-size:15px}.season-copy .between b{font-size:15px} .mountain-scene{min-height:260px!important;border-radius:32px;isolation:isolate} .mountain-scene:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffff10,transparent 35%,#00000020 100%);z-index:0;pointer-events:none} .mountain-scene .scene-sky,.mountain-scene .scene-orb,.mountain-scene .scene-layer,.mountain-scene .scene-particles{z-index:1} .mountain-scene .climber{z-index:3} .mountain-scene>em{z-index:4} .mountain-scene .scene-orb{width:110px;height:110px;right:10%;top:12%;inset:auto 10% auto auto;filter:blur(1px)} .mountain-scene .scene-layer.back{filter:none} .mountain-scene .scene-particles{opacity:.95} /* Default avatar motion */ .mountain-scene .climber{width:28px;height:28px;border-radius:999px;background:#43e68c;box-shadow:0 0 0 6px #effff599,0 0 24px #43e68c80;animation:climberPulse 2.4s ease-in-out infinite} .mountain-scene .climber i{width:10px;height:10px;border-radius:50%;background:#fff;display:block} /* Futuristic */ .mountain-scene.scene-futuristic .climber{width:26px;height:26px;border-radius:8px;background:linear-gradient(145deg,#22d3ee,#8b68ff);box-shadow:0 0 0 4px #c0f7ff44,0 0 24px #22d3ee80;animation:scanPulse 1.8s ease-in-out infinite} .mountain-scene.scene-futuristic .climber i{width:14px;height:2px;border-radius:999px;background:#fff;box-shadow:0 0 8px #fff} @keyframes scanPulse{0%,100%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.1) rotate(8deg)}} /* Forest */ .mountain-scene.scene-forest .climber{width:22px;height:22px;background:#b8ff8a;box-shadow:0 0 0 6px #ebff9c22,0 0 22px #b8ff8a99;animation:fireflyDrift 4s ease-in-out infinite} .mountain-scene.scene-forest .climber i{display:none} @keyframes fireflyDrift{0%,100%{transform:translate(0,0) scale(1)}25%{transform:translate(4px,-6px) scale(1.05)}50%{transform:translate(8px,-2px) scale(.92)}75%{transform:translate(2px,4px) scale(1.02)}} /* Natural */ .mountain-scene.scene-natural .climber{width:26px;height:26px;background:linear-gradient(145deg,#ffd27c,#fff0c7);box-shadow:0 0 0 6px #ffe0ac44,0 0 22px #ffcf8a99;animation:sunHop 3s ease-in-out infinite} .mountain-scene.scene-natural .climber i{display:none} @keyframes sunHop{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px) scale(1.08)}} /* City */ .mountain-scene.scene-city .climber{width:48px;height:20px;border-radius:8px;background:linear-gradient(90deg,#5be4ff,#7e8dff);box-shadow:0 0 0 4px #9dc7ff33,0 0 20px #63d0ff55;animation:metroGlide 2.6s ease-in-out infinite} .mountain-scene.scene-city .climber i{width:28px;height:4px;border-radius:999px;background:#fff} @keyframes metroGlide{0%,100%{transform:translateX(0)}50%{transform:translateX(10px)}} /* Ocean */ .mountain-scene.scene-ocean .scene-particles{background-image:radial-gradient(circle at 20% 70%,#c8fdff 0 2px,transparent 2.4px),radial-gradient(circle at 52% 62%,#86f6ff 0 1.8px,transparent 2.3px),radial-gradient(circle at 82% 74%,#dffcff 0 2px,transparent 2.5px),linear-gradient(180deg,transparent 0 68%,#8ae8ff12 69% 70%,transparent 71% 76%,#8ae8ff12 77% 78%,transparent 79%)} .mountain-scene.scene-ocean .climber{width:54px;height:18px;border-radius:999px;background:linear-gradient(180deg,#9ae7ff,#54bee8);box-shadow:0 0 0 4px #d8ffff40,0 10px 18px #03233880;bottom:20%;animation:boatBob 2.8s ease-in-out infinite} .mountain-scene.scene-ocean .climber i{width:20px;height:10px;border-radius:999px 999px 0 0;background:#eaffff;clip-path:polygon(50% 0,100% 100%,0 100%)} .mountain-scene.scene-ocean .scene-layer.back{height:58%;background:radial-gradient(ellipse at 50% 100%,#0f90b6 0 28%,#085373 29% 48%,transparent 49%)} .mountain-scene.scene-ocean .scene-layer.mid{height:46%;background:repeating-radial-gradient(ellipse at 50% 100%,#6ff8ff 0 6px,#0a9bcc 7px 16px,#064b68 17px 26px)} .mountain-scene.scene-ocean .scene-layer.front{height:24%;background:linear-gradient(180deg,#08344f,#052133);clip-path:none;bottom:0;transform:none} @keyframes boatBob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}} /* Alpine */ .mountain-scene.scene-alpine .climber{width:20px;height:28px;background:#dff5ff;border-radius:10px 10px 12px 12px;box-shadow:0 0 0 5px #f3fbff55,0 0 18px #dff5ff88;animation:alpineClimb 2.1s ease-in-out infinite} .mountain-scene.scene-alpine .climber i{width:3px;height:14px;border-radius:999px;background:#5a7ca4} @keyframes alpineClimb{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}} /* Zen */ .mountain-scene.scene-zenworld .climber{width:42px;height:42px;border-radius:50%;background:radial-gradient(circle,#f6f1ff 0 18%,#c5b0ff 19% 23%,#7fe3d0 24% 28%,transparent 29%);box-shadow:none;animation:zenRipple 3.2s ease-in-out infinite} .mountain-scene.scene-zenworld .climber i{display:none} .mountain-scene.scene-zenworld .scene-particles{background-image:repeating-radial-gradient(circle at 50% 100%,transparent 0 24px,#d8d0ff10 25px 26px,transparent 27px 50px)} @keyframes zenRipple{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}} /* Cosmic */ .mountain-scene.scene-cosmic .climber{width:56px;height:16px;border-radius:999px;background:linear-gradient(90deg,#ffffff,#8ae7ff 55%,#8f68ff);box-shadow:0 0 0 4px #ffffff1f,0 0 28px #a78bfa66;animation:shootingStar 2.5s ease-in-out infinite} .mountain-scene.scene-cosmic .climber i{display:none} @keyframes shootingStar{0%,100%{transform:translateX(0) scaleX(1)}50%{transform:translateX(12px) scaleX(1.08)}} @media(max-width:980px){.season-mountain{grid-template-columns:1fr}.mountain-scene{min-height:220px!important}} @media(max-width:560px){.season-copy h2{font-size:30px}.season-copy p,.season-copy .between small,.season-copy .between b{font-size:13px}.mountain-scene{min-height:180px!important}} /* ========================================================= MOMENTUM CLOUD V8.2 — CONTROL BEHAVIOUR FIXES ========================================================= */ .reminder-controls{opacity:1!important;pointer-events:auto!important} .reminder-controls label{transition:opacity .18s,border-color .18s,transform .18s} .reminder-status+.reminder-controls{filter:none} /* Motion now changes the visual character, not just one animation duration. */ body[data-motion="calm"] .world-thumb i, body[data-motion="calm"] .winicon svg, body[data-motion="calm"] .win-preset-icon svg, body[data-motion="calm"] .onboard-preset-icon svg, body[data-motion="calm"] .mountain-scene .scene-orb, body[data-motion="calm"] .mountain-scene .scene-particles, body[data-motion="calm"] .mountain-scene .climber, body[data-motion="calm"] .mountain-scene>em{animation:none!important} body[data-motion="calm"] .mountain-scene .scene-particles{opacity:.28!important} body[data-motion="calm"] .world-thumb::after, body[data-motion="calm"] .winicon::after, body[data-motion="calm"] .win-preset-icon::after{display:none!important} body[data-motion="flow"] .world-thumb i{animation-duration:3.6s!important} body[data-motion="flow"] .mountain-scene .scene-orb{animation-duration:8s!important} body[data-motion="flow"] .mountain-scene .scene-particles{animation-duration:14s!important} body[data-motion="dynamic"] .world-thumb i, body[data-motion="dynamic"] .winicon svg, body[data-motion="dynamic"] .win-preset-icon svg, body[data-motion="dynamic"] .onboard-preset-icon svg{animation-duration:1.7s!important;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--accent2) 45%,transparent))} body[data-motion="dynamic"] .world-thumb::after, body[data-motion="dynamic"] .winicon::after, body[data-motion="dynamic"] .win-preset-icon::after{animation-duration:2.2s!important} body[data-motion="dynamic"] .mountain-scene .scene-orb{animation-duration:3.4s!important;opacity:.92!important} body[data-motion="dynamic"] .mountain-scene .scene-particles{animation-duration:5.5s!important;opacity:1!important} body[data-motion="dynamic"] .mountain-scene .climber{animation-duration:1.25s!important} body[data-motion="dynamic"] .mountain-scene{box-shadow:inset 0 0 36px color-mix(in srgb,var(--accent2) 12%,transparent),0 14px 38px #0003} body.motion-preview .appearance-card{animation:motionPreviewFlash .65s ease-out} @keyframes motionPreviewFlash{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent2) 48%,transparent)}100%{box-shadow:0 0 0 16px transparent}} #ambientMode,#motionLevel,#primaryReminderTime,#nudgeTime,#lastChanceTime{cursor:pointer} #ambientMode:focus,#motionLevel:focus,#primaryReminderTime:focus,#nudgeTime:focus,#lastChanceTime:focus{border-color:var(--accent2);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent2) 14%,transparent)} /* ========================================================= MOMENTUM CLOUD V8.3 — WORLD GROWTH SCENES ========================================================= */ .mountain-scene{--scene-progress:.08;--scene-pop:0;} .mountain-scene.stage-0{--scene-progress:.08;--scene-pop:0} .mountain-scene.stage-1{--scene-progress:.18;--scene-pop:.08} .mountain-scene.stage-2{--scene-progress:.28;--scene-pop:.12} .mountain-scene.stage-3{--scene-progress:.38;--scene-pop:.16} .mountain-scene.stage-4{--scene-progress:.48;--scene-pop:.2} .mountain-scene.stage-5{--scene-progress:.58;--scene-pop:.24} .mountain-scene.stage-6{--scene-progress:.68;--scene-pop:.28} .mountain-scene.stage-7{--scene-progress:.78;--scene-pop:.32} .mountain-scene.stage-8{--scene-progress:.9;--scene-pop:.38} .mountain-scene.stage-9{--scene-progress:1;--scene-pop:.46} .mountain-scene .scene-build{position:absolute;z-index:2;pointer-events:none;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .45s ease,filter .45s ease,width .8s cubic-bezier(.2,.8,.2,1),height .8s cubic-bezier(.2,.8,.2,1);transform-origin:center bottom;opacity:.98} .mountain-scene .scene-build.build-c{z-index:2} /* Futuristic: neon tower rises */ .mountain-scene.scene-futuristic .scene-build.build-a{left:62%;bottom:18%;width:72px;height:calc(36px + 108px * var(--scene-progress));border-radius:18px 18px 8px 8px;background:linear-gradient(180deg,#8cf3ff,#2ecae6 40%,#123b78 100%);box-shadow:0 0 0 4px #7be8ff22,0 0 34px #22d3ee44;clip-path:polygon(28% 100%,28% 16%,46% 0,54% 0,72% 16%,72% 100%)} .mountain-scene.scene-futuristic .scene-build.build-b{left:68%;bottom:calc(22% + 106px * var(--scene-progress));width:20px;height:20px;border-radius:6px;background:linear-gradient(145deg,#e9f9ff,#8cf3ff);box-shadow:0 0 22px #8cf3ff88;transform:translateX(-50%) scale(calc(.6 + .5 * var(--scene-progress)));animation:orbDrift 2.4s ease-in-out infinite alternate} .mountain-scene.scene-futuristic .scene-build.build-c{left:59%;bottom:18%;width:100px;height:calc(20px + 18px * var(--scene-progress));background:repeating-linear-gradient(90deg,#22d3ee33 0 8px,transparent 8px 16px);filter:drop-shadow(0 0 12px #22d3ee55)} /* Forest: tree grows */ .mountain-scene.scene-forest .scene-build.build-a{left:58%;bottom:18%;width:18px;height:calc(24px + 78px * var(--scene-progress));border-radius:12px;background:linear-gradient(180deg,#6e4b2a,#4b331d);box-shadow:0 8px 16px #0004} .mountain-scene.scene-forest .scene-build.build-b{left:49%;bottom:calc(28% + 42px * var(--scene-progress));width:calc(54px + 76px * var(--scene-progress));height:calc(42px + 62px * var(--scene-progress));border-radius:50%;background:radial-gradient(circle at 40% 36%,#d4ffb5 0 16%,#75d868 17% 58%,#1d6d39 59% 100%);box-shadow:0 0 34px #9bff8a22;filter:saturate(calc(.8 + .3 * var(--scene-progress)))} .mountain-scene.scene-forest .scene-build.build-c{left:58%;bottom:calc(28% + 12px * var(--scene-progress));width:calc(24px + 34px * var(--scene-progress));height:calc(18px + 22px * var(--scene-progress));border-radius:50%;background:radial-gradient(circle,#d8ffb5 0 28%,#8ced74 29% 100%);opacity:calc(.25 + .65 * var(--scene-progress));filter:blur(3px)} /* Natural: flower blooms */ .mountain-scene.scene-natural .scene-build.build-a{left:58%;bottom:18%;width:10px;height:calc(20px + 70px * var(--scene-progress));border-radius:999px;background:linear-gradient(180deg,#70bf58,#336d25)} .mountain-scene.scene-natural .scene-build.build-b{left:50%;bottom:calc(20% + 48px * var(--scene-progress));width:calc(36px + 74px * var(--scene-progress));height:calc(36px + 74px * var(--scene-progress));border-radius:50%;background:radial-gradient(circle,#fff6cf 0 14%,#ffd77a 15% 26%,transparent 27%),conic-gradient(from 0deg,#ffb77a 0 14%,#ffd48f 14% 28%,#ffc177 28% 42%,#ffe1a8 42% 56%,#ffba7c 56% 70%,#ffd48f 70% 84%,#ffc177 84% 100%);box-shadow:0 0 26px #ffcf8a44;animation:sunHop 4.2s ease-in-out infinite} .mountain-scene.scene-natural .scene-build.build-c{left:61%;bottom:18%;width:74px;height:22px;border-radius:100% 0 100% 0;background:linear-gradient(145deg,#5dcf79,#266b33);transform:rotate(-18deg) scale(calc(.4 + .65 * var(--scene-progress)));opacity:calc(.3 + .7 * var(--scene-progress))} /* City: skyline builds */ .mountain-scene.scene-city .scene-build.build-a{left:54%;bottom:18%;width:calc(92px + 90px * var(--scene-progress));height:calc(34px + 104px * var(--scene-progress));background:linear-gradient(180deg,#1d2b67,#0b1434);clip-path:polygon(0 100%,0 38%,10% 38%,10% 18%,22% 18%,22% 54%,34% 54%,34% 0,50% 0,50% 28%,63% 28%,63% 10%,76% 10%,76% 44%,88% 44%,88% 24%,100% 24%,100% 100%);box-shadow:0 0 0 2px #ffffff08,0 18px 32px #0004} .mountain-scene.scene-city .scene-build.build-b{left:54%;bottom:18%;width:calc(92px + 90px * var(--scene-progress));height:calc(34px + 104px * var(--scene-progress));clip-path:polygon(0 100%,0 38%,10% 38%,10% 18%,22% 18%,22% 54%,34% 54%,34% 0,50% 0,50% 28%,63% 28%,63% 10%,76% 10%,76% 44%,88% 44%,88% 24%,100% 24%,100% 100%);background:repeating-linear-gradient(90deg,transparent 0 10px,#ffe79b44 10px 12px,transparent 12px 18px);filter:drop-shadow(0 0 10px #ffe79b33);opacity:calc(.35 + .55 * var(--scene-progress))} .mountain-scene.scene-city .scene-build.build-c{left:64%;bottom:calc(18% + 104px * var(--scene-progress));width:12px;height:24px;background:linear-gradient(180deg,#8af6ff,#dffcff);box-shadow:0 0 16px #8af6ff66} /* Ocean: coral reef grows */ .mountain-scene.scene-ocean .scene-build.build-a{left:55%;bottom:18%;width:calc(60px + 90px * var(--scene-progress));height:calc(18px + 34px * var(--scene-progress));background:radial-gradient(ellipse at 50% 80%,#ffb8b8 0 18%,#ff7aa6 19% 34%,transparent 35%),radial-gradient(ellipse at 20% 90%,#b8f7ff 0 15%,#74d8ff 16% 32%,transparent 33%),radial-gradient(ellipse at 78% 90%,#d2f7a3 0 15%,#5dd39e 16% 30%,transparent 31%),linear-gradient(180deg,#0e526d,#08344f);clip-path:ellipse(50% 50% at 50% 100%);filter:saturate(calc(.8 + .3 * var(--scene-progress)));transform:scaleY(calc(.3 + .75 * var(--scene-progress)))} .mountain-scene.scene-ocean .scene-build.build-b{left:62%;bottom:calc(21% + 18px * var(--scene-progress));width:calc(12px + 14px * var(--scene-progress));height:calc(38px + 72px * var(--scene-progress));border-radius:40px 40px 0 0;background:linear-gradient(180deg,#ffa6d3,#ff7aa6);box-shadow:0 0 18px #ff9fd455;transform:rotate(-10deg)} .mountain-scene.scene-ocean .scene-build.build-c{left:52%;bottom:calc(20% + 8px * var(--scene-progress));width:calc(10px + 12px * var(--scene-progress));height:calc(30px + 58px * var(--scene-progress));border-radius:40px 40px 0 0;background:linear-gradient(180deg,#9ef8ff,#56caef);box-shadow:0 0 16px #9ef8ff55;transform:rotate(12deg)} /* Alpine: cairn stack builds */ .mountain-scene.scene-alpine .scene-build.build-a{left:58%;bottom:18%;width:calc(40px + 28px * var(--scene-progress));height:calc(12px + 10px * var(--scene-progress));border-radius:999px;background:linear-gradient(180deg,#eaf6ff,#8aa6bf);box-shadow:0 10px 22px #0003} .mountain-scene.scene-alpine .scene-build.build-b{left:59%;bottom:calc(20% + 10px * var(--scene-progress));width:calc(30px + 18px * var(--scene-progress));height:calc(10px + 8px * var(--scene-progress));border-radius:999px;background:linear-gradient(180deg,#f7fdff,#a5bdd3);box-shadow:0 8px 18px #0003} .mountain-scene.scene-alpine .scene-build.build-c{left:60%;bottom:calc(22% + 18px * var(--scene-progress));width:calc(18px + 12px * var(--scene-progress));height:calc(8px + 7px * var(--scene-progress));border-radius:999px;background:linear-gradient(180deg,#ffffff,#c6d9e8);box-shadow:0 0 12px #ffffff55} /* Zen: lotus / still water grows */ .mountain-scene.scene-zenworld .scene-build.build-a{left:58%;bottom:18%;width:calc(42px + 70px * var(--scene-progress));height:calc(10px + 18px * var(--scene-progress));border-radius:999px;background:radial-gradient(ellipse at 50% 50%,#d5cbff44 0 48%,transparent 49%),linear-gradient(180deg,#7fe3d0,#2a796d);box-shadow:0 0 18px #b8aaff33;transform:scaleX(calc(.5 + .5 * var(--scene-progress)))} .mountain-scene.scene-zenworld .scene-build.build-b{left:58%;bottom:calc(20% + 6px * var(--scene-progress));width:calc(24px + 46px * var(--scene-progress));height:calc(24px + 46px * var(--scene-progress));border-radius:50%;background:radial-gradient(circle,#fff 0 12%,#d9cdff 13% 22%,transparent 23%),conic-gradient(from 0deg,#f2d8ff 0 18%,#bca4ff 18% 34%,#8de6d2 34% 50%,#f2d8ff 50% 68%,#bca4ff 68% 84%,#8de6d2 84% 100%);clip-path:polygon(50% 0,68% 20%,100% 30%,78% 56%,84% 100%,50% 74%,16% 100%,22% 56%,0 30%,32% 20%);box-shadow:0 0 26px #d8d0ff55;transform:rotate(calc(6deg + 20deg * var(--scene-progress)))} .mountain-scene.scene-zenworld .scene-build.build-c{left:58%;bottom:18%;width:calc(80px + 120px * var(--scene-progress));height:calc(80px + 120px * var(--scene-progress));border-radius:50%;background:radial-gradient(circle,transparent 0 58%,#d8d0ff18 59% 60%,transparent 61% 69%,#d8d0ff14 70% 71%,transparent 72%);opacity:calc(.25 + .55 * var(--scene-progress));animation:zenRipple 4s ease-in-out infinite} /* Cosmic: planet + rings build */ .mountain-scene.scene-cosmic .scene-build.build-a{left:60%;bottom:calc(20% + 32px * var(--scene-progress));width:calc(24px + 80px * var(--scene-progress));height:calc(24px + 80px * var(--scene-progress));border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff8,transparent 16%),radial-gradient(circle at 32% 30%,#bfe4ff 0 12%,#8f68ff 13% 58%,#38246e 59% 100%);box-shadow:0 0 32px #8f68ff55} .mountain-scene.scene-cosmic .scene-build.build-b{left:60%;bottom:calc(20% + 32px * var(--scene-progress));width:calc(44px + 130px * var(--scene-progress));height:calc(12px + 30px * var(--scene-progress));border-radius:50%;border:3px solid #cde8ff88;transform:rotate(-18deg);box-shadow:0 0 24px #cde8ff22 inset} .mountain-scene.scene-cosmic .scene-build.build-c{left:69%;bottom:calc(45% + 42px * var(--scene-progress));width:calc(6px + 8px * var(--scene-progress));height:calc(6px + 8px * var(--scene-progress));border-radius:50%;background:#fff;box-shadow:0 0 18px #fff,0 0 32px #8ae7ff;animation:shootingStar 3.4s ease-in-out infinite} body[data-motion="calm"] .mountain-scene .scene-build{animation:none!important;transition:none} body[data-motion="calm"] .mountain-scene .scene-build.build-c{opacity:.45!important} body[data-motion="dynamic"] .mountain-scene .scene-build{filter:saturate(1.15)} body[data-motion="dynamic"] .mountain-scene.scene-futuristic .scene-build.build-b, body[data-motion="dynamic"] .mountain-scene.scene-cosmic .scene-build.build-c{animation-duration:1.4s!important} body[data-motion="dynamic"] .mountain-scene.scene-ocean .scene-build.build-b, body[data-motion="dynamic"] .mountain-scene.scene-ocean .scene-build.build-c{animation:boatBob 1.9s ease-in-out infinite alternate!important} @media(prefers-reduced-motion:reduce){.mountain-scene .scene-build{animation:none!important;transition:none!important}} /* ========================================================= MOMENTUM CLOUD V8.4 — CLEAN SEASON PANEL ========================================================= */ .season-mountain.season-clean{display:block!important;grid-template-columns:none!important;min-height:0!important;padding:24px 28px!important;overflow:hidden} .season-clean .season-copy{width:100%;max-width:none} .season-clean .season-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px} .season-clean .season-title-row h2{margin:4px 0 8px;font-size:clamp(30px,3vw,48px);line-height:1.02} .season-clean .season-title-row p{margin:0;max-width:760px;font-size:15px;line-height:1.45;color:var(--muted)} .season-clean .season-tier-chip{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent2) 28%,var(--line));background:color-mix(in srgb,var(--accent2) 10%,transparent);color:var(--accent2);font-weight:900;font-size:13px} .season-clean .season-bar{height:14px!important;margin-top:10px;background:#ffffff12;border-radius:999px;overflow:hidden} .season-clean .season-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent2));box-shadow:0 0 20px color-mix(in srgb,var(--accent2) 24%,transparent)} .season-clean .season-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px} .season-clean .season-stats>div{padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.035)} .season-clean .season-stats small{display:block;font-size:9px;letter-spacing:.12em;color:var(--muted);font-weight:900} .season-clean .season-stats b{display:block;margin-top:4px;font-size:20px;color:#fff} @media(max-width:680px){ .season-mountain.season-clean{padding:20px!important} .season-clean .season-title-row{flex-direction:column;gap:10px} .season-clean .season-title-row h2{font-size:34px} .season-clean .season-tier-chip{min-height:36px} .season-clean .season-stats{grid-template-columns:1fr 1fr 1fr} .season-clean .season-stats>div{padding:12px 10px} .season-clean .season-stats b{font-size:17px} } @media(max-width:440px){.season-clean .season-stats{grid-template-columns:1fr}.season-clean .season-stats>div{display:flex;justify-content:space-between;align-items:center}.season-clean .season-stats b{margin-top:0}}