/* YuDrop site: what the Starstg stylesheet (styles.css) does not have — the header's menus, the checkout, the order
   page, the extra landing sections, the legal pages and the partner docs. Colours and radii come from Starstg's
   variables (--background, --card, --muted, --gradient-premium, --shadow-glow ...). */
html{scroll-behavior:smooth;scroll-padding-top:96px}
/* round 42: the owner's palette (the glossy star picture): cyan at the bottom left, through blue and violet, to magenta
   and pink at the top right; the dark page keeps a faint glow of the same colours */
:root{--stars-cyan:#1ed6ff;--stars-blue:#2f6bff;--stars-indigo:#4b2dff;--stars-violet:#9a1fff;--stars-magenta:#e51cf2;--stars-pink:#ff3fb4;
  --primary:#7b2cff;--secondary:#ff3fb4;--accent:#1ed6ff;--ring:#7b2cff;
  --gradient-premium:linear-gradient(45deg,#18c8ff 0%,#2f6bff 24%,#4b2dff 44%,#9a1fff 64%,#e51cf2 84%,#ff4fb0 100%);
  --shadow-glow:0 20px 60px -15px rgba(154,31,255,.55),0 12px 40px -22px rgba(30,214,255,.5)}
body{background-image:radial-gradient(900px 640px at 0% 100%,rgba(30,214,255,.15),#0000 65%),radial-gradient(900px 640px at 100% 0%,rgba(255,63,180,.17),#0000 65%),
  linear-gradient(45deg,rgba(47,107,255,.2),rgba(120,40,255,.12) 50%,rgba(229,28,242,.15))}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
[hidden]{display:none!important}
.font-display{letter-spacing:-.01em}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--stars-blue);outline-offset:2px}

/* header */
[aria-expanded=true]>.yd-chev{transform:rotate(180deg)}
[data-menu][aria-expanded=true]{background:var(--muted);color:var(--foreground)}
.yd-lang-menu{position:absolute;right:0;top:100%;margin-top:8px;display:flex;flex-direction:column;gap:2px;min-width:84px;padding:6px;border-radius:14px;z-index:60}
.yd-lang{display:block;padding:8px 12px;border-radius:10px;font-size:14px;font-weight:600;color:var(--muted-foreground)}
.yd-lang:hover{background:var(--muted);color:var(--foreground)}.yd-lang[aria-current]{color:var(--foreground);background:oklch(1 0 0/6%)}
.yd-mlangs{display:flex;gap:6px;padding:8px 2px 2px;border-top:1px solid var(--border);margin-top:4px}.yd-mlangs .yd-lang{flex:1;text-align:center}
.yd-orders-btn{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;border-radius:999px;border:1px solid var(--border);
  font-size:13px;font-weight:700;color:var(--foreground);background:oklch(1 0 0/4%)}
.yd-orders-btn:hover{background:var(--muted)}
@media (max-width:420px){.yd-orders-btn span{display:none}.yd-orders-btn{width:40px;justify-content:center;padding:0}}

/* landing extras */
.yd-tgstar{flex:none;object-fit:contain;filter:drop-shadow(0 4px 10px oklch(0.8 0.16 75/35%))}
.yd-sub{margin:12px auto 0;max-width:40rem;text-align:center;color:var(--muted-foreground)}
.yd-pack-price{margin-top:6px;font-weight:800;font-size:17px;color:var(--foreground)}
.yd-tiers{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:22px;color:var(--muted-foreground);font-size:14px}
.yd-tier{padding:7px 12px;border-radius:999px;background:oklch(0.78 0.17 160/12%);color:var(--success);font-weight:700;font-size:13px}
.yd-more{display:flex;justify-content:center;margin-top:18px}
.yd-more-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;border:1px solid var(--border);background:var(--card);
  font-weight:700;font-size:14px;transition:transform .15s,box-shadow .15s}.yd-more-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-glow)}
.yd-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:28px auto 0;max-width:34rem}
.yd-plan{display:flex;flex-direction:column;gap:4px;padding:14px 10px;border-radius:18px;background:oklch(0 0 0/22%);border:1px solid oklch(1 0 0/22%);
  color:var(--primary-foreground);transition:transform .15s,background .15s}.yd-plan:hover{transform:translateY(-2px);background:oklch(0 0 0/32%)}
