.search-container{max-width:1100px;width:100%;margin:-2.5rem auto 1.5rem;padding:0 1rem;position:relative;z-index:10}.search-form{width:100%}.search-input-wrapper{display:flex;align-items:center;background:#fffffff0;border-radius:9999px;box-shadow:0 6px 20px #0b161a1f;padding:.6rem .9rem;gap:.75rem;position:relative;border:1px solid rgba(16,24,32,.06)}.search-icon{width:1.4rem;height:1.4rem;color:#10182059;margin-left:.25rem;flex-shrink:0}.search-input{flex:1;border:none;outline:none;font-size:1.05rem;padding:.9rem .5rem;color:var(--text-primary);background:transparent;min-width:0}.search-input::placeholder{color:var(--text-secondary)}.search-engine-selector{position:relative;flex-shrink:0}.engine-select-btn{display:flex;align-items:center;gap:.5rem;padding:.35rem .6rem;background:transparent;border:none;border-radius:.5rem;cursor:pointer;transition:color .15s,background .15s;font-size:.88rem;color:#10182099;white-space:nowrap}.engine-select-btn:hover{background:#1018200a}.engine-icon{width:1.1rem;height:1.1rem;object-fit:contain}.engine-icon-text{font-size:1.25rem;line-height:1}.engine-name{font-weight:500}.dropdown-arrow{width:.9rem;height:.9rem;color:#10182073;transition:transform .18s}.dropdown-arrow.open{transform:rotate(180deg)}.engine-dropdown{position:absolute;top:calc(100% + .4rem);right:0;background:#fffffffa;border:1px solid rgba(16,24,32,.06);border-radius:.6rem;box-shadow:0 8px 30px #0b161a14;min-width:180px;max-height:300px;overflow-y:auto;z-index:1000}.engine-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.6rem .85rem;border:none;background:transparent;text-align:left;cursor:pointer;transition:background .12s;color:var(--text-primary);font-size:.9rem}.engine-option:hover{background:#10182008}.engine-option.active{background:#3b82f61f;color:var(--text-primary)}.engine-option-icon{width:1.1rem;height:1.1rem;object-fit:contain;flex-shrink:0}.search-button-icon{color:inherit}.engine-option-icon-text{font-size:1.25rem;line-height:1;flex-shrink:0}.search-button{width:42px;height:42px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(16,24,32,.06);color:#10182099;border-radius:9999px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .12s,transform .06s}.search-button:hover{background:#1018200a}.search-button:active{transform:scale(.98)}@media (max-width: 768px){.search-container{margin:1.5rem auto}.search-input-wrapper{flex-wrap:nowrap;gap:.5rem;padding:.5rem .75rem}.search-icon{display:none}.search-input{width:auto;flex:1;order:1;padding:.5rem .75rem;font-size:.9rem}.search-engine-selector{order:2;flex:0 0 auto;min-width:auto;max-width:120px}.engine-select-btn{width:auto;justify-content:center;padding:.35rem .5rem;font-size:.8rem}.search-button{order:3;width:36px;height:36px;flex:0 0 auto}.engine-dropdown{right:0;left:auto;width:200px;min-width:150px}}@media (max-width: 480px){.search-input-wrapper{gap:.35rem;padding:.4rem .6rem}.search-input{padding:.4rem .6rem;font-size:.85rem}.search-engine-selector{max-width:100px}.engine-select-btn{padding:.25rem .4rem;font-size:.75rem}.search-button{width:32px;height:32px}.engine-dropdown{width:180px;min-width:140px}}.site-card{display:flex;align-items:center;gap:.75rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:.75rem;cursor:pointer;transition:background-color .15s;text-decoration:none;color:inherit}.site-card:hover{background:var(--bg-color);border-color:var(--border-color)}.site-icon-wrapper{flex-shrink:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:.375rem;overflow:hidden}.site-icon{width:100%;height:100%;object-fit:contain;padding:.25rem}.site-icon-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e5e7eb;color:#6b7280;font-size:.875rem;font-weight:500;border-radius:.375rem}.site-info{flex:1;min-width:0}.site-name{font-size:.9375rem;font-weight:500;color:var(--text-primary);margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.site-description{font-size:.75rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3;min-height:1rem}@media (max-width: 768px){.site-card{padding:.625rem;gap:.5rem;min-height:70px}.site-icon-wrapper{width:2.25rem;height:2.25rem}.site-name{font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-description{font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media (max-width: 480px){.site-card{padding:.625rem;gap:.5rem;min-height:70px}.site-icon-wrapper{width:2.25rem;height:2.25rem}.site-name{font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-description{font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.category-section{margin-bottom:2rem}.category-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:500;color:var(--text-primary);margin-bottom:.875rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.category-icon{font-size:1.125rem;width:1.25rem;height:1.25rem;display:inline-flex;align-items:center;justify-content:center}.category-icon-img{width:100%;height:100%;object-fit:contain;display:inline-block}.category-icon img{width:100%;height:100%;object-fit:contain}.sites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}@media (max-width: 768px){.sites-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem}.category-title{font-size:1rem}}@media (max-width: 480px){.sites-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}}.sidebar{width:240px;background:var(--card-bg);border-right:1px solid var(--border-color);height:100vh;position:fixed;left:0;top:0;overflow-y:auto;z-index:100;display:flex;flex-direction:column}@media (max-width: 768px){.sidebar{height:100dvh;height:-webkit-fill-available}}.sidebar-content{padding:1.5rem 0;display:flex;flex-direction:column;min-height:calc(100vh - 4rem);flex:1}.sidebar-section{padding:0 .75rem}.sidebar-section-title{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:0 1rem;margin-bottom:.5rem}.sidebar-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:none;background:transparent;border-radius:.5rem;cursor:pointer;transition:all .2s;color:var(--text-primary);font-size:.9rem;text-align:left;margin-bottom:.25rem}.sidebar-item:hover{background:var(--bg-color)}.sidebar-item.active{background:var(--primary-color);color:#fff}.sidebar-item.active .sidebar-arrow{color:#fff}.sidebar-icon{font-size:1.25rem;line-height:1;flex-shrink:0;width:1.5rem;text-align:center}.sidebar-icon-img{width:1.25rem;height:1.25rem;object-fit:contain;display:inline-block;vertical-align:middle}.sidebar-icon img{width:100%;height:100%;object-fit:contain}.sidebar-text{flex:1;font-weight:500}.sidebar-arrow{width:1rem;height:1rem;color:var(--text-secondary);flex-shrink:0;transition:transform .2s}.sidebar-item:hover .sidebar-arrow{transform:translate(2px)}.sidebar-divider{height:1px;background:var(--border-color);margin:1rem 0}.sidebar-footer{padding:1rem .75rem;border-top:1px solid var(--border-color)}.sidebar-footer-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text-primary);text-decoration:none;border-radius:.5rem;transition:all .2s;font-size:.9rem}.sidebar-footer-link:hover{background:var(--bg-color);color:var(--primary-color)}.sidebar-footer-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.mobile-sidebar-close{display:none;margin-right:.5rem}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:transform .3s;height:100dvh;height:-webkit-fill-available}.sidebar.open{transform:translate(0)}.mobile-sidebar-close{display:block;position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:.75rem;border-radius:.5rem;transition:background-color .2s;z-index:101;margin-right:.5rem}.mobile-sidebar-close:hover{background:var(--bg-color)}.mobile-sidebar-close:focus{outline:2px solid var(--primary-color);outline-offset:2px}.sidebar-item{padding:1rem 3.5rem 1rem 1rem;margin-bottom:.5rem;min-height:48px}.sidebar-icon{width:1.75rem;height:1.75rem;font-size:1.5rem}.sidebar-icon-img{width:1.75rem;height:1.75rem}.sidebar-text{font-size:1rem}.sidebar-arrow{width:1.25rem;height:1.25rem}.sidebar-footer-link{padding:1rem;min-height:48px}.sidebar-footer-icon{width:1.5rem;height:1.5rem}}.app{display:flex;min-height:100vh;background:var(--bg-color)}.app-content{flex:1;margin-left:240px;display:flex;flex-direction:column;min-height:100vh}.app-header{background:#4a5568;color:#fff;padding:1rem 2rem 3rem;position:relative;z-index:1;display:flex;align-items:center;gap:1rem}.mobile-menu-button{display:none;background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:background-color .2s}.mobile-menu-button:hover{background:#ffffff1a}.mobile-menu-button:focus{outline:2px solid white;outline-offset:2px}.header-content{max-width:1400px;margin:0 auto}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.app-content.blurred{filter:blur(2px);pointer-events:none;position:fixed;width:100%;height:100%;overflow:hidden}@media (max-width: 768px){.sidebar-overlay{display:block}}body.sidebar-open{overflow:hidden;position:fixed;width:100%;height:100%}.app-title{font-size:1.5rem;font-weight:600;margin-bottom:.375rem}.app-subtitle{font-size:.875rem;opacity:.85}.main-content{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:0 2rem}.app-main{padding:1.5rem 0}.no-results{text-align:center;padding:4rem 1rem;color:var(--text-secondary);font-size:1.1rem}.back-to-top{position:fixed;right:24px;bottom:24px;width:48px;height:48px;border-radius:9999px;border:1px solid rgba(255,255,255,.2);background:#4a5568;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);cursor:pointer;opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,background-color .2s ease;z-index:120;pointer-events:none}.back-to-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-top:hover{background:#2d3748}.back-to-top:focus{outline:2px solid #e2e8f0;outline-offset:2px}@media (max-width: 768px){.app-content{margin-left:0;overflow-x:hidden}.app-header{padding:.75rem 1rem}.mobile-menu-button{display:block}.app-title{font-size:1.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-subtitle{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-content{padding:0 1rem;overflow-x:hidden}.app-main{padding:1rem 0}.back-to-top{right:16px;bottom:16px}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #3b82f6;--primary-hover: #2563eb;--bg-color: #f5f5f5;--card-bg: #ffffff;--text-primary: #2d3748;--text-secondary: #718096;--border-color: #e2e8f0;--shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-lg: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -1px rgb(0 0 0 / .06)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-color);color:var(--text-primary);line-height:1.6}@media (max-width: 768px){body{font-size:16px}}@media (max-width: 480px){body{font-size:15px}}@media (max-width: 768px){html,body{overflow-x:hidden;width:100%}*{-webkit-tap-highlight-color:transparent}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}