.autocomplete-list{background:var(--card-bg);border-radius:var(--radius-sm);width:100%;box-shadow:var(--shadow-card);z-index:100;border:1px solid var(--border);margin:0;padding:0;list-style:none;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden}.autocomplete-item{cursor:pointer;font-size:var(--font-size-caption);font-weight:var(--font-weight-body);letter-spacing:var(--letter-spacing-body);color:var(--text-primary);align-items:center;min-height:44px;padding:12px 16px;line-height:1.5;transition:background-color .1s;display:flex}.autocomplete-item:hover,.autocomplete-item.selected{background:#f5f5f5}.autocomplete-item:not(:last-child){border-bottom:1px solid var(--border)}.autocomplete-scheme-name{display:inline}.autocomplete-item .autocomplete-highlight{color:inherit;background:#f1543f2e;border-radius:2px;padding:0 1px;font-weight:600}
.search-bar-wrapper{width:100%;max-width:min(680px,100%);margin:0 auto 32px;position:relative}.search-bar{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--card-bg);width:100%;min-width:0;height:56px;box-shadow:var(--shadow-search);align-items:center;gap:12px;padding:0 16px;display:flex;overflow:hidden}.search-bar:focus-within{box-shadow:0 0 0 4px #8884d81f,var(--shadow-search);border-color:#0000002e}.search-icon{width:24px;min-width:24px;height:24px;min-height:24px;color:var(--text-placeholder);outline:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-input-wrapper{flex:1;align-items:center;min-width:0;height:100%;display:flex;position:relative}.search-placeholder-overlay{pointer-events:none;color:var(--text-placeholder);font-size:var(--font-size-body);font-weight:var(--font-weight-body);letter-spacing:var(--letter-spacing-body);line-height:1.5;font-family:var(--font-sans);white-space:nowrap;align-items:center;max-width:100%;display:flex;position:absolute;top:50%;left:0;overflow:hidden;transform:translateY(-50%)}.search-placeholder-text{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-input{width:100%;min-width:0;font-size:var(--font-size-body);font-weight:var(--font-weight-body);letter-spacing:var(--letter-spacing-body);color:var(--text-primary);line-height:1.5;font-family:var(--font-sans);padding:0;padding-right:var(--space-xs);appearance:none;background:0 0;border:none;flex:1;height:100%;margin:0}.search-input::placeholder{color:var(--text-placeholder)}.search-input:focus-visible{outline:none}.search-input:-webkit-autofill{-webkit-text-fill-color:var(--text-primary)!important;box-shadow:inset 0 0 0 1000px #fff!important}.search-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary)!important;box-shadow:inset 0 0 0 1000px #fff!important}.search-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary)!important;box-shadow:inset 0 0 0 1000px #fff!important}.search-clear{cursor:pointer;width:24px;height:24px;color:var(--text-muted);background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .2s,background-color .2s;display:flex}.search-clear:hover{color:var(--text-primary);background-color:#0000000d}.search-clear:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.search-clear svg{width:20px;height:20px}.search-loading{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.spinner{border:1px solid var(--border);border-top-color:var(--text-primary);border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.search-caret{color:var(--text-placeholder);font-size:var(--font-size-body);margin-left:1px;line-height:1.5;animation:1s infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes pulse{0%{box-shadow:0 4px 20px #1018280f,0 2px 10px #10182808,0 0 #2196f300}50%{box-shadow:0 4px 20px #1018280f,0 2px 10px #10182808,0 0 12px #2196f359}to{box-shadow:0 4px 20px #1018280f,0 2px 10px #10182808,0 0 #2196f300}}.search-bar.pulse{animation:.8s ease-out pulse}@media (max-width:1023px){.search-bar-wrapper{max-width:100%;margin-left:0;margin-right:0}.search-input{padding-right:0}}
.selected-scheme-display{gap:var(--space-sm);width:100%;margin-bottom:0;display:flex;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important}.selected-scheme-row{align-items:center;width:100%;display:flex}.selected-scheme-name-row{width:100%;min-width:0;position:relative;overflow:visible}.selected-scheme-name-wrapper{width:100%;min-width:0;display:block;position:relative;overflow:visible}.selected-scheme-name{font-family:var(--font-display);font-size:var(--font-size-body);font-weight:var(--font-weight-strong);letter-spacing:-.005em;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;text-align:left;width:100%;max-width:100%;line-height:1.3;display:block;overflow:hidden}.selected-scheme-subtitle{font-size:var(--font-size-body);font-weight:var(--font-weight-body);color:var(--text-muted);margin-top:var(--space-xxs);text-align:left;white-space:normal;line-height:1.5;display:block}.select-instruction{animation:.3s ease-out fadeSlide}@keyframes fadeSlide{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (hover:hover) and (pointer:fine){.selected-scheme-name-wrapper[data-full-name]:hover:after{content:attr(data-full-name);bottom:calc(100% + var(--space-xs));box-sizing:border-box;width:100%;max-width:100%;padding:var(--space-xs)var(--space-sm);border-radius:var(--radius-sm);color:#fff;font-size:var(--font-size-xs);white-space:normal;overflow-wrap:break-word;word-break:break-word;z-index:20;background:#0f172af2;line-height:1.4;position:absolute;left:0;right:0;box-shadow:0 8px 20px #00000040}}@media (max-width:640px){.selected-scheme-name{white-space:normal;-webkit-line-clamp:2;text-overflow:ellipsis;margin-bottom:var(--space-xxs);-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}}.selected-scheme-info-row{justify-content:space-between;align-items:center;gap:var(--space-16);padding-left:2px}.selected-scheme-info-row+.selected-scheme-info-row{margin-top:calc(var(--space-xxs)*-1)}.selected-scheme-label{font-size:var(--font-size-summary-label);font-weight:var(--font-weight-summary-label);color:var(--text-muted);letter-spacing:var(--letter-spacing-label);text-transform:none;flex:1;align-items:center;min-width:0;line-height:1.43;display:flex}.selected-scheme-icon{width:14px;height:14px;color:var(--text-muted);margin-right:var(--space-xs);opacity:.85;flex-shrink:0}.selected-scheme-value{font-size:var(--font-size-body-sm);letter-spacing:-.005em;color:var(--text-primary);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:600;line-height:1.43}.selected-scheme-value--placeholder{color:var(--text-muted)}.selected-scheme-placeholder{font-size:var(--font-size-body);font-weight:var(--font-weight-body);letter-spacing:normal;color:var(--text-muted);text-align:left;white-space:nowrap;width:100%;line-height:1.5}
.mode-toggle-group{flex-direction:column;gap:0;display:flex}.mode-toggle-header{justify-content:space-between;align-items:center;width:100%;display:flex}.mode-toggle-label{font-size:var(--font-size-label);font-weight:var(--font-weight-label);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label);color:var(--text-muted);margin-bottom:0}.mode-toggle{border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff;width:fit-content;display:inline-flex;overflow:hidden}.mode-button{min-width:64px;min-height:40px;font-family:var(--font-sans);font-size:var(--font-size-body-sm);letter-spacing:var(--letter-spacing-label);cursor:pointer;color:#111827;text-align:center;background:0 0;border:none;justify-content:center;align-items:center;padding:8px 12px;font-weight:500;line-height:1.4;transition:all .2s;display:flex}.mode-button.active{color:#fff;background:#111827}.mode-button:not(.active){background:#fff}.mode-button:not(.active):hover{background:#f5f5f5}.mode-button:focus-visible{outline:none;box-shadow:0 6px 18px #1018281f}.mode-button:focus-visible:not(.active){background-color:#11182705}@media (max-width:640px){.mode-button{min-height:36px;font-size:var(--font-size-xs);min-width:50px;padding:6px 12px}}