*,*::before,*::after{box-sizing:border-box}.search-container{padding:0 16px;width:100%;max-width:100%;margin:0 auto;background:#fff0}.search-container h1{font-size:1.75rem;font-weight:700;margin-bottom:20px;color:#fff;position:relative;width:100%;max-width:584px;margin:20px auto;text-align:center;text-shadow:0 2px 4px rgb(0 0 0 / .3)}.search-wrapper{position:relative;width:100%;max-width:584px;margin:0 auto}.search-input-wrapper{position:relative;width:100%}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;width:20px;height:20px;z-index:2;transition:color 0.2s ease}#searchInput{width:100%;height:48px;padding:12px 12px 12px 48px;font-size:16px;border:1px solid #333;border-radius:24px;background:#161616;color:#fff;outline:none;transition:all 0.3s ease;box-sizing:border-box;box-shadow:0 2px 8px rgb(0 0 0 / .4)}#searchInput::placeholder{color:#9ca3af;opacity:1}#searchInput:hover{background:#1a1a1a;border-color:#444;box-shadow:0 4px 12px rgb(0 0 0 / .6)}#searchInput:hover+.search-icon{color:#d1d5db}#searchInput:focus{background:#1a1a1a;border-color:#555;box-shadow:0 4px 16px rgb(0 0 0 / .7),0 0 0 2px rgb(255 255 255 / .1)}#searchInput:focus+.search-icon{color:#fff}.search-results{width:100%;margin:24px 0 0 0}.search-header{margin-bottom:16px;padding:0 8px;text-align:center}.results-count{color:#9ca3af;font-size:1.125rem;font-weight:500}.search-result{background:#161616;border:1px solid #2a2a2a;border-radius:12px;padding:16px;margin-bottom:16px;transition:all 0.3s ease;width:100%;box-sizing:border-box;box-shadow:0 2px 8px rgb(0 0 0 / .4)}.search-result:hover{background:#1a1a1a;border-color:#3a3a3a;transform:translateY(-2px);box-shadow:0 4px 16px rgb(0 0 0 / .6)}.result-link{text-decoration:none;color:inherit;display:block;width:100%}.result-link h3{font-size:18px;font-weight:700;color:#fff;margin:0 0 8px 0;word-wrap:break-word;overflow-wrap:break-word;transition:color 0.2s ease}.search-result:hover .result-link h3{color:#f3f4f6}.result-excerpt{font-size:14px;color:#9ca3af;line-height:1.58;margin:0;word-wrap:break-word;overflow-wrap:break-word;transition:color 0.2s ease}.search-result:hover .result-excerpt{color:#d1d5db}.error{color:#ef4444;text-align:center;padding:20px;background:#161616;border:1px solid #2a2a2a;border-radius:8px;margin:16px 0}.result-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:12px;flex-wrap:wrap}.result-type{font-size:11px;padding:4px 8px;border-radius:12px;color:#fff;text-transform:uppercase;font-weight:600;letter-spacing:.5px;white-space:nowrap;flex-shrink:0;text-shadow:0 1px 2px rgb(0 0 0 / .5)}.result-type.uitleg,.result-type.explanation{background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);box-shadow:0 2px 8px rgb(79 70 229 / .4)}.result-type.online-drankspel,.result-type.online-game{background:linear-gradient(135deg,#ec4899 0%,#f43f5e 100%);box-shadow:0 2px 8px rgb(236 72 153 / .4)}.search-result:hover .result-type{transform:scale(1.05);transition:transform 0.2s ease;box-shadow:0 4px 12px rgb(0 0 0 / .3)}.search-result[data-result-type="uitleg"],.search-result[data-result-type="explanation"]{border-left:4px solid #4f46e5}.search-result[data-result-type="online-drankspel"],.search-result[data-result-type="online-game"]{border-left:4px solid #ec4899}.search-result[data-result-type="uitleg"]:hover,.search-result[data-result-type="explanation"]:hover{box-shadow:0 4px 16px rgb(0 0 0 / .6),-4px 0 8px rgb(79 70 229 / .3)}.search-result[data-result-type="online-drankspel"]:hover,.search-result[data-result-type="online-game"]:hover{box-shadow:0 4px 16px rgb(0 0 0 / .6),-4px 0 8px rgb(236 72 153 / .3)}@media (max-width:768px){.search-container{padding:0 12px}.search-container h1{font-size:1.5rem;margin:16px auto}.result-header{align-items:center;gap:8px}.result-link h3{font-size:16px;flex:1;min-width:0}.result-type{font-size:10px;padding:3px 6px}.search-result{padding:12px;margin-bottom:12px}.results-count{font-size:1rem}#searchInput{height:44px;font-size:16px}}@media (max-width:480px){.search-container{padding:0 8px}.search-container h1{font-size:1.25rem;margin:12px auto}.result-header{flex-direction:column;align-items:flex-start;gap:6px}.result-type{align-self:flex-end}.search-result{padding:10px;margin-bottom:10px}}.search-results::-webkit-scrollbar{width:6px}.search-results::-webkit-scrollbar-track{background:#161616}.search-results::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.search-results::-webkit-scrollbar-thumb:hover{background:#444}