:root{--os-primary:#0070f3;--os-bg:#fff;--os-border:#e2e8f0;--os-text:#1a202c;--os-text-muted:#718096;--os-shadow:0 8px 30px rgba(0,0,0,.12);--os-radius:8px;--os-input-height:44px;--os-thumb-size:52px;--os-z-dropdown:9000;--os-z-modal:100000;--os-transition:180ms ease;--os-highlight-bg:rgba(255,213,0,.45)}.os-search{align-items:center;display:inline-flex;gap:6px;position:relative}.os-search[data-mode=full] .os-submit,.os-search[data-mode=full] .os-toggle{display:none}.os-search[data-mode=full] .os-form-wrap{display:flex}.os-search[data-mode=icon] .os-form-wrap{max-width:0;opacity:0;overflow:hidden;pointer-events:none;transition:max-width var(--os-transition),opacity var(--os-transition)}.os-search[data-mode=icon].os--expanded .os-form-wrap{max-width:360px;opacity:1;pointer-events:auto}.os-toggle{align-items:center;background:transparent;border:none;border-radius:var(--os-radius);color:var(--os-text);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:8px;transition:background var(--os-transition)}.os-toggle:hover{background:rgba(0,0,0,.06)}.os-toggle:focus-visible{outline:2px solid var(--os-primary);outline-offset:2px}.os-form-wrap{flex:1}.os-form{align-items:center;background:var(--os-bg);border:1px solid var(--os-border);border-radius:var(--os-radius);display:flex;height:var(--os-input-height);overflow:hidden;width:100%}.os-input{background:transparent;border:none;color:var(--os-text);flex:1;font-size:15px;height:100%;min-width:180px;outline:none;padding:0 12px}.os-input::placeholder{color:var(--os-text-muted)}.os-input::-moz-placeholder{color:var(--os-text-muted)}.os-input::-webkit-search-cancel-button,.os-input::-webkit-search-decoration{-webkit-appearance:none}.os-submit{align-items:center;background:transparent;border:none;border-left:1px solid var(--os-border);color:var(--os-text-muted);cursor:pointer;display:flex;height:100%;justify-content:center;padding:0 12px;transition:color var(--os-transition)}.os-submit:hover{color:var(--os-primary)}.os-spinner{animation:os-spin .55s linear infinite;border:2px solid var(--os-border);border-radius:50%;border-top-color:var(--os-primary);display:none;flex-shrink:0;height:16px;margin:0 10px;width:16px}.os-spinner--active{display:block}@keyframes os-spin{to{transform:rotate(1turn)}}.os-dropdown{background:var(--os-bg);border:1px solid var(--os-border);border-radius:var(--os-radius);box-shadow:var(--os-shadow);display:none;left:0;max-height:420px;min-width:100%;overflow-y:auto;position:absolute;scroll-behavior:smooth;top:calc(100% + 6px);z-index:var(--os-z-dropdown)}.os-dropdown--open{display:block}.os-dropdown__group-label,.os-results-group__label{color:var(--os-text-muted);font-size:11px;font-weight:600;letter-spacing:.06em;padding:8px 14px 2px;text-transform:uppercase}.os-dropdown__see-all{border-top:1px solid var(--os-border);padding:4px 14px 6px}.os-dropdown__see-all-link{color:var(--os-primary);display:block;font-size:13px;font-weight:500;padding:6px 0;text-align:center;text-decoration:none}.os-dropdown__see-all-link:hover{text-decoration:underline}.os-dropdown__empty,.os-error,.os-modal__empty{color:var(--os-text-muted);font-size:14px;padding:32px 16px;text-align:center}.os-result{align-items:center;color:var(--os-text);display:flex;gap:12px;padding:9px 14px;text-decoration:none;transition:background var(--os-transition)}.os-result--focused,.os-result:hover{background:rgba(0,0,0,.04)}.os-result:focus-visible{outline:2px solid var(--os-primary);outline-offset:-2px}.os-result__thumb-wrap{flex-shrink:0;height:var(--os-thumb-size);width:var(--os-thumb-size)}.os-result__thumb,.os-result__thumb-placeholder{border-radius:4px;height:var(--os-thumb-size);width:var(--os-thumb-size)}.os-result__thumb{display:block;-o-object-fit:cover;object-fit:cover}.os-result__thumb-placeholder{background:rgba(0,0,0,.06)}.os-result__body{flex:1;min-width:0}.os-result__title{display:block;font-size:14px;font-weight:500;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.os-result__title mark{background:var(--os-highlight-bg);border-radius:2px;color:inherit;padding:0 1px}.os-result__excerpt{color:var(--os-text-muted);display:block;font-size:12px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.os-result__excerpt mark{background:var(--os-highlight-bg);border-radius:2px;color:inherit;padding:0 1px}.os-result__type{background:rgba(0,0,0,.06);border-radius:20px;color:var(--os-text-muted);flex-shrink:0;font-size:11px;padding:2px 7px;white-space:nowrap}.os-overlay{backdrop-filter:blur(2px);background:rgba(0,0,0,.5);inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity var(--os-transition);z-index:calc(var(--os-z-modal) - 1)}.os-overlay--open{opacity:1;pointer-events:auto}.os-modal{background:var(--os-bg);border-radius:calc(var(--os-radius)*1.5);box-shadow:var(--os-shadow);display:flex;flex-direction:column;left:50%;max-height:85vh;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-44%);transition:opacity var(--os-transition),transform var(--os-transition);width:min(680px,95vw);z-index:var(--os-z-modal)}.os-modal--open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}.os-modal__header{align-items:center;border-bottom:1px solid var(--os-border);display:flex;flex-shrink:0;gap:8px;padding:8px 12px}.os-modal__input-wrap{align-items:center;display:flex;flex:1;gap:10px}.os-modal__icon{color:var(--os-text-muted);display:flex;flex-shrink:0}.os-modal__input{background:transparent;border:none;color:var(--os-text);flex:1;font-size:18px;height:48px;outline:none}.os-modal__input::placeholder{color:var(--os-text-muted)}.os-modal__input::-moz-placeholder{color:var(--os-text-muted)}.os-modal__input::-webkit-search-cancel-button,.os-modal__input::-webkit-search-decoration{-webkit-appearance:none}.os-modal__spinner{margin:0 2px}.os-modal__close{align-items:center;background:transparent;border:none;border-radius:var(--os-radius);color:var(--os-text-muted);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:8px;transition:background var(--os-transition),color var(--os-transition)}.os-modal__close:hover{background:rgba(0,0,0,.06);color:var(--os-text)}.os-modal__close:focus-visible{outline:2px solid var(--os-primary);outline-offset:2px}.os-modal__results{flex:1;overflow-y:auto;scroll-behavior:smooth}.os-modal__results-list{padding:6px 0}.os-results-group{margin-bottom:4px}.os-pagination{align-items:center;border-top:1px solid var(--os-border);display:flex;gap:14px;justify-content:center;padding:14px 16px}.os-pagination__btn{background:transparent;border:1px solid var(--os-border);border-radius:var(--os-radius);color:var(--os-primary);cursor:pointer;font-size:13px;font-weight:500;padding:5px 14px;transition:background var(--os-transition)}.os-pagination__btn:hover{background:rgba(0,0,0,.04)}.os-pagination__info{color:var(--os-text-muted);font-size:13px}body.os-modal-open{overflow:hidden}@media (max-width:768px){.os-modal{border-radius:0;height:100%;left:0;max-height:100%;top:0;transform:translateY(6px);width:100%}.os-modal--open{transform:translateY(0)}.os-result__thumb-wrap{--os-thumb-size:42px}.os-input{min-width:140px}}