/* Dogemo Market: shared tokens, components, preferences, then responsive rules. */
:root{--bg:#f5f6f8;--surface:#fff;--ink:#202633;--muted:#667080;--line:#e1e5ec;--accent:#315fd6;--soft:#ecf1ff;--dark:#1b2333;--gold:#f5ca65;--radius:20px}
:root[data-theme="dark"]{--bg:#11151c;--surface:#1a202a;--ink:#eff3fa;--muted:#aeb8c8;--line:#343d4c;--accent:#98b7ff;--soft:#252f46;--dark:#171f2e}
:root[data-accent="violet"]{--accent:#7651c5;--soft:#f1ebfc}
:root[data-accent="mint"]{--accent:#15765f;--soft:#e7f4ef}
:root[data-theme="dark"][data-accent="violet"]{--accent:#c3a8ff;--soft:#352c48}
:root[data-theme="dark"][data-accent="mint"]{--accent:#86d7bc;--soft:#233c35}
body{line-height:1.5;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:2px}input::placeholder,textarea::placeholder{color:var(--muted)}button,input,select,textarea{font-size:14px}.icon{display:block;width:22px;height:22px;flex-shrink:0}
.header{max-width:1060px;padding:24px 28px;padding-top:max(24px,env(safe-area-inset-top),var(--tg-content-safe-area-inset-top,0px));gap:12px}.brand{font-size:25px;gap:12px;letter-spacing:-1px}.brand-icon,:root[data-theme="dark"] .brand-icon{position:relative;background:var(--ink);color:var(--surface);border-radius:15px;width:46px;height:46px;line-height:44px;font-size:21px;letter-spacing:-2px}.brand-dot{position:absolute;right:6px;bottom:8px;width:5px;height:5px;background:var(--gold);border-radius:50%}.brand-sub{font-size:9px;letter-spacing:3.6px}.header-actions{display:flex;gap:8px}.header-help,.header-settings{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:14px;background:var(--surface);height:44px;padding:10px 12px;font-weight:600}.header-help .icon{width:18px;height:18px}.header-settings{width:44px;padding:10px}.header-settings svg{width:23px;height:23px}.header-settings circle{fill:var(--surface)}main{max-width:1060px;padding:0 28px calc(124px + env(safe-area-inset-bottom));min-height:70vh}
.hero,:root[data-theme="dark"] .hero{display:flex;align-items:center;background:#1b2333;color:#fff;border:1px solid #2f3b51;border-radius:26px;min-height:235px;margin:0 0 16px;padding:30px 36px;isolation:isolate}.hero-copy{position:relative;z-index:1;max-width:65%}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.7px;color:var(--accent)}.hero .eyebrow{color:#b8c8e5}.hero h1{font-size:clamp(32px,4.5vw,49px);letter-spacing:-1.8px;line-height:1.12;margin:14px 0;max-width:none}.hero p{color:#bdc9dd;font-size:14px;max-width:290px}.hero-art{position:absolute;right:-5px;top:-25px;width:43%;height:300px;object-fit:contain;transform:none;opacity:1;z-index:0}.hero-link{display:inline-flex;align-items:center;gap:22px;min-height:44px;margin-top:22px;border:1px solid #ffffff30;border-radius:12px;padding:10px 16px;background:#ffffff0b;color:#fff;font-weight:650;font-size:13px}.hero-link .icon{width:18px;height:18px}
.stars-banner{background:#fff7e6;color:#493718;border:1px solid #eddfbf;border-radius:18px;gap:14px;min-height:82px;padding:16px 20px;margin-bottom:12px}.stars-badge{flex-shrink:0;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#ffe7a8;font-size:28px;color:#8d6415}.stars-banner>span:nth-child(2){flex:1}.stars-banner strong{font-size:18px;letter-spacing:-.3px}.stars-banner small{font-size:12px;color:#79633d;line-height:1.5;margin-top:3px}.stars-banner>.icon{width:19px;height:19px}.quick-links{display:flex;gap:10px;margin-bottom:16px}.quick-links button{display:flex;align-items:center;justify-content:center;gap:9px;flex:1;min-height:46px;background:var(--surface);border:1px solid var(--line);border-radius:13px;font-weight:600;font-size:13px}.quick-links .icon{width:18px;color:var(--accent)}
.section-top{margin:26px 0 16px}.section-top h2{font-size:25px;letter-spacing:-.7px}.catalog-tools{display:flex;align-items:center;gap:10px}.catalog-tools .small-button{font-size:22px;padding:4px;width:44px;height:44px}.count,.caption{font-size:12px}.search-row{gap:10px;margin-bottom:14px}.search-wrap:before{content:none}.search-wrap>.icon{position:absolute;left:15px;top:15px;width:19px;height:19px;color:var(--muted);pointer-events:none}input,textarea,select{min-height:48px;border-radius:13px}input,textarea{font-size:16px}select.sort{width:155px;font-size:12px}.chips{gap:8px;padding-bottom:18px}.chip{min-height:44px;border-radius:12px;padding:10px 16px;font-size:12px}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.grid{gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.card{border-radius:var(--radius);box-shadow:0 3px 12px #101c3404;transition:border-color .18s,box-shadow .18s}.card:hover{transform:none}.cover,:root[data-theme="dark"] .cover{height:182px;background:var(--soft);color:var(--muted)}.cover:before,.cover:after{content:none}.product-art{width:100%;height:100%;object-fit:contain}.cover-label{font-size:9px;letter-spacing:1.6px;bottom:12px;left:16px;color:var(--muted)}.save{width:44px;height:44px;border-radius:14px;background:var(--surface);border:1px solid var(--line);color:var(--accent);right:10px;top:10px}.card-info{padding:18px}.product-type{display:block;font-size:10px;margin-bottom:8px}.product-title{font-size:17px;line-height:1.4;font-weight:730;letter-spacing:-.3px;overflow-wrap:anywhere}.summary{font-size:13px;line-height:1.6;margin:8px 0;min-height:41px}.card-bottom{margin-top:18px;gap:12px;flex-wrap:wrap}.price{font-size:22px;letter-spacing:-.6px;overflow-wrap:anywhere}.small-button,.secondary{font-size:13px;border-radius:12px;min-height:44px;padding:11px 15px;font-weight:650}.card .small-button{color:var(--accent);background:var(--soft);border:0}.primary{color:#fff;font-size:14px;border-radius:13px;min-height:52px}.inline-link{font-size:13px;min-height:44px;color:var(--accent);text-underline-offset:3px}.notice{font-size:12px;line-height:1.7;padding:14px 16px;border-radius:13px}.panel{border-radius:var(--radius);padding:24px}.text{font-size:14px}.panel h3{font-size:18px}.field{font-size:14px;margin:18px 0;font-weight:650}.field input,.field textarea{margin-top:9px}.check{font-size:13px}.check input{width:20px;min-height:20px;flex-shrink:0;accent-color:var(--accent)}.empty{padding:32px 24px;border:1px dashed var(--line)}.empty .banner-star{color:var(--accent)}.page-intro{margin:24px 0}.page-intro h1{margin:8px 0}.page-intro p{color:var(--muted);font-size:13px}
.stars-hero,:root[data-theme="dark"] .stars-hero{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:22px;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;text-align:left;padding:24px;gap:12px}.stars-hero-art{width:120px;height:100px;object-fit:contain;flex-shrink:0}.stars-hero h1{font-size:28px;margin:8px 0}.stars-hero p{font-size:13px;color:var(--muted)}.step-row{margin:16px 0}.step-row span{font-size:12px;padding:10px 4px}.step-row span:first-child{color:var(--accent);border-color:var(--accent)}.package-row{gap:9px}.package-row .chip{padding:10px 6px;font-weight:700}.stars-price-preview{background:var(--soft);border:1px solid var(--line);border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;gap:6px;margin-top:20px}.stars-price-preview strong{font-size:36px;line-height:1.2;letter-spacing:-1px}.stars-price-preview small{font-size:12px;color:var(--muted)}.order-summary{padding:18px;background:var(--soft);border-radius:16px;margin:20px 0}.order-summary>div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:6px 0}.order-summary span{color:var(--muted)}.order-summary strong{overflow-wrap:anywhere}.order-summary~.primary{margin-top:20px}
.record{border-radius:18px;padding:20px}.record-head{gap:10px}.record-title{overflow-wrap:anywhere}.status{font-size:11px;border-radius:9px;padding:7px 10px}.status.good{background:#e0f2e9;color:#256348}.profile-head h1{font-size:28px;overflow-wrap:anywhere}.profile-head p{font-size:13px}.stats .stat{border-radius:16px}.stat strong{color:var(--accent)}.stat span{font-size:11px}.faq{padding:19px 0}.faq summary{font-size:14px}.faq p{font-size:13px}.reply{border-radius:12px}.rating{color:#8a641c}
.bottom-nav{bottom:12px;width:min(calc(100% - 28px),610px);border-radius:22px;padding:6px 6px max(7px,env(safe-area-inset-bottom),var(--tg-content-safe-area-inset-bottom,0px));box-shadow:0 6px 30px #15234212}.bottom-nav button{min-height:56px;font-size:11px;border-radius:15px;gap:6px}.bottom-nav button>span:first-child{display:flex;align-items:center;justify-content:center;height:23px}.bottom-nav .icon{width:21px;height:21px}.bottom-nav button.active{color:var(--accent)}.dot{background:var(--accent);top:8px}.loader{border-top-color:var(--accent)}dialog{border:1px solid var(--line);border-radius:24px;padding:28px;overscroll-behavior:contain}dialog::backdrop{background:#11182780;backdrop-filter:blur(4px)}.close{border:1px solid var(--line);border-radius:13px;width:44px;height:44px;top:10px;right:10px;position:sticky;float:right;margin:-16px -16px 0 0;background:var(--surface);color:var(--ink);z-index:3}dialog .cover{border-radius:18px;height:190px;margin-top:30px}dialog h2{font-size:27px;line-height:1.3;letter-spacing:-.7px;margin:22px 12px 15px 0}.dialog-price{font-size:30px}.checkout-note{font-size:12px;line-height:1.6}.purchase-footer{border-top:1px solid var(--line);padding:14px 0}.purchase-footer>.secondary{margin-top:8px}.purchase-footer .primary{box-shadow:0 3px 12px #182a4810}#toast{font-size:13px;background:#222d40;color:#fff;bottom:106px;max-width:calc(100% - 32px);border-radius:14px}dialog #toast{position:sticky;left:auto;bottom:12px;transform:none;width:auto;max-width:none;margin:12px 0;z-index:10;pointer-events:none}#connection-status:not([hidden]){display:block;max-width:1004px;margin:0 auto 14px;padding:12px 18px;background:#fff0cd;color:#604600;border-radius:12px;font-size:13px}
.settings-heading{margin:16px 0 24px}.settings-heading h1{font-size:30px;letter-spacing:-.8px;margin:10px 0}.settings-heading p{font-size:14px;color:var(--muted)}.settings-panel{padding:24px}.setting-row{padding:22px 0;border-bottom:1px solid var(--line)}.setting-row:first-child{padding-top:0}.setting-row h3{font-size:15px;margin:0}.settings-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.setting-choice{flex:1;min-height:46px;padding:12px 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:13px}.setting-choice[aria-pressed="true"]{border-color:var(--accent);background:var(--soft);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);font-weight:700}.setting-switch{display:flex;align-items:center;gap:16px;padding-top:22px;cursor:pointer}.setting-switch span{flex:1}.setting-switch strong{font-size:15px;display:block}.setting-switch small{font-size:12px;color:var(--muted);display:block;line-height:1.6;margin-top:5px}.setting-switch input{width:24px;min-height:24px;height:24px;accent-color:var(--accent)}.appearance-preview{display:flex;align-items:center;gap:16px;padding:20px;background:var(--soft);border:1px solid var(--line);border-radius:18px;margin:18px 0}.preview-symbol{width:50px;height:50px;display:grid;place-items:center;flex-shrink:0;background:var(--accent);color:var(--surface);border-radius:14px;font-size:28px}.appearance-preview strong{font-size:16px}.appearance-preview p{font-size:13px;color:var(--muted);margin-top:5px}.settings-privacy{line-height:1.7;padding:0 4px;margin:18px 0}.settings-page>.primary,.settings-page>.secondary{margin-bottom:12px;width:100%}
:root[data-theme="dark"] .primary,:root[data-theme="dark"] .chip.active{color:#111827}:root[data-theme="dark"] .stars-banner{background:#30291d;color:#f9e5b9;border-color:#4d4028}:root[data-theme="dark"] .stars-banner small{color:#d0bd96}:root[data-theme="dark"] .stars-badge{background:#554423;color:#ffe19b}:root[data-theme="dark"] .status.good{background:#213c31;color:#a2dfbc}:root[data-theme="dark"] .rating{color:#f0ca75}
/* Preferences are independent and take effect without reloading. */
:root[data-layout="list"] .grid{grid-template-columns:1fr}:root[data-layout="list"] .card{display:grid;grid-template-columns:150px 1fr}:root[data-layout="list"] .card .cover{height:100%;min-height:164px}:root[data-layout="list"] .card-info{min-width:0}:root[data-layout="list"] .product-title,:root[data-layout="list"] .summary{min-height:0}:root[data-layout="list"] .card-bottom{flex-direction:row;align-items:center}:root[data-layout="list"] .card .small-button{width:auto}
:root[data-density="compact"] .grid{gap:12px}:root[data-density="compact"] .card-info{padding:13px}:root[data-density="compact"] .card .cover{height:130px}:root[data-density="compact"] .summary{display:none}:root[data-density="compact"] .card-bottom{margin-top:10px}:root[data-layout="list"][data-density="compact"] .card .cover{height:100%;min-height:120px}
:root[data-artwork="quiet"] .hero-art,:root[data-artwork="quiet"] .stars-hero-art,:root[data-artwork="quiet"] .cover [data-decoration]{display:none}:root[data-artwork="quiet"] .hero-copy{max-width:100%}:root[data-artwork="quiet"] .hero{min-height:0}:root[data-artwork="quiet"] .cover:has([data-decoration]){height:64px;min-height:64px}:root[data-artwork="quiet"] .cover:has([data-decoration]) .cover-label{top:22px;bottom:auto}
:root[data-text="large"] body{font-size:16px}:root[data-text="large"] .summary,:root[data-text="large"] .notice,:root[data-text="large"] .text,:root[data-text="large"] .field,:root[data-text="large"] .settings-heading p{font-size:16px}:root[data-text="large"] .caption,:root[data-text="large"] .count,:root[data-text="large"] .chip,:root[data-text="large"] .small-button,:root[data-text="large"] .setting-choice,:root[data-text="large"] .stars-price-preview small,:root[data-text="large"] .checkout-note{font-size:14px}:root[data-text="large"] .product-title{font-size:18px}:root[data-text="large"] .product-type{font-size:13px}:root[data-text="large"] .bottom-nav button{font-size:12px}
:root[data-contrast="high"]{--muted:#3b4557;--line:#8793a6}:root[data-theme="dark"][data-contrast="high"]{--muted:#d1dbea;--line:#7d8ba0}:root[data-contrast="high"] .hero p,:root[data-contrast="high"] .hero .eyebrow{color:#fff}:root[data-contrast="high"] .notice{border:1px solid var(--line)}
:root[data-motion="reduced"] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(hover:hover){.card:hover{border-color:var(--accent);box-shadow:0 6px 20px #14274c0b}.primary:hover{filter:brightness(1.08)}.hero-link:hover{background:#ffffff16}}
@media(max-width:650px){.header{padding:18px 18px;padding-top:max(18px,env(safe-area-inset-top),var(--tg-content-safe-area-inset-top,0px))}.brand{font-size:22px;gap:10px}.brand-icon,:root[data-theme="dark"] .brand-icon{width:42px;height:42px;line-height:40px}.header-help{font-size:12px;padding:10px}.header-help .icon{display:none}.header-actions{gap:7px}main{padding-left:18px;padding-right:18px}.hero,:root[data-theme="dark"] .hero{padding:25px 22px;min-height:210px;border-radius:22px;margin-bottom:12px}.hero-copy{max-width:76%}.hero h1{font-size:31px;letter-spacing:-1px;margin:12px 0}.hero p{font-size:13px;max-width:190px}.hero .eyebrow{font-size:9px;letter-spacing:1.3px}.hero-art{width:175px;height:170px;top:49px;right:-40px;opacity:.9}.hero-link{margin-top:18px;padding:10px 13px;gap:12px}.stars-banner{padding:14px;gap:11px;min-height:80px}.stars-badge{width:40px;height:44px;font-size:26px;border-radius:12px}.stars-banner strong{font-size:16px}.stars-banner small{font-size:11px}.stars-banner>.icon{width:17px}.quick-links{gap:8px;margin-bottom:14px}.quick-links button{font-size:12px}.section-top{margin-top:22px;margin-bottom:14px}.section-top h2{font-size:24px}.search-row{gap:8px}select.sort{max-width:128px;padding:10px;font-size:12px!important}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{border-radius:18px}.cover{height:140px}.card-info{padding:14px}.product-title{font-size:15px;min-height:40px}.product-type{font-size:10px}.summary{font-size:12px;min-height:38px}.card-bottom{flex-direction:column;align-items:stretch;gap:10px;margin-top:14px}.card-bottom .small-button{font-size:12px;width:100%;padding:10px 6px}.price{font-size:21px}.save{width:40px;height:40px;border-radius:12px;right:8px;top:8px}.cover-label{font-size:9px;left:12px}.panel{padding:20px}.stars-hero,:root[data-theme="dark"] .stars-hero{padding:20px;gap:4px}.stars-hero h1{font-size:25px}.stars-hero-art{width:85px;height:100px}.stars-hero p{font-size:12px}.stars-hero .eyebrow{font-size:9px}.step-row span{font-size:11px}.settings-panel{padding:20px}.setting-choice{font-size:12px;padding:11px 8px}.settings-heading h1{font-size:28px}.bottom-nav{bottom:8px;width:calc(100% - 20px);border-radius:20px}.bottom-nav button{font-size:10px;min-height:55px}.profile-head h1{font-size:25px}.stat span{font-size:10px}.record-head{flex-wrap:wrap}dialog{padding:24px;max-height:90dvh}.close{margin:-14px -14px 0 0}dialog h2{font-size:25px}.purchase-footer{bottom:-24px}:root[data-layout="list"] .card{grid-template-columns:108px 1fr}:root[data-layout="list"] .card-bottom{flex-wrap:wrap}:root[data-text="large"] .grid{grid-template-columns:1fr}:root[data-text="large"] .hero p{font-size:14px}:root[data-text="large"] .stars-hero-art{width:65px}}
@media(max-width:360px){.header{padding-left:14px;padding-right:14px}.brand{font-size:20px;gap:8px}.brand-icon,:root[data-theme="dark"] .brand-icon{width:38px;height:40px;line-height:38px}.header-help{padding:9px;font-size:11px}.header-settings{width:42px}main{padding-left:14px;padding-right:14px}.hero h1{font-size:27px}.hero-art{right:-58px;top:62px}.hero p{max-width:167px}.stars-banner{gap:9px;padding:12px}.stars-banner small{max-width:175px}.stars-banner>.icon{width:15px}.grid{gap:10px}.card-info{padding:12px}.product-title{font-size:14px}.sort{max-width:116px!important}.settings-options{gap:6px}.setting-choice{flex-basis:70px}.stars-hero h1{font-size:23px}.stars-hero-art{width:62px}.bottom-nav button{font-size:9px}:root[data-text="large"] .bottom-nav button{font-size:10px}:root[data-layout="list"] .card{grid-template-columns:86px 1fr}}

/* Informational toasts must not intercept checkout or navigation taps. */
#toast{pointer-events:none}

/* Portals-inspired marketplace: compact browsing, vivid covers and price actions. */
:root{--bg:#f3f5f7;--surface:#fff;--ink:#171b22;--muted:#627084;--line:#e1e6ed;--accent:#0878da;--soft:#e8f3ff;--radius:17px}
:root[data-theme="dark"]{--bg:#111214;--surface:#202225;--ink:#f5f6f8;--muted:#a5aab4;--line:#303339;--accent:#379eff;--soft:#192e43}
:root[data-accent="violet"]{--accent:#7651c5;--soft:#f1ebfc}:root[data-accent="mint"]{--accent:#15765f;--soft:#e7f4ef}
:root[data-theme="dark"][data-accent="violet"]{--accent:#c3a8ff;--soft:#352c48}:root[data-theme="dark"][data-accent="mint"]{--accent:#86d7bc;--soft:#233c35}
.header{max-width:1000px;padding:17px 24px;padding-top:max(17px,env(safe-area-inset-top),var(--tg-content-safe-area-inset-top,0px))}.brand{font-size:22px;letter-spacing:-.7px;gap:9px}.brand-icon,:root[data-theme="dark"] .brand-icon{width:37px;height:39px;font-size:19px;line-height:38px;border-radius:12px;background:var(--soft);color:var(--accent)}.brand-sub{letter-spacing:2.8px;font-size:8px}.brand-dot{background:var(--accent);width:4px;height:4px}.header-help,.header-settings{height:42px;border-radius:13px;background:var(--surface)}.header-settings{width:42px}.header-help{font-size:12px}main{max-width:1000px;padding-left:24px;padding-right:24px}
.market-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 20px}.market-heading h1{font-size:30px;letter-spacing:-1px;line-height:1.2}.market-heading p{font-size:12px;color:var(--muted);margin-top:5px}.market-orders{display:flex;align-items:center;gap:7px;min-height:42px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:13px;padding:9px 12px;font-size:12px;font-weight:600}.market-orders .icon{width:18px;height:18px}
.stars-banner,:root[data-theme="dark"] .stars-banner{background:linear-gradient(105deg,var(--soft),var(--surface));border:1px solid var(--line);color:var(--ink);border-radius:16px;min-height:76px;padding:9px 16px 9px 4px;margin:0 0 16px;gap:9px}.market-star-art{width:70px;height:62px;object-fit:contain;flex-shrink:0}.stars-banner>span:nth-child(2){flex:1}.stars-banner strong{font-size:16px;letter-spacing:-.2px}.stars-banner small,:root[data-theme="dark"] .stars-banner small{font-size:13px;color:var(--muted)}.banner-cta{display:flex;align-items:center;gap:6px;color:var(--accent);font-size:12px;font-weight:750}.banner-cta .icon{width:16px;height:16px}
.search-row{margin-bottom:12px;gap:8px}.search-wrap input{background:var(--surface);border-color:var(--line);border-radius:13px;height:46px;min-height:46px;font-size:14px}.search-wrap>.icon{top:14px;left:14px;width:18px;height:18px}.sort{border-radius:13px;min-height:46px!important;font-size:12px!important}.chips{gap:7px;padding-bottom:4px}.chip{min-height:42px;border-radius:11px;background:var(--surface);padding:10px 13px;font-size:12px}.chip.active{color:var(--accent);background:var(--soft);border-color:transparent}:root[data-theme="dark"] .chip.active{color:var(--accent)}.section-top{margin:15px 0 12px}.section-top h2{font-size:17px;letter-spacing:-.3px}.count{font-size:11px}.catalog-tools{gap:6px}.catalog-tools .small-button{width:40px;height:40px;min-height:40px;border-radius:11px;font-size:20px;background:var(--surface)}.layout-toggle[aria-pressed="true"]{color:var(--accent);border-color:var(--accent)}
.grid{gap:13px;grid-template-columns:repeat(4,minmax(0,1fr))}.card{border-radius:17px;padding:6px;border:1px solid var(--line);background:var(--surface);box-shadow:none}.card .cover{border-radius:12px;height:165px}.cover-tone-0,:root[data-theme="dark"] .cover-tone-0{background:linear-gradient(140deg,#5583a4,#355b83)}.cover-tone-1,:root[data-theme="dark"] .cover-tone-1{background:linear-gradient(140deg,#8978be,#5a4a89)}.cover-tone-2,:root[data-theme="dark"] .cover-tone-2{background:linear-gradient(140deg,#629d93,#367465)}.cover-tone-3,:root[data-theme="dark"] .cover-tone-3{background:linear-gradient(140deg,#bd9070,#976c52)}.product-art{padding:8px}.cover-label{display:none}.save{width:36px;height:36px;top:7px;right:7px;border-radius:11px;color:#fff;background:#13191e60;border:1px solid #ffffff30;font-size:22px;backdrop-filter:blur(5px)}.card-info{padding:10px 4px 2px}.product-type{font-size:10px;margin-bottom:3px;color:var(--muted)}.product-title{font-size:15px;line-height:1.4;letter-spacing:-.2px;min-height:0}.summary{font-size:11px;min-height:0;margin:5px 0 0;-webkit-line-clamp:1;line-height:1.5}.card-bottom{display:block;margin-top:12px}.card .price-button{display:flex;align-items:center;justify-content:center;gap:9px;background:var(--accent);border:0;color:#fff;width:100%;min-height:42px;padding:9px 10px;border-radius:11px;font-size:14px;font-weight:750}.price-button .icon{width:15px;height:15px}
.bottom-nav{bottom:0;width:min(100%,1000px);border-radius:19px 19px 0 0;padding:6px 12px max(9px,env(safe-area-inset-bottom),var(--tg-content-safe-area-inset-bottom,0px));box-shadow:0 -5px 22px #0000000d;background:var(--surface)}.bottom-nav button{font-size:10px;border-radius:12px;min-height:56px;gap:5px}.bottom-nav button.active{background:transparent;color:var(--accent)}.bottom-nav button.active:after{content:'';position:absolute;top:0;width:20px;height:3px;background:var(--accent);border-radius:3px}.bottom-nav .icon{width:23px;height:23px}.notice{font-size:12px;border-radius:12px}.panel,.record,.stat,.stars-hero,:root[data-theme="dark"] .stars-hero{border-radius:17px}.stars-hero,:root[data-theme="dark"] .stars-hero{background:var(--surface)}.primary{border-radius:12px}.stars-price-preview{border-radius:14px}.settings-heading h1{font-size:27px}.settings-panel{border-radius:18px}.setting-choice{border-radius:11px}.appearance-preview{border-radius:16px}dialog{border-radius:23px}.purchase-footer{padding-top:13px}.close{border-radius:12px}
:root[data-layout="list"] .card{grid-template-columns:112px 1fr;gap:6px}:root[data-layout="list"] .card .cover{min-height:134px}:root[data-layout="list"] .card-info{padding:10px}:root[data-layout="list"] .card-bottom{display:block}:root[data-layout="list"] .card .price-button{width:100%}
:root[data-density="compact"] .card{padding:5px}:root[data-density="compact"] .card-info{padding:8px 3px 1px}:root[data-density="compact"] .card .cover{height:118px}:root[data-density="compact"] .grid{gap:9px}
:root[data-artwork="quiet"] .market-star-art{display:none}:root[data-artwork="quiet"] .stars-banner{padding-left:16px}:root[data-artwork="quiet"] .cover:has([data-decoration]){height:54px;min-height:54px}
:root[data-contrast="high"]{--muted:#3b4557;--line:#8793a6}:root[data-theme="dark"][data-contrast="high"]{--muted:#d1dbea;--line:#7d8ba0}
@media(max-width:850px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.header{padding:14px 14px;padding-top:max(14px,env(safe-area-inset-top),var(--tg-content-safe-area-inset-top,0px))}.brand{font-size:21px}.header-help{padding:9px;font-size:11px}main{padding-left:14px;padding-right:14px}.market-heading{margin:7px 0 16px}.market-heading h1{font-size:27px}.market-heading p{font-size:11px}.market-orders{padding:8px 10px;font-size:11px}.stars-banner,:root[data-theme="dark"] .stars-banner{min-height:73px;padding-right:13px;margin-bottom:12px}.market-star-art{width:56px;height:55px}.stars-banner strong{font-size:14px}.stars-banner small{font-size:12px}.banner-cta{font-size:11px}.banner-cta .icon{display:none}.search-row{gap:7px}select.sort{max-width:128px;width:128px;padding:10px;font-size:11px!important}.section-top{margin:13px 0 11px}.section-top h2{font-size:16px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card .cover{height:151px}.card-info{padding:9px 4px 2px}.product-title{font-size:14px;min-height:0}.summary{font-size:11px;min-height:0}.card .price-button{font-size:14px;min-height:42px}.card-bottom{margin-top:10px}.save{width:36px;height:36px}.bottom-nav{width:100%;bottom:0;border-radius:17px 17px 0 0;padding-left:8px;padding-right:8px}.bottom-nav button{font-size:10px}.stars-hero,:root[data-theme="dark"] .stars-hero{padding:18px}.stars-hero h1{font-size:25px}:root[data-layout="list"] .card{grid-template-columns:98px 1fr}:root[data-text="large"] .grid{grid-template-columns:1fr}:root[data-text="large"] .card .price-button{font-size:16px}}
@media(max-width:360px){.header{padding-left:12px;padding-right:12px}.brand{font-size:19px}.header-actions{gap:5px}.header-settings{width:40px}main{padding-left:12px;padding-right:12px}.market-heading h1{font-size:25px}.stars-banner strong{font-size:13px}.stars-banner small{font-size:11px}.card .cover{height:128px}.card .price-button{font-size:13px}.product-title{font-size:13px}.product-type{font-size:9px}.bottom-nav button{font-size:9px}.catalog-tools{gap:5px}.section-top h2{font-size:15px}}
/* Keep cover sizing identical in both themes. */
.card .cover,:root[data-theme="dark"] .card .cover{height:165px}
.card .product-art{object-fit:cover;padding:0}
@media(max-width:650px){.card .cover,:root[data-theme="dark"] .card .cover{height:145px}}
@media(max-width:360px){.card .cover,:root[data-theme="dark"] .card .cover{height:125px}}
:root[data-density="compact"] .card .cover{height:118px}
:root[data-layout="list"] .card .cover{height:100%;min-height:134px}
:root[data-artwork="quiet"] .card .cover:has([data-decoration]){height:54px;min-height:54px}

.stars-price-preview .order-summary{margin:4px 0;padding:0;background:transparent}.stars-price-preview .order-summary strong{font-size:16px;letter-spacing:0;line-height:1.4}.stars-price-preview .order-summary>div:last-child{border-top:1px solid var(--line);margin-top:6px;padding-top:12px}.payment-options{margin:18px 0;padding:16px;border:1px solid var(--line);border-radius:16px}.payment-methods{display:flex;align-items:center;gap:10px;margin:12px 0}.payment-methods .secondary{width:auto;opacity:.55}.converted-price{font-size:20px;font-weight:700;overflow-wrap:anywhere}

/* Compact payment card, theme-aware and without decorative motion. */
.payment-options{background:linear-gradient(145deg,var(--surface),var(--soft));box-shadow:0 8px 28px rgba(0,0,0,.035);padding:20px;border-radius:20px}
.payment-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.payment-heading h3{margin:0}.payment-badge{font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 10px}
.payment-provider{display:flex;gap:12px;align-items:center;margin:18px 0}.payment-provider>div{min-width:0}.payment-provider strong{font-size:15px}.payment-provider .caption{margin:5px 0 0;font-size:12px}.payment-provider-icon{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:14px;background:var(--soft);color:var(--accent);border:1px solid var(--line);font-size:30px;font-weight:700}
.price-summary{border:1px solid var(--line);border-radius:18px}.price-summary>div:last-child{border-top:1px solid var(--line);margin-top:10px;padding-top:14px}.price-summary>div:last-child span{color:var(--ink);font-weight:600}.price-summary>div:last-child strong{color:var(--accent);font-size:22px;line-height:1.3}.stars-price-preview .price-summary{border:0}.stars-price-preview .price-summary>div:last-child strong{font-size:24px;line-height:1.3}
@media(max-width:360px){.payment-options{padding:15px}.payment-provider strong{font-size:14px}.price-summary>div:last-child strong{font-size:20px}}

.star-capacity{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid var(--line);border-radius:16px;background:var(--soft);padding:14px 16px;margin-bottom:20px}.star-capacity>div{display:flex;flex:1;min-width:150px;flex-direction:column;gap:5px}.star-capacity strong{font-size:23px;color:var(--accent);line-height:1.25}.star-capacity[hidden]{display:none}.recipient-history{margin:0 0 16px}.recipient-history .chips{margin-top:9px;flex-wrap:wrap;max-height:160px;overflow-y:auto}.recipient-history .chip{font-size:12px;overflow-wrap:anywhere}.package-row .chip:disabled{opacity:.35;cursor:not-allowed}