.yd-plan b{font-family:Unbounded,sans-serif;font-size:15px}.yd-plan span{font-size:13px;font-weight:700;opacity:.9}
@media (max-width:420px){.yd-plans{grid-template-columns:minmax(0,1fr)}.yd-plan{flex-direction:row;justify-content:space-between;align-items:center;padding:12px 16px}}
.yd-steps{list-style:none;padding:0}
.yd-logos{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}
.yd-logo{height:40px;width:auto;padding:8px 14px;border-radius:12px;background:oklch(1 0 0/6%);border:1px solid var(--border)}
.yd-chip{display:inline-flex;align-items:center;height:40px;padding:0 14px;border-radius:12px;background:oklch(1 0 0/6%);border:1px solid var(--border);font-weight:700;font-size:14px}
.yd-stats{display:flex;flex-wrap:wrap;gap:28px;margin-top:30px}.yd-stats b{display:block;font-size:26px;line-height:1.1}.yd-stats span{color:var(--muted-foreground);font-size:14px}
.yd-head-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.yd-rating{display:flex;align-items:center;gap:10px}.yd-rating b{font-size:30px}.yd-rating small{color:var(--muted-foreground)}
.yd-stars{color:var(--stars-gold);letter-spacing:2px}
.yd-review{margin:0;display:flex;flex-direction:column;gap:10px}.yd-review blockquote{margin:0;overflow-wrap:anywhere}.yd-review figcaption{color:var(--muted-foreground);font-size:14px}
.yd-faq{padding:0}.yd-faq summary{cursor:pointer;list-style:none;padding:18px 22px;font-weight:800;font-size:16px;display:flex;justify-content:space-between;gap:12px}
.yd-faq summary::-webkit-details-marker{display:none}.yd-faq summary::after{content:"+";color:var(--muted-foreground);font-weight:400}
.yd-faq[open] summary::after{content:"–"}.yd-faq p{margin:0;padding:0 22px 20px;color:var(--muted-foreground)}
.yd-noscript{margin-top:14px;padding:12px 14px;border-radius:14px;background:oklch(0.86 0.16 88/12%);color:var(--stars-gold);font-size:14px}
.yd-foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin-bottom:14px;font-weight:700;color:var(--foreground)}
.yd-foot-links a:hover{color:var(--stars-blue)}.yd-foot p{margin:6px 0}

/* legal pages and the partner docs */
.yd-legal h1{font-family:Unbounded,sans-serif;font-weight:800;font-size:clamp(26px,4vw,38px);line-height:1.15}
.yd-legal-part,.yd-docs .legal-part{margin-top:14px;padding:22px;border-radius:calc(var(--radius) + 8px);background:var(--card);border:1px solid var(--border);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.yd-legal-part h2,.yd-docs .legal-part h2{margin:0 0 8px;font-family:Unbounded,sans-serif;font-weight:800;font-size:18px}
.yd-legal-part p,.yd-docs .legal-part p{margin:0;color:var(--muted-foreground);line-height:1.6}.yd-legal-part a,.yd-docs a{color:var(--stars-blue)}
.yd-docs .lead{margin-top:12px;color:var(--muted-foreground);font-size:17px;line-height:1.6}
.yd-docs .docs-list{margin:0;padding-left:20px;list-style:disc;color:var(--muted-foreground)}.yd-docs .docs-list li{margin:4px 0}
.yd-docs .code{margin:12px 0 0;padding:14px 16px;border-radius:14px;background:oklch(0.13 0.03 280);border:1px solid var(--border);overflow-x:auto;
  font:500 13px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:oklch(0.9 0.03 260)}
.yd-docs code{font:500 13.5px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:oklch(0.82 0.1 250);overflow-wrap:anywhere}
.yd-docs .eps{margin-top:4px}.yd-docs .ep{padding:10px 0;border-top:1px solid var(--border)}.yd-docs .ep:first-child{border-top:0}
.yd-docs .ep-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}.yd-docs .ep-head b{font-size:12px;letter-spacing:.04em;color:var(--success)}
.yd-docs .ep p{margin:4px 0 0}

