/* Singh APK Store — App details page (v36). Matches the supplied purple mobile design.
   Loaded only on app.php / user-app.php. Scoped to .sd / body.detail-page. */
:root{
  --sd-bg:#f3f1ff;--sd-card:#fff;--sd-soft:#f4f5fb;--sd-line:#ebe8f7;
  --sd-text:#10143a;--sd-muted:#5f6786;--sd-blue:#1f5cf0;--sd-violet:#7c3aed;--sd-green:#14a84b;--sd-green-ink:#0e8a3c;--sd-gold:#f5a700;
  --sd-grad:linear-gradient(90deg,#7b2ff7 0%,#4f46e5 50%,#1d7bf2 100%);
  --sd-shadow:0 8px 26px rgba(88,60,200,.09);
  --sd-chip-cat:#e6eeff;--sd-verified-bg:#e3f6e9;--sd-safe-bg:#e9f8ee;--sd-safe-line:#cfeedb;
}
:root[data-theme=dark]{
  --sd-bg:#0a0b22;--sd-card:#14163a;--sd-soft:#1b1e49;--sd-line:#262a5c;
  --sd-text:#f2f3ff;--sd-muted:#a3a8d0;--sd-blue:#78a6ff;--sd-violet:#b18cff;--sd-green:#35d878;--sd-green-ink:#5ff09a;--sd-gold:#ffc83d;
  --sd-shadow:0 8px 26px rgba(0,0,0,.35);
  --sd-chip-cat:rgba(100,150,255,.2);--sd-verified-bg:rgba(53,216,120,.16);--sd-safe-bg:rgba(53,216,120,.1);--sd-safe-line:rgba(53,216,120,.28);
}
body.detail-page{background:var(--sd-bg);color:var(--sd-text)}
body.detail-page:before{content:"";position:absolute;left:0;right:0;top:0;height:330px;z-index:0;pointer-events:none;
  background:radial-gradient(70% 90% at 10% 0%,rgba(140,70,255,.45),transparent 70%),radial-gradient(60% 80% at 100% 10%,rgba(40,110,255,.35),transparent 70%)}
:root[data-theme=dark] body.detail-page:before{opacity:.55}

/* ---------- Header with breadcrumb (as in the design) ---------- */
.detail-page .site-header.sd-header{position:sticky;top:0;z-index:60;background:linear-gradient(100deg,#8a2df5 0%,#5b3ff0 55%,#3f5ff2 100%);border:0;box-shadow:0 6px 20px rgba(90,50,200,.28)}
.detail-page .sd-header .header-in{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;padding:10px 14px;max-width:780px;margin:0 auto;position:relative}
.detail-page .sd-header .sd-crumbs{flex:1;min-width:0;margin:0}
.detail-page .sd-header .header-tools{margin-left:0;gap:8px;flex:none}
.detail-page .sd-header .round-btn{width:44px;height:44px;border-radius:50%;background:#14194f;border:0;color:#fff;font-size:21px}
.detail-page .sd-header .round-btn:hover{background:#1d2470;color:#fff;transform:none}
.detail-page .sd-header .main-nav{display:none;position:absolute;right:14px;top:calc(100% + 6px);left:auto;width:min(230px,calc(100vw - 28px));flex-direction:column;gap:2px;padding:8px;margin:0;background:var(--sd-card);border:1px solid var(--sd-line);border-radius:16px;box-shadow:0 18px 40px rgba(20,10,80,.35);overflow:visible}
body.detail-page.nav-open .sd-header .main-nav{display:flex}
.detail-page .sd-header .main-nav a,.detail-page .sd-header .main-nav button{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border:0;background:none;border-radius:10px;font:600 14px var(--font);color:var(--sd-text);text-align:left;cursor:pointer}
.detail-page .sd-header .main-nav a:hover,.detail-page .sd-header .main-nav button:hover,.detail-page .sd-header .main-nav a.active{background:var(--sd-soft);color:var(--sd-violet)}
.detail-page .sd-header .main-nav a:after{display:none}
.detail-page .sd-header .main-nav .i-moon{display:inline-block}.detail-page .sd-header .main-nav .i-sun{display:none}
:root[data-theme=dark] .detail-page .sd-header .main-nav .i-moon{display:none}:root[data-theme=dark] .detail-page .sd-header .main-nav .i-sun{display:inline-block}
.sd-crumbs{display:flex;align-items:center;gap:7px;font-size:14px;color:rgba(255,255,255,.85);white-space:nowrap;overflow-x:auto;scrollbar-width:none}
.sd-crumbs::-webkit-scrollbar{display:none}
.sd-crumbs a{display:inline-flex;align-items:center;gap:7px;font-weight:500;color:rgba(255,255,255,.88)}
.sd-crumbs a:hover{color:#fff}
.sd-crumbs a:first-child .ic{font-size:24px;color:#fff}
.sd-crumbs>.ic{font-size:12px;opacity:.75;flex:none}
.sd-crumb-now{color:#fff;font-weight:600}

/* ---------- Page + cards ---------- */
.sd{position:relative;max-width:780px;margin:0 auto;padding:12px 12px 28px;color:var(--sd-text)}
.sd *{box-sizing:border-box}
.sd .ic{width:1.15em;height:1.15em}
.sd h1,.sd h2,.sd h3,.sd p{margin:0}
.sd a{color:inherit}
.sd-card{display:block;background:var(--sd-card);border:1px solid var(--sd-line);border-radius:22px;padding:16px;margin-bottom:14px;box-shadow:var(--sd-shadow)}
.sd-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.sd-head h2{font-size:18px;font-weight:700;letter-spacing:-.2px;flex:1;min-width:0}
.sd-tile{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:13px;font-size:24px;color:#fff}
.sd-tile.t-blue{background:#e4edff;color:#1f5cf0}
.sd-tile.t-purple{background:linear-gradient(145deg,#a24dff,#6d28f0)}
.sd-tile.t-gold{background:#fff1cc;color:#f0a000}
.sd-tile.t-blue-soft{background:none;color:#1f5cf0;width:auto;font-size:30px}
.sd-tile.t-orange{background:none;color:#ff6a1a;width:auto;height:auto;font-size:26px}
.sd-link{display:inline-flex;align-items:center;gap:4px;border:0;background:none;color:var(--sd-blue);font:700 14.5px var(--font);cursor:pointer;padding:6px 2px}
.sd-link .ic{font-size:14px;stroke-width:2.6}
.sd-text{font-size:14.5px;line-height:1.55;color:var(--sd-muted);overflow-wrap:anywhere}
.sd-empty{font-size:14px;color:var(--sd-muted);padding:6px 2px}
.c-gold{color:var(--sd-gold);fill:var(--sd-gold)}.c-blue{color:#1f5cf0}.c-green{color:#22a447}.c-violet{color:#7c3aed}.c-orange{color:#f59a0c}.c-red{color:#ef3b3b}

/* ---------- Hero ---------- */
.sd-hero{padding:16px 14px 14px;background:linear-gradient(180deg,#fff,#faf8ff);overflow:hidden}
:root[data-theme=dark] .sd-hero{background:var(--sd-card)}
.sd-hero-top{display:flex;align-items:flex-start;gap:14px}
.sd-icon-wrap{position:relative;flex:none;width:96px;height:96px}
.sd .sd-icon{width:96px;height:96px;border-radius:26px;display:block;box-shadow:0 0 0 5px #fff,0 10px 26px rgba(120,60,220,.3);overflow:hidden}
:root[data-theme=dark] .sd .sd-icon{box-shadow:0 0 0 4px rgba(255,255,255,.14),0 10px 26px rgba(0,0,0,.45)}
.sd .sd-icon img{width:100%;height:100%;object-fit:cover}
.sd .sd-icon.fallback .ic{font-size:44px}
.sd-crown{position:absolute;right:-6px;top:-6px;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#ffb020,#ff8a00);box-shadow:0 4px 10px rgba(255,140,0,.45);font-size:17px}
.sd-crown .ic{fill:#fff;stroke-width:1.5}
.sd-hero-info{flex:1;min-width:0}
.sd-hero h1{font-size:clamp(22px,6.4vw,32px);line-height:1.12;font-weight:800;letter-spacing:-.6px;overflow-wrap:anywhere}
.sd-by{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:7px;font-size:clamp(15px,4.2vw,19px);font-weight:600}
.sd-by a:hover{color:var(--sd-violet)}
.sd-tick{color:#1fb356;font-size:1.2em;flex:none}
.sd-verified{display:inline-flex;align-items:center;gap:5px;font-style:normal;font-size:12px;font-weight:600;color:var(--sd-green-ink);background:var(--sd-verified-bg);border-radius:99px;padding:3px 10px 3px 8px}
.sd-verified .ic{font-size:13px}
.sd-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px;margin-top:10px;font-size:13.5px;color:var(--sd-muted)}
.sd-meta span{display:inline-flex;align-items:center;gap:5px;font-weight:500;color:var(--sd-text)}
.sd-meta .sz{color:var(--sd-green-ink);font-weight:700}
.sd-meta i{width:1px;height:16px;background:var(--sd-line);display:inline-block}
.sd-safe{flex:none;display:flex;flex-direction:column;align-items:center;text-align:center;width:78px;color:var(--sd-green-ink);line-height:1.2}
.sd-safe .ic{font-size:52px;color:#fff;fill:#1fb356;stroke:#0e8a3c;stroke-width:1.2;filter:drop-shadow(0 4px 6px rgba(20,160,80,.35))}
.sd-safe b{font-size:12.5px;font-weight:700;margin-top:2px}
.sd-safe small{font-size:11.5px;color:var(--sd-muted)}
@media(max-width:430px){.sd-safe{position:absolute;right:14px;top:16px;width:70px}.sd-hero{position:relative}.sd-hero-top{padding-right:56px}.sd-safe .ic{font-size:44px}.sd-icon-wrap,.sd .sd-icon{width:86px;height:86px}}

/* stats row */
.sd-stats{display:flex;margin-top:16px;background:var(--sd-card);border:1px solid var(--sd-line);border-radius:18px;padding:12px 4px;box-shadow:0 4px 14px rgba(88,60,200,.06)}
.sd-stats>div{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 6px;border-left:1px solid var(--sd-line)}
.sd-stats>div:first-child{border-left:0}
.sd-stats .ic{font-size:30px;flex:none}
.sd-stats span{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.sd-stats b{font-size:14.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sd-stats small{font-size:11.5px;color:var(--sd-muted);white-space:nowrap}
@media(max-width:430px){.sd-stats{flex-wrap:wrap;row-gap:12px}.sd-stats>div{flex:1 1 50%}.sd-stats>div:nth-child(3){border-left:0}}

/* actions */
.sd-actions{display:flex;gap:10px;margin-top:14px}
.sd-btn-download{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:14px;padding:14px 16px;border-radius:18px;background:var(--sd-grad);color:#fff!important;text-decoration:none;box-shadow:0 10px 22px rgba(80,70,230,.38);transition:filter .15s,transform .15s}
.sd-btn-download:hover{filter:brightness(1.07)}.sd-btn-download:active{transform:scale(.98)}
.sd-btn-download .ic{font-size:36px;flex:none;stroke-width:2.4}
.sd-btn-download span{display:flex;flex-direction:column;line-height:1.25;text-align:left}
.sd-btn-download b{font-size:clamp(18px,5vw,22px);font-weight:700}
.sd-btn-download small{font-size:13px;opacity:.92;font-weight:500}
.sd-btn-download.is-off{background:#9aa0bd;box-shadow:none;cursor:not-allowed}
.sd-btn-sq{flex:none;width:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid var(--sd-line);background:var(--sd-card);color:var(--sd-text);border-radius:18px;font:700 12.5px/1.2 var(--font);cursor:pointer;box-shadow:0 4px 14px rgba(88,60,200,.08);padding:8px 4px}
.sd-btn-sq .ic{font-size:28px;color:#1f5cf0}
.sd-btn-sq.wish .ic{color:#ef2f55;fill:#ef2f55}
.sd-btn-sq.wish.is-on{border-color:#ef2f55}.sd-btn-sq.wish:not(.is-on) .ic{fill:#ef2f55}
.sd-btn-sq span{text-align:center}
@media(max-width:430px){.sd-btn-sq{width:78px;font-size:12px}.sd-btn-download{gap:10px;padding:12px}.sd-btn-download .ic{font-size:30px}}

/* ---------- Screenshots ---------- */
.sd-shots{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:2px 16px 6px;scrollbar-width:none}
.sd-shots::-webkit-scrollbar{display:none}
.sd-shots a{flex:none;width:min(46vw,215px);aspect-ratio:9/16;border-radius:18px;overflow:hidden;scroll-snap-align:start;background:var(--sd-soft);box-shadow:0 8px 18px rgba(60,40,160,.18)}
.sd-shots img{width:100%;height:100%;object-fit:cover;display:block}
.sd-shots.is-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));overflow:visible;margin:0;padding:2px 0}
.sd-shots.is-grid a{width:auto}

/* ---------- About ---------- */
#about .sd-head{align-items:flex-start;margin-bottom:14px}
.sd-head-txt{flex:1;min-width:0}
.sd-head-txt h2{margin-bottom:4px;font-size:21px;font-weight:700}
.sd-text.is-clamped{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sd-text.is-clamped.open{display:block;-webkit-line-clamp:unset}
.sd-more{margin-top:4px;padding-left:0}
.sd-more .ic{transition:transform .2s}.sd-more[aria-expanded=true] .ic{transform:rotate(180deg)}
.sd-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.sd-facts>div{display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:var(--sd-soft);border-radius:14px;padding:12px 10px;min-width:0}
.sd-facts .ic{font-size:30px}
.sd-facts span{display:flex;flex-direction:column;line-height:1.25;min-width:0;max-width:100%}
.sd-facts small{font-size:12px;color:var(--sd-muted)}
.sd-facts b{font-size:17px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sd-facts em{font-style:normal;font-size:11.5px;color:var(--sd-muted)}
@media(max-width:560px){.sd-facts{grid-template-columns:repeat(2,1fr)}.sd-facts>div{flex-direction:row;align-items:center;gap:10px}}
.sd-notes{margin-top:14px;padding:12px 14px;border-radius:14px;background:var(--sd-soft);font-size:14px}
.sd-notes b{display:block;margin-bottom:4px}.sd-notes p{color:var(--sd-muted)}
.sd-ext{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:10px 16px;border-radius:12px;border:1px solid var(--sd-line);font-weight:600;font-size:14px;text-decoration:none}

/* ---------- Ratings ---------- */
.sd-stars{display:inline-flex;gap:2px;color:#d5d8ea}
.sd-stars i{display:inline-grid;font-style:normal}.sd-stars .ic{width:18px;height:18px}
.sd-stars i.on{color:var(--sd-gold)}.sd-stars i.on .ic{fill:var(--sd-gold)}
.sd-stars.sm .ic{width:13px;height:13px}
.sd-rate-sum{display:flex;align-items:center;gap:20px;margin-bottom:14px}
.sd-rate-big{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:96px}
.sd-rate-big b{font-size:42px;line-height:1;font-weight:800}
.sd-rate-big small{font-size:12px;color:var(--sd-muted)}
.sd-bars{flex:1;display:flex;flex-direction:column;gap:5px}
.sd-bars div{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--sd-muted)}
.sd-bars span{width:10px;text-align:right}
.sd-bars i{flex:1;height:7px;border-radius:9px;background:var(--sd-soft);overflow:hidden}
.sd-bars u{display:block;height:100%;border-radius:9px;background:var(--sd-grad);transition:width .4s}
.sd-rate-box{text-align:center;padding:16px 12px;border-radius:18px;background:linear-gradient(135deg,rgba(124,58,237,.08),rgba(31,92,240,.08));border:1px dashed rgba(124,58,237,.35)}
.sd-rate-title{font-size:16px;font-weight:700}
.sd-rate-hint{font-size:13px;color:var(--sd-muted);margin:2px 0 10px}
.sd-rate-box[data-state=locked]{opacity:.85}
.sd-pick{display:flex;justify-content:center;gap:6px}
.sd-pick button{border:0;background:none;padding:2px;cursor:pointer;color:#cfd2e6;transition:transform .12s,color .12s}
.sd-pick button .ic{width:38px;height:38px;stroke-width:1.6}
.sd-pick.big button .ic{width:46px;height:46px}
.sd-pick button.on{color:var(--sd-gold)}.sd-pick button.on .ic{fill:var(--sd-gold)}
.sd-pick button:not(:disabled):hover{transform:scale(1.12)}
.sd-pick button:disabled{cursor:not-allowed;opacity:.7}
.sd-reviews{display:flex;flex-direction:column;gap:12px;margin-top:14px}
.sd-reviews:empty{display:none}
.sd-reviews article{padding:12px 14px;border-radius:14px;background:var(--sd-soft)}
.sd-reviews header{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.sd-reviews header b{font-size:14px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sd-reviews .av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:13px;color:#fff;background:var(--sd-grad)}
.sd-reviews p{font-size:14px;color:var(--text,var(--sd-text));overflow-wrap:anywhere}
.sd-reviews time{display:block;margin-top:6px;font-size:11.5px;color:var(--sd-muted)}

/* ---------- Technical ---------- */
.sd-outline{display:inline-flex;align-items:center;gap:7px;border:1.5px solid #b9cdf5;background:#f3f7ff;color:var(--sd-blue);border-radius:10px;padding:8px 12px;font:700 13.5px var(--font);cursor:pointer;white-space:nowrap}
:root[data-theme=dark] .sd-outline{background:rgba(120,166,255,.1);border-color:rgba(120,166,255,.4)}
.sd-outline .ic{font-size:14px;stroke-width:2.6}
.sd-tech{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.sd-tech[hidden]{display:none}
.sd-tech>div{display:flex;align-items:center;gap:10px;background:var(--sd-soft);border-radius:12px;padding:10px 12px;min-width:0}
.sd-tech .ic{font-size:30px;flex:none}
.sd-tech span{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.sd-tech small{font-size:12.5px;color:var(--sd-muted)}
.sd-tech b{font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:420px){.sd-tech{grid-template-columns:1fr}}
.sd-safety{display:flex;gap:12px;align-items:center;background:var(--sd-safe-bg);border:1px solid var(--sd-safe-line);border-radius:14px;padding:12px 14px}
.sd-safety>.ic{flex:none;font-size:44px;color:#fff;fill:#1fb356;stroke:#0e8a3c;stroke-width:1.2}
.sd-safety b{display:block;font-size:17px;font-weight:700;color:var(--sd-green-ink)}
.sd-safety p{font-size:13px;color:var(--sd-muted);line-height:1.45}
.sd-safety a{display:inline-block;margin-top:4px;font-size:12.5px;font-weight:600;color:var(--sd-blue)}

/* ---------- Share ---------- */
.sd-share-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}
.sd-share-head h2{font-size:19px;font-weight:700}
.sd-share-head p{font-size:13.5px;color:var(--sd-muted);line-height:1.4;margin-top:2px}
.sd-share-btns{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.sd-sb{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 6px;border:0;border-radius:12px;color:#fff!important;font:700 14px var(--font);text-decoration:none;cursor:pointer;min-width:0;white-space:nowrap}
.sd-sb .ic{font-size:21px;flex:none}
.sd-sb.wa{background:#1fa64a}.sd-sb.tg{background:#1d74e8}.sd-sb.fb{background:#1459d6}
.sd-sb.cp{background:linear-gradient(90deg,#a23df5,#ff7a3d)}
@media(max-width:560px){.sd-share-btns{grid-template-columns:1fr 1fr}}

/* ---------- Similar apps ---------- */
.sd-sim .sd-head{margin-bottom:8px}.sd-sim .sd-head h2{font-size:16px}
.sd-sim-wrap{position:relative}
.sd-similar{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 2px;scrollbar-width:none}
.sd-similar::-webkit-scrollbar{display:none}
.sd-similar a{flex:none;width:98px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border-radius:14px;background:var(--sd-soft);text-align:center;text-decoration:none;scroll-snap-align:start}
.sd-similar b{font-size:12px;font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}
.sd-similar small{font-size:11px;color:var(--sd-muted)}
.sd .sd-sim-ico{width:50px;height:50px;border-radius:14px}
.sd .sd-sim-ico img{width:100%;height:100%;object-fit:cover}
.sd .sd-sim-ico.fallback .ic{font-size:26px}
.sd-sim-meta{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;font-weight:700;color:var(--sd-muted)}
.sd-sim-meta .ic{width:12px;height:12px}
.sd-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:34px;height:34px;border-radius:50%;border:1px solid var(--sd-line);background:var(--sd-card);color:var(--sd-text);display:grid;place-items:center;box-shadow:0 4px 12px rgba(40,30,120,.2);cursor:pointer;padding:0}
.sd-arrow.l{left:-6px}.sd-arrow.r{right:-6px}.sd-arrow .ic{font-size:16px}

/* ---------- Rating bottom sheet ---------- */
.sd-sheet-scrim{position:fixed;inset:0;z-index:190;background:rgba(10,8,40,.55);backdrop-filter:blur(2px)}
.sd-sheet{position:fixed;left:0;right:0;bottom:0;z-index:200;max-height:92vh;overflow-y:auto;max-width:520px;margin:0 auto;background:var(--sd-card);color:var(--sd-text);border-radius:26px 26px 0 0;padding:26px 20px calc(20px + env(safe-area-inset-bottom));text-align:center;box-shadow:0 -14px 40px rgba(20,10,80,.35);animation:sdUp .28s ease}
.sd-sheet[hidden],.sd-sheet-scrim[hidden]{display:none}
@keyframes sdUp{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
.sd-sheet-x{position:absolute;right:12px;top:12px;width:36px;height:36px;border-radius:50%;border:0;background:var(--sd-soft);color:var(--sd-text);display:grid;place-items:center;cursor:pointer;padding:0}
.sd .sd-sheet-ico,.sd-sheet .sd-sheet-ico{width:64px;height:64px;border-radius:18px;margin:0 auto 10px;display:grid;place-items:center;overflow:hidden;box-shadow:0 8px 20px rgba(120,60,220,.3)}
.sd-sheet .sd-sheet-ico img{width:100%;height:100%;object-fit:cover}
.sd-sheet h3{font-size:19px;font-weight:800;overflow-wrap:anywhere}
.sd-sheet>p{font-size:13.5px;color:var(--sd-muted);margin:4px 0 12px}
.sd-sheet textarea{width:100%;margin-top:12px;padding:12px;border-radius:14px;border:1px solid var(--sd-line);background:var(--sd-soft);color:var(--sd-text);font:14px/1.45 var(--font);resize:none}
.sd-sheet textarea:focus{outline:2px solid #7c3aed;outline-offset:1px}
.sd-sheet .sd-sheet-msg{min-height:20px;margin:8px 0 0;font-size:13px;font-weight:600}
.sd-sheet-msg.err{color:#e0314b}.sd-sheet-msg.ok{color:var(--sd-green-ink)}
.sd-sheet-btns{display:flex;gap:10px;margin-top:8px}
.sd-sheet-btns button{flex:1;padding:13px;border-radius:14px;border:0;font:700 15px var(--font);cursor:pointer}
.sd-sheet-btns .later{background:var(--sd-soft);color:var(--sd-text)}
.sd-sheet-btns .submit{background:var(--sd-grad);color:#fff;box-shadow:0 8px 18px rgba(80,70,230,.35)}
.sd-sheet-btns .submit:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}

/* ad slot */
.sd-ad{padding:0;overflow:hidden}.sd-ad img{display:block;width:100%;height:auto}
/* keep room for the bottom nav on phones */
@media(max-width:860px){.sd{padding-bottom:84px}}

/* floating rate button */
.sd-fab{position:fixed;right:14px;bottom:calc(78px + env(safe-area-inset-bottom));z-index:80;display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border:0;border-radius:99px;background:var(--sd-grad);color:#fff;font:700 14px var(--font);box-shadow:0 10px 24px rgba(80,70,230,.45);cursor:pointer}
.sd-fab[hidden]{display:none}.sd-fab .ic{fill:#ffd24d;color:#ffd24d;width:20px;height:20px}
@media(min-width:861px){.sd-fab{bottom:24px}}
/* beta */
.sd-tile.t-violet{background:linear-gradient(145deg,#ff9a3d,#ef4f7a)}
.sd-badge{font-size:11px;font-weight:800;letter-spacing:.6px;color:#fff;background:linear-gradient(90deg,#ff8a00,#ef4f7a);padding:3px 9px;border-radius:99px}
.sd-slots{margin:12px 0}.sd-slots .bar{height:8px;border-radius:9px;background:var(--sd-soft);overflow:hidden}
.sd-slots .bar u{display:block;height:100%;background:linear-gradient(90deg,#ff8a00,#ef4f7a);border-radius:9px}
.sd-slots small{display:block;margin-top:6px;font-size:12.5px;color:var(--sd-muted)}
.sd-btn-beta{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:13px 16px;border:0;border-radius:16px;background:linear-gradient(90deg,#ff8a00,#ef4f7a);color:#fff!important;text-decoration:none;cursor:pointer;font-family:var(--font);margin-top:4px}
.sd-btn-beta .ic{font-size:28px;flex:none}.sd-btn-beta span{display:flex;flex-direction:column;text-align:left;line-height:1.25}
.sd-btn-beta b{font-size:17px}.sd-btn-beta small{font-size:12.5px;opacity:.92}
.sd-btn-beta.join{background:var(--sd-grad)}.sd-btn-beta.is-off{background:#9aa0bd;cursor:not-allowed}
.sd-beta-fb{display:flex;flex-direction:column;gap:8px;margin:12px 0 4px}
.sd-beta-fb textarea{width:100%;padding:12px;border-radius:14px;border:1px solid var(--sd-line);background:var(--sd-soft);color:var(--sd-text);font:14px/1.45 var(--font);resize:none}
.sd-beta-fb .sd-outline{align-self:flex-start}
.sd-flash{padding:10px 14px;border-radius:12px;font-size:13.5px;font-weight:600;margin-bottom:10px}
.sd-flash.ok{background:var(--sd-safe-bg);color:var(--sd-green-ink)}.sd-flash.err{background:#fde4e8;color:#b4233c}
/* my downloads */
.sd-dl{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--sd-line)}
.sd-dl:first-of-type{border-top:0}.sd-dl .sd-sim-ico{width:52px;height:52px;border-radius:14px;flex:none}
.sd-dl-txt{flex:1;min-width:0}.sd-dl-txt b{display:block;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sd-dl-txt small{color:var(--sd-muted);font-size:12.5px}
.sd-dl .sd-outline{flex:none}