@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap");

:root{font-family:"IBM Plex Sans Arabic","DM Sans",sans-serif;color:#17191e;background:#f6f7f9;font-synthesis:none;text-rendering:optimizeLegibility;--bg:#f6f7f9;--surface:#fff;--surface-2:#f2f3f5;--text:#17191e;--muted:#858a95;--line:#e9eaed;--red:#8b0000;--red-soft:#fff0ef;--shadow:0 12px 35px rgba(25,28,35,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);transition:background .25s,color .25s}button,input{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(229,57,53,.42);outline-offset:3px}button{cursor:pointer}body[data-theme=dark]{--bg:#101116;--surface:#181a21;--surface-2:#21232b;--text:#f4f4f6;--muted:#a0a4af;--line:#2b2d35;--red-soft:#351c1d;--shadow:0 14px 40px rgba(0,0,0,.24)}
.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 0 0 auto;width:252px;background:var(--surface);border-inline-end:1px solid var(--line);padding:27px 19px 17px;display:flex;flex-direction:column;z-index:5;transition:background .25s}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--text);margin:0 5px 48px;direction:ltr;justify-content:flex-end}.brand-symbol{width:37px;height:37px;display:grid;place-items:center;background:#101116;color:white;border-radius:12px;font:800 21px "DM Sans",sans-serif;letter-spacing:-2px;box-shadow:0 5px 12px #1112}.brand-symbol span{color:var(--red)}.brand-name{font:800 13px "DM Sans",sans-serif;letter-spacing:1.2px;white-space:nowrap}.brand-name b{font-weight:500;color:var(--muted)}.side-label{font-size:11px;font-weight:600;letter-spacing:.7px;color:#a0a3ab;padding:0 13px 10px}.side-nav,.category-nav{display:grid;gap:4px}.nav-link{height:42px;width:100%;border:0;background:transparent;border-radius:10px;text-align:right;padding:0 12px;display:flex;align-items:center;gap:12px;color:#777c86;font-size:13px;transition:background .2s,color .2s}.nav-link:hover{background:var(--surface-2);color:var(--text)}.nav-link.active{background:var(--red-soft);color:var(--red);font-weight:600}.nav-icon{font:20px "DM Sans",sans-serif;width:19px;text-align:center}.category-label{margin-top:33px}.category-nav .nav-link{height:37px;font-size:12px}.category-nav .nav-icon{font-size:15px}.sidebar-spacer{flex:1;min-height:15px}.sidebar-note{border:1px solid var(--line);border-radius:13px;padding:14px 14px 12px;margin:13px 0 12px;background:linear-gradient(145deg,var(--surface),var(--surface-2))}.note-icon{color:var(--red);font-size:17px}.sidebar-note strong{display:block;font-size:12px;margin:7px 0 3px}.sidebar-note p{font-size:10px;color:var(--muted);margin:0 0 8px;line-height:1.7}.text-action,.subtle-link,.page-footer button{border:0;background:none;color:var(--red);padding:0;font-size:11px;font-weight:600}.text-action span{margin-inline-start:5px}.saved-link{height:37px}.sidebar-foot{color:#b4b6bd;font:9px "DM Sans",sans-serif;letter-spacing:.5px;padding:14px 12px 0;direction:ltr;text-align:right}
.main-content{margin-right:252px;width:calc(100% - 252px);min-width:0}.topbar{height:82px;padding:0 clamp(24px,5.1vw,76px);display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:4;transition:background .25s}.search-wrap{position:relative;width:min(410px,44vw);height:40px;border:1px solid var(--line);border-radius:10px;background:var(--surface);display:flex;align-items:center;padding:0 12px;gap:10px;transition:border .2s,box-shadow .2s}.search-wrap:focus-within{border-color:#d5a5a3;box-shadow:0 0 0 3px #8b000010}.search-icon{font:25px "DM Sans",sans-serif;color:#a3a6ae;transform:rotate(-20deg)}.search-wrap input{border:0;outline:0;background:none;color:var(--text);min-width:0;flex:1;font-size:11px}.search-wrap input::placeholder{color:#a3a6ae}.search-wrap kbd{font:9px "DM Sans",sans-serif;color:#a4a6ad;background:var(--surface-2);border:1px solid var(--line);border-radius:4px;padding:3px 5px;direction:ltr}.top-actions{display:flex;align-items:center;gap:10px}.icon-button{width:35px;height:35px;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface);border-radius:10px;font:16px "DM Sans",sans-serif;position:relative}.icon-button:hover,.profile-button:hover{border-color:#c8c9ce}.language-toggle{font-size:10px;font-weight:700;letter-spacing:.3px}.notification-button i{position:absolute;width:5px;height:5px;background:var(--red);border-radius:50%;top:7px;right:8px}.profile-button{height:37px;border:1px solid var(--line);border-radius:10px;background:var(--surface);display:flex;align-items:center;gap:8px;padding:4px 8px 4px 5px;font-size:10px}.profile-avatar{width:25px;height:25px;border-radius:8px;background:#1a1b20;color:white;display:grid;place-items:center;font:700 12px "DM Sans",sans-serif}.chevron{color:#999}.mobile-brand{display:none}.page-content{max-width:1220px;margin:0 auto;padding:29px clamp(24px,5.1vw,76px) 25px}.hero{height:337px;position:relative;overflow:hidden;border-radius:17px;background:#12141a;color:white;padding:44px 48px;display:flex;align-items:center;isolation:isolate}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 73% 54%,#363840 0,transparent 36%),linear-gradient(105deg,#13151b 13%,#1a1c24 69%,#24252c);z-index:-2}.hero-glow{position:absolute;width:380px;height:280px;background:#8b000018;filter:blur(75px);border-radius:50%;right:19%;top:5%;z-index:-1}.hero-content{width:52%;max-width:430px;z-index:1}.eyebrow{display:flex;align-items:center;gap:9px;color:#c3c4ca;font-size:9px;letter-spacing:.3px}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 10px #8b0000}.eyebrow-line{height:1px;width:29px;background:#595a61}.hero h1{font-size:clamp(34px,4vw,48px);line-height:1.24;letter-spacing:-1.6px;margin:15px 0 7px;font-weight:600}.hero-content>p{font-size:11px;line-height:1.9;color:#b1b2b9;max-width:300px;margin:0}.hero-meta{display:flex;align-items:center;gap:8px;color:#a7a9b0;font-size:9px;margin-top:16px}.hero-rating{color:#f5c451}.hero-cta{margin-top:19px;border:0;border-radius:7px;background:var(--red);color:white;padding:10px 15px;font-size:10px;font-weight:600;box-shadow:0 5px 15px #8b000030;transition:transform .2s,background .2s}.hero-cta:hover{background:#660000;transform:translateY(-2px)}.hero-cta span{margin-inline-start:12px}.hero-art{position:absolute;inset:0 47% 0 0;display:grid;place-items:center;pointer-events:none}.hero-window{position:relative;width:min(330px,83%);height:205px;border:1px solid #ffffff20;background:#20232acc;backdrop-filter:blur(12px);border-radius:10px;box-shadow:0 27px 70px #0007;transform:perspective(900px) rotateY(-12deg) rotateX(3deg);overflow:hidden}.window-top{height:30px;background:#292b33;border-bottom:1px solid #ffffff12;display:flex;align-items:center;gap:4px;padding:0 11px}.window-top>span{width:5px;height:5px;border-radius:50%;background:#777982}.window-top b{font:700 8px "DM Sans",sans-serif;letter-spacing:1.4px;color:#e5e5e7;margin-inline-start:9px}.window-layout{display:flex;height:calc(100% - 30px)}.window-rail{width:37px;border-inline-end:1px solid #ffffff10;display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:15px}.window-rail i{width:9px;height:9px;border-radius:3px;background:#ffffff24}.window-rail i:first-child{background:var(--red)}.window-board{padding:18px 22px;position:relative;flex:1}.board-kicker{font:600 6px "DM Sans",sans-serif;color:#ea7773;letter-spacing:1.5px}.board-title{font:600 20px/1.15 "DM Sans",sans-serif;color:#f5f4f3;margin-top:7px;letter-spacing:-.7px}.board-lines{margin-top:12px;display:grid;gap:4px}.board-lines i{height:3px;width:74%;background:#ffffff17;border-radius:5px}.board-lines i:nth-child(2){width:53%}.board-lines i:nth-child(3){width:65%}.board-card{position:absolute;right:56%;bottom:16px;width:89px;height:64px;border:1px solid #ffffff18;background:linear-gradient(135deg,#36343c,#272930);border-radius:6px;padding:8px;display:grid;grid-template-columns:16px 1fr;align-content:center;align-items:center;column-gap:4px}.board-card span{grid-row:span 2;color:#ee7771;font-size:15px}.board-card b{font:600 6px "DM Sans",sans-serif;color:#f3f3f3}.board-card small{font:5px "DM Sans",sans-serif;color:#aaa}.hero-orbit{position:absolute;border:1px solid #ffffff13;border-radius:50%;width:310px;height:310px}.orbit-two{width:390px;height:390px;border-color:#8b000020}.floating-icon{position:absolute;display:grid;place-items:center;border-radius:13px;background:#252730;border:1px solid #ffffff20;box-shadow:0 8px 23px #0005;color:#fb8580}.floating-a{width:35px;height:35px;font-size:16px;top:24%;right:21%}.floating-b{width:30px;height:30px;font-size:15px;bottom:19%;left:18%;color:#e6c77e}.hero-index{position:absolute;bottom:18px;left:25px;display:flex;align-items:center;gap:7px;color:#868991;font:8px "DM Sans",sans-serif}.hero-index span:first-child{color:white}.hero-index i{height:1px;width:27px;background:var(--red)}
.category-strip-section{margin-top:38px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}.section-kicker{font-size:9px;color:var(--red);font-weight:600;letter-spacing:.3px}.section-heading h2{font-size:19px;line-height:1.35;margin:3px 0 0;font-weight:600;letter-spacing:-.25px}.compact-heading{margin-bottom:13px}.compact-heading h2{font-size:16px}.subtle-link{display:flex;align-items:center;gap:9px;color:#8f929a;font-size:10px;padding-bottom:3px}.subtle-link:hover{color:var(--red)}.subtle-link span:last-child{font-size:15px;color:var(--red)}.category-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.category-tile{min-height:80px;border:1px solid var(--line);background:var(--surface);border-radius:11px;display:flex;align-items:center;gap:10px;padding:12px 11px;text-align:right;transition:transform .2s,border .2s,box-shadow .2s}.category-tile:hover{transform:translateY(-3px);border-color:#e5b4b2;box-shadow:var(--shadow)}.category-emoji{width:34px;height:34px;flex:0 0 34px;border-radius:10px;display:grid;place-items:center;font-size:16px;background:var(--tint)}.category-tile strong{display:block;font-size:10px;font-weight:600;white-space:nowrap}.category-tile small{display:block;color:var(--muted);font:8px "DM Sans",sans-serif;margin-top:3px}.app-section{margin-top:39px}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.app-card{min-width:0;position:relative;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px;transition:transform .2s,border-color .2s,box-shadow .2s}.app-card:hover{transform:translateY(-3px);border-color:#d8d9de;box-shadow:var(--shadow)}.app-card-top{display:flex;align-items:flex-start;gap:11px}.app-icon{height:48px;width:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:14px;background:var(--app-bg);color:var(--app-fg,#fff);font:600 22px "DM Sans",sans-serif;box-shadow:inset 0 0 0 1px #00000008}.app-icon span{filter:drop-shadow(0 1px 2px #0002)}.app-info{min-width:0;padding-top:2px;flex:1}.app-name{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-developer{font-size:9px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.favorite-button{width:27px;height:27px;border:1px solid transparent;background:transparent;border-radius:7px;color:#a1a4ab;font-size:17px;line-height:1;display:grid;place-items:center}.favorite-button:hover{background:var(--surface-2);color:var(--red)}.favorite-button.is-saved{color:var(--red)}.app-description{display:block;width:100%;border:0;background:none;text-align:start;font-size:9px;line-height:1.8;color:var(--muted);margin:12px 0 11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-details{display:flex;align-items:center;justify-content:space-between;padding-top:9px;border-top:1px solid var(--line)}.app-rating{font:10px "DM Sans",sans-serif;color:#e3a72d;direction:ltr}.app-rating small{color:var(--muted);font-size:9px}.app-price{font-size:9px;color:var(--muted)}.app-price.free{color:#39936b;font-weight:600}.popular-section{padding:22px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.popular-section .section-heading{margin-bottom:13px}.popular-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}.popular-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line);min-width:0}.popular-rank{width:16px;text-align:center;color:#a6a8af;font:10px "DM Sans",sans-serif}.popular-row .app-icon{width:41px;height:41px;flex-basis:41px;border-radius:12px;font-size:19px}.popular-row .app-info{flex:1}.popular-row .app-name{font-size:11px}.popular-row .app-developer{font-size:8px}.popular-rating{font:9px "DM Sans",sans-serif;color:#d7a12d;white-space:nowrap}.latest-section{padding-bottom:20px}.page-footer{border-top:1px solid var(--line);padding:20px 2px 6px;display:flex;align-items:center;gap:18px;color:var(--muted);font-size:9px}.page-footer>span:first-child{font:700 9px "DM Sans",sans-serif;letter-spacing:.8px;color:var(--text);direction:ltr}.page-footer>span:first-child b{color:var(--muted);font-weight:500}.page-footer button{margin-inline-start:auto;font-size:9px;color:var(--muted)}
.search-results{position:absolute;z-index:10;top:calc(100% + 8px);inset-inline:0;background:var(--surface);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow);padding:5px;max-height:340px;overflow:auto}.search-result{width:100%;background:none;border:0;border-radius:8px;padding:9px;display:flex;align-items:center;gap:10px;text-align:start}.search-result:hover{background:var(--surface-2)}.search-result .app-icon{width:35px;height:35px;flex-basis:35px;border-radius:10px;font-size:16px}.search-result strong{display:block;font-size:10px}.search-result small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.search-empty{padding:15px;text-align:center;color:var(--muted);font-size:10px}
.modal-backdrop{position:fixed;z-index:20;inset:0;background:#0b0d12a8;display:grid;place-items:center;padding:20px;backdrop-filter:blur(5px)}.modal-backdrop[hidden]{display:none}.app-modal{position:relative;width:min(620px,100%);max-height:min(86vh,760px);overflow:auto;border:1px solid var(--line);border-radius:17px;background:var(--surface);box-shadow:0 25px 100px #0004;padding:26px}.modal-close{position:absolute;left:18px;top:18px;width:32px;height:32px;border:1px solid var(--line);background:var(--surface);border-radius:9px;font-size:17px;color:var(--muted)}.modal-app-head{display:flex;align-items:center;gap:15px;padding-inline-end:32px}.modal-app-head .app-icon{width:68px;height:68px;flex-basis:68px;border-radius:19px;font-size:30px}.modal-app-head h2{font-size:20px;margin:0 0 4px}.modal-app-head p{font-size:11px;color:var(--muted);margin:0}.modal-stats{display:flex;gap:0;border-block:1px solid var(--line);margin:22px 0;padding:13px 0}.modal-stat{flex:1;text-align:center;border-inline-start:1px solid var(--line)}.modal-stat:first-child{border:0}.modal-stat strong{display:block;font:600 12px "DM Sans",sans-serif}.modal-stat small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.modal-action-row{display:flex;gap:8px;margin-bottom:21px}.modal-action{flex:1;height:39px;border:0;border-radius:8px;background:var(--red);color:white;font-size:11px;font-weight:600}.modal-action.secondary{flex:0 0 43px;background:var(--surface-2);color:var(--text);font-size:16px}.modal-section-title{font-size:13px;margin:18px 0 7px}.modal-description{font-size:11px;line-height:2;color:var(--muted);margin:0}.modal-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.modal-tags span{font-size:9px;border-radius:20px;background:var(--surface-2);padding:6px 10px;color:var(--muted)}.modal-notice{margin-top:19px;padding:11px 12px;background:var(--red-soft);color:var(--red);border-radius:9px;font-size:10px;line-height:1.8}.toast-region{position:fixed;z-index:30;bottom:24px;left:24px;display:grid;gap:8px}.toast{max-width:min(360px,calc(100vw - 32px));padding:12px 15px;border-radius:10px;background:#202127;color:white;box-shadow:0 8px 30px #0003;font-size:11px;animation:toast-in .25s ease}.toast.error{border-inline-start:3px solid var(--red)}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mobile-nav{display:none}.empty-state{grid-column:1/-1;padding:35px 20px;text-align:center;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size:12px}.empty-state span{display:block;font-size:25px;color:var(--red);margin-bottom:8px}
body[dir=ltr] .sidebar{left:0;right:auto}body[dir=ltr] .main-content{margin-left:252px;margin-right:0}body[dir=ltr] .nav-link{text-align:left}body[dir=ltr] .category-tile{text-align:left}body[dir=ltr] .brand{justify-content:flex-start}body[dir=ltr] .hero-content{text-align:left}body[dir=ltr] .hero-art{transform:scaleX(-1)}body[dir=ltr] .hero-art>*{transform:scaleX(-1)}body[dir=ltr] .hero-window{transform:perspective(900px) rotateY(12deg) rotateX(3deg)}body[dir=ltr] .hero-index{left:auto;right:25px}body[dir=ltr] .toast-region{left:auto;right:24px}
@media(max-width:1150px){.sidebar{width:220px;padding-inline:14px}.main-content{margin-right:220px;width:calc(100% - 220px)}body[dir=ltr] .main-content{margin-left:220px}.topbar{padding-inline:30px}.page-content{padding-inline:30px}.category-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{inset-inline-start:43%}.hero-window{width:min(300px,88%)}}@media(max-width:760px){.sidebar{display:none}.main-content,body[dir=ltr] .main-content{margin:0;width:100%}.topbar{height:65px;padding:0 17px;gap:8px}.mobile-brand{display:grid;place-items:center;border:0;background:none;padding:0}.mobile-brand .brand-symbol{width:33px;height:33px}.search-wrap{width:auto;min-width:0;flex:1;height:37px;padding:0 8px;gap:6px}.search-wrap input{font-size:10px}.search-wrap kbd{display:none}.top-actions{gap:5px;flex-shrink:0}.top-actions>.icon-button{width:32px;height:32px}.notification-button,.profile-name,.profile-button .chevron{display:none}.profile-button{padding:3px;border:0;background:transparent}.profile-avatar{height:30px;width:30px}.page-content{padding:17px 17px 92px}.hero{height:355px;border-radius:15px;padding:27px 23px;align-items:flex-start}.hero-content{width:78%;max-width:310px}.hero h1{font-size:37px;margin-top:13px}.hero-content>p{font-size:10px;max-width:260px}.hero-meta{font-size:8px;gap:6px;margin-top:12px}.hero-cta{margin-top:14px;padding:10px 12px}.hero-art{inset:37% -9% 0 1%;opacity:.48;align-items:end;justify-items:center}.hero-window{width:230px;height:145px;margin-bottom:-13px;transform:perspective(900px) rotateY(-11deg) rotateX(3deg)}.window-top{height:24px}.window-layout{height:calc(100% - 24px)}.window-rail{width:28px;gap:8px;padding-top:10px}.window-board{padding:12px 15px}.board-title{font-size:15px}.board-kicker{font-size:5px}.board-lines{margin-top:8px}.board-card{width:72px;height:48px;bottom:10px;padding:5px}.hero-orbit{width:220px;height:220px}.orbit-two{width:280px;height:280px}.floating-a{top:29%;right:22%}.floating-b{bottom:13%;left:14%}.hero-index{bottom:13px;left:15px}.category-strip-section{margin-top:28px}.section-heading{margin-bottom:13px}.section-heading h2{font-size:17px}.compact-heading h2{font-size:15px}.category-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.category-tile{min-height:70px;padding:8px 7px;gap:7px;border-radius:10px}.category-emoji{width:30px;height:30px;flex-basis:30px;font-size:14px;border-radius:9px}.category-tile strong{font-size:9px}.category-tile small{font-size:7px}.app-section{margin-top:30px}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.app-card{padding:10px;border-radius:11px}.app-card-top{gap:8px}.app-icon{width:41px;height:41px;flex-basis:41px;border-radius:12px;font-size:19px}.app-name{font-size:10px}.app-developer{font-size:8px}.favorite-button{width:23px;height:23px;font-size:15px}.app-description{font-size:8px;margin:9px 0}.app-details{padding-top:7px}.app-rating{font-size:9px}.app-rating small,.app-price{font-size:8px}.popular-section{padding:15px 12px;border-radius:13px}.popular-list{grid-template-columns:1fr;column-gap:0}.popular-row{gap:9px;padding:9px 0}.popular-row .app-icon{width:37px;height:37px;flex-basis:37px}.popular-row .app-name{font-size:10px}.page-footer{gap:9px;font-size:8px}.page-footer button{font-size:8px}.mobile-nav{position:fixed;z-index:8;inset:auto 0 0;height:65px;padding:5px 11px calc(5px + env(safe-area-inset-bottom));display:flex;justify-content:space-around;align-items:center;background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -6px 22px #10111608}.mobile-nav button{flex:1;height:50px;display:grid;place-content:center;gap:1px;border:0;background:none;color:#9699a1}.mobile-nav button>span{font:19px "DM Sans",sans-serif}.mobile-nav button small{font-size:8px}.mobile-nav button.active{color:var(--red)}.modal-backdrop{padding:12px;align-items:end}.app-modal{max-height:88vh;padding:21px 17px;border-radius:16px}.modal-app-head .app-icon{width:57px;height:57px;flex-basis:57px}.modal-app-head h2{font-size:17px}.modal-stats{margin:17px 0;padding:11px 0}.modal-stat strong{font-size:10px}.modal-stat small{font-size:8px}.toast-region{bottom:77px;left:12px}.search-results{max-height:55vh}}
@media(max-width:370px){.topbar{padding-inline:10px;gap:8px}.top-actions{gap:4px}.language-toggle{font-size:9px}.page-content{padding-inline:12px}.hero{padding-inline:18px}.category-tile{gap:5px;padding-inline:5px}.category-tile strong{font-size:8px}.app-card{padding:9px}.app-grid{gap:6px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* App detail route */
.app-card{cursor:pointer}.detail-page{min-height:calc(100vh - 82px)}.detail-page[hidden],.detail-install-bar[hidden]{display:none}.detail-content{max-width:920px;margin:0 auto;padding:24px clamp(22px,5vw,68px) 48px}.detail-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.detail-back-button{border:0;background:transparent;color:var(--muted);font-size:11px;display:flex;align-items:center;gap:8px;padding:8px 0}.detail-back-button span{font-size:18px;color:var(--text)}.detail-back-button:hover{color:var(--red)}.detail-toolbar-actions{display:flex;gap:8px}.detail-icon-action{width:37px;height:37px;border:1px solid var(--line);border-radius:11px;background:var(--surface);font-size:18px;color:var(--muted)}.detail-icon-action:hover,.detail-icon-action.is-saved{color:var(--red);border-color:#e7c2c1}.detail-app-header{display:flex;align-items:center;gap:18px}.detail-app-icon{width:84px;height:84px;flex-basis:84px;border-radius:22px;font-size:38px;box-shadow:0 10px 24px #12131a12}.detail-app-copy{min-width:0}.detail-app-title-row{display:flex;align-items:center;gap:9px}.detail-app-title-row h1{font-size:26px;letter-spacing:-.4px;margin:0;font-weight:600}.verified-badge{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#3c9b73;color:#fff;font:700 11px "DM Sans",sans-serif}.verified-badge[title]{cursor:help}.detail-developer{font-size:12px;color:var(--muted);margin:5px 0}.detail-category{background:none;border:0;padding:0;color:var(--red);font-size:10px;font-weight:600}.detail-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:28px 0 23px;padding:17px 0;border-block:1px solid var(--line)}.detail-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-inline-start:1px solid var(--line);min-width:0}.detail-stat:first-child{border:0}.detail-stat strong{font:600 13px "DM Sans","IBM Plex Sans Arabic",sans-serif;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.detail-stat .stat-rating{color:#d39a2e}.detail-stat small{font-size:9px;color:var(--muted);white-space:nowrap}.detail-install-row{display:flex;align-items:center;gap:15px}.detail-primary-button{min-width:220px;min-height:47px;border:0;border-radius:9px;background:var(--red);color:#fff;padding:0 19px;font-size:12px;font-weight:600;box-shadow:0 7px 17px #8b000025;transition:background .2s,transform .2s}.detail-primary-button:hover,.sticky-install-button:hover{background:#660000;transform:translateY(-1px)}.detail-primary-button span{font-size:10px;opacity:.8;margin-inline-start:8px}.detail-version{font:10px "DM Sans",sans-serif;color:var(--muted)}.detail-availability-note{font-size:9px;line-height:1.6;color:var(--muted);margin:9px 0 0}.detail-section{margin-top:42px}.detail-section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:15px}.detail-kicker{display:block;color:var(--red);font:600 8px "DM Sans","IBM Plex Sans Arabic",sans-serif;letter-spacing:.65px;text-transform:uppercase}.detail-section-heading h2{font-size:18px;font-weight:600;line-height:1.4;margin:4px 0 0}.section-count{font:10px "DM Sans",sans-serif;color:var(--muted)}.screenshot-rail,.similar-rail{display:flex;gap:13px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding:2px 2px 12px;scrollbar-width:thin;scrollbar-color:#d6d7dc transparent}.screenshot-card{flex:0 0 auto;width:clamp(150px,21vw,205px);padding:0;border:1px solid var(--line);border-radius:15px;background:var(--surface);overflow:hidden;scroll-snap-align:start;box-shadow:0 5px 18px #13141a0a;transition:transform .2s,box-shadow .2s}.screenshot-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.screenshot-card img{display:block;width:100%;height:auto;aspect-ratio:270/490;object-fit:cover}.app-short-description,.app-long-description{font-size:12px;line-height:2;color:var(--muted);margin:0 0 9px;max-width:760px}.app-long-description{color:var(--text)}.description-toggle{border:0;background:none;color:var(--red);padding:4px 0;font-size:10px;font-weight:600}.description-toggle span{margin-inline-start:5px}.feature-list{list-style:none;padding:0;margin:17px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.feature-list li{padding:10px 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-size:10px;line-height:1.7}.feature-list li span{color:#39936b;margin-inline-end:6px}.rating-overview{display:grid;grid-template-columns:180px 1fr;gap:24px;padding:16px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.rating-score{display:flex;flex-direction:column;align-items:center;justify-content:center;border-inline-end:1px solid var(--line);padding-inline-end:20px}.rating-score strong{font:500 50px/1 "DM Sans",sans-serif;letter-spacing:-2px}.rating-score>span{font-size:12px;letter-spacing:1px;color:#dda739;margin-top:8px}.rating-score small{font-size:9px;color:var(--muted);margin-top:4px}.rating-bars{display:grid;align-content:center;gap:6px}.rating-bars-label{font-size:9px;color:var(--muted);margin-bottom:3px}.rating-bar-row{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;font:9px "DM Sans",sans-serif;color:var(--muted)}.rating-bar-row>span:first-child{text-align:end}.rating-bar-row i{font-style:normal;color:#dca335}.rating-track{height:6px;border-radius:8px;background:var(--surface-2);overflow:hidden}.rating-track i{height:100%;display:block;border-radius:inherit;background:#dca335}.review-write-button{border:1px solid var(--line);background:var(--surface);border-radius:8px;color:var(--text);padding:8px 11px;font-size:9px}.review-write-button:hover{border-color:#dfaaa8;color:var(--red)}.review-write-button span{font-size:14px;color:var(--red);vertical-align:-1px;margin-inline-start:3px}.sample-review-notice{margin:11px 0;color:var(--muted);font-size:9px}.review-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.review-card{padding:13px;border:1px solid var(--line);background:var(--surface);border-radius:11px;min-width:0}.review-user{display:flex;align-items:center;gap:8px}.review-avatar{width:31px;height:31px;flex:0 0 31px;border-radius:50%;display:grid;place-items:center;background:var(--avatar-color);color:white;font-size:11px;font-weight:600}.review-user strong{display:block;font-size:10px;font-weight:600}.review-user small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.review-stars{margin-inline-start:auto;white-space:nowrap;color:#d9a13b;font-size:9px;letter-spacing:1px}.review-card p{font-size:10px;line-height:1.8;color:var(--muted);margin:10px 0 0}.app-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}.app-facts>div{min-height:60px;padding:12px 14px;border-bottom:1px solid var(--line);border-inline-start:1px solid var(--line);display:flex;flex-direction:column;gap:5px}.app-facts>div:nth-child(odd){border-inline-start:0}.app-facts>div:nth-last-child(-n+2){border-bottom:0}.app-facts span{font-size:9px;color:var(--muted)}.app-facts strong{font-size:10px;font-weight:500;line-height:1.7}.release-notes{margin-top:11px;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:12px 14px}.release-notes summary{cursor:pointer;list-style:none;font-size:10px;font-weight:600;display:flex;justify-content:space-between}.release-notes summary::-webkit-details-marker{display:none}.release-notes summary span{color:var(--red);font-size:15px}.release-notes[open] summary span{transform:rotate(45deg)}.release-notes p{font-size:10px;color:var(--muted);margin:12px 0 5px}.release-notes small{font-size:8px;color:var(--muted)}.privacy-link{border:0;background:none;padding:13px 2px 0;color:var(--muted);font-size:10px}.privacy-link span{color:var(--red);margin-inline-start:5px}.similar-caption{font-size:10px;color:var(--muted);margin:-7px 0 12px}.similar-rail{gap:10px}.similar-app-card{flex:0 0 112px;min-height:128px;border:1px solid var(--line);border-radius:11px;background:var(--surface);padding:12px 10px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:start;scroll-snap-align:start;transition:transform .2s,border-color .2s}.similar-app-card:hover{transform:translateY(-3px);border-color:#ddb0ae}.similar-app-card .app-icon{height:43px;width:43px;flex-basis:43px;border-radius:12px;font-size:19px;margin-bottom:3px}.similar-app-card strong{max-width:100%;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.similar-app-card small{font:9px "DM Sans",sans-serif;color:#d6a033}.detail-footer{border-top:1px solid var(--line);margin-top:38px;padding-top:17px;color:var(--text);font:700 9px "DM Sans",sans-serif;letter-spacing:.7px;direction:ltr}.detail-footer b{color:var(--muted);font-weight:500}.detail-footer span{float:inline-end;color:var(--muted);font:9px "IBM Plex Sans Arabic",sans-serif;letter-spacing:0;direction:rtl}.detail-not-found{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.detail-not-found>span{width:60px;height:60px;border-radius:20px;display:grid;place-items:center;background:var(--red-soft);color:var(--red);font:34px "DM Sans",sans-serif}.detail-not-found h1{font-size:22px;margin:16px 0 5px}.detail-not-found p{max-width:360px;color:var(--muted);font-size:11px;line-height:1.8;margin:0 0 16px}.detail-not-found .detail-primary-button{min-width:180px}.detail-install-bar{display:none}.lightbox-backdrop[hidden]{display:none}.lightbox-backdrop{position:fixed;inset:0;z-index:40;background:#090a0edb;display:grid;place-items:center;padding:24px;backdrop-filter:blur(8px)}.lightbox-dialog{position:relative;max-width:min(90vw,540px);max-height:92vh;display:flex;align-items:center;justify-content:center;gap:16px}.lightbox-dialog img{display:block;max-height:88vh;max-width:min(65vw,390px);width:auto;height:auto;object-fit:contain;border-radius:16px;box-shadow:0 24px 80px #0007}.lightbox-close,.lightbox-prev,.lightbox-next{width:38px;height:38px;border:1px solid #ffffff3b;background:#191a20;color:white;border-radius:50%;font:24px "DM Sans",sans-serif}.lightbox-close{position:absolute;top:-16px;right:-16px;z-index:1}.lightbox-prev,.lightbox-next{flex:0 0 38px}.lightbox-open{overflow:hidden}
body[dir=ltr] .detail-footer span{float:inline-end;direction:ltr}
@media(max-width:760px){.detail-page{min-height:calc(100vh - 65px)}.detail-content{padding:15px 17px 116px}.detail-toolbar{margin-bottom:21px}.detail-app-header{gap:13px}.detail-app-icon{width:67px;height:67px;flex-basis:67px;border-radius:18px;font-size:30px}.detail-app-title-row h1{font-size:20px}.detail-developer{font-size:10px}.detail-category{font-size:9px}.detail-stats{margin:21px 0 18px;padding:13px 0;grid-template-columns:repeat(5,minmax(65px,1fr));overflow-x:auto;scrollbar-width:none}.detail-stats::-webkit-scrollbar{display:none}.detail-stat strong{font-size:11px}.detail-stat small{font-size:8px}.detail-primary-button{min-width:0;min-height:45px;flex:1;font-size:11px}.detail-version{font-size:9px;white-space:nowrap}.detail-section{margin-top:32px}.detail-section-heading h2{font-size:16px}.detail-kicker{font-size:7px}.screenshot-rail,.similar-rail{gap:10px;margin-inline:-17px;padding-inline:17px}.screenshot-card{width:min(57vw,205px);border-radius:13px}.feature-list{grid-template-columns:1fr;gap:7px;margin-top:13px}.feature-list li{padding:9px 10px}.rating-overview{grid-template-columns:105px 1fr;gap:12px;padding:12px}.rating-score{padding-inline-end:10px}.rating-score strong{font-size:40px}.rating-score>span{font-size:10px}.rating-score small{font-size:8px;text-align:center}.rating-bars{gap:5px}.rating-bars-label{font-size:8px}.rating-bar-row{grid-template-columns:21px 1fr;gap:5px;font-size:8px}.review-list{grid-template-columns:1fr}.review-card{padding:12px}.app-facts>div{min-height:58px;padding:10px}.app-facts span{font-size:8px}.app-facts strong{font-size:9px}.similar-app-card{flex-basis:103px;min-height:121px}.detail-footer{margin-top:30px}.detail-install-bar:not([hidden]){position:fixed;z-index:9;inset:auto 0 0;min-height:70px;padding:9px 17px calc(9px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -8px 25px #10111612}.detail-install-bar .app-icon{width:38px;height:38px;flex:0 0 38px;border-radius:11px;font-size:17px}.sticky-app-name{min-width:0;flex:1;font-size:10px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky-app-name small{display:block;font:9px "DM Sans","IBM Plex Sans Arabic",sans-serif;color:var(--muted);margin-top:2px}.sticky-install-button{min-height:40px;min-width:125px;border:0;border-radius:8px;background:var(--red);color:white;padding:0 12px;font-size:10px;font-weight:600;transition:transform .2s,background .2s}.detail-open .mobile-nav{display:none}.lightbox-backdrop{padding:16px}.lightbox-dialog{max-width:100%;gap:8px}.lightbox-dialog img{max-width:calc(100vw - 106px);max-height:80vh;border-radius:12px}.lightbox-close{top:-12px;right:-5px;width:33px;height:33px;font-size:21px}.lightbox-prev,.lightbox-next{width:32px;height:32px;flex-basis:32px;font-size:20px}.detail-not-found{min-height:65vh}}
@media(max-width:390px){.detail-content{padding-inline:13px}.detail-stats{margin-inline:-13px;padding-inline:13px}.screenshot-rail,.similar-rail{margin-inline:-13px;padding-inline:13px}.detail-install-bar:not([hidden]){padding-inline:12px}.sticky-install-button{min-width:112px}.review-write-button{padding:7px;font-size:8px}.rating-overview{grid-template-columns:92px 1fr}}

/* Store browsing layout */
:root{--bg:#fff;--surface:#fff;--surface-2:#f5f6f7}
body[data-theme=dark]{--bg:#101116;--surface:#181a21;--surface-2:#21232b}
.sidebar>.brand{display:none}.topbar{direction:ltr;display:grid;grid-template-columns:minmax(185px,1fr) minmax(240px,450px) minmax(185px,1fr);gap:22px;height:76px;padding-inline:clamp(20px,4vw,58px)}.topbar-brand{display:flex;align-items:center;justify-self:start;gap:10px;text-decoration:none;color:var(--text);direction:ltr;white-space:nowrap}.topbar-brand .brand-symbol{width:34px;height:34px;border-radius:10px}.topbar-brand .brand-name{font-size:12px}.topbar .search-wrap{width:100%;height:43px;border-radius:24px;padding:0 16px;background:var(--surface-2);border-color:transparent}.topbar .search-wrap:focus-within{border-color:#e4b7b5;background:var(--surface);box-shadow:0 0 0 3px #8b000010}.topbar .search-wrap input{direction:rtl;font-size:12px}.top-actions{justify-self:end}.store-tabs{position:sticky;top:76px;z-index:3;display:flex;align-items:stretch;gap:22px;padding:0 clamp(20px,4vw,58px);height:48px;overflow-x:auto;scrollbar-width:none;background:var(--bg);border-bottom:1px solid var(--line);white-space:nowrap}.store-tabs::-webkit-scrollbar{display:none}.store-tab{position:relative;flex:0 0 auto;min-width:52px;padding:0 5px;border:0;background:transparent;color:var(--muted);font-size:11px;font-weight:500}.store-tab:hover{color:var(--text)}.store-tab.active{color:var(--red);font-weight:600}.store-tab.active:after{position:absolute;content:"";height:3px;border-radius:3px 3px 0 0;background:var(--red);inset:auto 0 0}.page-content{max-width:1320px;padding:24px clamp(22px,4vw,58px) 30px}.spotlight-section{margin:0 0 28px}.spotlight-card{height:222px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:linear-gradient(110deg,var(--surface-2),var(--surface));display:grid;grid-template-columns:minmax(0,1.35fr) minmax(190px,.65fr);isolation:isolate}.spotlight-copy{position:relative;z-index:1;align-self:center;padding:22px 27px}.spotlight-eyebrow{display:flex;align-items:center;gap:7px;font-size:8px;font-weight:600;color:var(--muted);letter-spacing:.35px}.spotlight-eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--red)}.spotlight-copy h1{font-size:23px;font-weight:600;letter-spacing:-.4px;margin:9px 0 4px}.spotlight-copy>p{font-size:10px;color:var(--muted);margin:0;line-height:1.75;max-width:400px}.spotlight-app{display:flex;align-items:center;gap:10px;margin-top:13px;width:min(410px,100%);cursor:pointer}.spotlight-app .app-icon,.spotlight-art-icon .app-icon{width:38px;height:38px;flex:0 0 38px;border-radius:11px;font-size:18px}.spotlight-app>span:nth-child(2){min-width:0;flex:1}.spotlight-app strong,.spotlight-app small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spotlight-app strong{font-size:10px}.spotlight-app small{font-size:8px;color:var(--muted);margin-top:3px}.spotlight-open{border:1px solid #e8b8b6;border-radius:7px;background:var(--surface);color:var(--red);padding:7px 10px;font-size:9px;font-weight:600}.spotlight-open:hover{background:var(--red-soft)}.spotlight-controls{display:flex;align-items:center;gap:9px;margin-top:12px}.spotlight-controls button{width:24px;height:24px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--text);font-size:16px;line-height:1}.spotlight-controls button:hover{border-color:var(--red);color:var(--red)}.spotlight-controls>span{display:flex;align-items:center;gap:6px;color:var(--muted);font:8px "DM Sans",sans-serif}.spotlight-controls>span i{height:1px;width:18px;background:var(--red)}.spotlight-controls>span:first-letter{color:var(--text)}.spotlight-art{position:absolute;inset:0 65% 0 0;width:35%;height:100%;padding:0;border:0;background:transparent;overflow:hidden;cursor:pointer}.spotlight-art:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,transparent 58%,var(--surface-2) 100%);pointer-events:none}.spotlight-art>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 25%;opacity:.8}.spotlight-art-icon{position:absolute;z-index:2;bottom:15px;left:15px;filter:drop-shadow(0 3px 8px #0005)}.category-strip-section{margin:0 0 26px}.category-strip-section .section-heading{margin-bottom:11px}.section-kicker{font-size:8px}.category-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.category-tile{min-height:57px;padding:8px 10px;border-radius:9px;gap:8px}.category-tile:hover{transform:translateY(-1px);box-shadow:none;background:var(--surface-2);border-color:var(--line)}.category-emoji{width:30px;height:30px;flex-basis:30px;font-size:14px;border-radius:9px}.category-tile strong{font-size:9px}.category-tile small{font-size:7px}.app-section{margin:0}.app-shelf{margin-top:22px}.shelf-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.shelf-heading h2{margin:0;font-size:15px;line-height:1.5;font-weight:600;letter-spacing:-.15px}.shelf-see-all{border:0;background:transparent;color:var(--red);font-size:9px;font-weight:600;padding:5px 0 5px 5px}.shelf-see-all span{font-size:14px;margin-inline-start:5px}.shelf-row{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:1px 1px 8px;scrollbar-width:thin;scrollbar-color:#d6d7dc transparent}.shelf-row::-webkit-scrollbar{height:5px}.shelf-row::-webkit-scrollbar-thumb{background:#d6d7dc;border-radius:4px}.app-card{flex:0 0 172px;width:172px;min-height:107px;padding:11px;border-radius:10px;box-shadow:none;scroll-snap-align:start}.app-card:hover{transform:translateY(-2px);box-shadow:0 5px 16px #16181d0a}.app-card-top{align-items:center;gap:9px}.app-card .app-icon{width:45px;height:45px;flex-basis:45px;border-radius:13px;font-size:21px}.app-info{min-width:0}.app-name{font-size:10px}.app-developer{font-size:8px}.favorite-button{width:22px;height:22px;font-size:14px}.app-details{justify-content:flex-start;gap:8px;margin-top:10px;padding-top:7px;white-space:nowrap}.app-rating{font-size:9px}.app-size{color:var(--muted);font:8px "DM Sans",sans-serif}.app-price{margin-inline-start:auto;font-size:8px}.app-price.free{color:#39936b}.category-strip-section[hidden],#spotlight-section[hidden],#shelves[hidden],#browse-page[hidden]{display:none!important}.browse-page{min-height:55vh}.browse-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:7px 0 21px}.browse-heading h1{font-size:23px;font-weight:600;margin:5px 0 2px}.browse-heading p{font-size:10px;color:var(--muted);margin:0}.browse-filters{display:flex;gap:9px}.browse-filters label{display:grid;gap:4px;color:var(--muted);font-size:8px}.browse-filters select{min-width:105px;height:34px;padding:0 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font:10px "IBM Plex Sans Arabic",sans-serif}.browse-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.browse-grid .app-card{width:auto;min-height:104px}.load-more-sentinel{height:36px;padding:10px;text-align:center;color:var(--muted);font-size:9px}.browse-page .empty-state{grid-column:1/-1}.topbar-brand:hover .brand-name{color:var(--red)}.store-tabs[hidden]{display:none!important}
body[dir=ltr] .topbar .search-wrap input{direction:ltr}body[dir=ltr] .spotlight-art{left:65%;right:0}body[dir=ltr] .spotlight-art:before{background:linear-gradient(270deg,transparent 58%,var(--surface-2) 100%)}body[dir=ltr] .spotlight-art-icon{left:auto;right:15px}
@media(max-width:1150px){.topbar{grid-template-columns:minmax(145px,1fr) minmax(220px,400px) minmax(150px,1fr);gap:14px;padding-inline:25px}.store-tabs{padding-inline:25px}.page-content{padding-inline:25px}.category-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.browse-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.topbar{height:63px;grid-template-columns:32px minmax(0,1fr) auto;gap:8px;padding:0 13px}.topbar-brand{display:none}.mobile-brand{display:grid;place-items:center;width:32px;height:36px;border:0;background:none;padding:0}.mobile-brand .brand-symbol{width:31px;height:31px;border-radius:9px;font-size:18px}.topbar .search-wrap{height:36px;border-radius:22px;padding-inline:10px;gap:5px}.topbar .search-wrap input{font-size:9px}.topbar .search-icon{font-size:21px}.top-actions{gap:4px}.top-actions>.icon-button{width:30px;height:30px}.top-actions .profile-button{display:none}.top-actions .notification-button{display:grid}.store-tabs{top:63px;height:43px;gap:15px;padding-inline:15px}.store-tab{font-size:10px;min-width:42px}.page-content{padding:15px 15px 91px}.spotlight-section{margin-bottom:20px}.spotlight-card{height:194px;border-radius:13px;grid-template-columns:minmax(0,1.45fr) minmax(105px,.55fr)}.spotlight-copy{padding:14px 14px}.spotlight-eyebrow{font-size:7px}.spotlight-copy h1{font-size:17px;margin:7px 0 3px}.spotlight-copy>p{font-size:8px;line-height:1.65;max-width:270px}.spotlight-app{gap:7px;margin-top:10px}.spotlight-app .app-icon{width:32px;height:32px;flex-basis:32px;border-radius:9px;font-size:15px}.spotlight-app strong{font-size:8px}.spotlight-app small{font-size:7px}.spotlight-open{padding:6px 7px;font-size:7px}.spotlight-controls{margin-top:9px;gap:6px}.spotlight-controls button{width:21px;height:21px;font-size:14px}.spotlight-art{inset-inline-start:66%;width:34%}.spotlight-art-icon{bottom:11px;left:8px}.spotlight-art-icon .app-icon{width:31px;height:31px;flex-basis:31px;border-radius:9px;font-size:15px}.category-strip-section{margin-bottom:18px}.category-strip-section .section-heading h2{font-size:14px}.category-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.category-tile{min-height:49px;gap:6px;padding:6px;border-radius:8px}.category-emoji{width:27px;height:27px;flex-basis:27px;font-size:12px;border-radius:8px}.category-tile strong{font-size:8px}.category-tile small{font-size:7px}.app-shelf{margin-top:17px}.shelf-heading{margin-bottom:7px}.shelf-heading h2{font-size:13px}.shelf-see-all{font-size:8px}.shelf-row{gap:8px;margin-inline:-15px;padding-inline:15px;padding-bottom:5px;scrollbar-width:none}.shelf-row::-webkit-scrollbar{display:none}.app-card{flex-basis:144px;width:144px;min-height:94px;padding:9px;border-radius:9px}.app-card-top{gap:7px}.app-card .app-icon{width:38px;height:38px;flex-basis:38px;border-radius:11px;font-size:18px}.app-name{font-size:9px}.app-developer{font-size:7px}.favorite-button{width:20px;height:20px;font-size:13px}.app-details{gap:6px;margin-top:8px;padding-top:6px}.app-rating{font-size:8px}.app-size,.app-price{font-size:7px}.browse-heading{align-items:flex-start;flex-direction:column;margin:3px 0 15px;gap:12px}.browse-heading h1{font-size:20px}.browse-filters{width:100%}.browse-filters label{flex:1}.browse-filters select{width:100%;height:36px}.browse-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.browse-grid .app-card{min-width:0;padding:9px}.browse-grid .app-details{gap:5px}.browse-grid .app-size,.browse-grid .app-price{font-size:7px}.mobile-nav{height:62px;padding:4px 10px calc(4px + env(safe-area-inset-bottom))}.detail-open .store-tabs{display:none}}
@media(max-width:370px){.topbar{padding-inline:9px;gap:5px}.top-actions{gap:3px}.top-actions>.icon-button{width:27px;height:27px}.category-tile{gap:4px;padding:5px}.category-emoji{width:24px;height:24px;flex-basis:24px}.category-tile strong{font-size:7px}.app-card{flex-basis:137px;width:137px}.spotlight-card{height:184px}.spotlight-copy{padding-inline:10px}.spotlight-open{padding-inline:5px}}
 .store-data-note{font-size:10px;color:var(--muted)}.store-data-note.is-error{color:#c62828}.app-icon img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.review-compose{display:grid;gap:8px;max-width:560px;margin:18px 0;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.review-compose[hidden]{display:none}.review-compose label{font-size:12px;font-weight:700}.review-compose select,.review-compose textarea{width:100%;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);font:inherit}.review-compose textarea{min-height:110px;resize:vertical}.review-compose button{justify-self:start;padding:10px 18px;border:0;border-radius:20px;background:#8b0000;color:#fff;font:inherit;cursor:pointer}.review-compose button:disabled{opacity:.55;cursor:wait}
 .category-emoji{position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#fff,var(--tint) 78%);box-shadow:inset 0 1px 0 #ffffffd9,0 4px 10px #17191e12}
 .category-emoji:after{content:"";position:absolute;inset:1px;border-radius:inherit;border:1px solid #ffffff85;pointer-events:none}
 .category-emoji svg{width:88%;height:88%;overflow:visible;filter:drop-shadow(0 2px 2px #20243a18);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
 .category-tile:hover .category-emoji svg{transform:translateY(-2px) scale(1.06)}
 .category-nav-icon{display:inline-grid;place-items:center;flex:0 0 19px;height:22px}
 .category-nav-icon svg{width:21px;height:21px;overflow:visible}
 @media(max-width:760px){.category-emoji svg{width:100%;height:100%}}
 .brand-mark{background:transparent!important;border-radius:0!important;box-shadow:none!important;object-fit:contain}
 .brand .brand-mark{width:32px;height:50px;flex:0 0 32px}
 .topbar-brand .brand-mark{width:27px;height:45px;flex:0 0 27px}
 .mobile-brand .brand-mark{width:22px;height:34px;flex:0 0 22px}
 @media(max-width:760px){.mobile-brand .brand-mark{width:22px;height:34px;flex-basis:22px}}
 .app-card .app-icon{width:50px;height:50px;flex-basis:50px;font-size:23px}
 .app-card .app-name{font-size:13px}
 .app-card .app-developer{font-size:10px}
 .app-card .app-rating{font-size:10px}
 .app-card .app-size,.app-card .app-price{font-size:9px}
 @media(max-width:760px){
   .app-card .app-icon{width:41px;height:41px;flex-basis:41px;font-size:19px}
   .app-card .app-name,.browse-grid .app-name{font-size:10px}
   .app-card .app-developer{font-size:8px}
   .app-card .app-rating{font-size:9px}
   .app-card .app-size,.app-card .app-price{font-size:8px}
 }
 @media(max-width:370px){
   .app-card .app-icon{width:39px;height:39px;flex-basis:39px}
 }
 .promotional-card{width:clamp(240px,36vw,360px)}
 .promotional-card img{aspect-ratio:16/9;object-fit:cover}
 @media(max-width:760px){.promotional-card{width:min(78vw,300px)}}
 .page-content{max-width:var(--store-content-width,1320px)}
 .spotlight-card,.app-card,.category-tile{border-radius:var(--store-corner-radius,12px)}
 body[data-card-style="outlined"] .app-card{box-shadow:none;border:1px solid var(--line);background:var(--surface)}
 .announcement-bar{--announcement-bg:#17191e;--announcement-text:#fff;position:relative;z-index:6;display:flex;align-items:center;justify-content:center;gap:14px;min-height:38px;padding:8px clamp(14px,4vw,58px);overflow:hidden;background:var(--announcement-bg);color:var(--announcement-text);font-size:11px;font-weight:500}
 .announcement-bar[hidden]{display:none}
 .announcement-message{flex:0 0 auto;color:inherit;text-decoration:none}
 .announcement-message:hover{text-decoration:underline}
 .announcement-separator{flex:0 0 auto;color:var(--red);font-size:10px}
 .announcement-track{display:flex;width:max-content;align-items:center;animation:announcement-scroll var(--announcement-duration,24s) linear infinite}
 .announcement-group{display:flex;flex:0 0 auto;align-items:center;justify-content:space-around;gap:22px;padding-inline:16px}
 .announcement-bar[data-mode="marquee"]:hover .announcement-track{animation-play-state:paused}
 .announcement-bar.is-changing .announcement-message{opacity:0}
 .announcement-message{transition:opacity .18s ease}
 @keyframes announcement-scroll{to{transform:translateX(-50%)}}
 @media(prefers-reduced-motion:reduce){.announcement-track{animation:none}.announcement-message{transition:none}}
 @media(max-width:760px){.announcement-bar{min-height:34px;padding:7px 12px;font-size:10px}.announcement-group{gap:14px}}
 .announcement-bar[data-mode="stationary"]{flex-wrap:wrap;overflow:visible}
 .page-footer[hidden]{display:none}
 .spotlight-empty{min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:35px 24px;text-align:center;border:1px solid var(--line);border-radius:var(--store-corner-radius,12px);background:radial-gradient(ellipse at 50% 0%,var(--red-soft),transparent 62%),var(--surface)}
 .spotlight-empty-mark{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:15px;background:var(--surface);color:var(--red);font-size:21px}
 .spotlight-empty .section-kicker{margin-top:5px;color:var(--red)}
 .spotlight-empty h1{max-width:620px;margin:0;font-size:clamp(21px,3vw,30px);font-weight:600;letter-spacing:-.4px}
 .spotlight-empty p{max-width:520px;margin:0;color:var(--muted);font-size:12px;line-height:1.9}
 .spotlight-empty .hero-cta{margin-top:4px}
 .spotlight-empty.is-loading .spotlight-empty-mark{animation:catalog-pulse 1.4s ease-in-out infinite}
 @keyframes catalog-pulse{50%{opacity:.45;transform:scale(.94)}}
 @media(prefers-reduced-motion:reduce){.spotlight-empty.is-loading .spotlight-empty-mark{animation:none}}