html,body{height:100%;margin:0;padding:0;display:flex;flex-direction:column;background-color:#121212;font-family:Arial,sans-serif;color:#a0d1ff}body{box-sizing:border-box}.container{flex-grow:1;width:100%;max-width:800px;margin:0 auto;padding:20px;box-sizing:border-box}.controls{text-align:center;margin:0 auto 20px;padding:8px;background-color:#1c2a39;border:1px solid #66b2ff;display:table}select{padding:4px;background-color:#121212;color:#a0d1ff;border:1px solid #66b2ff;font-size:14px}h1,h2{text-align:center;color:#66b2ff}.mihon,.aniyomi{margin-top:20px}.grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.card{background-color:#1c2a39;border:1px solid #2c3e50;padding:20px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;flex:1 1 300px;max-width:350px}.card:hover{border-color:#66b2ff}.card-header{margin-bottom:15px}.card-title{font-size:1.2em;font-weight:700;color:#a0d1ff;text-decoration:none;display:block;margin-bottom:8px}.card-title:hover{color:#fff}.card-meta{font-size:.85em;color:#6c8b9f;font-family:monospace}.extension-card{flex-direction:row;align-items:center;max-width:100%;text-align:left}.extension-icon{width:64px;height:64px;margin-right:20px;border-radius:12px;object-fit:cover;background-color:#2c3e50;flex-shrink:0}.extension-details{flex-grow:1;display:flex;flex-direction:column;min-width:0}.extension-details .card-header{margin-bottom:5px}.extension-details .pkg-name{font-size:.8em;color:#555;margin-bottom:10px;word-break:break-all}.extension-details .card-actions{justify-content:flex-start}.extension-details .btn{flex:0 0 auto;padding:6px 12px;font-size:.85em}.table-container{overflow-x:auto;background-color:#1c2a39;border:1px solid #2c3e50}.extensions-table{width:100%;border-collapse:collapse;text-align:left}.extensions-table th,.extensions-table td{padding:6px 10px;border-bottom:1px solid #2c3e50}.extensions-table th{background-color:#15202b;color:#66b2ff;font-weight:700;text-transform:uppercase;font-size:.85em}.extensions-table tr:last-child td{border-bottom:none}.extensions-table tr:hover{background-color:#253646}.extension-icon-small{width:32px;height:32px;border-radius:6px;object-fit:cover;background-color:#2c3e50;display:block}.extension-name{font-weight:700;color:#a0d1ff;font-size:.95em;display:flex;align-items:center;gap:8px}.nsfw-badge{display:inline-block;background-color:#e74c3c;color:#fff;padding:2px 6px;border-radius:3px;font-size:.7em;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.extension-pkg{font-size:.75em;color:#6c8b9f;font-family:monospace;margin-top:2px}.extension-source{font-size:.7em;color:#8a9ba8;margin-top:3px;font-style:italic}.meta-cell{font-size:.9em;color:#ccc;white-space:nowrap}.meta-cell .version{display:inline-block;margin-right:8px;color:#a0d1ff}.meta-cell .lang{display:inline-block;background-color:#2c3e50;padding:1px 5px;border-radius:3px;font-size:.8em;color:#a0d1ff}.search-container{margin-bottom:20px;text-align:center}.search-input{width:100%;max-width:600px;padding:12px 15px;background-color:#1c2a39;border:1px solid #2c3e50;color:#a0d1ff;font-size:16px;box-sizing:border-box;border-radius:4px;transition:border-color .2s}.search-input:focus{outline:none;border-color:#66b2ff}.filter-bar{display:flex;gap:15px;margin-bottom:20px;padding:15px;background-color:#1c2a39;border:1px solid #2c3e50;border-radius:4px;flex-wrap:wrap;align-items:center}.filter-group{display:flex;align-items:center;gap:8px}.filter-group label{color:#a0d1ff;font-size:14px;white-space:nowrap}.filter-group select{padding:6px 10px;background-color:#121212;color:#a0d1ff;border:1px solid #66b2ff;border-radius:3px;font-size:14px;cursor:pointer;min-width:150px}.filter-group select:focus{outline:none;border-color:#89cfff}.filter-checkbox{margin-left:auto}.filter-checkbox label{display:flex;align-items:center;gap:6px;cursor:pointer}.filter-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#66b2ff}.filter-checkbox span{-webkit-user-select:none;user-select:none}.page-header{display:flex;justify-content:center;align-items:center;margin-bottom:20px;position:relative}.page-header h1{margin:0}.header-btn{position:absolute;right:0}.commit-link{color:inherit;text-decoration:none;transition:all .2s;border-bottom:1px dotted transparent}.commit-link:hover{color:#66b2ff;border-bottom-color:#66b2ff;text-shadow:0 0 8px rgba(102,178,255,.4)}.card-actions{margin-top:auto;display:flex;gap:10px}.btn{flex:1;padding:10px;text-align:center;text-decoration:none;font-weight:700;transition:all .2s;font-size:.9em;display:flex;align-items:center;justify-content:center;cursor:pointer}.btn-sm{padding:6px 12px;font-size:.85em}.btn-primary{background-color:#196ec8;color:#fff;border:1px solid #196ec8}.btn-primary:hover{background-color:#155a9c;border-color:#155a9c}.btn-secondary{background-color:transparent;border:1px solid #66b2ff;color:#66b2ff}.btn-secondary:hover{background-color:#66b2ff1a}footer{text-align:center;padding:10px 0;background-color:#1c2a39;border-top:2px solid #66b2ff;color:#a0d1ff;width:100%;margin-top:auto}footer a{color:#66b2ff;text-decoration:none}footer a:hover{color:#89cfff}@media(max-width:600px){.container{padding:10px}.page-header{flex-direction:column;position:static;gap:10px}.header-btn,.page-header .btn{position:static;width:auto;min-width:120px}.page-header h1{font-size:1.5em;margin-bottom:5px}.extensions-table th,.extensions-table td{padding:8px 5px;font-size:.9em}.extension-pkg{display:none}.meta-cell .version{display:block;margin-right:0;margin-bottom:2px}.meta-cell .lang{display:inline-block}.card{flex:1 1 100%;max-width:100%}.filter-bar{flex-direction:column;gap:12px;padding:12px}.filter-group{width:100%;flex-direction:column;align-items:flex-start;gap:5px}.filter-group select{width:100%}.filter-checkbox{margin-left:0;width:100%}}