.growth-tabs{display:flex;gap:5px;width:max-content;max-width:100%;padding:5px;margin:0 0 22px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2,#f1f4f9)}
.growth-tabs button{min-height:42px;padding:8px 17px;border:0;border-radius:5px;background:transparent;color:var(--muted);font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}
.growth-tabs button.is-active{background:var(--surface,#fff);color:var(--ink);box-shadow:0 2px 9px #11182717}
.growth-tabs button span{margin-left:5px;color:#2155b4}
.shop-page{display:grid;gap:22px;max-width:1080px;color:var(--ink)}
.shop-page section{border:1px solid var(--line);border-radius:8px;background:var(--surface,#fff);padding:25px}
.shop-page h3,.shop-page h4,.shop-page p{margin:0}
.shop-kicker{display:block;margin-bottom:8px;color:#2857b4;font-size:12px;font-weight:800;text-transform:uppercase}
.shop-balance{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(118deg,#173660,#245c9b 65%,#2d7b9c)!important;color:#fff}
.shop-balance .shop-kicker{color:#b7dcff}.shop-balance strong{display:block;font-size:44px;line-height:1.1}.shop-balance strong small{font-size:19px;font-weight:600}.shop-balance p{margin-top:10px;color:#e0eeff}.shop-balance-mark{display:grid;place-items:center;flex:0 0 76px;width:76px;height:76px;border:1px solid #c7e9ff88;border-radius:50%;background:#ffffff21;color:#ffe28b;font-size:39px}
.shop-section-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:19px}.shop-section-heading h3{font-size:24px}.shop-streak{font-size:13px;color:var(--muted);font-weight:700}
.shop-day-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}
.shop-day{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:126px;padding:11px 6px;border:1px solid var(--line);border-radius:7px;background:var(--surface-2,#f5f7fb);text-align:center}
.shop-day-label{color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap}
.shop-coin{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border:2px solid #f7d373;border-radius:50%;background:linear-gradient(145deg,#fff1ac 5%,#e8ac34 52%,#bf7b22 100%);box-shadow:inset 0 2px 1px #fff8d7,inset 0 -2px 2px #9d621a,0 3px 7px #a8762940;color:#fff4c0;font-size:20px;text-shadow:0 1px 2px #865006}
.shop-day-amount{display:flex;align-items:baseline;gap:3px;white-space:nowrap}.shop-day-amount strong{font-size:19px;line-height:1}.shop-day-amount small{color:var(--muted);font-size:10px;font-weight:600}
.shop-day.is-earned{border-color:#a8d7c7;background:#e9f7f0;color:#166d53}.shop-day.is-next{border-color:#4377db;box-shadow:0 0 0 2px #447cdd25;color:#194caa}.shop-day-check{position:absolute;top:5px;right:6px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#278967;color:white;font-size:11px;font-weight:800}
.shop-day:last-child{border-color:#e7bd67;background:#fff5da;color:#865a17}.shop-day:last-child .shop-coin{width:45px;height:45px;flex-basis:45px;font-size:24px}.shop-day:last-child .shop-day-amount strong{font-size:23px}
.shop-daily-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:17px}.shop-daily-foot p,.shop-note{color:var(--muted);font-size:14px;line-height:1.5}.shop-daily-foot button{flex-shrink:0}
.shop-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.shop-product{display:flex;flex-direction:column;gap:12px;min-width:0;padding:20px;border:1px solid var(--line);border-radius:7px;background:var(--surface-2,#f8faff)}.shop-product-duration{width:max-content;padding:5px 9px;border-radius:4px;background:#dce8ff;color:#2456ae;font-size:12px;font-weight:800}.shop-product h4{font-size:21px}.shop-product p{flex:1;color:var(--muted);font-size:14px;line-height:1.5}.shop-product-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.shop-product-bottom strong{font-size:24px}.shop-product-bottom small{font-size:13px;font-weight:500}.shop-product-bottom button,.shop-confirm button{padding:10px 14px;border:0;border-radius:6px;background:#225bc5;color:#fff;font:inherit;font-weight:700;cursor:pointer}.shop-product-bottom button:disabled{background:#dce3ed;color:#66758c;cursor:default}
.shop-confirm{display:grid;gap:10px;padding-top:12px;border-top:1px solid var(--line);font-size:13px}.shop-confirm div{display:flex;gap:8px}.shop-confirm button+button{background:transparent;color:var(--ink);border:1px solid var(--line)}.shop-active{display:flex;align-items:center;gap:12px;padding:13px;margin-top:16px;border:1px solid #a5d8bc;border-radius:6px;background:#e8f7ee;color:#176446}.shop-active svg{width:22px;height:22px}.shop-active span{display:grid}.shop-active small{opacity:.8}
.shop-earn-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;margin-bottom:15px}.shop-earn-list>div{display:flex;align-items:center;gap:10px;min-width:0;padding:11px 0;border-bottom:1px solid var(--line)}.shop-earn-list span{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border:1px solid var(--line);border-radius:50%;color:#2857b4}.shop-earn-list span.is-earned{background:#ddf4e9;color:#137153;border-color:#b6e0ca}.shop-earn-list strong{flex:1;font-size:13px}.shop-earn-list small{color:#2857b4;font-weight:800;white-space:nowrap}
.match-card.is-spotlight:not([hidden]){border-color:#e7c871;box-shadow:0 10px 35px #c1963426,0 0 0 2px #f9e5a8}.shop-spotlight-tag{position:absolute;top:10px;right:10px;z-index:2;padding:5px 8px;border-radius:4px;background:#fff2c1;color:#805c13;font-size:11px;font-weight:800}.match-card.is-spotlight .card-head{background:#294da3 linear-gradient(112deg,#203b79 0%,#2e53a9 72%,#5b5a56 100%)}
.mobile-home-person.is-spotlight{border-color:#e7c871!important;box-shadow:0 8px 28px #c1963429,0 0 0 2px #f9e5a8}.mobile-shop-spotlight{display:block;padding:7px 14px;background:#fff3c7;color:#785813;font-size:11px;font-weight:800}
:root[data-theme="dark"] .shop-day.is-earned,:root[data-theme="dark"] .shop-active{background:#1d3e36;color:#9ce9ca;border-color:#416b5b}:root[data-theme="dark"] .shop-day:last-child{background:#423b27;color:#ffe3a6;border-color:#8a7442}:root[data-theme="dark"] .shop-product-duration{background:#284268;color:#bfd6ff}:root[data-theme="dark"] .shop-product-bottom button:disabled{background:#344352;color:#a5b2c1}:root[data-theme="dark"] .match-card.is-spotlight .card-head{background:#3a3528}
@media(max-width:680px){.shop-page section{padding:18px}.shop-balance strong{font-size:38px}.shop-day-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.shop-day{min-height:110px;padding:9px 3px}.shop-day-label{font-size:11px}.shop-coin{width:32px;height:32px;flex-basis:32px;font-size:17px}.shop-day-amount{flex-direction:column;align-items:center;gap:1px}.shop-day-amount strong{font-size:17px}.shop-day-amount small{font-size:10px}.shop-day:last-child{grid-column:span 2;flex-direction:row;gap:10px;padding-top:24px}.shop-day:last-child .shop-day-label{position:absolute;top:9px;left:12px}.shop-day:last-child .shop-day-amount{align-items:flex-start}.shop-daily-foot{align-items:stretch;flex-direction:column}.shop-product-grid,.shop-earn-list{grid-template-columns:1fr}.shop-section-heading h3{font-size:20px}.growth-tabs{width:100%}.growth-tabs button{flex:1;padding:8px 6px;font-size:13px}.shop-spotlight-tag{top:7px;right:7px}}
.shop-product-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:7px;background:#e8eeff;color:#2857b4}.shop-product-icon.is-task{background:#e6f6ed;color:#197454}.shop-product-icon svg{width:24px;height:24px}.shop-product-bottom>span{color:var(--muted);font-size:12px}.shop-product-bottom button{display:flex;align-items:center;gap:6px}.shop-product-bottom button svg{width:15px;height:15px}
.shop-detail{max-width:720px}.shop-back{display:flex;align-items:center;gap:7px;width:max-content;padding:8px 0;border:0;background:none;color:#2759b8;font:inherit;font-weight:700;cursor:pointer}.shop-back svg{width:17px;height:17px}.shop-detail-intro h3{font-size:29px}.shop-detail-intro p{margin-top:9px;color:var(--muted);line-height:1.55}.shop-detail-form{display:grid;gap:13px}.shop-detail-form .shop-section-heading{margin-bottom:3px}.shop-field{display:grid;gap:7px;font-size:13px;font-weight:800}.shop-field input,.shop-field select{width:100%;min-height:45px;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:var(--surface,#fff);color:var(--ink);font:inherit;font-weight:500}.shop-hint{color:var(--muted);font-size:12px!important}.shop-preview{display:grid;gap:5px;padding:17px;border:1px solid #e1c36f;border-radius:7px;background:linear-gradient(115deg,#fff9e9,#fff2ca);color:#283750}.shop-preview span{width:max-content;max-width:100%;padding:5px 9px;border-radius:4px;background:#fff;color:#7c5b18;font-size:12px;font-weight:800;overflow-wrap:anywhere}.shop-preview strong{font-size:20px}.shop-preview small{color:#7d7465}.shop-duration-title{margin-top:5px!important;font-size:16px}.shop-duration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.shop-duration-option{position:relative;cursor:pointer}.shop-duration-option input{position:absolute;opacity:0}.shop-duration-option span{display:grid;gap:3px;min-height:70px;padding:13px;border:1px solid var(--line);border-radius:6px;background:var(--surface-2,#f8faff)}.shop-duration-option input:checked+span{border-color:#3975df;box-shadow:0 0 0 2px #3975df24}.shop-duration-option small{color:var(--muted)}.shop-purchase-button{min-height:45px;border:0;border-radius:6px;background:#245cc9;color:#fff;font:inherit;font-weight:800;cursor:pointer}.shop-purchase-button:disabled{background:#a9b5c4;cursor:default}.shop-confirm{margin-top:3px}.task-card.is-spotlight{border-color:#e2c772!important;box-shadow:0 5px 20px #a7812e1c,0 0 0 1px #f5df9d}.task-spotlight-label{display:inline-flex;align-items:center;gap:5px;width:max-content;max-width:100%;margin:12px 0 0;padding:5px 9px;border-radius:4px;background:#fff0bd;color:#805d17;font-size:11px;font-weight:800;overflow-wrap:anywhere}.task-spotlight-label svg{width:13px;height:13px}:root[data-theme="dark"] .shop-preview{background:#403922;color:#fff;border-color:#8c723a}:root[data-theme="dark"] .shop-preview span,:root[data-theme="dark"] .task-spotlight-label{background:#5b4825;color:#ffe1a0}
@media(max-width:680px){.shop-detail-intro h3{font-size:24px}.shop-duration-grid{grid-template-columns:1fr}.shop-product-bottom{flex-wrap:wrap}.shop-product-bottom button{margin-left:auto}}
.shop-products .shop-product-grid{gap:12px;margin-top:0}.shop-product-grid .shop-product{display:grid;grid-template-columns:minmax(0,1fr) 90px;grid-template-areas:"copy visual" "foot foot";align-items:start;gap:14px 12px;min-height:0;padding:18px;border-color:#cddff5;background:linear-gradient(130deg,#f7fbff,#e8f1ff);box-shadow:0 8px 22px #3768ad0b}.shop-product-grid .shop-product.is-task{border-color:#cce3d9;background:linear-gradient(130deg,#f7fffb,#e6f5ef)}.shop-product-copy{grid-area:copy;min-width:0}.shop-product-type{display:block;margin-bottom:9px;color:#275bb1;font-size:11px;font-weight:800}.shop-product.is-task .shop-product-type{color:#20765b}.shop-product-grid .shop-product h4{margin:0;font-size:19px;line-height:1.2;letter-spacing:0}.shop-product-grid .shop-product p{margin-top:7px;color:#536781;font-size:13px;line-height:1.35}.shop-product-visual{position:relative;grid-area:visual;display:grid;place-items:center;width:88px;height:88px;overflow:visible;border:1px solid #acc8e8;border-radius:10px;background:#dbeafb;color:#2661b4}.shop-product.is-task .shop-product-visual{border-color:#a7d5be;background:#d5ecdf;color:#1c7857}.shop-product-visual>svg{width:34px;height:34px;stroke-width:1.65}.shop-product-avatar{width:100%;height:100%;display:grid;place-items:center;overflow:hidden;border-radius:9px;background:#b7d1f2;color:#1c4d91;font-size:24px;font-weight:800}.shop-product-avatar img{width:100%;height:100%;object-fit:cover}.shop-product-visual>span{position:absolute;right:-7px;bottom:-7px;display:grid;place-items:center;width:28px;height:28px;border:2px solid #fff;border-radius:50%;background:#f8d774;color:#81580d;box-shadow:0 3px 8px #8e762b33}.shop-product-visual>span svg{width:14px;height:14px}.shop-product-grid .shop-product-bottom{grid-area:foot;min-height:42px;padding-top:12px;border-top:1px solid #a8c5e64a}.shop-product-grid .shop-product-bottom strong{font-size:17px;white-space:nowrap}.shop-product-grid .shop-product-bottom strong small{font-size:12px;color:#647690}.shop-product-grid .shop-product-bottom button{min-height:36px;padding:8px 12px;background:#265ab9;font-size:13px}.shop-product.is-task .shop-product-bottom button{background:#20765b}.shop-product-grid .shop-product-bottom button:hover{filter:brightness(1.07)}:root[data-theme="dark"] .shop-product-grid .shop-product{border-color:#426083;background:#1e3048}:root[data-theme="dark"] .shop-product-grid .shop-product.is-task{border-color:#3b6854;background:#1c3b32}:root[data-theme="dark"] .shop-product-grid .shop-product p{color:#c1d0e0}:root[data-theme="dark"] .shop-product-grid .shop-product-bottom strong small{color:#aec0d5}
.shop-page section.shop-products{padding:0;border:0;background:transparent;box-shadow:none}.shop-products .shop-section-heading{margin:0 0 13px}.shop-products .shop-section-heading h3{font-size:23px}
@media(max-width:680px){.shop-page .shop-products{padding:16px}.shop-product-grid .shop-product{grid-template-columns:minmax(0,1fr) 76px;padding:15px;gap:10px}.shop-product-visual{width:74px;height:74px}.shop-product-grid .shop-product h4{font-size:17px}.shop-product-grid .shop-product p{font-size:12px}.shop-product-grid .shop-product-bottom{flex-wrap:nowrap}.shop-product-grid .shop-product-bottom button{margin-left:0}}

/* Unified progress and shop workspace. */
.levels-view .levels-dashboard{gap:24px;max-width:1080px}
.levels-view .levels-overview-grid{gap:0}
.levels-view .level-overview{position:relative;grid-template-columns:minmax(0,1fr) 150px;grid-template-areas:"copy wallet";gap:30px;min-height:0;padding:30px 36px;border:1px solid #c4d6ef;border-radius:8px;background:linear-gradient(112deg,#f9fcff 0%,#e7f2ff 65%,#d7e9ff 100%);box-shadow:0 13px 30px #315d9d12;color:#162d4d}
.levels-view .level-emblem{display:none}
.levels-view .level-overview-copy{align-self:center}
.levels-view .level-name{font-size:12px;font-weight:800;color:#3366a9}
.levels-view .level-overview h3{margin:6px 0 0;font-size:clamp(24px,3vw,34px);line-height:1.15;color:#142744}
.levels-view .level-overview h3 span{color:#285fc3}
.levels-view .level-overview p{margin-top:8px;color:#516986}
.levels-view .level-progress-meta{margin-top:20px;color:#506b8c;font-size:12px}
.levels-view .level-progress{background:#c9dcf2}
.levels-view .level-scale{color:#6480a3}
.growth-wallet{grid-area:wallet;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:146px;align-self:center;padding:17px;border:1px solid #f1dc9c;border-radius:8px;background:linear-gradient(155deg,#fffdf4,#fff0bf);color:#6e511c;box-shadow:0 7px 16px #9c782223}
.growth-wallet-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid #dcae49;border-radius:50%;background:#fff5cd;color:#bb8427;font-size:23px}
.growth-wallet span:last-child{display:grid;gap:1px;text-align:center}
.growth-wallet small{font-size:12px;font-weight:700}
.growth-wallet strong{font-variant-numeric:tabular-nums;font-size:30px;line-height:1.05}
.shop-page.is-embedded{max-width:none;gap:24px}
.shop-page.is-embedded .shop-daily{padding:22px 26px;background:var(--surface,#fff)}
.shop-page.is-embedded .shop-products .shop-section-heading{margin-bottom:14px}
.shop-page.is-embedded .shop-section-heading h3{font-size:22px}
.shop-page.is-embedded .shop-day{min-height:100px}
.shop-page.is-embedded .shop-product-grid .shop-product{background:var(--surface,#fff);border-color:var(--line);box-shadow:none}
.shop-page.is-embedded .shop-product-grid .shop-product.is-task{background:var(--surface,#fff);border-color:var(--line)}
.shop-page.is-embedded .shop-product-grid .shop-product p{color:var(--muted)}
.growth-referral-grid .referral-panel{margin:0}
.mission-card .mission-coin-award{display:block;margin-top:7px;color:#805d16;font-size:11px;font-weight:800}
:root[data-theme="dark"] .mission-card .mission-coin-award{color:#f1d284}
.levels-view .shop-empty{padding:18px 22px;border:1px solid var(--line);border-radius:8px;background:var(--surface,#fff);color:var(--muted)}
:root[data-theme="dark"] .levels-view .level-overview{border-color:#426282;background:linear-gradient(115deg,#192b41,#24445d);color:#eef5ff}
:root[data-theme="dark"] .levels-view .level-overview h3{color:#f5f9ff}
:root[data-theme="dark"] .levels-view .level-overview h3 span{color:#a5cdff}
:root[data-theme="dark"] .levels-view .level-name,:root[data-theme="dark"] .levels-view .level-overview p,:root[data-theme="dark"] .levels-view .level-progress-meta{color:#c3d4e8}
:root[data-theme="dark"] .levels-view .level-progress{background:#435a72}
:root[data-theme="dark"] .growth-wallet{border-color:#7a6338;background:linear-gradient(155deg,#3b3325,#514122);color:#ffe3a0}
:root[data-theme="dark"] .growth-wallet-icon{border-color:#9d7e3d;background:#6c5326;color:#ffe3a0}
:root[data-theme="dark"] .shop-page.is-embedded .shop-product-grid .shop-product,:root[data-theme="dark"] .shop-page.is-embedded .shop-product-grid .shop-product.is-task{background:var(--surface,#202e3d);border-color:var(--line)}
@media(max-width:680px){.levels-view .levels-dashboard{gap:20px}.levels-view .level-overview{grid-template-columns:minmax(0,1fr) 92px;gap:13px;padding:20px 17px}.levels-view .level-overview h3{font-size:23px}.levels-view .level-overview p{font-size:12px}.levels-view .level-progress-meta{margin-top:14px}.growth-wallet{min-height:110px;padding:8px 5px}.growth-wallet-icon{width:30px;height:30px;font-size:18px}.growth-wallet small{font-size:10px}.growth-wallet strong{font-size:24px}.shop-page.is-embedded .shop-daily{padding:17px}.shop-page.is-embedded .shop-products{padding:0}.shop-page.is-embedded .shop-day{min-height:105px}}