@font-face{font-family:Inter Fallback;size-adjust:107%;ascent-override:90%;src:local("Arial")}:root{font-family:Inter,Inter Fallback,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}body{line-height:1.5;font-weight:400;font-size:16px;color:#1a1a1a}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}a{color:#444}a:hover{color:#888}button{font:inherit;border:none;background:none;cursor:pointer}input,textarea{font:inherit}.url-container{display:flex;align-items:center;gap:8px;margin-top:16px}.content-container{max-width:36rem;text-align:center;padding:0 8px}.content-container p{margin-bottom:8px}.tagline{font-size:14px;color:#666;margin-bottom:16px!important}.feature-text{font-size:14px;color:#555;margin-top:20px;margin-bottom:8px}.url-input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;width:100%;background:#f5f5f5}.copy-button{padding:8px;color:#666;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.copy-button:hover{background:#f0f0f0}.copy-button:active{background:#e5e5e5}.copy-button img{width:20px;height:20px}.copy-button.copied{background:#28a745}.settings-button{display:flex;align-items:center;gap:8px;margin-top:24px;padding:10px 20px;background:#f5f5f5;border:1px solid #ddd;border-radius:8px;font-size:14px;font-weight:500;color:#444;cursor:pointer;transition:all .2s}.settings-button:hover{background:#e8e8e8;border-color:#ccc}.settings-button img{width:18px;height:18px}.footer{position:fixed;bottom:16px;left:0;right:0;text-align:center;font-size:14px;color:#666}.footer a{color:#666;text-decoration:none;font-weight:500}.footer a:hover{color:#333}.footer-separator{margin:0 8px;color:#999}.landing-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px}.landing-main{display:flex;flex-direction:column;align-items:center;width:100%;max-width:600px}.landing-title{font-size:3rem;font-weight:700;margin-bottom:32px;letter-spacing:-.02em}.search-container{width:100%;position:relative;display:flex;align-items:center}.search-input{width:100%;padding:16px 24px;font-size:18px;border:2px solid #ddd;border-radius:12px;background:#f9f9f9;transition:all .2s}.search-input.has-prefix{padding-left:56px}.search-input:focus{outline:none;border-color:#888;background:#fff;box-shadow:0 4px 20px #00000014}.search-input::placeholder{color:#999}.bang-prefix-btn{position:absolute;left:8px;display:flex;align-items:center;gap:2px;padding:6px 4px 6px 8px;border:none;border-radius:8px;background:transparent;cursor:pointer;transition:background .15s;z-index:10}.bang-prefix-btn:hover{background:#0000000f}.bang-prefix-icon{width:24px;height:24px;object-fit:contain}.bang-prefix-text{font-family:monospace;font-size:13px;font-weight:600;color:#666}.bang-selector-dropdown{position:absolute;top:100%;left:0;min-width:220px;margin-top:4px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 20px #00000026;z-index:200;overflow:hidden}.bang-selector-dropdown.hidden{display:none}.bang-selector-item{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;transition:background .15s}.bang-selector-item:hover{background:#f5f5f5}.bang-selector-item-icon,.bang-selector-item-icon-placeholder{width:20px;height:20px;object-fit:contain;flex-shrink:0}.bang-selector-item-icon-placeholder{background:#eee;border-radius:4px}.bang-selector-item-trigger{font-family:monospace;font-size:13px;font-weight:600;color:#333}.bang-selector-item-name{font-size:13px;color:#666;margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 20px #0000001a;z-index:100;overflow:hidden}.autocomplete-dropdown.hidden{display:none}.autocomplete-item{padding:12px 16px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:background .15s}.autocomplete-item:hover,.autocomplete-item.selected{background:#f5f5f5}.autocomplete-bang{font-weight:600;color:#333}.autocomplete-name{color:#666;font-size:14px}.autocomplete-icon{width:18px;height:18px;object-fit:contain;flex-shrink:0}.about-content{text-align:center}.about-content p{margin-bottom:12px}@media (prefers-color-scheme: dark){:root:not(.light){color-scheme:dark}:root:not(.light) body{color:#ddd}:root:not(.light) #app{background-color:#131313}:root:not(.light) a{color:#a9a9a9}:root:not(.light) a:hover{color:#888}:root:not(.light) .tagline{color:#999}:root:not(.light) .feature-text{color:#aaa}:root:not(.light) .footer,:root:not(.light) .footer a{color:#999}:root:not(.light) .footer a:hover{color:#ccc}:root:not(.light) .footer-separator{color:#666}:root:not(.light) .search-input{border-color:#3d3d3d;background-color:#1f1f1f;color:#fff}:root:not(.light) .search-input:focus{border-color:#666;background-color:#222;box-shadow:0 4px 20px #0000004d}:root:not(.light) .search-input::placeholder{color:#666}:root:not(.light) .bang-prefix-btn:hover{background:#ffffff1a}:root:not(.light) .bang-prefix-text{color:#999}:root:not(.light) .bang-selector-dropdown{background:#1a1a1a;border-color:#333;box-shadow:0 4px 20px #0006}:root:not(.light) .bang-selector-item:hover{background:#2a2a2a}:root:not(.light) .bang-selector-item-trigger{color:#ddd}:root:not(.light) .bang-selector-item-name{color:#888}:root:not(.light) .bang-selector-item-icon-placeholder{background:#333}:root:not(.light) .autocomplete-dropdown{background:#1a1a1a;border-color:#333;box-shadow:0 4px 20px #0006}:root:not(.light) .autocomplete-item:hover,:root:not(.light) .autocomplete-item.selected{background:#2a2a2a}:root:not(.light) .autocomplete-bang{color:#fff}:root:not(.light) .autocomplete-name{color:#999}:root:not(.light) .url-input{border-color:#3d3d3d;background-color:#191919;color:#fff}:root:not(.light) .copy-button img{filter:invert(1)}:root:not(.light) .copy-button:hover{background:#222}:root:not(.light) .copy-button:active{background:#333}:root:not(.light) .settings-button{background:#1f1f1f;border-color:#3d3d3d;color:#ddd}:root:not(.light) .settings-button:hover{background:#2a2a2a;border-color:#4d4d4d}:root:not(.light) .settings-button img{filter:invert(1)}}:root.dark{color-scheme:dark}:root.dark body{color:#ddd}:root.dark #app{background-color:#131313}:root.dark a{color:#a9a9a9}:root.dark a:hover{color:#888}:root.dark .tagline{color:#999}:root.dark .feature-text{color:#aaa}:root.dark .footer,:root.dark .footer a{color:#999}:root.dark .footer a:hover{color:#ccc}:root.dark .footer-separator{color:#666}:root.dark .search-input{border-color:#3d3d3d;background-color:#1f1f1f;color:#fff}:root.dark .search-input:focus{border-color:#666;background-color:#222;box-shadow:0 4px 20px #0000004d}:root.dark .search-input::placeholder{color:#666}:root.dark .bang-prefix-btn:hover{background:#ffffff1a}:root.dark .bang-prefix-text{color:#999}:root.dark .bang-selector-dropdown{background:#1a1a1a;border-color:#333;box-shadow:0 4px 20px #0006}:root.dark .bang-selector-item:hover{background:#2a2a2a}:root.dark .bang-selector-item-trigger{color:#ddd}:root.dark .bang-selector-item-name{color:#888}:root.dark .bang-selector-item-icon-placeholder{background:#333}:root.dark .autocomplete-dropdown{background:#1a1a1a;border-color:#333;box-shadow:0 4px 20px #0006}:root.dark .autocomplete-item:hover,:root.dark .autocomplete-item.selected{background:#2a2a2a}:root.dark .autocomplete-bang{color:#fff}:root.dark .autocomplete-name{color:#999}:root.dark .url-input{border-color:#3d3d3d;background-color:#191919;color:#fff}:root.dark .copy-button img{filter:invert(1)}:root.dark .copy-button:hover{background:#222}:root.dark .copy-button:active{background:#333}:root.dark .settings-button{background:#1f1f1f;border-color:#3d3d3d;color:#ddd}:root.dark .settings-button:hover{background:#2a2a2a;border-color:#4d4d4d}:root.dark .settings-button img{filter:invert(1)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #eee;position:sticky;top:0;background:#fff;border-radius:12px 12px 0 0}.modal-header h2{font-size:18px;margin:0}.modal-close{font-size:28px;line-height:1;color:#666;background:none;border:none;cursor:pointer;padding:0 4px}.modal-close:hover{color:#333}.modal-content{padding:20px}.settings-section{margin-bottom:28px}.settings-section:last-child{margin-bottom:0}.settings-section h3{font-size:16px;margin-bottom:4px}.settings-description{font-size:13px;color:#666;margin-bottom:12px}.settings-select,.settings-input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#f9f9f9}.settings-select:focus,.settings-input:focus{outline:none;border-color:#666;background:#fff}.settings-input.hidden{display:none}.custom-bangs-list{margin-bottom:20px}.empty-state{color:#888;font-size:14px;font-style:italic}.custom-bang-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#f5f5f5;border-radius:6px;margin-bottom:8px}.custom-bang-info{display:flex;flex-direction:row;align-items:center;gap:10px;overflow:hidden;flex:1;min-width:0}.custom-bang-icon{width:24px;height:24px;object-fit:contain;flex-shrink:0}.custom-bang-details{display:flex;flex-direction:column;gap:2px;overflow:hidden}.custom-bang-header{display:flex;align-items:center;gap:4px}.custom-bang-info strong{font-size:14px}.custom-bang-name{font-weight:400;color:#666}.custom-bang-url{font-size:12px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.custom-bang-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.custom-bang-edit,.custom-bang-delete{font-size:18px;color:#999;background:none;border:none;cursor:pointer;padding:4px 8px;line-height:1;border-radius:4px;transition:all .15s}.custom-bang-edit:hover{color:#1976d2;background:#1976d21a}.custom-bang-delete:hover{color:#e53935;background:#e539351a}.add-bang-form{background:#f9f9f9;padding:16px;border-radius:8px}.add-bang-form h4{font-size:14px;margin-bottom:12px}.form-row{margin-bottom:12px}.form-row label{display:block;font-size:13px;font-weight:500;margin-bottom:4px;color:#444}.form-row .settings-input{background:#fff}.icon-input-container{position:relative}.icon-autocomplete{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:100;max-height:280px;overflow-y:auto}.icon-autocomplete.hidden{display:none}.icon-autocomplete-item{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;transition:background .15s}.icon-autocomplete-item:hover{background:#f5f5f5}.icon-autocomplete-preview{width:24px;height:24px;object-fit:contain;flex-shrink:0}.icon-autocomplete-name{font-size:14px;font-weight:500;color:#333}.icon-autocomplete-filename{font-size:12px;color:#888;margin-left:auto;font-family:monospace}.icon-autocomplete-empty{padding:12px;text-align:center;color:#888;font-size:13px}.favorites-search-container{position:relative;margin-bottom:12px}.favorites-results{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:10;max-height:300px;overflow-y:auto}.favorites-results.hidden{display:none}.favorites-result-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #eee}.favorites-result-item:last-child{border-bottom:none}.favorites-result-item.added{opacity:.6}.favorites-result-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.favorites-result-actions{display:flex;align-items:center;gap:6px}.favorites-icon-input{width:70px;padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:12px;background:#fff}.favorites-icon-input:focus{outline:none;border-color:#888}.favorites-icon-input[disabled]{opacity:.5;cursor:not-allowed}.favorites-result-icon{width:20px;height:20px;object-fit:contain;flex-shrink:0}.favorites-result-name{color:#666;font-size:13px}.favorites-add-btn{width:28px;height:28px;border-radius:50%;border:none;background:#1a1a1a;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.favorites-add-btn:hover:not([disabled]){background:#333;transform:scale(1.1)}.favorites-add-btn[disabled]{background:#4caf50;cursor:default}.favorites-empty{padding:12px;color:#666;text-align:center;font-size:14px}.conflict-warning{font-size:13px;color:#e65100;padding:8px 12px;background:#fff3e0;border-radius:6px;margin-bottom:12px}.conflict-warning.hidden{display:none}.form-buttons{display:flex;gap:8px}.btn-secondary{flex:1;padding:10px 16px;background:#e0e0e0;color:#333;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.btn-secondary:hover{background:#d0d0d0}.btn-secondary.hidden{display:none}.btn-primary{flex:1;width:100%;padding:10px 16px;background:#1a1a1a;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#333}.hidden{display:none}@media (max-width: 640px){.modal-backdrop{padding:0;align-items:flex-end}.modal{max-width:100%;max-height:95vh;border-radius:16px 16px 0 0}.modal-header{border-radius:16px 16px 0 0}.custom-bang-url{max-width:200px}}@media (prefers-color-scheme: dark){:root:not(.light) .modal{background:#1a1a1a;color:#ddd}:root:not(.light) .modal-header{background:#1a1a1a;border-bottom-color:#333}:root:not(.light) .modal-close{color:#999}:root:not(.light) .modal-close:hover{color:#fff}:root:not(.light) .settings-description{color:#999}:root:not(.light) .settings-select,:root:not(.light) .settings-input{background:#222;border-color:#444;color:#fff}:root:not(.light) .settings-select:focus,:root:not(.light) .settings-input:focus{border-color:#666;background:#2a2a2a}:root:not(.light) .custom-bang-item{background:#222}:root:not(.light) .custom-bang-url{color:#888}:root:not(.light) .custom-bang-name{color:#999}:root:not(.light) .empty-state{color:#666}:root:not(.light) .add-bang-form{background:#222}:root:not(.light) .form-row label{color:#bbb}:root:not(.light) .form-row .settings-input{background:#1a1a1a}:root:not(.light) .conflict-warning{background:#3d2600;color:#ffb74d}:root:not(.light) .btn-primary{background:#fff;color:#1a1a1a}:root:not(.light) .btn-primary:hover{background:#eee}:root:not(.light) .btn-secondary{background:#333;color:#ddd}:root:not(.light) .btn-secondary:hover{background:#444}:root:not(.light) .custom-bang-edit:hover{color:#64b5f6;background:#64b5f626}:root:not(.light) .custom-bang-delete:hover{color:#ef5350;background:#ef535026}:root:not(.light) .favorites-results{background:#1a1a1a;border-color:#333;box-shadow:0 4px 12px #0006}:root:not(.light) .favorites-result-item{border-bottom-color:#333}:root:not(.light) .favorites-result-name{color:#999}:root:not(.light) .favorites-add-btn{background:#fff;color:#1a1a1a}:root:not(.light) .favorites-add-btn:hover:not([disabled]){background:#eee}:root:not(.light) .favorites-empty{color:#666}:root:not(.light) .favorites-icon-input{background:#222;border-color:#444;color:#fff}:root:not(.light) .favorites-icon-input:focus{border-color:#666}:root:not(.light) .icon-autocomplete{background:#1a1a1a;border-color:#333;box-shadow:0 4px 12px #0006}:root:not(.light) .icon-autocomplete-item:hover{background:#2a2a2a}:root:not(.light) .icon-autocomplete-name{color:#ddd}:root:not(.light) .icon-autocomplete-filename{color:#666}:root:not(.light) .icon-autocomplete-empty{color:#666}}:root.dark .modal{background:#1a1a1a;color:#ddd}:root.dark .modal-header{background:#1a1a1a;border-bottom-color:#333}:root.dark .modal-close{color:#999}:root.dark .modal-close:hover{color:#fff}:root.dark .settings-description{color:#999}:root.dark .settings-select,:root.dark .settings-input{background:#222;border-color:#444;color:#fff}:root.dark .settings-select:focus,:root.dark .settings-input:focus{border-color:#666;background:#2a2a2a}:root.dark .custom-bang-item{background:#222}:root.dark .custom-bang-url{color:#888}:root.dark .custom-bang-name{color:#999}:root.dark .empty-state{color:#666}:root.dark .add-bang-form{background:#222}:root.dark .form-row label{color:#bbb}:root.dark .form-row .settings-input{background:#1a1a1a}:root.dark .conflict-warning{background:#3d2600;color:#ffb74d}:root.dark .btn-primary{background:#fff;color:#1a1a1a}:root.dark .btn-primary:hover{background:#eee}:root.dark .btn-secondary{background:#333;color:#ddd}:root.dark .btn-secondary:hover{background:#444}:root.dark .custom-bang-edit:hover{color:#64b5f6;background:#64b5f626}:root.dark .custom-bang-delete:hover{color:#ef5350;background:#ef535026}:root.dark .favorites-results{background:#1a1a1a;border-color:#333;box-shadow:0 4px 12px #0006}:root.dark .favorites-result-item{border-bottom-color:#333}:root.dark .favorites-result-name{color:#999}:root.dark .favorites-add-btn{background:#fff;color:#1a1a1a}:root.dark .favorites-add-btn:hover:not([disabled]){background:#eee}:root.dark .favorites-empty{color:#666}:root.dark .favorites-icon-input{background:#222;border-color:#444;color:#fff}:root.dark .favorites-icon-input:focus{border-color:#666}:root.dark .icon-autocomplete{background:#1a1a1a;border-color:#333;box-shadow:0 4px 12px #0006}:root.dark .icon-autocomplete-item:hover{background:#2a2a2a}:root.dark .icon-autocomplete-name{color:#ddd}:root.dark .icon-autocomplete-filename{color:#666}:root.dark .icon-autocomplete-empty{color:#666}