/* the checkout (a sheet from the bottom on phones, a dialog on wider screens) */
.yd-backdrop{position:fixed;inset:0;z-index:80;display:flex;align-items:flex-end;justify-content:center;background:oklch(0.17 0.035 280/70%);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:yd-fade .18s ease-out}
.yd-sheet{width:100%;max-width:30rem;max-height:92vh;overflow:auto;overscroll-behavior:contain;border:1px solid var(--border);border-bottom:0;
  border-radius:28px 28px 0 0;background:var(--muted);padding:16px 16px calc(20px + env(safe-area-inset-bottom));animation:yd-up .22s ease-out}
@media (min-width:640px){.yd-backdrop{align-items:center;padding:24px}.yd-sheet{border-radius:28px;border-bottom:1px solid var(--border);padding:20px}}
@keyframes yd-fade{from{opacity:0}to{opacity:1}}@keyframes yd-up{from{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}
.yd-sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.yd-sheet-head h2{font-family:Unbounded,sans-serif;font-weight:800;font-size:17px}
.yd-x{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:oklch(0.17 0.035 280/60%)}
.yd-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:16px;background:oklch(0.17 0.035 280/55%)}
.yd-tab{display:flex;align-items:center;justify-content:center;gap:6px;height:42px;border-radius:12px;font-weight:800;font-size:14px;color:var(--muted-foreground)}
.yd-tab[aria-selected=true]{background:var(--gradient-premium);color:var(--primary-foreground);box-shadow:var(--shadow-glow)}
.yd-label{display:block;margin:16px 2px 8px;font-size:13px;font-weight:700;color:var(--muted-foreground)}
.yd-qtys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.yd-qty{height:46px;border-radius:14px;border:1px solid var(--border);background:oklch(0.17 0.035 280/45%);font-weight:800;font-size:15px}
.yd-qty[aria-pressed=true],.yd-plan-row[aria-pressed=true],.yd-method[aria-pressed=true]{border-color:var(--stars-violet);background:oklch(0.62 0.25 290/18%)}
.yd-field{display:flex;align-items:center;gap:6px;height:50px;padding:0 14px;border-radius:14px;border:1px solid var(--border);background:oklch(0.17 0.035 280/45%)}
.yd-field:focus-within{border-color:var(--stars-violet)}
.yd-field input{flex:1;min-width:0;height:100%;background:transparent;border:0;outline:0;color:var(--foreground);font:700 16px Manrope,sans-serif}
.yd-field input::placeholder{color:oklch(0.79 0.025 280/55%)}.yd-at{font-weight:800;color:var(--muted-foreground)}
.yd-field .yd-suffix{font-size:13px;font-weight:700;color:var(--muted-foreground)}
.yd-checking{display:flex;align-items:center;gap:8px}
.yd-hint{margin:8px 2px 0;font-size:12.5px;color:var(--muted-foreground)}.yd-hint.bad{color:oklch(0.72 0.19 25)}.yd-hint.ok{color:var(--success)}
.yd-who{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;border-radius:14px;background:oklch(0.78 0.17 160/10%);border:1px solid oklch(0.78 0.17 160/30%)}
.yd-who img,.yd-who i{width:34px;height:34px;border-radius:999px;object-fit:cover;flex:none;background:var(--gradient-premium);display:grid;place-items:center;font-style:normal;font-weight:800}
.yd-who b{display:block;font-size:14px}.yd-who small{color:var(--muted-foreground)}
.yd-plan-rows,.yd-methods{display:grid;gap:8px}
.yd-plan-row,.yd-method{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:16px;border:1px solid var(--border);
  background:oklch(0.17 0.035 280/45%);text-align:left}
