/* Approved AppMeAI design. Legacy selectors remain for existing UI behavior. */
:root{--border:rgba(100,65,138,.75);--border-strong:rgba(120,77,160,.85);--green:#27e87b;--accent:#27e87b}
html body .layout{max-width:1080px!important;padding-top:28px!important}
html body .logo .bold{text-shadow:none}
html body .header-tagline{max-width:740px!important}
html body .store-toggle,html body .pill,html body .sub-pill,html body .chart-tile,html body .cat-nav-btn,html body .contact-btn,html body .share-appmeai-btn,html body .sort-btn{border-color:var(--border-strong)!important;box-shadow:none!important}
html body .store-toggle{position:relative;background:rgba(0,0,0,.52)!important;color:var(--text-primary)!important}
html body .store-toggle.active{background:linear-gradient(140deg,rgba(10,105,49,.38),rgba(6,45,27,.45))!important}
html body .store-toggle.active::after{content:'✓';position:absolute;right:9px;top:8px;background:var(--green);color:#032514;font-size:12px;font-weight:800;width:18px;height:18px;border-radius:50%;line-height:18px}
html body .store-toggle.active .store-name{color:var(--text-primary)!important}
html body .store-toggle .store-sub{color:var(--green)!important}
html body .store-toggle:hover,html body .pill:hover,html body .sub-pill:hover,html body .chart-tile:hover{border-color:#9469b5!important}
html body .pill.active,html body .sub-pill.active{background:rgba(39,232,123,.1)!important;color:var(--green)!important}
html body .cat-breadcrumb,html body .trending-header-text{color:var(--green)!important;text-shadow:none!important;font-size:22px!important;overflow:visible}
html body .trending-heading-wrap{margin:16px 0 10px!important;padding:0!important}
html body .pills{margin-bottom:0!important;gap:10px!important}
html body .pill{font-size:17px!important;padding:12px 10px!important;border-radius:9px!important}
html body .chart-tile{padding:15px!important;background:rgba(0,0,0,.5)!important}
html body .chart-tile-title{font-size:18px!important}
html body .chart-tile-sub{font-size:14px!important;color:var(--green)!important}
html body .chart-name{font-size:16px!important}
html body .top-charts-grid{margin-bottom:0!important}
html body #search-row-wrap{display:flex!important;flex-wrap:nowrap!important;gap:12px!important;align-items:stretch!important}
html body .search-wrap{flex:1!important;min-width:0!important}
html body textarea#search-input,html body textarea#search-input.has-two-lines{height:100px!important;min-height:100px!important;max-height:100px!important;padding:36px 16px 14px 45px!important;font-size:17px!important;line-height:24px!important;border-color:var(--border-strong)!important;box-shadow:none!important}
html body .search-wrap svg{display:block!important}
html body button#search-btn{width:174px!important;min-width:174px!important;max-width:174px!important;flex:0 0 174px!important;height:100px!important;min-height:100px!important;max-height:100px!important;display:flex!important;flex-direction:column!important;gap:7px!important;padding:8px!important;border:1px solid #218745!important;outline:none!important;background:linear-gradient(180deg,#155c35,#032418)!important;color:#3ecf74!important;text-shadow:none!important;box-shadow:inset 0 2px 1px #3b8a55,0 3px 0 #073d23!important}
html body button#search-btn .btn-icon{display:block!important;font-size:36px!important}
html body button#search-btn .btn-text{display:block!important;font-size:21px!important;color:#3ecf74!important}
html body button#search-btn:hover{filter:brightness(1.14)}
html body button#search-btn:disabled{opacity:.65;cursor:wait}
html body #mic-btn.design-mic{display:flex!important;flex:0 0 88px!important;width:88px!important;height:100px!important;min-height:100px!important;margin:0!important;flex-direction:column!important;gap:7px!important;align-items:center!important;justify-content:center!important;padding:8px!important;border:1px solid #ad3156!important;border-radius:12px!important;background:rgba(130,20,49,.2)!important;color:#fb6684!important;font-family:inherit;font-weight:700;cursor:pointer;animation:none!important}
html body #mic-btn .mic-icon{font-size:26px;position:relative}
html body #mic-btn:not(.is-on) .mic-icon::after{content:'';position:absolute;height:2px;width:34px;left:-3px;top:50%;background:#fb6684;transform:rotate(-48deg)}
html body #mic-btn .mic-label{font-size:13px;white-space:nowrap}
html body #mic-btn.is-on{border-color:var(--green)!important;background:rgba(15,115,58,.25)!important;color:var(--green)!important}
html body #mic-btn.listening{box-shadow:0 0 0 3px rgba(39,232,123,.12)!important}
.discovery-guides{margin:28px 0 18px;text-align:center}
.discovery-guides h2{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--green);font-size:25px;font-weight:700;margin:0 0 5px}
.discovery-guides h2 span{filter:grayscale(1);font-size:30px}
.discovery-guides>p{font-size:15px;color:var(--text-secondary);margin:0 0 14px}
.discovery-guides-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.discovery-guide{border:1px solid var(--border-strong);background:rgba(0,0,0,.52);border-radius:10px;padding:14px 8px 13px;text-decoration:none;color:var(--text-primary);display:flex;flex-direction:column;align-items:center;gap:5px;transition:border-color .15s,transform .15s}
.discovery-guide:hover{border-color:#a27ac7;transform:translateY(-2px)}
.discovery-guide img{width:64px;height:64px}
.discovery-guide h3{font-size:16px;line-height:1.3;font-weight:700;margin:0;min-height:42px}
.discovery-guide>span{color:var(--green);font-size:14px;font-weight:700;margin-top:2px}
.app-king{text-align:center;padding:17px 22px 20px;border:1px solid #e8c545;border-radius:13px;background:radial-gradient(ellipse at 90% 0,rgba(183,123,19,.13),transparent 55%),linear-gradient(125deg,#150a2c,#080312);margin-bottom:18px}
.king-eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:10px;color:#efebf3;margin-bottom:0}
.king-art{display:block;width:100%;max-width:600px;height:110px;object-fit:cover;object-position:center;margin:0 auto}
.app-king h2{color:#f5df6d;font-size:29px;margin:0 0 5px}
.app-king>p:not(.king-eyebrow){font-size:17px;color:var(--text-secondary)}
.king-plans{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px auto 0;max-width:860px}
.king-plans a{border:1px solid #e8c545;border-radius:10px;background:rgba(5,0,15,.65);padding:13px 14px;display:flex;align-items:center;justify-content:center;gap:20px;color:var(--text-primary);text-decoration:none}
.king-plans a:hover{background:rgba(222,183,66,.09)}
.king-plans a>span{font-size:39px}
.king-plans strong,.king-plans b,.king-plans small{display:block}
.king-plans strong{font-size:17px}.king-plans b{font-size:16px;color:var(--green);margin:3px 0}.king-plans small{font-size:12px;color:var(--text-secondary)}
html body #support-project{display:none}
html body .share-appmeai-btn{margin-top:4px!important}
html body section[aria-labelledby="about-discovery-title"] a{border-color:var(--border-strong)!important;color:var(--green)!important}
:focus-visible{outline:2px solid #b698d3;outline-offset:4px}
@media(max-width:800px){
 html body .layout{padding:22px 16px!important}
 html body textarea#search-input,html body textarea#search-input.has-two-lines{height:80px!important;min-height:80px!important;max-height:80px!important;padding:24px 12px 10px 32px!important;font-size:16px!important}
 html body button#search-btn{width:112px!important;min-width:112px!important;max-width:112px!important;flex-basis:112px!important;height:80px!important;min-height:80px!important;max-height:80px!important}
 html body #mic-btn.design-mic{height:80px!important;min-height:80px!important;width:65px!important;flex-basis:65px!important}
 html body .top-charts-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
 html body .chart-tile-title{font-size:14px!important}.chart-tile-header{gap:7px!important}
 html body .chart-tile-sub{font-size:12px!important}html body .chart-name{font-size:13px!important}
 .discovery-guides-grid{gap:8px}.discovery-guide h3{font-size:13px}.discovery-guide>span{font-size:12px}
 .discovery-guide img{width:50px;height:50px}
}
@media(max-width:560px){
 html body #search-row-wrap{gap:7px!important}
 html body button#search-btn{width:82px!important;min-width:82px!important;max-width:82px!important;flex-basis:82px!important}
 html body button#search-btn .btn-text{font-size:16px!important}html body button#search-btn .btn-icon{font-size:27px!important}
 html body #mic-btn.design-mic{width:54px!important;flex-basis:54px!important}
 html body #mic-btn .mic-label{font-size:11px}
 html body .cat-breadcrumb,html body .trending-header-text{font-size:18px!important}
 html body .pills{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
 html body .pill{font-size:14px!important;padding:11px 5px!important}
 html body .top-charts-grid{grid-template-columns:1fr!important}
 html body .chart-tile-title{font-size:17px!important}html body .chart-name{font-size:15px!important}
 .discovery-guides-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .discovery-guide:last-child{grid-column:1/-1}.discovery-guide h3{font-size:16px}.discovery-guide>span{font-size:14px}
 .discovery-guide img{width:58px;height:58px}
 .king-plans{grid-template-columns:1fr;gap:10px}.app-king{padding:16px 13px}.king-art{height:75px}.app-king h2{font-size:25px}
 html body .store-toggle.active::after{right:4px;top:4px;width:12px;height:12px;line-height:12px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){.discovery-guide{transition:none}.discovery-guide:hover{transform:none}}
html body .cat-breadcrumb{white-space:normal!important;min-width:0!important;line-height:1.35!important}
html body .main{min-width:0!important;width:100%!important}
html body #search-btn .btn-icon img{display:block;width:38px;height:38px}
html body .king-plans>a>img{flex:none}
@media(max-width:560px){html body .cat-breadcrumb{font-size:17px!important}html body #search-btn .btn-icon img{width:30px;height:30px}html body .store-name{font-size:11px!important}html body .store-sub{font-size:10px!important}html body .store-toggle{padding:10px 2px 8px!important;min-height:75px}html body .store-toggle svg{width:22px!important;height:22px!important}html body .cat-nav-bar{margin-top:18px!important}}
html body .lang-btn,html body #how-to-btn,html body .lang-modal,html body .guide-modal,html body .app-detail-modal,html body .share-modal,html body .contact-modal{border-color:var(--border-strong)!important}

/* Small alignment correction, 7 October 2026. */
html body #lang-btn{font-size:16px!important;min-width:0!important}
html body #lang-btn::after{content:none!important}
html body #cat-breadcrumb{position:relative!important;top:-7px!important}
@media(max-width:560px){html body #lang-btn{font-size:11px!important}}

/* Center the category heading between stores and the category grid. */
html body .stores{margin-bottom:0!important}
html body #cat-nav-bar{margin:20px 0!important;padding:0!important;transform:none!important}
html body #cat-breadcrumb{top:0!important;transform:none!important}
html body #main-cats,html body #sub-panel{transform:none!important}
html body .pill{font-size:19.55px!important}
@media(max-width:560px){html body .pill{font-size:16.1px!important}}