/* JoyiStore visual language on the complete CydiaFree-derived catalog and feature set. */
:root[data-theme=light]{color-scheme:light;--bg:#f7f7fc;--row:#fff;--bar:#fff;--text:#17203b;--muted:#7a829b;--subtle:#646f88;--line:#ebedf5;--blue:#7156df;--hover:#f5f3ff;--green-row:#f3f9f9;--pro-row:#fff5f2;--icon-gray:#a0a8bb;--shell:840px;--card:#fff;--page:#eeeff8;--shadow:0 14px 42px rgba(25,32,76,.065)}
:root[data-theme=dark]{color-scheme:dark;--bg:#11172b;--row:#1b233b;--bar:#192039;--text:#f4f3ff;--muted:#a0abc8;--subtle:#abb6d1;--line:#323c5b;--blue:#bdabff;--hover:#293255;--green-row:#223d40;--pro-row:#352f4c;--icon-gray:#909cb8;--card:#1b233b;--page:#0b1022;--shadow:0 12px 35px rgba(0,0,0,.16)}
body,[data-theme=dark] body{background:var(--page);color:var(--text);font:14px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app-shell{box-shadow:0 16px 65px rgba(20,23,52,.1);background:var(--bg)}.navigation-bar{background:var(--bar);border-bottom:1px solid var(--line);box-shadow:0 2px 16px rgba(19,24,57,.025)}.navigation-inner{height:61px;grid-template-columns:100px minmax(0,1fr) 100px;padding:0 22px}.navigation-title{font-size:15px;letter-spacing:-.4px;font-weight:800}.nav-action{font-size:12px;font-weight:750;color:var(--blue);min-height:44px}.nav-action svg{width:12px}.nav-right{gap:5px}.nav-right #nav-pro{color:#ef367c}.app-footer{padding-top:36px;color:var(--muted)}.app-footer strong{color:var(--text);font-size:13px}.app-footer a{color:var(--blue)}#main{padding:0 0 36px}.group-section{margin:31px 20px 0}.group-label{color:var(--muted);font-weight:850;font-size:10px;letter-spacing:1.7px;padding:0 4px 10px}.list-group,.faq-list{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--row);box-shadow:var(--shadow)}.list-row{min-height:59px;padding:11px 16px;font-size:14px;border-bottom:1px solid var(--line);gap:13px;font-weight:650}.list-row:last-child{border-bottom:0}.row-subtitle{font-size:11px;line-height:1.4;font-weight:500;margin-top:3px}.row-extra{font-weight:750;font-size:12px}.row-icon{width:34px;height:34px;border-radius:11px}.row-icon svg{width:20px;height:20px}.blue{background:#3679ed}.sky{background:#2bbac8}.yellow{background:#e9ad1c}.orange,.amber{background:#ff9e46}.green{background:#25b2a4}.violet{background:#805be8}.rose{background:#f04d86}.slate{background:#647795}.disclosure{color:#afb3c5}.group-note,.collection-description{font-size:11px;line-height:1.7;color:var(--muted)}.group-note{padding:9px 5px 0}.upgrade-row{min-height:70px;background:linear-gradient(100deg,rgba(255,237,226,.9),rgba(255,242,250,.85))}.upgrade-row .row-title{font-weight:850;color:#a73865}[data-theme=dark] .upgrade-row{background:linear-gradient(100deg,#46304f,#3b3151)}[data-theme=dark] .upgrade-row .row-title{color:#f3bbdc}.account-row{background:var(--green-row)}
/* Storefront home */
.home-hero{margin:20px 20px 0;padding:25px 26px 21px;border-radius:25px;background:radial-gradient(circle at 84% 32%,#50326f 0,transparent 38%),linear-gradient(115deg,#090e29,#192051 70%,#252b6c);color:white;position:relative;overflow:hidden}.home-hero:before{content:"";position:absolute;border:24px solid rgba(255,255,255,.075);border-radius:50%;width:245px;height:245px;top:-112px;right:-80px}.hero-top{display:flex;justify-content:space-between;align-items:center;gap:8px;position:relative;z-index:1}.hero-kicker,.hero-count,.eyebrow{font-size:10px;font-weight:900;letter-spacing:1.7px}.hero-kicker{color:#ffca4d}.hero-kicker span{font-size:18px;vertical-align:-2px}.hero-count{color:#b4b7d5;letter-spacing:.7px;font-size:9px}.hero-intro{display:flex;align-items:center;justify-content:space-between;min-height:200px;position:relative;z-index:1}.hero-intro>div{max-width:420px;padding:22px 12px 22px 0}.hero-intro h1{font-size:clamp(30px,4.5vw,48px);line-height:1.07;letter-spacing:-2px;font-weight:850;margin:0 0 12px}.hero-intro h1 em{font-style:normal;color:#ffd057}.hero-intro p{font-size:12px;line-height:1.7;color:#c7cce7;max-width:345px}.hero-intro img{height:126px;width:126px;object-fit:contain;border-radius:30px;transform:rotate(9deg);filter:drop-shadow(9px 15px 14px rgba(0,0,0,.34));flex:none}.hero-cta{display:inline-flex;align-items:center;gap:10px;padding:11px 17px;border-radius:10px;background:#ffcb52;color:#17203b;font-size:12px;font-weight:900;margin-top:19px;min-height:43px}.hero-cta svg{width:16px;height:16px}.hero-cta:hover{transform:translateY(-2px);background:#ffdb81}.hero-pills{display:flex;gap:8px;position:relative;z-index:1;flex-wrap:wrap}.hero-pills a{font-size:10px;font-weight:750;border:1px solid rgba(255,255,255,.25);padding:7px 10px;border-radius:50px;background:rgba(255,255,255,.075)}.hero-pills a:hover{background:rgba(255,255,255,.18)}.home-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:17px 20px 3px}.home-quick .list-row{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:18px 15px;min-height:120px;border:1px solid var(--line);border-radius:16px;background:var(--row);box-shadow:var(--shadow)}.home-quick .row-icon{width:33px;height:33px}.home-quick .row-title{font-size:12px;font-weight:850}.home-quick .row-subtitle{font-size:10px}.home-quick .disclosure{position:absolute;right:13px;top:17px}.home-note{margin:27px 20px 0;padding:16px;border-radius:12px;background:var(--row);color:var(--muted);font-size:11px;text-align:center}
/* Collections and browsing */
.collection-header{padding:31px 23px 4px}.eyebrow{color:#ec3987}.collection-header h1,.cf-pro-heading h1{font-size:clamp(29px,4vw,40px);letter-spacing:-1.5px;line-height:1.1;margin:8px 0 8px}.collection-header p,.cf-pro-heading p{font-size:12px;line-height:1.7;color:var(--muted)}.collection-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:23px 20px}.collection-categories .category-row{min-height:104px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;gap:6px;padding:14px;border:1px solid var(--line);background:var(--row);border-radius:16px;box-shadow:var(--shadow)}.collection-categories .row-icon{height:34px;width:34px}.collection-categories .row-title{font-size:12px;font-weight:800}.collection-categories .row-extra{position:absolute;top:14px;right:14px;color:var(--blue)}.collection-categories .disclosure{display:none}.collection-categories+.group-section{margin-top:28px}.screen-heading{position:static;width:auto;height:auto;clip:auto;overflow:visible;white-space:normal;font-size:29px;line-height:1.1;letter-spacing:-1.2px;padding:28px 23px 19px;font-weight:850}.search-box{background:var(--bg);border:0;margin:0 20px 8px;padding:0;height:49px}.search-box input{height:49px;padding:8px 45px 8px 42px;background:var(--row);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);font-size:13px}.search-box>svg{left:15px;color:var(--blue);width:18px;height:18px}.search-clear{right:5px}.collection-description{padding:8px 23px 2px}.results-meta{padding:16px 23px 9px;font-size:11px}.results-meta>span{color:var(--muted)}.item-grid{background:transparent;border:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 20px}.item-card{min-width:0;border:1px solid var(--line)!important;border-radius:15px;background:var(--row);box-shadow:var(--shadow);overflow:hidden}.item-card:hover{transform:translateY(-2px);box-shadow:0 17px 30px rgba(34,34,75,.12)}.item-main{padding:12px 40px 12px 12px;min-height:79px;gap:10px}.package-icon{width:42px;height:42px;border-radius:12px}.item-copy h3{font-weight:800;font-size:12px;line-height:1.25}.item-copy p{font-size:10px}.item-main .disclosure{display:none}.save-button{width:34px;height:34px;right:5px;top:50%;color:var(--icon-gray)}.save-button svg{width:19px}.save-button.is-saved{color:#ed3f8c!important}.load-more{padding:16px 20px}.load-more .button{width:auto;border-radius:11px;background:var(--row)}.empty-state{margin:10px 20px;border:1px dashed var(--line);border-radius:16px;background:var(--row)}.button{background:#7554de;border-radius:11px;font-size:12px;font-weight:800}.button.secondary{color:var(--blue);border:1px solid var(--line)}.is-saved{color:#ed3f8c!important}.group-section .item-grid{padding:0 10px 10px;background:var(--row)}.group-section .item-grid .item-card{box-shadow:none}
/* Detail and premium sections */
.package-header{margin:20px 20px 0;padding:23px;border-radius:18px;background:linear-gradient(120deg,#1b2251,#332b70);color:white;align-items:center;gap:16px}.package-large{width:66px;height:66px;border-radius:16px}.package-header h1{font-size:25px;line-height:1.16;margin:5px 0}.package-header p,.package-header .package-badge{color:#c7c9e2}.package-header .eyebrow{color:#ffcc63}.package-header+.group-section{margin-top:19px}.info-cell{font-size:12px;padding:10px 15px}.info-cell .value{font-size:11px}.text-cell{font-size:12px;line-height:1.8}.save-action{padding:18px 20px 0}.save-action .button{background:var(--row);color:var(--blue);border:1px solid var(--line)}.premium-hero{padding:34px 28px 37px;margin:20px 20px 0;background:radial-gradient(circle at 100% 0%,#823d82 0%,transparent 43%),linear-gradient(128deg,#111734,#272366);border-radius:24px;color:white;overflow:hidden;position:relative}.premium-hero:after{content:"✦";position:absolute;top:-90px;right:0;font-size:240px;color:rgba(255,206,89,.16)}.premium-hero .eyebrow{color:#ffc34b}.premium-hero h1{position:relative;z-index:1;font-size:clamp(33px,5vw,49px);line-height:1.08;letter-spacing:-1.9px;max-width:480px;margin:14px 0}.premium-hero p{color:#d0d1e6;position:relative;z-index:1;font-size:12px;line-height:1.75;max-width:450px}.premium-hero .hero-cta{position:relative;z-index:1}.membership-note{margin:28px 20px 0;background:#fff7e7;color:#695431;border-radius:12px;padding:18px;font-size:12px;line-height:1.7}[data-theme=dark] .membership-note{background:#342e42;color:#dfd3cc}.cf-pro-heading{padding:29px 22px 0}.benefit-list{background:var(--row)}.benefit-row{border-color:var(--line)}.benefit-copy strong{font-size:13px;font-weight:800}.benefit-check{color:#26ad9a}.plan-card{border-color:var(--line)}.plan-card-featured{background:var(--pro-row)}.plan-copy h2{font-weight:800;font-size:14px}.plan-price{color:var(--blue)}.plan-price strong{font-weight:850}.plan-link{min-height:88px}.faq-list{margin:0}.faq-list details{border-color:var(--line)}.faq-list summary{font-size:13px;font-weight:700;min-height:55px}.faq-list details>p{font-size:11px}.about-brand{display:flex;align-items:center;gap:19px;margin:22px 20px 0;padding:20px;border-radius:20px;background:linear-gradient(115deg,#141a43,#31235d);color:white}.about-brand img{border-radius:22px;flex:none}.about-brand h1{font-size:29px;letter-spacing:-1px;margin:4px 0}.about-brand p{font-size:12px;color:#bec4e5}.group-section .danger-row{color:#d64459}.switch.on{background:#a486f6}.toast{background:#1a2048}.tab-bar{background:var(--bar);border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(22,25,54,.06)}.tab-inner{min-height:64px}.tab-inner a{font-size:10px;font-weight:700;gap:3px}.tab-inner a svg{width:23px;height:23px}.tab-inner a.active{color:var(--blue)}
@media(max-width:599px){.navigation-inner{grid-template-columns:73px minmax(0,1fr) 73px;height:56px;padding:0 13px}.navigation-title{font-size:14px}.nav-action{font-size:11px}.group-section{margin:25px 13px 0}.home-hero{margin:13px 13px 0;padding:19px 18px 17px;border-radius:20px}.hero-count{font-size:8px;max-width:92px;text-align:right;line-height:1.4}.hero-intro{min-height:198px}.hero-intro>div{padding:13px 0;max-width:70%}.hero-intro h1{font-size:clamp(27px,8vw,37px);letter-spacing:-1.4px}.hero-intro p{font-size:10px}.hero-intro img{width:84px;height:84px;border-radius:17px;margin-left:0;transform:rotate(10deg)}.hero-cta{font-size:10px;padding:10px 12px;min-height:39px;margin-top:13px}.hero-pills a{font-size:9px}.home-quick{margin:13px 13px 0;gap:8px}.home-quick .list-row{min-height:112px;padding:12px 9px;gap:5px}.home-quick .row-icon{width:28px;height:28px;border-radius:8px}.home-quick .row-icon svg{width:17px;height:17px}.home-quick .row-title{font-size:10px}.home-quick .row-subtitle{font-size:9px}.home-quick .disclosure{display:none}.home-note{margin:20px 13px 0}.collection-header{padding:27px 17px 0}.collection-categories{margin:19px 13px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.collection-categories .category-row{min-height:100px}.collection-categories .row-title{font-size:11px}.item-grid{padding:0 13px;gap:8px}.item-main{min-height:71px;padding:9px 35px 9px 8px;gap:7px}.package-icon{width:35px;height:35px;border-radius:9px}.package-icon svg{width:19px;height:19px}.item-copy h3{font-size:11px}.item-copy p{font-size:9px}.save-button{right:0;width:30px}.screen-heading{font-size:25px;padding:26px 16px 17px}.search-box{margin:0 13px 8px}.results-meta{padding:14px 16px 8px}.collection-description{padding:7px 16px 0}.package-header{margin:13px 13px 0;padding:18px}.package-header h1{font-size:22px}.premium-hero,.membership-note,.about-brand{margin-left:13px;margin-right:13px}.premium-hero{padding:28px 22px}.premium-hero h1{font-size:35px}.cf-pro-heading{padding:24px 16px 0}.save-action{padding:16px 13px 0}.group-section .item-grid{padding:0 7px 8px}}
@media(max-width:359px){.hero-intro img{width:70px;height:70px}.hero-intro h1{font-size:25px}.home-quick .row-subtitle{display:none}.item-grid{grid-template-columns:1fr}.item-main{min-height:64px}.collection-categories .row-title{font-size:10px}}
@media(prefers-reduced-motion:reduce){.item-card:hover,.hero-cta:hover{transform:none}}

/* One clear Pro path, with the shared members' area and current checkout cards. */
.pro-member-card{margin:15px 20px 0;padding:16px 19px;display:flex;align-items:center;gap:13px;background:var(--row);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}
.member-card-icon{display:grid;place-items:center;flex:none;height:39px;width:39px;border-radius:11px;color:#fff;background:linear-gradient(135deg,#24b9ce,#3f8ce3)}
.member-card-icon svg{width:20px;height:20px}.pro-member-card>div{flex:1;min-width:0}.pro-member-card strong{font-size:13px;line-height:1.4}.pro-member-card p{font-size:11px;color:var(--muted);line-height:1.5;margin:3px 0 0}
.pro-member-card>a{height:34px;width:34px;border-radius:10px;flex:none;display:grid;place-items:center;background:var(--hover);color:var(--blue)}.pro-member-card>a svg{width:17px;height:17px}
.plan-intro{margin:35px 20px 17px}.plan-intro h2{font-size:27px;letter-spacing:-1px;line-height:1.15;margin:5px 0}.plan-intro p{font-size:12px;color:var(--muted);line-height:1.6}
.pro-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 20px}.pro-plan{min-width:0;padding:19px 16px;display:flex;flex-direction:column;background:var(--row);border:1px solid var(--line);border-radius:19px;box-shadow:var(--shadow)}
.pro-plan-popular{border-color:#9a79ed;background:linear-gradient(180deg,rgba(237,231,255,.8),var(--row) 65%)}[data-theme=dark] .pro-plan-popular{background:linear-gradient(180deg,#30294e,var(--row) 70%)}
.pro-plan-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.pro-plan .plan-badge{background:#eeeafe;color:#7052cd;border-radius:30px;padding:5px 8px;font-size:9px;font-weight:900;letter-spacing:.5px}.pro-plan-popular .plan-badge{background:#7656db;color:#fff}.pro-plan-symbol{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;color:#fff;background:#fa4e8b}.pro-plan-popular .pro-plan-symbol{background:#7958e1}.pro-plan:last-child .pro-plan-symbol{background:#f4ad34}.pro-plan-symbol svg{height:19px;width:19px}
.pro-plan h3{font-size:16px;letter-spacing:-.4px;line-height:1.25;margin:19px 0 3px}.pro-plan>p{font-size:11px;color:var(--muted);min-height:33px;line-height:1.5}.pro-amount{display:flex;flex-direction:column;margin:16px 0 18px}.pro-amount strong{font-size:29px;letter-spacing:-1.2px;line-height:1.1;color:var(--text)}.pro-amount span{font-size:10px;color:var(--muted);line-height:1.5;margin-top:5px}
.pro-plan-action{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:42px;padding:10px 12px;border-radius:11px;background:#182044;color:#fff;font-weight:850;font-size:10px;line-height:1.2}.pro-plan-action svg{height:16px;width:16px}.pro-plan-action:hover{background:#6e50d1}.pro-plan-popular .pro-plan-action{background:#7656dd}
.billing-note{max-width:none;margin:0 20px;padding:15px 2px 0;text-align:left;font-size:11px;line-height:1.7}.step-number{background:#eae4fc;color:#6241bf;font-weight:800}[data-theme=dark] .step-number{background:#39315e;color:#d7caff}.step-row{font-size:12px;line-height:1.5}
@media(max-width:699px){.pro-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-plan:last-child{grid-column:span 2}.pro-plan:last-child .pro-plan-action{max-width:260px}}
@media(max-width:520px){.pro-member-card,.plan-intro,.billing-note{margin-left:13px;margin-right:13px}.pro-member-card{padding:14px}.pro-member-card strong{font-size:12px}.pro-member-card p{font-size:10px}.plan-intro{margin-top:28px}.plan-intro h2{font-size:24px}.pro-plan-grid{grid-template-columns:1fr;margin:0 13px;gap:10px}.pro-plan,.pro-plan:last-child{grid-column:auto}.pro-plan{padding:18px}.pro-plan>p{min-height:0}.pro-amount{margin:13px 0}.pro-plan-action,.pro-plan:last-child .pro-plan-action{max-width:none}.pro-plan h3{margin-top:12px}}