@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;800&display=swap');
:root{
  --bg:#f6f1e8;
  --paper:#fbf8f3;
  --paper-2:#f1eadf;
  --text:#3f3a33;
  --muted:#857b6f;
  --gold:#b89357;
  --gold-soft:#d8c3a1;
  --green:#7f9a7b;
  --line:rgba(125,109,84,.18);
  --shadow:0 20px 60px rgba(110,92,66,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at top left,rgba(215,199,173,.35),transparent 22%),linear-gradient(180deg,#f8f4ed,#f3ede3 55%,#f7f2ea);color:var(--text);font-family:'Inter','Noto Sans SC',sans-serif;overflow-x:hidden}
button,input{font:inherit}
button{cursor:pointer}
button,input{outline:none}
.texture{position:fixed;inset:0;pointer-events:none;opacity:.5;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(160,140,111,.03) 0 1px,transparent 1px 4px)}
.app-shell{position:relative;z-index:1;width:min(100%,460px);margin:auto;min-height:100dvh;padding:0 18px 100px}
.topbar{height:82px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px}
.brandmark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#d8c3a1,#b89357);display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:0 10px 24px rgba(184,147,87,.25)}
.brand strong{display:block;font-size:18px;font-weight:800;letter-spacing:-.4px}
.brand small{display:block;margin-top:4px;font-size:10px;color:var(--muted);letter-spacing:1.4px}
.demo-tag{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.6);backdrop-filter:blur(12px);border:1px solid var(--line);font-size:12px;color:#7a6b55;font-weight:700}
.page{display:none;animation:fade .35s both}
.page.active{display:block}
.eyebrow{margin:0 0 10px;font-size:11px;color:#9b8d78;letter-spacing:2px;font-weight:700}
h1,h2,strong{font-family:'Noto Sans SC','Inter',sans-serif}
h1{margin:0;font-size:38px;line-height:1.18;letter-spacing:-1.3px}
h1 em{font-style:normal;color:#a87d40}
.subtitle,.page-intro>p:last-child,.disclaimer,.demo-note,.control-card p{font-size:13px;line-height:1.7;color:var(--muted)}
.greeting,.page-intro{margin:10px 0 20px}
.hero-card,.wallet-card,.mission-card,.task-card,.profile-card,.control-card,.refer-card,.invite-mini>div,.activity,.invite-visual,.wallet-strip{background:linear-gradient(180deg,rgba(255,255,255,.68),rgba(250,246,239,.92));border:1px solid rgba(161,140,108,.14);box-shadow:var(--shadow);backdrop-filter:blur(18px)}
.hero-card{border-radius:28px;padding:22px;position:relative;overflow:hidden}
.hero-card::after{content:'';position:absolute;top:-60px;right:-60px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(216,195,161,.55),transparent 68%)}
.hero-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.hero-head .mini-label{display:block;font-size:12px;color:#a18e72;margin-bottom:8px}
.hero-head strong{font-size:48px;line-height:1;color:#3c382f}
.hero-head p{margin:10px 0 0;font-size:13px;color:var(--muted)}
.pill-btn{border:0;border-radius:18px;padding:13px 16px;background:linear-gradient(135deg,#c8b08a,#b89357);color:#fff;font-weight:700;box-shadow:0 10px 18px rgba(184,147,87,.22)}
.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.stat-box{padding:14px;border-radius:18px;background:rgba(255,255,255,.5);border:1px solid rgba(181,160,127,.16)}
.stat-box span{display:block;font-size:11px;color:#9a8b74;margin-bottom:6px}
.stat-box b{font-size:18px}
.stat-box small{font-size:12px;color:var(--muted)}
.chart-panel{margin-top:20px;padding:18px;border-radius:22px;background:linear-gradient(180deg,rgba(244,238,228,.85),rgba(255,255,255,.5));border:1px solid rgba(179,157,122,.15)}
.section-heading{display:flex;align-items:center;justify-content:space-between;margin:22px 0 14px}
.section-heading.no-margin{margin:0 0 12px}
.section-heading.compact-top{margin-top:22px}
.section-heading h2{margin:0;font-size:20px}
.chip{padding:7px 11px;border-radius:999px;background:#f2ebe0;border:1px solid rgba(173,152,119,.16);font-size:11px;color:#8c7b63;font-weight:700}
.text-btn{border:0;background:transparent;color:#9c7b45;font-weight:700}
.bar-chart{height:180px;display:grid;grid-template-columns:repeat(7,1fr);gap:12px;align-items:end;padding-top:10px}
.bar-col{display:flex;flex-direction:column;align-items:center;gap:8px}
.bar-track{width:100%;height:120px;border-radius:16px;background:linear-gradient(180deg,rgba(221,210,193,.55),rgba(255,255,255,.8));display:flex;align-items:flex-end;padding:4px}
.bar-fill{width:100%;border-radius:12px;background:linear-gradient(180deg,#d9c09b,#b89357);box-shadow:0 8px 18px rgba(184,147,87,.18);min-height:14px;transition:height .35s ease}
.bar-col.active .bar-fill{background:linear-gradient(180deg,#8ba681,#6f8d69)}
.bar-value{font-size:10px;color:#887b6c}
.bar-day{font-size:11px;color:#908473}
.wallet-strip{border-radius:24px;padding:20px;margin-top:18px;display:flex;align-items:center;justify-content:space-between}
.wallet-strip small{display:block;font-size:11px;color:#9a8b74;margin-bottom:6px}
.coin-balance{display:flex;align-items:flex-end;gap:8px}
.coin-balance strong{font-size:30px;line-height:1}
.coin-balance span{font-size:13px;color:#937c56;font-weight:700;margin-bottom:4px}
.wallet-strip p{margin:8px 0 0;font-size:13px;color:#8c7c67}
.round-arrow{width:46px;height:46px;border-radius:50%;border:0;background:linear-gradient(135deg,#e4d3b9,#c5a77b);color:#fff;font-size:20px;box-shadow:0 10px 20px rgba(184,147,87,.22)}
.mission-card{border-radius:24px;padding:18px;display:flex;align-items:center;gap:14px}
.mission-symbol{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,#e3d0b0,#c9aa7a);color:#fff;display:grid;place-items:center;font-size:20px}
.mission-info span{display:block;font-size:11px;color:#a38f72;margin-bottom:5px}
.mission-info strong{display:block;font-size:18px;margin-bottom:7px}
.mission-info p{margin:0;font-size:12px;color:#857a6d}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.feature{border:0;border-radius:24px;padding:18px;background:linear-gradient(180deg,#f9f6f0,#efe5d6);text-align:left;color:var(--text);box-shadow:var(--shadow);border:1px solid rgba(170,147,111,.12)}
.feature.warm{background:linear-gradient(180deg,#f5efe7,#ece1ce)}
.feature small{display:block;color:#9c8b73;margin-bottom:10px}
.feature strong{display:block;font-size:20px;line-height:1.35;margin-bottom:18px}
.feature span{font-size:12px;color:#9e7b43;font-weight:700}
.task-card{border-radius:22px;padding:18px;display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center;margin-bottom:12px}
.task-emoji{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,#efe2cf,#ddc19a);display:grid;place-items:center;font-size:23px}
.task-card strong{display:block;font-size:17px}
.task-card p{margin:6px 0;font-size:12px;color:#8a7d6e}
.task-card small{font-size:11px;color:#a57e42;font-weight:700}
.task-card button{border:0;border-radius:14px;padding:12px 14px;background:#8ea486;color:#fff;font-size:12px;font-weight:700;min-width:88px}
.task-card button[disabled]{background:#ddd3c7;color:#9b8b79}
.wallet-card{border-radius:26px;padding:24px}
.wallet-card>span,.refer-card>span{display:block;font-size:11px;color:#9a8b74;letter-spacing:1.5px;margin-bottom:10px}
.wallet-card strong{font-size:42px;line-height:1}
.wallet-card small{font-size:14px;color:#907858;font-weight:700}
.wallet-card p{font-size:15px;color:#7d6d56;margin:12px 0 18px}
.exchange-rate{padding-top:14px;border-top:1px solid rgba(174,151,117,.15);font-size:13px;color:#826f57}
.methods{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.method{min-height:72px;border-radius:18px;border:1px solid rgba(168,145,111,.14);background:rgba(255,255,255,.65);color:#726552;font-weight:700}
.method.selected{background:linear-gradient(180deg,#d8c4a4,#b89459);color:#fff}
.method span{display:block;font-size:20px;margin-bottom:4px}
.form-block label{display:block;font-size:13px;font-weight:700;margin:18px 0 10px}
.form-block label small{float:right;font-size:11px;color:#9d8d75;font-weight:500}
.field{height:54px;border-radius:18px;border:1px solid rgba(171,149,117,.14);background:rgba(255,255,255,.7);display:flex;align-items:center;padding:0 15px}
.field input{width:100%;background:transparent;border:0;font-size:15px;color:#4c453c}
.field span{font-size:12px;color:#8e7e69}
.convert-note{font-size:12px;color:#927444}
.primary-btn,.secondary-btn{width:100%;border:0;border-radius:18px;padding:15px 18px;background:linear-gradient(135deg,#ccb289,#b89256);color:#fff;font-weight:700;margin-top:16px;box-shadow:0 12px 24px rgba(184,147,87,.18)}
.secondary-btn{background:linear-gradient(135deg,#96a98f,#7d9676)}
.activity{border-radius:22px;overflow:hidden}
.activity-item{display:flex;align-items:center;gap:12px;padding:14px;border-bottom:1px solid rgba(170,147,111,.12)}
.activity-item:last-child{border-bottom:0}
.activity-icon{width:42px;height:42px;border-radius:14px;background:#efe4d3;display:grid;place-items:center;color:#9f7f47}
.activity-item>div:nth-child(2){flex:1}
.activity-item b{display:block;font-size:13px}
.activity-item small{font-size:11px;color:#948673}
.activity-item>strong{font-size:13px;color:#7e956f}
.activity-item>strong.minus{color:#c08769}
.invite-visual{border-radius:28px;padding:24px;background:linear-gradient(135deg,#f8f2e8,#eadfcd 50%,#f6f1e8);position:relative;overflow:hidden;min-height:200px}
.invite-visual::after{content:'';position:absolute;right:-40px;top:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(184,147,87,.26),transparent 72%)}
.invite-visual span{display:block;font-size:11px;color:#a28d70;letter-spacing:1.4px;margin-bottom:12px}
.invite-visual h2{margin:0 0 10px;font-size:32px;line-height:1.2}
.invite-visual p{margin:0;max-width:230px;font-size:13px;color:#837969;line-height:1.7}
.refer-card{border-radius:22px;padding:22px;margin-top:14px}
.refer-card strong{display:block;font-size:30px;letter-spacing:3px;color:#9a7438;margin-bottom:12px}
.refer-card button{border:0;border-radius:16px;padding:13px;background:#8da384;color:#fff;font-weight:700}
.invite-mini{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.invite-mini>div{padding:18px;border-radius:20px}
.invite-mini b{display:block;font-size:28px;margin-bottom:6px}
.invite-mini span{font-size:12px;color:#877b6d;line-height:1.6}
.profile-card{border-radius:22px;padding:18px;display:flex;align-items:center;gap:14px}
.avatar{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,#d6c1a0,#b89357);display:grid;place-items:center;color:#fff;font-weight:800}
.avatar.big{width:64px;height:64px;font-size:20px}
.profile-card span{display:block;margin-top:5px;color:#8c7d69;font-size:12px}
.control-card{border-radius:22px;padding:20px}
.step-control{display:flex;align-items:center;gap:12px;margin-top:14px}
.step-control input{flex:1;accent-color:#b89357}
.step-control b{min-width:64px;text-align:right;color:#8a724b}
.danger-link{border:0;background:transparent;color:#ad7b61;padding:18px 0;font-weight:700}
.bottom-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:16px;width:min(calc(100% - 18px),430px);padding:10px;background:rgba(255,255,255,.74);backdrop-filter:blur(18px);border:1px solid rgba(165,142,109,.14);border-radius:22px;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;box-shadow:0 18px 40px rgba(113,94,67,.16);z-index:40}
.bottom-nav button{border:0;background:transparent;border-radius:16px;padding:10px 6px 8px;color:#8b7c68;font-size:11px;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:4px}
.bottom-nav button.active{background:linear-gradient(180deg,#efe3d3,#e7d6be);color:#7e6339}
.nav-icon{font-size:18px}
.toast{position:fixed;z-index:100;left:50%;transform:translate(-50%,30px);bottom:95px;width:min(90vw,360px);background:#4f473e;color:#fff;padding:14px 16px;border-radius:16px;box-shadow:0 20px 40px rgba(60,50,41,.2);font-size:13px;font-weight:600;opacity:0;pointer-events:none;transition:.28s}
.toast.visible{opacity:1;transform:translate(-50%,0)}
@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:360px){.app-shell{padding-left:14px;padding-right:14px}.hero-head{flex-direction:column;align-items:flex-start}.methods{grid-template-columns:repeat(2,1fr)}.bar-chart{gap:8px}.hero-head strong{font-size:42px}}

/* V3 · editorial premium home */
:root{--bg:#f7f5ef;--paper:#fcfbf7;--text:#292e29;--muted:#8c8d80;--gold:#b39c78;--green:#859d8b;--line:rgba(107,115,99,.12)}
body{background:#f7f5ef;color:var(--text)}
.texture{opacity:.6;background-image:radial-gradient(rgba(95,99,85,.045) .65px,transparent .65px);background-size:5px 5px}
.app-shell{background:linear-gradient(180deg,rgba(255,255,255,.46),transparent 28%);padding:0 20px 106px}
.topbar{height:76px}.brandmark{border-radius:50%;background:#708875;box-shadow:none;font-family:Georgia,serif;font-style:italic;font-size:25px;width:38px;height:38px}.brand strong{font-size:16px;letter-spacing:-.7px;font-weight:750}.brand small{font-size:9px;letter-spacing:1.05px;color:#a3a399}.demo-tag{font-size:10px;border-color:#dfe3d9;color:#718678;background:#eef2eb;padding:7px 10px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#83a289;vertical-align:1px;margin-right:3px}
.luxury-greeting{padding-top:14px;margin-bottom:24px}.intro-kicker{display:flex;align-items:center;gap:10px;font-size:9px;color:#a8a08c;letter-spacing:2.5px;margin-bottom:24px}.kicker-line{height:1px;width:25px;background:#cfc5b1}.greeting-row{display:flex;align-items:center;justify-content:space-between}.luxury-greeting .eyebrow{font-size:12px;letter-spacing:.5px;color:#889486;font-weight:500;margin-bottom:12px}.luxury-greeting h1{font-size:clamp(29px,8vw,37px);line-height:1.37;letter-spacing:-1.3px;font-weight:750}.luxury-greeting h1 em{color:#7f987f}.luxury-greeting .subtitle{font-size:12px;margin-top:13px}.sun-art{width:81px;height:92px;display:grid;place-items:center;flex-shrink:0;position:relative}.sun-art:before{content:'';position:absolute;inset:16px 4px;background:#e9e3d4;border-radius:50%;filter:blur(11px);opacity:.65}.sun-art span{font-family:serif;font-size:78px;line-height:1;color:#cbbb9c;position:relative;animation:luxSpin 34s linear infinite}
.luxury-hero{background:linear-gradient(145deg,#fcfdf8,#f1f4ea);border:1px solid #e6e9df;box-shadow:0 20px 45px rgba(84,103,78,.08);padding:22px 20px;border-radius:27px}.luxury-hero:after{background:radial-gradient(circle,rgba(170,195,157,.23),transparent 70%)}.hero-number .mini-label{font-size:11px;letter-spacing:.6px;color:#829585}.tiny-sun{color:#9dab7a;margin-right:5px}.steps-figure{display:flex;align-items:baseline;gap:6px;margin-top:10px}.steps-figure strong{font-family:Inter,sans-serif;font-size:clamp(37px,10vw,49px);letter-spacing:-2px;font-weight:800}.steps-figure>span{font-size:13px;color:#889887}.hero-number p{color:#899589;font-size:11px}.hero-number p b{color:#6e9176}.goal-medallion{width:91px;height:91px;position:relative;flex-shrink:0}.goal-medallion svg{width:100%;height:100%}.goal-medallion>div{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:9px;line-height:1.4;letter-spacing:1px;color:#859987}.goal-medallion b{font-size:17px;color:#58745f}.hero-progress{height:5px;border-radius:5px;background:#e4e8de;margin-top:17px;overflow:hidden}.hero-progress>div{height:100%;width:0;background:linear-gradient(90deg,#aac2a8,#6f9577);border-radius:5px;transition:width .8s cubic-bezier(.22,.7,.3,1)}.hero-bottom{margin-top:19px;display:flex;justify-content:space-between;align-items:center;gap:8px}.hero-bottom>span{font-size:10px;color:#8a998a}.pill-btn{position:relative;z-index:1;background:#708e75;border-radius:12px;padding:11px 13px;white-space:nowrap;font-size:11px;font-weight:700;box-shadow:0 7px 16px rgba(96,133,100,.16)}.pill-btn span{margin-left:5px}.pill-btn:disabled{opacity:.6;cursor:default}
.premium-stats{margin:13px 0 0;gap:9px}.premium-stats .stat-box{padding:15px 12px;background:#fffefb;border:1px solid #efede5;box-shadow:0 9px 24px rgba(70,76,62,.035);border-radius:20px;min-width:0}.premium-stats .stat-glyph{display:block;color:#a0aa8f;font-size:19px;margin-bottom:10px}.premium-stats .stat-box>span:not(.stat-glyph){color:#9d9e91;font-size:10px}.premium-stats .stat-box b{font-family:Inter,sans-serif;font-size:16px}.premium-stats .stat-box small{font-size:10px}
.premium-chart{background:#fffefa;border:1px solid #edebe3;box-shadow:0 12px 35px rgba(83,84,67,.045);border-radius:26px;padding:21px 18px;margin-top:18px}.premium-chart .eyebrow,.reward-heading .eyebrow,.compact-top .eyebrow{color:#a7a695;letter-spacing:1.8px;font-size:9px}.premium-chart h2,.reward-heading h2,.compact-top h2{font-size:18px;font-weight:750;letter-spacing:-.5px}.premium-chart .chip{background:#f5f5ed;border:0;font-size:10px;color:#8b9387}.premium-chart .chip span{margin-left:7px}.chart-meta{display:flex;align-items:baseline;gap:10px;margin-top:19px}.chart-meta strong{font-size:30px;letter-spacing:-1px}.chart-meta span{font-size:11px;color:#9a9f94}.premium-chart .bar-chart{height:190px;gap:10px;margin-top:7px}.premium-chart .bar-col{gap:6px}.premium-chart .bar-track{height:130px;background:transparent;padding:0 5px;display:flex;align-items:flex-end}.premium-chart .bar-fill{border-radius:8px 8px 3px 3px;background:linear-gradient(0deg,#c9d4c8,#e4e9dd);box-shadow:none;animation:barGrow .85s cubic-bezier(.18,.8,.35,1) backwards;transform-origin:bottom}.premium-chart .bar-col.active .bar-fill{background:linear-gradient(0deg,#688d73,#a9bca7)}.premium-chart .bar-value{font-size:10px;color:#8a988a}.premium-chart .bar-day{font-size:10px;color:#a4a59a}.chart-foot{display:flex;justify-content:space-between;border-top:1px solid #f0f0e9;padding-top:12px;margin-top:6px;font-size:10px;color:#a1a298}.chart-foot i{display:inline-block;height:7px;width:7px;background:#819b87;border-radius:2px;margin-right:4px}
.reward-heading{margin-top:23px}.reward-heading .text-btn,.compact-top .text-btn{font-size:11px;color:#7a9581}.premium-wallet{position:relative;overflow:hidden;background:linear-gradient(125deg,#7e9883,#6f8c78 70%,#63846d);color:#fff;border:none;border-radius:23px;padding:24px 21px;box-shadow:0 18px 35px rgba(67,108,76,.15);margin-top:0}.premium-wallet small{color:#d5e6d8;font-size:10px;letter-spacing:1px}.premium-wallet .coin-balance strong{font-size:32px;color:#fff;letter-spacing:-1px}.premium-wallet .coin-balance span{color:#e4f0e6}.premium-wallet p{color:#e0ece1;font-size:12px}.wallet-pattern{position:absolute;right:18px;top:-28px;font-family:serif;font-size:190px;line-height:1;color:rgba(255,255,255,.085);pointer-events:none;animation:luxSpin 45s linear infinite}.premium-wallet .round-arrow{z-index:1;background:#f5f4e9;color:#6b8974;box-shadow:none;font-size:21px;width:42px;height:42px}
.premium-mission{background:#fffefa;border:1px solid #ecebe3;border-radius:20px;box-shadow:0 8px 28px rgba(68,80,61,.045);padding:17px}.premium-mission .mission-symbol{background:#f2eee2;color:#a8a07e;box-shadow:none;width:48px;height:48px;border-radius:16px}.premium-mission .mission-info{flex:1}.premium-mission .mission-info span{font-size:9px;color:#a5a698}.premium-mission .mission-info strong{font-size:14px}.premium-mission .mission-info p{font-size:11px}.mission-chevron{color:#91a08e;font-size:21px}.feature{background:#f5f3ea;border:1px solid #ece9de;box-shadow:none;border-radius:20px}.feature.warm{background:#f0f1e9}.feature strong{font-size:17px}.feature small{color:#979c91}.feature span{color:#77927c}
.bottom-nav{border-radius:21px;background:rgba(255,255,251,.9);border:1px solid #eceee6;box-shadow:0 14px 40px rgba(73,87,73,.12)}.bottom-nav button.active{background:#eef3ea;color:#68896f}.bottom-nav button{color:#999e95}
@keyframes luxSpin{to{transform:rotate(360deg)}}@keyframes barGrow{from{transform:scaleY(.08);opacity:.3}to{transform:scaleY(1);opacity:1}}
@media(prefers-reduced-motion:reduce){.sun-art span,.wallet-pattern,.premium-chart .bar-fill{animation:none}}
@media(max-width:370px){.luxury-greeting h1{font-size:28px}.sun-art{width:55px}.sun-art span{font-size:57px}.luxury-hero{padding:18px 15px}.goal-medallion{width:75px;height:75px}.premium-stats .stat-box{padding:12px 9px}.premium-chart .bar-chart{gap:4px}}

/* V4 · ivory × emerald × champagne gold — high-contrast editorial luxury */
:root{--bg:#f8f5ed;--paper:#fffdf8;--text:#172d27;--muted:#68746d;--gold:#ca9e58;--green:#063e36;--line:rgba(13,65,51,.12);--shadow:0 16px 40px rgba(13,55,45,.09)}
body{background:radial-gradient(ellipse at 85% -8%,#e5d5b8 0%,transparent 36%),linear-gradient(180deg,#fbf9f3 0%,#f4efe4 100%);color:var(--text)}
.texture{opacity:.9;background-image:radial-gradient(#a3998455 .45px,transparent .55px);background-size:5px 5px;mix-blend-mode:multiply}
.app-shell{background:linear-gradient(180deg,rgba(255,255,255,.54),transparent 38%)}
.brandmark{background:#073e35;color:#edc47f;border-radius:13px;font-style:normal;box-shadow:0 6px 0 #d4af72,0 11px 25px #06433730}
.brand strong{color:#123d32;font-weight:800;letter-spacing:-.8px}.brand small{color:#8a8070}
.demo-tag{background:#f2e4c9;border:1px solid #dcc391;color:#75592b;font-weight:800}.live-dot{background:#0f7159}
.intro-kicker{color:#a1773f;font-weight:800;letter-spacing:2.2px}.kicker-line{background:#ccaa72}
.luxury-greeting .eyebrow{color:#8c7660}.luxury-greeting h1{font-weight:800;color:#14382f}.luxury-greeting h1 em{color:#b6873c}
.luxury-greeting .subtitle{color:#6f7a6f}.sun-art:before{background:#e3cf9f;filter:blur(14px)}.sun-art span{color:#d09d47;text-shadow:0 5px 20px #dca95960}
.luxury-hero{background:linear-gradient(127deg,#0a5244,#073d35 58%,#042d2b);border:1px solid #1b7060;box-shadow:0 18px 45px #07443930, inset 0 1px 0 #ffffff21;position:relative;color:#fff}
.luxury-hero:before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(112deg,transparent 0 12px,#ffffff06 13px 14px),radial-gradient(circle at 88% 14%,#cfa76836,transparent 35%)}
.luxury-hero:after{background:radial-gradient(circle,#d7bd7738,transparent 70%)}
.hero-number,.goal-medallion,.hero-progress,.hero-bottom{position:relative;z-index:1}
.hero-number .mini-label,.hero-number p,.hero-number p b,.steps-figure>span,.hero-bottom>span{color:#c8dcd0}
.hero-number .steps-figure strong{color:#fffdf4;text-shadow:0 4px 25px #0002}.tiny-sun{color:#e4bb77}
.goal-medallion svg circle:first-child{stroke:#ffffff30}.goal-medallion svg circle:nth-child(2){stroke:#dfb66d}.goal-medallion>div{color:#d8d5bd}.goal-medallion b{color:#f8d48a}
.hero-progress{background:#ffffff25}.hero-progress>div{background:linear-gradient(90deg,#ba8d4c,#f2d392);box-shadow:0 0 15px #f0d18e70}
.pill-btn{background:linear-gradient(125deg,#f5d79b,#c99547);color:#244437;box-shadow:0 8px 22px #0003;border:1px solid #ffe8b0}
.premium-stats .stat-box{background:#fffdf9;border:1px solid #e8dfce;box-shadow:0 10px 25px #1f553009}.premium-stats .stat-glyph{color:#a57a34}.premium-stats .stat-box b{color:#0a493b;font-weight:800}
.premium-chart{background:#fffdf9;border:1px solid #e9dec9;box-shadow:0 18px 32px #08463e0d}
.premium-chart .eyebrow,.reward-heading .eyebrow,.compact-top .eyebrow{color:#b28b4e}.premium-chart h2,.reward-heading h2,.compact-top h2{color:#183e31;font-weight:800}
.chart-meta strong{color:#154739}.premium-chart .chip{background:#f5ead6;color:#98713b}.premium-chart .bar-track{background:linear-gradient(180deg,transparent,#f7f1e6)}
.premium-chart .bar-fill{background:linear-gradient(0deg,#b1c6b7,#dce6d9);border:1px solid #a4b9a9}.premium-chart .bar-col.active .bar-fill{background:linear-gradient(0deg,#035947,#20a17e);box-shadow:0 7px 15px #0b786327}
.chart-foot i{background:#08725b}
.premium-wallet{background:linear-gradient(122deg,#f5d9a8,#e8bc76 45%,#c6954c 100%);color:#253b2d;box-shadow:0 17px 35px #b78d512a;border:1px solid #fff0ce}
.premium-wallet:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(125deg,#ffffff08 0px,#ffffff08 2px,transparent 3px,transparent 11px)}
.premium-wallet small,.premium-wallet p,.premium-wallet .coin-balance strong,.premium-wallet .coin-balance span{color:#234236}.premium-wallet .coin-balance strong{font-size:35px;font-weight:800}.wallet-pattern{color:#ffffff40}
.premium-wallet .round-arrow{background:#0c5142;color:#f7d08b;box-shadow:0 7px 20px #073f342d}
.premium-mission{border-color:#e3d8c2}.premium-mission .mission-symbol{background:linear-gradient(140deg,#0c5b4a,#0b3b33);color:#edc27d}.mission-chevron{color:#ae853c}
.feature{background:#0d483a;color:#fff;border:1px solid #0c5949;box-shadow:0 10px 25px #0c443022}.feature.warm{background:#f2e1c4;color:#254235;border:1px solid #e9cca0}.feature small{color:#b9cfc4}.feature.warm small{color:#8a734d}.feature span{color:#e4bd7c}.feature.warm span{color:#a57a3e}
.bottom-nav{background:rgba(255,253,247,.94);border:1px solid #e9dabe;box-shadow:0 10px 35px #083b321a}.bottom-nav button.active{background:#0d5142;color:#f6d79a}.bottom-nav button{color:#65746a}
.wallet-card{background:linear-gradient(120deg,#0c5143,#07392f);color:#fff}.wallet-card>span,.wallet-card p,.wallet-card small,.exchange-rate{color:#d6e5d7}.method.selected,.primary-btn{background:linear-gradient(120deg,#0c5949,#063e35);color:#fff}
@media(prefers-reduced-motion:reduce){.sun-art span,.wallet-pattern{animation:none}}

/* V5 活动：极简米白 × 祖母绿 × 香槟金 */
.signup-feature{margin:16px 0 19px;padding:21px 18px 17px;background:radial-gradient(circle at 94% 12%,#386b53 0,#123e34 42%,#092920 100%);border:1px solid #386b53;border-radius:25px;color:white;position:relative;overflow:hidden;box-shadow:0 18px 42px #0c44342b}
.signup-feature:before{content:'';position:absolute;width:280px;height:280px;border:1px solid #dbb87624;border-radius:50%;top:-155px;right:-115px;box-shadow:0 0 0 32px #d1b2720d,0 0 0 72px #d1b27209;pointer-events:none}
.signup-upper,.signup-feature-main{display:flex;align-items:center;justify-content:space-between;position:relative;gap:8px}.featured-pill{font-size:10px;font-weight:800;border:1px solid #e6cb8a8a;color:#f3dc9c;padding:7px 10px;border-radius:30px;letter-spacing:.4px}.signup-stars{color:#ddbf84;font-size:24px}.signup-feature-main{margin:14px 0 17px}.signup-feature-main small{color:#d8c595;font-size:9px;letter-spacing:2px}.signup-feature-main h2{font-size:23px;line-height:1.35;margin:8px 0;letter-spacing:-.6px;color:#fff}.signup-feature-main em{font-style:normal;color:#f3d58e;font-size:28px}.signup-feature-main p{font-size:12px;color:#dbebdf;margin:0}.signup-feature-main strong{color:#f3d58e;font-size:17px}.coin-disc{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,#faf1d4,#cba360 60%,#906b36);box-shadow:inset 0 0 0 5px #eed5a6,0 12px 25px #0004;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;color:#70501e;flex-shrink:0;transform:rotate(12deg);animation:coinFloat 4s ease-in-out infinite}.coin-disc>b{font-size:33px;line-height:1}.coin-disc>span{font-size:9px;font-weight:900;letter-spacing:1px}.signup-days,.signup-detail-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;position:relative}.signup-day{border:1px solid #ffffff24;background:#ffffff12;border-radius:9px;min-width:0;padding:9px 2px;text-align:center;display:flex;flex-direction:column;gap:4px}.signup-day span{font-size:8px;color:#c8d9ce;white-space:nowrap}.signup-day b{font-size:11px;color:#f9f4e7}.signup-day small{font-size:8px;color:#d4b677;white-space:nowrap}.signup-day.current{border:1px solid #eed091;background:#e0bc7e24}.signup-day.collected{background:#46735a88;border-color:#7faf87}.signup-action{position:relative;margin-top:13px;width:100%;height:48px;border:0;border-radius:13px;background:linear-gradient(100deg,#f1dba8,#d4a968);color:#153b2c;font-size:13px;font-weight:900;box-shadow:0 8px 20px #0003;animation:gentlePulse 3s infinite}.signup-action:disabled{background:#466658;color:#d1e0d6;animation:none}.signup-action span{margin-left:8px}.signup-detail,.referral-rewards{background:#fffdf8;border:1px solid #e8dfd0;border-radius:22px;padding:18px;margin:15px 0;box-shadow:0 12px 24px #6f573a0c}.signup-detail>p{font-size:12px;color:#847a6a}.signup-detail-grid .signup-day{background:#f0e7d9;border-color:#e0d2bf}.signup-detail-grid .signup-day span{color:#857767}.signup-detail-grid .signup-day b{color:#3d4f3d}.signup-detail-grid .signup-day small{color:#aa8051}.signup-detail-grid .signup-day.current{background:#e9d4af;border-color:#c6a36c}.signup-detail-grid .signup-day.collected{background:#d7e5d7;border-color:#81a18b}.demo-day-controls{display:flex;align-items:center;justify-content:space-between;margin-top:13px;gap:6px;font-size:11px;color:#91836d}.demo-day-controls select{font:inherit;padding:8px;border:1px solid #e1d4c0;background:#faf6ef;border-radius:10px;color:#4f493e}.referral-highlight{background:#103d32;border-radius:15px;padding:17px;color:#f7f4e8}.referral-highlight small{color:#e0c181;letter-spacing:2px}.referral-highlight h3{font-size:21px;margin:8px 0}.referral-highlight p{font-size:12px;color:#d4e5d9;margin:0}.referral-highlight b{color:#f0d087}.referral-mini{padding:16px 8px;display:flex;flex-direction:column;gap:6px}.referral-mini div{font-size:13px}.referral-mini strong{font-size:20px;color:#176449}.referral-mini small{font-size:10px;color:#847a69}.referral-demo{display:grid;grid-template-columns:1fr 1fr;gap:9px}.referral-demo button{border:0;background:#d9e9db;color:#28563c;font-weight:700;border-radius:11px;padding:12px 6px;font-size:11px}.tiny-note{font-size:10px;color:#988976;line-height:1.5}.pill-btn:disabled{opacity:.55;cursor:not-allowed}@keyframes coinFloat{50%{transform:translateY(-7px) rotate(8deg)}}@keyframes gentlePulse{50%{box-shadow:0 8px 25px #e6bc744c}}@media(max-width:370px){.signup-day b{font-size:9px}.signup-day small{font-size:7px}.signup-feature-main h2{font-size:19px}.coin-disc{width:73px;height:73px}}

.sensor-test{display:flex;gap:14px;justify-content:space-between;align-items:center;margin-bottom:17px;padding:19px;border-radius:23px;background:linear-gradient(125deg,#0c483d,#205f4c);color:white;box-shadow:0 16px 35px #103e3330}.sensor-kicker{font-size:10px;letter-spacing:1px;color:#f5d89a;font-weight:700}.sensor-test h3{font-size:16px;line-height:1.4;margin:8px 0}.sensor-test p{font-size:11px;color:#c5dfd2;line-height:1.5;margin:0}.sensor-action{display:flex;flex-direction:column;align-items:center;min-width:114px;gap:4px}.sensor-action strong{font-size:28px;color:#ffe1a3}.sensor-action small{font-size:10px;color:#d0e8db}.sensor-action button{margin-top:6px;background:#f4d493;border:0;border-radius:13px;padding:11px 8px;font-size:11px;color:#183b30;font-weight:800;width:100%}

/* V6.1 首页运动实验室：轻量展示，不挤占主视觉 */
.sensor-test{margin:15px 0 18px;padding:16px;border:1px solid #e4dacb;border-radius:22px;background:linear-gradient(140deg,#fffdf8,#f2ebdf);color:#2b4136;box-shadow:0 10px 28px #594b360d;display:flex;gap:13px;align-items:center;justify-content:space-between}
.sensor-copy{flex:1;min-width:0}.sensor-kicker{color:#a87c45;font-size:10px;font-weight:800;letter-spacing:.5px}.sensor-demo-badge{display:inline-block;color:#83715a;border:1px solid #dcc9ae;border-radius:20px;padding:2px 6px;margin-left:3px;letter-spacing:0}
.sensor-test h3{font-size:14px;color:#244a3d;margin:6px 0;line-height:1.4}.sensor-test p{font-size:11px;line-height:1.5;color:#7a8077;max-width:270px}
.sensor-readout{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin-top:9px}.sensor-readout strong{font-size:26px;line-height:1.2;color:#1d5947}.sensor-readout span{font-size:10px;color:#7e867a}.sensor-readout .sensor-events{font-size:9px;width:100%;color:#99886e}
.sensor-side{display:flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0}.sensor-symbol{font-size:28px;color:#c2a06d;line-height:1}.sensor-action{display:contents}.sensor-side button{width:auto;min-width:88px;border:0;border-radius:12px;padding:11px 9px;background:#124a3c;color:#fff;font-size:11px;font-weight:800;box-shadow:none;margin:0}
.sensor-side button.running{background:#b68e58;color:#fff}
@media(max-width:360px){.sensor-test{padding:12px;gap:8px}.sensor-test h3{font-size:12px}.sensor-side button{min-width:76px;font-size:10px;padding:9px 6px}}