.yd-plan-row b,.yd-method b{flex:1;font-size:15px}.yd-plan-row span,.yd-method span{font-weight:800}
.yd-dot{width:20px;height:20px;border-radius:999px;border:2px solid oklch(0.79 0.025 280/50%);flex:none}
[aria-pressed=true] .yd-dot{border-color:var(--stars-violet);background:var(--stars-violet);box-shadow:inset 0 0 0 3px var(--muted)}
.yd-method .yd-mlogos{display:flex;gap:6px;align-items:center;flex:1;min-width:0;overflow:hidden}.yd-method .yd-mlogos img{height:20px;width:auto;max-width:48%;object-fit:contain;object-position:left center}.yd-method>span:last-child{flex:none;white-space:nowrap}@media (max-width:420px){.yd-method .yd-mlogos img{height:15px}}
.yd-total{display:flex;align-items:baseline;justify-content:space-between;margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}
.yd-total span{color:var(--muted-foreground);font-weight:700}.yd-total b{font-family:Unbounded,sans-serif;font-size:20px}
.yd-pay{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:54px;margin-top:14px;border-radius:18px;background:var(--gradient-premium);
  color:var(--primary-foreground);font-weight:800;font-size:16px;box-shadow:var(--shadow-glow);transition:transform .15s,opacity .15s}
.yd-pay:hover{transform:translateY(-1px)}.yd-pay[disabled]{opacity:.45;cursor:not-allowed;transform:none}
.yd-terms{margin-top:10px;text-align:center;font-size:12px;color:var(--muted-foreground)}.yd-terms a{text-decoration:underline}
.yd-err{margin-top:12px;padding:10px 12px;border-radius:14px;background:oklch(0.63 0.2 25/14%);border:1px solid oklch(0.63 0.2 25/35%);color:oklch(0.85 0.08 25);font-size:13.5px}
.yd-spin{width:18px;height:18px;border-radius:999px;border:2px solid currentColor;border-right-color:transparent;animation:yd-rot .8s linear infinite;flex:none}
@keyframes yd-rot{to{transform:rotate(360deg)}}

/* the order page */
.yd-order h1{font-family:Unbounded,sans-serif}
.yd-o-head{display:flex;align-items:center;gap:12px}
.yd-o-badge{display:grid;place-items:center;width:52px;height:52px;border-radius:999px;background:var(--gradient-premium);flex:none}
.yd-o-badge.ok{background:oklch(0.78 0.17 160)}.yd-o-badge.bad{background:oklch(0.45 0.05 280)}
.yd-o-line{color:var(--muted-foreground);font-size:14px;margin-top:2px;overflow-wrap:anywhere}
.yd-box{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;padding:14px;border-radius:16px;border:1px solid var(--border);background:oklch(0.17 0.035 280/40%)}
.yd-box small{display:block;font-size:10.5px;font-weight:800;letter-spacing:.08em;color:var(--muted-foreground);text-transform:uppercase}
.yd-box b{display:block;margin-top:2px;font-size:17px;overflow-wrap:anywhere}.yd-box b.yd-num{white-space:nowrap;overflow-wrap:normal}@media (max-width:420px){.yd-copy-t{display:none}.yd-copy{width:40px;justify-content:center;padding:0}}.yd-box.sum{border-color:oklch(0.78 0.17 160/45%)}
.yd-copy{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:12px;background:oklch(0.62 0.25 290/22%);font-size:13px;font-weight:800;flex:none}
.yd-warn{display:flex;gap:8px;margin-top:10px;padding:12px;border-radius:14px;background:oklch(0.86 0.16 88/10%);border:1px solid oklch(0.86 0.16 88/35%);color:var(--stars-gold);font-size:13px}
.yd-timer{display:flex;align-items:center;justify-content:center;gap:8px;margin:16px auto 0;width:max-content;padding:8px 16px;border-radius:999px;background:oklch(0.17 0.035 280/60%);font-weight:800}
.yd-wait{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;color:var(--muted-foreground);font-size:13px;text-align:center}
.yd-o-actions{display:grid;gap:8px;margin-top:16px}
.yd-btn2{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;border-radius:16px;border:1px solid var(--border);background:oklch(1 0 0/5%);font-weight:800}
.yd-btn2.link{border:0;background:none;height:auto;padding:6px;color:var(--muted-foreground);font-weight:700;text-decoration:underline}
.yd-o-note{margin-top:14px;font-size:13px;color:var(--muted-foreground);text-align:center}
.yd-o-state{margin-top:18px;text-align:center}.yd-o-state h2{font-family:Unbounded,sans-serif;font-weight:800;font-size:20px}
.yd-o-state p{margin-top:8px;color:var(--muted-foreground)}
.yd-list{display:grid;gap:8px}.yd-list a{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:oklch(0.17 0.035 280/45%)}
.yd-list b{display:block;font-size:14px}.yd-list small{display:block;margin-top:2px;font-size:12.5px;color:var(--muted-foreground);overflow-wrap:anywhere}.yd-list span{font-size:13px;color:var(--muted-foreground);text-align:right}

