.pk-search-toggle {display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;background: var(--surface);border: 1px solid var(--border);border-radius: var(--r-sm);color: var(--muted);font-size: 1rem;cursor: pointer;transition: all var(--ease);flex-shrink: 0;}.pk-search-toggle:hover,.pk-search-toggle:focus {color: var(--text);border-color: var(--border-hover);outline: none;}.pk-search-overlay {display: none;position: fixed;inset: 0;z-index: 9999;background: var(--bg);flex-direction: column;overflow: hidden;}.pk-search-overlay.pk-search--open {display: flex;}.pk-search-header {display: flex;align-items: center;gap: 12px;padding: 16px 20px;border-bottom: 1px solid var(--border);background: var(--surface);flex-shrink: 0;}.pk-search-back {display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;background: none;border: none;color: var(--muted);font-size: 1.2rem;cursor: pointer;border-radius: var(--r-sm);transition: all var(--ease);}.pk-search-back:hover { color: var(--text); background: rgba(255,255,255,0.03); }.pk-search-input-wrap {flex: 1;position: relative;display: flex;align-items: center;}.pk-search-input-wrap .pk-search-icon {position: absolute;left: 12px;top: 50%;transform: translateY(-50%);color: var(--muted);font-size: 1rem;pointer-events: none;}.pk-search-input {width: 100%;background: var(--bg);border: 1px solid var(--border);border-radius: var(--r-md);color: var(--text);font-family: var(--font-body);font-size: 0.95rem;padding: 10px 16px 10px 38px;outline: none;transition: border-color var(--ease);caret-color: var(--accent);}.pk-search-input:focus { border-color: var(--accent); }.pk-search-input::placeholder { color: var(--muted); }.pk-search-clear {position: absolute;right: 10px;top: 50%;transform: translateY(-50%);background: none;border: none;color: var(--muted);font-size: 1rem;cursor: pointer;padding: 4px 8px;border-radius: 6px;display: none;}.pk-search-clear:hover { color: var(--text); }.pk-search-clear.pk-search-clear--visible { display: block; }.pk-search-body {flex: 1;overflow-y: auto;padding: 16px 20px;overscroll-behavior: contain;}.pk-search-section {margin-bottom: 24px;}.pk-search-section-label {display: flex;align-items: center;gap: 8px;font-size: 0.7rem;font-weight: 600;letter-spacing: 0.08em;text-transform: uppercase;color: var(--muted);margin-bottom: 10px;padding-bottom: 8px;border-bottom: 1px solid var(--border);}.pk-search-section-label .pk-section-count {margin-left: auto;background: var(--surface);border: 1px solid var(--border);border-radius: var(--r-pill);padding: 1px 8px;font-size: 0.65rem;color: var(--muted);}.pk-search-result {display: flex;align-items: center;gap: 12px;padding: 12px 14px;background: var(--surface);border: 1px solid var(--border);border-radius: var(--r-lg);margin-bottom: 8px;text-decoration: none;color: var(--text);transition: border-color var(--ease);cursor: pointer;}.pk-search-result:hover {border-color: var(--border-hover);}.pk-result-icon {width: 40px;height: 40px;border-radius: var(--r-md);background: var(--bg);border: 1px solid var(--border);display: flex;align-items: center;justify-content: center;font-size: 1.2rem;flex-shrink: 0;}.pk-result-main {flex: 1;min-width: 0;}.pk-result-title {font-weight: 600;font-size: 0.85rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 2px;}.pk-result-sub {font-size: 0.75rem;color: var(--muted);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.pk-result-badge {flex-shrink: 0;font-family: var(--font-display);font-size: 0.8rem;font-weight: 600;padding: 4px 10px;border-radius: var(--r-sm);}.pk-result-badge.finished {background: rgba(0, 165, 80, 0.08);color: var(--win);}.pk-result-badge.live {background: rgba(245, 166, 35, 0.1);color: var(--accent);}.pk-result-badge.upcoming {background: rgba(113, 113, 122, 0.08);color: var(--muted);}.pk-result-tip-badge {display: inline-block;font-size: 0.65rem;font-weight: 600;letter-spacing: 0.04em;text-transform: uppercase;padding: 2px 7px;border-radius: 4px;}.pk-result-tip-badge.algo { background: var(--accent-dim); color: var(--accent); }.pk-result-tip-badge.expert { background: rgba(245, 197, 24, 0.08); color: var(--gold); }.pk-result-tip-badge.community { background: rgba(100, 100, 255, 0.08); color: #8888ff; }.pk-confidence {display: inline-flex;gap: 2px;margin-left: 6px;}.pk-confidence-dot {width: 5px;height: 5px;border-radius: 50%;background: var(--border);}.pk-confidence-dot.active { background: var(--gold); }.pk-search-empty {text-align: center;padding: 48px 24px;color: var(--muted);}.pk-search-empty-icon {font-size: 2rem;margin-bottom: 12px;opacity: 0.5;}.pk-search-empty p {font-size: 0.85rem;line-height: 1.6;}.pk-search-empty strong {color: var(--text);font-weight: 600;}.pk-search-trending {margin-bottom: 24px;}.pk-search-trending-label {font-size: 0.7rem;font-weight: 600;letter-spacing: 0.08em;text-transform: uppercase;color: var(--muted);margin-bottom: 10px;}.pk-search-trending-list {display: flex;flex-wrap: wrap;gap: 8px;}.pk-search-trending-chip {display: inline-flex;align-items: center;gap: 6px;background: transparent;border: 1px solid var(--border);border-radius: var(--r-pill);padding: 6px 14px;font-size: 0.78rem;font-weight: 500;color: var(--muted);cursor: pointer;transition: all var(--ease);text-decoration: none;}.pk-search-trending-chip:hover {border-color: var(--border-hover);color: var(--text);}.pk-search-trending-chip .trend-icon { font-size: 0.75rem; }.pk-search-history {margin-bottom: 20px;}.pk-search-history-header {display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;}.pk-search-history-label {font-size: 0.7rem;font-weight: 600;letter-spacing: 0.08em;text-transform: uppercase;color: var(--muted);}.pk-search-history-clear {background: none;border: none;color: var(--muted);font-size: 0.72rem;cursor: pointer;padding: 2px 6px;border-radius: 4px;}.pk-search-history-clear:hover { color: var(--text); }.pk-search-history-list {display: flex;flex-direction: column;gap: 4px;}.pk-search-history-item {display: flex;align-items: center;gap: 10px;padding: 8px 12px;background: var(--surface);border-radius: var(--r-md);cursor: pointer;transition: all var(--ease);font-size: 0.85rem;color: var(--text);border: none;width: 100%;text-align: left;}.pk-search-history-item:hover {background: var(--surface2);}.pk-search-history-item .hist-icon {color: var(--muted);font-size: 0.85rem;flex-shrink: 0;}.pk-search-history-item .hist-text {flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.pk-search-loading {display: flex;align-items: center;justify-content: center;padding: 48px;}.pk-search-spinner {width: 24px;height: 24px;border: 2px solid var(--border);border-top-color: var(--accent);border-radius: 50%;animation: pk-search-spin 0.7s linear infinite;}@keyframes pk-search-spin {to { transform: rotate(360deg); }}.pk-no-results {padding: 32px 20px;text-align: center;}.pk-no-results p {color: var(--muted);font-size: 0.85rem;}.pk-kb-hint {display: inline-flex;align-items: center;justify-content: center;width: 20px;height: 20px;background: var(--surface);border: 1px solid var(--border);border-radius: 4px;font-family: monospace;font-size: 0.7rem;color: var(--muted);}.pk-nav-search-mobile { display: inline-flex; }@media (min-width: 641px) {.pk-nav-search-mobile { display: none; }}@media (max-width: 640px) {.pk-search-overlay.pk-search--open {display: flex;}.pk-search-desktop-wrap { display: none; }}@media (min-width: 641px) {.pk-search-desktop-wrap {position: relative;display: inline-flex;}.pk-search-dropdown {position: absolute;top: calc(100% + 8px);right: 0;width: 480px;max-height: 600px;background: var(--surface);border: 1px solid var(--border);border-radius: var(--r-xl);box-shadow: 0 8px 32px rgba(0,0,0,0.3);overflow: hidden;display: none;flex-direction: column;z-index: 9998;}.pk-search-dropdown.pk-dropdown--open {display: flex;}.pk-search-back { display: none; }.pk-search-desktop-input {width: 200px;background: var(--surface);border: 1px solid var(--border);border-radius: var(--r-sm);color: var(--text);font-family: var(--font-body);font-size: 0.82rem;padding: 8px 12px;outline: none;transition: all var(--ease);caret-color: var(--accent);}.pk-search-desktop-input:focus {width: 280px;border-color: var(--accent);}.pk-search-desktop-input::placeholder { color: var(--muted); }.pk-search-header { padding: 12px 16px; }.pk-search-body { padding: 12px 16px; }}.pk-search-overlay.pk-search--open {animation: pk-search-open 0.15s ease-out;}@keyframes pk-search-open {from { opacity: 0; }to { opacity: 1; }}.pk-search-result {animation: pk-result-in 0.12s ease-out;}@keyframes pk-result-in {from { opacity: 0; transform: translateY(4px); }to { opacity: 1; transform: none; }}