.search-bar-container{display:flex;flex-direction:column}.search-bar-wrapper{position:relative}.search-bar{display:flex;align-items:center;background:#fff;border:1px solid #bbb;border-radius:10px;transition:border-color .15s;min-height:48px;margin-bottom:1px}.search-bar:hover{border-color:#999;box-shadow:4px 4px 4px hsla(0,0%,75%,.04)}.search-bar.focused{border-color:#999;box-shadow:4px 4px 7px hsla(0,0%,58%,.06)}.search-bar-input{flex:1 1;min-width:0;margin-left:14px;font-size:14px;font-family:inherit;color:#333;background:transparent;border:none;outline:none;word-spacing:.3px}.search-bar-input::placeholder{color:#999}.search-bar-meta{display:flex;align-items:center;gap:6px;font-size:13px;color:#888;white-space:nowrap}.search-bar-meta-dot{color:#ccc}.search-bar-meta-wrap{position:relative;display:flex;align-items:center;padding-right:12px}.search-bar-meta--clickable{cursor:pointer}.search-bar-meta--clickable:hover{color:#666}.search-bar-popover{position:absolute;bottom:100%;right:0;margin-bottom:4px;background:#ffffffec;border:1px solid #e5e5e5;border-radius:3px;padding:8px 12px;min-width:240px;max-width:320px;max-height:100px;display:flex;flex-direction:column;box-shadow:0 2px 8px rgba(0,0,0,.06);z-index:200;font-size:12px;line-height:1.5;color:#666;white-space:normal}.search-bar-popover-header{font-size:11px;font-weight:500;color:#aaa;letter-spacing:.2px;margin-bottom:4px;display:flex;align-items:center;gap:4px;flex-shrink:0}.search-bar-popover-lines{overflow-y:auto;flex:1 1;min-height:0}.search-bar-popover-line{padding:2px 0;display:flex;align-items:baseline;gap:6px}.search-bar-popover-line+.search-bar-popover-line{border-top:1px solid #f0f0f0;margin-top:2px;padding-top:4px}.search-bar-popover-icon{flex-shrink:0;display:flex;align-items:center;color:#bbb;margin-top:1px}.search-bar-meta-thinking{color:#bbb;margin-left:2px;flex-shrink:0}.search-bar-bookmark{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;margin:0 2px;background:none;border:none;border-radius:4px;color:#ccc;cursor:pointer;transition:color .15s;flex-shrink:0}.search-bar-bookmark:hover{color:#888}.search-bar-bookmark--active{color:#d4a017}.search-bar-bookmark--active:hover{color:#b8890f}.search-bar-submit{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:4px;padding:0;color:#999;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .15s}.search-bar-submit:hover:not(:disabled){background:#f5f5f5;color:#666}.search-bar-submit.active{color:#666}.search-bar-submit:disabled{cursor:default;opacity:.4}.search-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.08);z-index:100;overflow:hidden}.search-dropdown-label{padding:8px 12px 4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#888}.search-dropdown-item{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:14px;color:#333;cursor:pointer;transition:background .1s}.search-dropdown-item.highlighted,.search-dropdown-item:hover{background:#f5f5f5}.search-dropdown-icon{font-size:11px;opacity:.4}.search-bar-loading{display:flex;align-items:center;gap:6px;padding-right:12px}.search-bar-loading-message{font-size:13px;color:#666;white-space:nowrap}.search-bar-loading-dots{display:flex;align-items:center;gap:3px}.search-bar-loading-dot{width:4px;height:4px;background:#999;border-radius:50%;animation:searchBarDot 1.2s ease-in-out infinite}.search-bar-loading-dot:nth-child(2){animation-delay:.15s}.search-bar-loading-dot:nth-child(3){animation-delay:.3s}@keyframes searchBarDot{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.search-bar-not-found{padding-right:12px;font-size:13px;color:#b91c1c;white-space:nowrap;animation:fadeInOut 3s ease-in-out}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}80%{opacity:1}to{opacity:0}}.search-examples{position:absolute;top:calc(100% + 4px);left:0;right:0;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.08);z-index:100;overflow:hidden}.search-examples-label{padding:10px 14px 6px;font-size:12px;font-weight:500;color:#888}.search-examples-item+.search-examples-label,.search-examples-label+.search-examples-label{border-top:1px solid #eee;margin-top:4px;padding-top:8px}.search-examples-item{padding:10px 14px;font-size:14px;color:#555;cursor:pointer;transition:background .1s;display:flex;align-items:center;gap:8px}.search-examples-bookmark{flex-shrink:0}.search-examples-item.highlighted,.search-examples-item:hover{background:rgba(0,0,0,.04)}.search-examples-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.homepage{display:flex;flex-direction:column;align-items:center;padding:0 var(--layout-gutter)}.homepage-hero{margin-top:12vh;margin-bottom:32px}.homepage-categories,.homepage-hero{width:100%;max-width:calc(var(--layout-narrow) - 2 * var(--layout-gutter))}.homepage-categories{transition:opacity .1s ease}.homepage-categories.fading{opacity:.3}.homepage-categories-label{font-size:12px;font-weight:500;color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.homepage-category-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:10px;gap:10px}.homepage-category-card{display:flex;flex-direction:column;gap:4px;padding:12px 16px;background:#fff;border:1px solid #ddd;border-radius:6px;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}.homepage-category-card:hover{border-color:#999;box-shadow:2px 2px 6px rgba(0,0,0,.04)}.homepage-category-card-name{font-size:14px;font-weight:600;color:#333}.homepage-category-card-desc{font-size:12px;color:#888;line-height:1.4}.homepage-category-card.disabled{opacity:.5;cursor:default;border-style:dashed}.homepage-category-card.disabled:hover{border-color:#ddd;box-shadow:none}.homepage-category-card-badge{font-size:10px;font-weight:600;color:#aaa;text-transform:uppercase;letter-spacing:.5px}