/* round 42: signing in with Telegram — the button in Telegram's blue, the account (photo or initial) and its menu */
.yd-login{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 15px;border-radius:999px;background:linear-gradient(180deg,#37b9f5,#1e96d9);
  color:#fff;font-weight:700;font-size:14px;white-space:nowrap;box-shadow:0 10px 26px -14px rgba(42,171,238,.9);transition:transform .15s,box-shadow .15s}
.yd-login:hover{transform:translateY(-1px);box-shadow:0 14px 30px -14px rgba(42,171,238,1)}
.yd-login-short{display:none}
@media (max-width:640px){.yd-login-long{display:none}.yd-login-short{display:inline}.yd-login{height:38px;padding:0 13px;font-size:13px}}
.yd-account{display:flex;align-items:center;gap:8px;height:40px;padding:0 10px 0 4px;border-radius:999px;border:1px solid var(--border);font-weight:700;font-size:14px}
.yd-account:hover,.yd-account[aria-expanded=true]{background:var(--muted)}
.yd-ava{display:grid;place-items:center;width:32px;height:32px;border-radius:999px;background:var(--gradient-premium);overflow:hidden;font-weight:800;color:#fff;flex:none;font-size:14px}
.yd-ava img{width:100%;height:100%;object-fit:cover}
.yd-account-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:640px){.yd-account-name{display:none}.yd-account{padding:0 6px 0 4px;gap:4px}}
.yd-account-menu{position:absolute;right:0;top:100%;margin-top:8px;width:248px;padding:6px;border-radius:16px;z-index:60}
.yd-account-menu>a,.yd-account-menu>button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:12px;font-size:14px;font-weight:600;text-align:left}
.yd-account-menu>a:hover,.yd-account-menu>button:hover{background:var(--muted)}
.yd-account-head{padding:8px 12px 10px;margin-bottom:4px;border-bottom:1px solid var(--border)}
.yd-account-head b{display:block;font-size:14px;overflow-wrap:anywhere}.yd-account-head small{display:block;margin-top:2px;font-size:12px;color:var(--muted-foreground)}
.yd-me{display:inline-flex;align-items:center;gap:6px;margin:8px 2px 0;padding:6px 12px;border-radius:999px;border:1px solid var(--border);font-size:13px;font-weight:700}
.yd-me:hover{background:var(--muted)}
.yd-total.yd-off{margin-top:14px;padding-top:12px}.yd-total.yd-off b{font-size:15px;color:var(--success,#4ade80)}
.yd-total.yd-after-off{margin-top:8px;padding-top:0;border-top:0}
.yd-login-hint{display:flex;flex-direction:column;gap:4px;margin-top:12px;padding:10px 12px;border-radius:14px;background:rgba(42,171,238,.08);border:1px solid rgba(42,171,238,.25);
  font-size:12.5px;color:var(--muted-foreground)}
.yd-login-hint a{display:inline-flex;align-items:center;gap:6px;color:#5cc6f7;font-weight:800;font-size:13.5px}
.yd-acc-note{margin:0 2px 10px}
@media (max-width:400px){[data-header] .gap-2{gap:6px}.yd-login{height:36px;padding:0 10px;gap:5px;font-size:12.5px}.yd-login svg{width:14px;height:14px}}
@media (max-width:350px){[data-header] .font-display.text-lg{font-size:16px}}
@media (max-width:340px){[data-account-box] + a{display:none}}

/* round 42: the product pages' price list */
.yd-prices{width:100%;border-collapse:collapse;font-size:15px}
.yd-prices th{padding:12px 16px;text-align:left;font-size:12.5px;font-weight:700;color:var(--muted-foreground);border-bottom:1px solid var(--border)}
.yd-prices td{padding:12px 16px;border-bottom:1px solid var(--border);font-weight:700;white-space:nowrap}
.yd-prices tr:last-child td{border-bottom:0}
.yd-pq{display:inline-flex;align-items:center;gap:8px;vertical-align:middle}
.yd-prices td:last-child{text-align:right}
.yd-buy-sm{display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:999px;background:var(--gradient-premium);color:var(--primary-foreground);font-weight:800;font-size:13.5px;box-shadow:var(--shadow-glow)}
.yd-buy-sm:hover{transform:translateY(-1px)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:420px){.yd-prices td,.yd-prices th{padding:10px 10px}.yd-prices{font-size:14px}.yd-buy-sm{padding:0 12px;height:34px}}

/* round 42e: Telegram's own marks — the logo (the bot's button), the Premium star */
.yd-tg-logo{display:grid;place-items:center;width:40px;height:40px;border-radius:999px;box-shadow:0 10px 26px -14px rgba(42,171,238,.9);transition:transform .15s}
.yd-tg-logo:hover{transform:translateY(-1px)}
img.yd-tgprem{object-fit:contain;-webkit-user-drag:none;user-select:none}
.yd-prem-badge{display:grid;place-items:center;width:104px;height:104px;margin:0 auto 24px;border-radius:30px;background:#fff;box-shadow:0 18px 40px -18px rgba(20,10,60,.7)}
.yd-prem-badge img{width:66px;height:66px}
.yd-prem-hero{filter:drop-shadow(0 0 28px rgba(151,111,255,.55))}
.bg-premium img.yd-tgprem,.yd-tab[aria-selected=true] img.yd-tgprem{background:#fff;border-radius:999px;padding:2px;box-sizing:content-box}

/* round 43: the pages for one Stars amount (the price card, the row of amounts) and the guides (lists, the price table) */
.yd-amount{display:flex;flex-direction:column;gap:4px;max-width:28rem;padding:20px 22px;border-radius:22px}
.yd-amount-label{font-size:13px;font-weight:700;color:var(--muted-foreground)}
.yd-amount b{font-size:clamp(28px,5vw,40px);line-height:1.1}
.yd-amount-unit{font-size:14px;font-weight:700;color:var(--muted-foreground)}
.yd-amount .yd-tiers{justify-content:flex-start;margin-top:10px}
.yd-amts{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:22px;color:var(--muted-foreground);font-size:14px}
.yd-amt{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--border);background:var(--card);font-weight:800;font-size:14px;color:var(--foreground);transition:transform .15s,box-shadow .15s}
a.yd-amt:hover{transform:translateY(-1px);box-shadow:var(--shadow-glow)}
.yd-amt[aria-current]{background:var(--gradient-premium);border-color:transparent;color:var(--primary-foreground)}
.yd-more-wrap{flex-wrap:wrap;gap:10px}
.yd-guide-intro{margin-top:16px;font-size:17px;line-height:1.6;color:var(--muted-foreground)}
.yd-guide-part p+p,.yd-guide-part p+ol,.yd-guide-part p+ul,.yd-guide-part ol+p,.yd-guide-part ul+p{margin-top:10px}
.yd-guide-part ol,.yd-guide-part ul{margin:0;padding-left:22px;color:var(--muted-foreground);line-height:1.6}
.yd-guide-part ol{list-style:decimal}.yd-guide-part ul{list-style:disc}.yd-guide-part li{margin:6px 0}.yd-guide-part li::marker{color:var(--stars-blue);font-weight:800}
.yd-guide-part .yd-prices td a{color:inherit}.yd-guide-part .yd-prices td a:hover{color:var(--stars-blue)}
.yd-guide-part .yd-buy-sm,.yd-guide-part .yd-buy-sm:hover{color:var(--primary-foreground)}
.yd-guide .yd-more{margin-top:26px}
/* the checkout on the page itself: every package with its price, the form beside (desktop) or below (phone) */
.yd-buy{border-radius:28px;padding:16px}
@media (min-width:640px){.yd-buy{padding:24px}}
.yd-buy-grid{display:grid;gap:2px}
@media (min-width:900px){.yd-buy-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:start}}
.yd-buy-b:empty{min-height:420px}
.yd-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 8px}
@media (min-width:360px){.yd-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:560px){.yd-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
.yd-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-height:64px;padding:10px 11px;border-radius:16px;
  border:1px solid var(--border);background:oklch(0.17 0.035 280/45%);text-align:left;transition:border-color .15s,background .15s,transform .15s}
.yd-tile:hover{border-color:oklch(0.62 0.25 290/55%)}.yd-tile:active{transform:scale(.98)}
.yd-tile b{display:flex;align-items:center;gap:5px;font-family:Unbounded,sans-serif;font-weight:800;font-size:16px;line-height:1.1;white-space:nowrap}
.yd-tile small{font-size:12.5px;font-weight:700;color:var(--muted-foreground);white-space:nowrap}
.yd-tile .yd-tile-star{width:18px;height:18px;flex:none}
@media (max-width:419px){.yd-tile{padding:10px 7px}.yd-tile b{font-size:13px;gap:3px}.yd-tile .yd-tile-star{width:13px;height:13px}.yd-tile small{font-size:11px;white-space:normal;line-height:1.25}}  /* round 57: big amounts fit */
.yd-tile[aria-pressed=true],.yd-tile-custom[data-on=true]{border-color:var(--stars-violet);background:oklch(0.62 0.25 290/18%);box-shadow:inset 0 0 0 1px var(--stars-violet)}
.yd-tile em{position:absolute;top:-9px;right:8px;padding:2px 7px;border-radius:999px;background:var(--gradient-premium);color:var(--primary-foreground);font-style:normal;
  font-size:10px;font-weight:800;line-height:1.4;white-space:nowrap}
.yd-tiles.yd-tiles-prem{grid-template-columns:repeat(3,minmax(0,1fr))}  /* round 56: the Premium plans, one row */
.yd-tile .yd-tgprem.yd-tile-star{width:19px;height:19px}
@media (max-width:419px){.yd-tiles-prem .yd-tile b{font-size:12.5px;flex-wrap:wrap;row-gap:2px}}  /* the mark goes above the months when they do not fit beside it */
.yd-tile-custom{grid-column:span 2;cursor:text}.yd-tile-custom:focus-within{border-color:var(--stars-violet)}
.yd-tile-custom>span:first-child{font-size:12.5px;font-weight:700;color:var(--muted-foreground)}
.yd-tile-in{display:flex;align-items:center;gap:6px;width:100%}
.yd-tile-in input{flex:1;min-width:0;padding:0;background:transparent;border:0;outline:0;color:var(--foreground);font:800 16px Manrope,sans-serif}
.yd-tile-in input::placeholder{color:oklch(0.79 0.025 280/55%);font-weight:700;font-size:14px}
.yd-tile-in i{font-style:normal;font-size:12.5px;font-weight:700;color:var(--muted-foreground)}
.yd-resume{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-bottom:14px;padding:12px 14px;border-radius:16px;border:1px solid oklch(0.82 0.15 85/45%);
  background:oklch(0.82 0.15 85/10%);color:var(--foreground)}
.yd-resume>span:first-of-type{flex:1 1 200px;min-width:0}
.yd-resume b{display:block;font-size:14px}.yd-resume small{display:block;overflow:hidden;font-size:12.5px;color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis}
.yd-resume-go{flex:none;margin-left:auto;font-size:13.5px;font-weight:800;color:var(--accent)}
html.yd-hold,html.yd-hold body{overscroll-behavior-y:contain}
/* round 57: utilities site.py uses that the compiled Tailwind file lacks (price tables scrolled the whole page on phones) */
.overflow-x-auto{overflow-x:auto;-webkit-overflow-scrolling:touch}
.mt-5{margin-top:calc(var(--spacing) * 5)}.p-8{padding:calc(var(--spacing) * 8)}.pt-8{padding-top:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}
.h-40{height:calc(var(--spacing) * 40)}.w-40{width:calc(var(--spacing) * 40)}.max-w-xl{max-width:36rem}
@media (min-width:48rem){.md\:text-5xl{font-size:3rem;line-height:1}}
@media (max-width:420px){.yd-prices td{white-space:normal}.yd-prices td:last-child{white-space:nowrap}}
h1{overflow-wrap:anywhere}
.yd-bot-only{display:inline-flex;align-items:center;gap:6px}.yd-bot-only small{font-size:12.5px;font-weight:700;color:var(--muted-foreground)}