.search-bar-container{display:flex;flex-direction:column;align-items:center;gap:0;width:100%;max-width:var(--search-max-width,600px);margin:0 auto;padding:1rem 0;position:relative}@media (max-width:640px){.search-bar-container{min-width:100%;max-width:100%}}@media (min-width:641px){.search-bar-container{min-width:var(--search-max-width,600px)}}.search-input{width:100%;border-radius:40px;border:none;outline:none;font-size:16px;background-color:#2d2d2d;color:#fff;transition:box-shadow .2s ease;box-sizing:border-box;padding:12px 92px 12px 16px;height:48px}.search-input:focus{box-shadow:0 0 0 2px #00ffcc}.search-button{border:none;background:linear-gradient(135deg,#27AE60,#6C5CE7);color:white;font-size:18px;border-radius:9999px;width:70px;height:45px;cursor:pointer;display:flex;align-items:center;justify-content:center;position:absolute;right:1px}.search-button:hover{background:linear-gradient(135deg,#62de95,#9085e2)}.search-icon{display:flex;flex-direction:row;align-items:center;padding:1rem 0}.autocomplete-dropdown,.search-icon{width:100%;max-width:var(--search-max-width,600px);margin:0 auto}.autocomplete-dropdown{position:absolute;top:calc(100% + 8px);background:#1e1e1e;border:1px solid rgba(255,255,255,.06);box-shadow:0 10px 30px rgba(0,0,0,.6);border-radius:8px;z-index:50;overflow:hidden;max-height:50vh}.suggestion-item{padding:12px 16px;color:#ddd;cursor:pointer;font-size:15px;min-height:48px}.suggestion-item.active,.suggestion-item:hover{background:linear-gradient(90deg,rgba(255,255,255,.02),rgba(255,255,255,.01));color:#fff}.suggestion-loading{opacity:.8;color:#aaa}.tags-container{font-size:14px;color:#ccc;width:100%}.tags-header{justify-content:flex-start;margin-bottom:8px}.tags-header,.tags-wrapper{display:flex;align-items:center}.tags-wrapper{gap:12px;width:100%}.tag-scroll-button{background:#2d2d2d;border:1px solid #444;color:#ccc;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:all .2s ease;flex-shrink:0}.tag-scroll-button:hover{background:#3a3a3a;color:#fff;border-color:#555}.tags-scroll-container{display:flex;gap:8px;overflow-x:auto;padding:8px 0;scrollbar-width:none;-ms-overflow-style:none;flex:1}.tags-scroll-container::-webkit-scrollbar{display:none}.tags-grid-container{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0}.tag-pill{background:#2d2d2d;color:#ccc;padding:8px 16px;border-radius:20px;text-decoration:none;white-space:nowrap;transition:all .2s ease;border:1px solid #444;font-size:13px;flex-shrink:0}.tag-pill:hover{background:#3a3a3a;color:#fff;border-color:#555;transform:translateY(-1px)}.tag-link{color:#ccc;text-decoration:underline;margin:0 4px}.tag-link:hover{color:#fff}@media (max-width:640px){.search-bar-container{padding:.75rem 0;width:100%;max-width:100%}.search-icon{display:flex;flex-direction:row;align-items:center;gap:0;width:100%;position:relative}.search-button{position:absolute;right:4px;width:56px;height:42px;border-radius:9999px;margin:0}.search-input{padding-right:76px;height:44px;font-size:16px}.autocomplete-dropdown{left:0;right:0;width:100%;max-width:100%;top:calc(100% + 8px);box-shadow:0 8px 24px rgba(0,0,0,.65);border-radius:10px}.suggestion-item{padding:14px 16px;font-size:16px;min-height:52px}.tag-scroll-button{width:32px;height:32px;font-size:16px}.tags-wrapper{gap:8px}}@media (min-width:641px){.tags-scroll-container{overflow-x:auto}}@media (min-width:641px) and (max-width:900px){.autocomplete-dropdown,.search-bar-container{max-width:700px}}