*{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#121212;--surface:#1e1e1e;--card:#2a2a2a;--border:#333;--text:#e0e0e0;--text-secondary:#999;--accent:#3ddc84;--accent-dark:#2bb868;--star:#fdd835}
html{font-size:16px;scroll-behavior:smooth;background:#0d0d0d}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:var(--bg);color:var(--text);max-width:480px;margin:0 auto;min-height:100vh;-webkit-font-smoothing:antialiased;box-shadow:0 0 60px rgba(0,0,0,.35)}
button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}
.topbar{height:49px;display:flex;align-items:center;padding:9px 16px;background:var(--surface);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border)}
.topbar-logo{display:flex;align-items:center;flex:1;height:30px;text-decoration:none;overflow:hidden}.topbar-logo img{display:block;width:122px;height:29px;object-fit:cover;object-position:left center}
.topbar-actions{display:flex;gap:12px;align-items:center}.icon-action{width:26px;height:26px;display:grid;place-items:center;border:0;background:transparent;color:var(--text-secondary);cursor:pointer}.icon-action svg{width:22px;height:22px;fill:currentColor}.search-toggle svg{fill:none;stroke:currentColor;stroke-width:2}
.search-panel{position:sticky;z-index:90;top:49px;max-height:0;padding:0 16px;overflow:hidden;background:var(--surface);border-bottom:1px solid transparent;transition:.2s}.search-panel.open{max-height:72px;padding-top:10px;padding-bottom:10px;border-color:var(--border)}.search-panel label{height:42px;display:flex;align-items:center;gap:9px;padding:0 13px;border-radius:999px;background:#2a2a2a}.search-panel input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}.search-panel span{font-size:20px;color:var(--text-secondary)}
.app-header{display:flex;align-items:flex-start;padding:20px 16px;gap:16px}.app-icon{width:80px;height:80px;border-radius:20px;object-fit:cover;flex-shrink:0;box-shadow:0 2px 12px rgba(0,0,0,.4)}.app-info{flex:1;padding-top:4px}.app-name{font-size:22px;font-weight:600;color:#fff;line-height:1.3}.app-developer{font-size:14px;color:var(--accent);margin-top:4px;font-weight:500}.app-tag{font-size:12px;color:var(--text-secondary);margin-top:4px}
.stats-row{display:flex;align-items:center;justify-content:space-around;padding:12px 16px;margin:0 16px;background:var(--surface);border-radius:12px;border:1px solid var(--border)}.stat-item{text-align:center;flex:1}.stat-value{min-height:18px;font-size:14px;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center;gap:3px}.stat-value .star{color:var(--star);font-size:13px}.stat-label{font-size:11px;color:var(--text-secondary);margin-top:2px}.stat-divider{width:1px;height:28px;background:var(--border)}.age-badge{display:grid;place-items:center;width:18px;height:18px;border:1px solid #aaa;border-radius:2px;font-size:8px}
.install-section{padding:16px}.install-btn{display:block;width:100%;padding:14px;background:var(--accent);color:#000;border:0;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;text-align:center;transition:.2s;letter-spacing:.3px}.install-btn:active{background:var(--accent-dark)}.install-btn:disabled{cursor:wait;opacity:.7}.install-hint{text-align:center;font-size:11px;color:var(--text-secondary);margin-top:6px}
.divider{height:1px;background:var(--border);margin:0 16px}.section-divider{margin-top:20px}
.section{padding:20px 16px 8px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-title{font-size:17px;font-weight:600;color:#fff}.section-arrow{color:var(--text-secondary);font-size:20px}.screenshots-heading,.safety-heading,.similar-heading{padding-bottom:8px}
.screenshots-wrapper{position:relative;margin:0 16px 8px}.screenshots{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-behavior:smooth;padding:0 0 3px}.screenshots::-webkit-scrollbar{display:none}.screenshot-item{flex-shrink:0;scroll-snap-align:center}.screenshot-item img{display:block;width:200px;height:356px;object-fit:cover;border-radius:12px;border:1px solid var(--border);transition:transform .3s,opacity .3s}.screenshot-item.active img{transform:scale(1.03);border-color:var(--accent)}.carousel-dots{display:flex;justify-content:center;gap:6px;margin-top:12px}.carousel-dot{width:6px;height:6px;padding:0;border:0;border-radius:50%;background:var(--border);transition:.3s;cursor:pointer}.carousel-dot.active{background:var(--accent);width:18px;border-radius:3px}
.about-text{font-size:14px;line-height:1.7;color:var(--text-secondary)}.about-text strong{color:var(--text)}.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.tag{padding:6px 14px;border-radius:20px;border:1px solid var(--border);font-size:12px;color:var(--text-secondary);background:var(--surface)}
.safety-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;margin:0 16px}.safety-item{display:flex;align-items:center;gap:12px;padding:10px 0}.safety-item:not(:last-child){border-bottom:1px solid var(--border)}.safety-icon{width:36px;height:36px;border-radius:50%;background:var(--card);display:grid;place-items:center;flex-shrink:0;color:var(--text-secondary);font-size:18px}.safety-text{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.5}.safety-text strong{color:var(--text);font-weight:500}
.rating-block{display:flex;align-items:center;gap:24px;margin-bottom:16px}.rating-big{text-align:center}.rating-number{font-size:48px;font-weight:300;color:#fff;line-height:1}.rating-stars{color:var(--star);font-size:14px;letter-spacing:1px;margin-top:6px}.rating-count{font-size:12px;color:var(--text-secondary);margin-top:4px}.rating-bars{flex:1}.bar-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.bar-label{font-size:12px;color:var(--text-secondary);width:10px;text-align:right}.bar-track{flex:1;height:8px;background:var(--card);border-radius:4px;overflow:hidden}.bar-fill{display:block;height:100%;background:var(--accent);border-radius:4px}
.review-card{background:var(--surface);border-radius:12px;padding:14px;margin-bottom:10px;border:1px solid var(--border)}.review-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}.review-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:600;color:#fff;flex-shrink:0}.review-avatar.blue{background:#5c6bc0}.review-avatar.teal{background:#26a69a}.review-avatar.red{background:#ef5350}.review-name{font-size:13px;color:var(--text);font-weight:500}.review-meta{display:flex;align-items:center;gap:8px;margin-bottom:6px}.review-stars{color:var(--star);font-size:12px}.review-stars i{color:#555;font-style:normal}.review-date{font-size:12px;color:var(--text-secondary)}.review-text{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.6}
.similar-row{display:flex;gap:16px;overflow-x:auto;padding:0 16px 8px;scrollbar-width:none}.similar-row::-webkit-scrollbar{display:none}.similar-item{flex-shrink:0;text-align:center;width:72px}.similar-icon{display:block;width:56px;height:56px;border-radius:14px;margin:0 auto 6px;border:1px solid var(--border)}.sim-one{background:linear-gradient(135deg,#667eea,#764ba2)}.sim-two{background:linear-gradient(135deg,#f093fb,#f5576c)}.sim-three{background:linear-gradient(135deg,#4facfe,#00f2fe)}.sim-four{background:linear-gradient(135deg,#43e97b,#38f9d7)}.sim-five{background:linear-gradient(135deg,#fa709a,#fee140)}.similar-name{font-size:11px;color:var(--text-secondary);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.similar-rating{font-size:10px;color:var(--text-secondary);margin-top:2px}
.footer{padding:24px 16px 40px;border-top:1px solid var(--border);margin-top:16px}.footer-brand{display:flex;width:max-content;height:22px;overflow:hidden}.footer-brand img{display:block;width:95px;height:22px;object-fit:cover;object-position:left}.footer-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin:12px 0}.footer-links a{font-size:12px;color:var(--text-secondary);text-decoration:none}.footer-copy{font-size:11px;color:#666;margin-top:8px}
.install-modal{position:fixed;z-index:200;inset:0;display:grid;place-items:center;padding:20px;visibility:hidden;opacity:0;transition:.2s}.install-modal.open{visibility:visible;opacity:1}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(5px)}.modal-card{position:relative;width:min(100%,390px);padding:28px;border:1px solid #3b3b3b;border-radius:18px;background:#202020;box-shadow:0 30px 80px rgba(0,0,0,.6)}.modal-card>img{width:64px;height:64px;border-radius:16px;object-fit:cover}.modal-card h2{margin:16px 0 9px;font-size:22px}.modal-card p{margin:0;color:#aaa;font-size:13px;line-height:1.55}.modal-card code{color:#65e7aa}.modal-close{position:absolute;right:13px;top:9px;border:0;background:transparent;color:#aaa;font-size:28px;cursor:pointer}.modal-ok{width:100%;margin-top:22px;padding:12px;border:0;border-radius:8px;background:var(--accent);color:#07140d;font-weight:700;cursor:pointer}.modal-open{overflow:hidden}
@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.app-header,.stats-row,.install-section,.section,.screenshots,.safety-card,.review-card,.similar-row{animation:fadeIn .4s ease both}
@media(max-width:360px){.app-icon{width:72px;height:72px;border-radius:18px}.app-name{font-size:20px}.screenshot-item img{width:184px;height:328px}.rating-block{gap:15px}.rating-number{font-size:43px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}