@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--blue: #0071e3;--blue-light: #e8f1fb;--blue-hover: #0077ed;--bg: #f5f5f7;--surface: #ffffff;--surface-2: #f5f5f7;--surface-3: #e8e8ed;--text-1: #1d1d1f;--text-2: #6e6e73;--text-3: #aeaeb2;--border: rgba(0,0,0,.08);--radius-sm: 10px;--radius: 16px;--radius-lg: 22px;--radius-xl: 28px;--shadow-sm: 0 2px 8px rgba(0,0,0,.06);--shadow: 0 4px 20px rgba(0,0,0,.08);--shadow-lg: 0 12px 40px rgba(0,0,0,.12)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text-1);line-height:1.5;-webkit-font-smoothing:antialiased}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.marketplace-header{background:#ffffffd9;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.header-content{display:flex;align-items:center;justify-content:space-between;height:52px}.logo{display:flex;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:700;color:var(--text-1);text-decoration:none;letter-spacing:-.02em}.logo-icon{font-size:1.4rem}.header-actions{display:flex;align-items:center;gap:.75rem}.btn-icon-toggle{background:var(--surface-2);border:none;width:34px;height:34px;border-radius:50%;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.btn-icon-toggle:hover{background:var(--surface-3)}.user-menu{display:flex;align-items:center;gap:.75rem}.user-name{font-size:.875rem;font-weight:500;color:var(--text-2)}.btn-login{background:var(--blue);color:#fff;border:none;padding:.45rem 1rem;border-radius:980px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-login:hover{background:var(--blue-hover)}.btn-logout{background:transparent;color:var(--blue);border:none;font-size:.8rem;font-weight:600;cursor:pointer;padding:.45rem .75rem;border-radius:980px;transition:background .2s}.btn-logout:hover{background:var(--blue-light)}.category-nav{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:52px;z-index:99}.category-nav-inner{display:flex;align-items:center;gap:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:0}.category-nav-inner::-webkit-scrollbar{display:none}.cat-tab{display:flex;align-items:center;gap:.4rem;padding:0 1.25rem;height:44px;font-size:.8rem;font-weight:500;color:var(--text-2);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s;flex-shrink:0}.cat-tab:hover{color:var(--text-1)}.cat-tab.active{color:var(--blue);border-bottom-color:var(--blue);font-weight:600}.cat-tab .cat-emoji{font-size:.95rem}.search-wrap{background:var(--surface);padding:1rem 0;border-bottom:1px solid var(--border)}.search-bar-row{display:flex;align-items:center;gap:.75rem}.search-field{flex:1;display:flex;align-items:center;gap:.5rem;background:var(--surface-2);border-radius:10px;padding:0 .875rem;height:38px}.search-field svg{color:var(--text-3);flex-shrink:0}.search-input{flex:1;border:none;background:none;outline:none;font-family:inherit;font-size:.875rem;color:var(--text-1)}.search-input::placeholder{color:var(--text-3)}.platform-tabs{display:flex;background:var(--surface-2);border-radius:10px;padding:3px;gap:2px}.platform-tab{padding:.3rem .875rem;border-radius:7px;border:none;background:none;font-family:inherit;font-size:.8rem;font-weight:500;color:var(--text-2);cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.platform-tab.active{background:var(--surface);color:var(--text-1);box-shadow:var(--shadow-sm);font-weight:600}.main-content{padding:2rem 0 4rem}.results-info{font-size:.8rem;color:var(--text-3);font-weight:500;padding:0 0 1.25rem}.featured-section{margin-bottom:2.5rem}.section-title{font-size:1.375rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1.25rem;color:var(--text-1)}.featured-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.featured-card{background:var(--surface);border-radius:var(--radius-lg);padding:1.5rem;cursor:pointer;border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s;display:flex;align-items:center;gap:1rem;overflow:hidden;position:relative}.featured-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#fff0 60%,#0071e30a);pointer-events:none}.featured-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.featured-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;color:#fff;flex-shrink:0}.featured-info{flex:1;min-width:0}.featured-name{font-size:.9rem;font-weight:700;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.featured-cat{font-size:.75rem;color:var(--text-2);margin-top:2px}.apps-section-title{font-size:1.375rem;font-weight:700;letter-spacing:-.02em;color:var(--text-1);margin-bottom:1.25rem}.app-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1px;background:var(--border);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}.app-card{background:var(--surface);padding:1.25rem 1.25rem 1rem;cursor:pointer;transition:background .15s;display:flex;flex-direction:column;gap:0;position:relative}.app-card:hover{background:#fafafa}.app-card:hover .app-get-btn{background:var(--blue-light);color:var(--blue)}.app-card-top{display:flex;align-items:flex-start;gap:.875rem;margin-bottom:.75rem}.app-icon{width:60px;height:60px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;color:#fff;flex-shrink:0;box-shadow:0 2px 8px #00000026}.app-card-info{flex:1;min-width:0}.app-name{font-size:.95rem;font-weight:700;letter-spacing:-.01em;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;margin-bottom:2px}.app-category-label{font-size:.75rem;color:var(--text-2);font-weight:500;margin-bottom:.35rem}.app-rating-row{display:flex;align-items:center;gap:.25rem}.star-fill{color:#f59e0b;font-size:.7rem}.rating-val{font-size:.72rem;font-weight:600;color:var(--text-2)}.app-get-btn{align-self:flex-start;margin-top:4px;background:var(--surface-2);color:var(--blue);border:none;padding:.3rem .875rem;border-radius:980px;font-size:.8rem;font-weight:700;cursor:pointer;transition:background .15s;white-space:nowrap;font-family:inherit}.app-description{font-size:.8rem;color:var(--text-2);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.875rem}.app-footer{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding-top:.875rem;border-top:1px solid var(--border);margin-top:auto}.platform-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .6rem;border-radius:980px;font-size:.7rem;font-weight:600;letter-spacing:.01em}.platform-badge.mobile{background:#e3f2fd;color:#1565c0}.platform-badge.web{background:#e8f5e9;color:#2e7d32}.platform-badge.pc{background:#ede7f6;color:#4527a0}.app-downloads{margin-left:auto;font-size:.7rem;color:var(--text-3);font-weight:500}.no-results{text-align:center;padding:4rem 2rem;color:var(--text-2);font-size:1rem;background:var(--surface);border-radius:var(--radius);grid-column:1 / -1}.pagination{display:flex;justify-content:center;gap:.5rem;margin-top:2rem}.page-btn{width:36px;height:36px;border-radius:50%;border:none;background:var(--surface-2);color:var(--text-2);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.page-btn.active{background:var(--blue);color:#fff}.page-btn:hover:not(.active){background:var(--surface-3)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:200;display:flex;align-items:center;justify-content:center;padding:1.5rem}.modal-content{background:var(--surface);border-radius:var(--radius-xl);width:100%;max-width:680px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);position:relative}.modal-close{position:absolute;top:1.25rem;right:1.25rem;background:var(--surface-2);border:none;width:32px;height:32px;border-radius:50%;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-2);z-index:2;transition:background .15s}.modal-close:hover{background:var(--surface-3)}.modal-header{display:flex;align-items:flex-start;gap:1.25rem;padding:2rem 2rem 1.5rem;border-bottom:1px solid var(--border)}.modal-icon{width:88px;height:88px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2.25rem;font-weight:800;color:#fff;flex-shrink:0;box-shadow:0 4px 16px #00000026}.modal-title-area{flex:1;padding-top:.25rem}.modal-app-name{font-size:1.4rem;font-weight:800;letter-spacing:-.03em;color:var(--text-1);margin-bottom:.2rem}.modal-developer{font-size:.85rem;color:var(--text-2);font-weight:500;margin-bottom:.75rem}.modal-tags{display:flex;flex-wrap:wrap;gap:.4rem}.modal-tag{background:var(--blue-light);color:var(--blue);padding:.2rem .6rem;border-radius:980px;font-size:.72rem;font-weight:600}.modal-stats-bar{display:flex;border-bottom:1px solid var(--border)}.modal-stat{flex:1;padding:1rem;text-align:center;border-right:1px solid var(--border)}.modal-stat:last-child{border-right:none}.modal-stat-value{font-size:1rem;font-weight:700;color:var(--text-1);display:block}.modal-stat-label{font-size:.7rem;color:var(--text-3);font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-top:2px;display:block}.modal-body{padding:1.75rem 2rem 2rem}.modal-action-row{display:flex;gap:.75rem;margin-bottom:1.75rem;flex-wrap:wrap}.btn-get{flex:1;min-width:140px;background:var(--blue);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:980px;font-size:.9rem;font-weight:700;cursor:pointer;transition:background .2s;font-family:inherit}.btn-get:hover{background:var(--blue-hover)}.btn-github-modal,.btn-docs-modal{padding:.75rem 1.25rem;border-radius:980px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;transition:background .15s;font-family:inherit;border:none;cursor:pointer}.btn-github-modal{background:var(--surface-2);color:var(--text-1)}.btn-github-modal:hover{background:var(--surface-3)}.btn-docs-modal{background:#e8f5e9;color:#2e7d32}.btn-docs-modal:hover{background:#c8e6c9}.modal-platforms-row{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.modal-section-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-bottom:.5rem}.modal-description{font-size:.925rem;color:var(--text-2);line-height:1.7;margin-bottom:1.75rem}.modal-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;background:var(--surface-2);border-radius:var(--radius);padding:1.25rem;margin-bottom:1.75rem}.modal-info-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);display:block;margin-bottom:3px}.modal-info-value{font-size:.875rem;font-weight:600;color:var(--text-1)}.modal-info-value.blue{color:var(--blue)}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:var(--bg)}.loading-spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen p{font-size:.875rem;color:var(--text-2);font-weight:500}.error-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;padding:2rem}.error-container h2{font-size:1.5rem;font-weight:700}.error-container p{color:var(--text-2)}.btn-primary{background:var(--blue);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:980px;font-size:.875rem;font-weight:600;cursor:pointer;font-family:inherit}.marketplace-footer{border-top:1px solid var(--border);padding:1.5rem 0;background:var(--surface)}.footer-content{display:flex;justify-content:center;font-size:.8rem;color:var(--text-3);font-weight:500}body.dark-mode{--bg: #000000;--surface: #1c1c1e;--surface-2: #2c2c2e;--surface-3: #3a3a3c;--text-1: #f5f5f7;--text-2: #aeaeb2;--text-3: #636366;--border: rgba(255,255,255,.1);--blue-light: rgba(0,113,227,.15);--shadow-sm: 0 2px 8px rgba(0,0,0,.3);--shadow: 0 4px 20px rgba(0,0,0,.4);--shadow-lg: 0 12px 40px rgba(0,0,0,.5)}body.dark-mode .app-card:hover{background:#232325}body.dark-mode .platform-badge.mobile{background:#1565c033}body.dark-mode .platform-badge.web{background:#2e7d3233}body.dark-mode .platform-badge.pc{background:#4527a033}body.dark-mode .modal-tag{background:#0071e333}@media (max-width: 768px){.container{padding:0 1rem}.featured-strip{grid-template-columns:1fr 1fr}.app-list-grid{grid-template-columns:1fr}.modal-header{flex-direction:column;align-items:center;text-align:center}.modal-title-area{text-align:center}.modal-tags{justify-content:center}.modal-info-grid{grid-template-columns:1fr 1fr}.search-bar-row{flex-direction:column;align-items:stretch}.platform-tabs{justify-content:center}}@media (max-width: 480px){.featured-strip{grid-template-columns:1fr}.modal-stats-bar{flex-wrap:wrap}.modal-stat{min-width:50%}}