@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;--primary-bg: #fafafa;--secondary-bg: #ffffff;--accent-bg: #f5f5f5;--border-color: #e0e0e0;--text-primary: #1a1a1a;--text-secondary: #666666;--text-muted: #999999;--accent-color: #0066cc;--accent-color-hover: #0052a3;--success-color: #22c55e;--border-radius: 8px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1)}*{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:var(--text-primary);background-color:var(--primary-bg)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}a{color:var(--accent-color);text-decoration:none}a:hover{color:var(--accent-color-hover);text-decoration:underline}button{font:inherit;border:none;background:none;cursor:pointer}input,textarea{font:inherit}.app-container{min-height:100vh;display:flex;flex-direction:column;max-width:800px;margin:0 auto;padding:2rem 1rem}.header{text-align:center;margin-bottom:3rem}.title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.subtitle{font-size:1.125rem;color:var(--text-secondary);line-height:1.6}.learn-more{display:inline-block;margin-top:.5rem;font-weight:500}.main-content{flex:1;display:flex;flex-direction:column;gap:3rem}.search-section{position:relative}.search-container{position:relative;display:flex;align-items:center;background:var(--secondary-bg);border:2px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);transition:border-color .2s ease,box-shadow .2s ease}.search-container:focus-within{border-color:var(--accent-color);box-shadow:var(--shadow-md)}.search-icon{padding:0 1rem;display:flex;align-items:center;color:var(--text-muted)}.search-icon img{width:20px;height:20px;opacity:.5}.search-input{flex:1;padding:1rem 1rem 1rem 0;border:none;background:none;font-size:1rem;outline:none;color:var(--text-primary)}.search-input::placeholder{color:var(--text-muted)}.search-results{position:absolute;top:100%;left:0;right:0;background:var(--secondary-bg);border:2px solid var(--border-color);border-top:none;border-radius:0 0 var(--border-radius) var(--border-radius);box-shadow:var(--shadow-md);max-height:400px;overflow-y:auto;z-index:10}.result-item{padding:1rem;border-bottom:1px solid var(--accent-bg);cursor:pointer;transition:background-color .2s ease}.result-item:hover{background-color:var(--accent-bg)}.result-item:last-child{border-bottom:none}.result-main{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.result-bang{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.875rem;font-weight:600;color:var(--accent-color);background:#0066cc1a;padding:.25rem .5rem;border-radius:4px;min-width:fit-content}.result-name{font-weight:500;color:var(--text-primary)}.result-domain{font-size:.875rem;color:var(--text-muted);margin-left:4.25rem}.no-results{padding:2rem;text-align:center;color:var(--text-muted);font-style:italic}.setup-section{background:var(--secondary-bg);padding:2rem;border-radius:var(--border-radius);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.setup-title{font-size:1.5rem;margin-bottom:.75rem;color:var(--text-primary)}.setup-description{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.url-container{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.url-input{flex:1;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--accent-bg);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.875rem;color:var(--text-primary);outline:none;transition:border-color .2s ease}.url-input:focus{border-color:var(--accent-color)}.copy-button{padding:.75rem;background:var(--accent-color);color:#fff;border-radius:var(--border-radius);transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.copy-button:hover{background:var(--accent-color-hover);transform:translateY(-1px)}.copy-button:active{transform:translateY(0)}.copy-button img{width:18px;height:18px;filter:brightness(0) invert(1)}.setup-instructions{display:grid;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.setup-instructions p{display:flex;align-items:center;gap:.5rem}.setup-instructions strong{color:var(--text-primary);font-weight:600;min-width:120px}.footer{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color);text-align:center;color:var(--text-muted);font-size:.875rem}.footer p{margin-bottom:.5rem}.footer p:last-child{margin-bottom:0}.footer a{color:var(--text-secondary);font-weight:500}.footer a:hover{color:var(--accent-color)}.bang-count{font-weight:600;color:var(--accent-color)}@media (max-width: 640px){.app-container{padding:1rem}.title{font-size:2rem}.main-content{gap:2rem}.setup-section{padding:1.5rem}.url-container{flex-direction:column;align-items:stretch}.setup-instructions{gap:.75rem}.setup-instructions p{flex-direction:column;align-items:flex-start;gap:.25rem}.setup-instructions strong{min-width:auto}.result-domain{margin-left:0;margin-top:.25rem}}