@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:#232323;background:#f3f3f3}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}.main-bg{min-height:100vh;width:100vw;background:linear-gradient(135deg,#f3f3f3,#e0e0e0);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background .3s;padding:1.2rem 2.5rem}.card-container{background:#f8f8f8;border-radius:1.25rem;box-shadow:0 4px 32px #3c3c3c1a,0 1.5px 6px #3c3c3c0a;padding:2.2rem 4.5rem 1.8rem;max-width:700px;width:100%;margin:2rem 0 1.5rem;display:flex;flex-direction:column;align-items:center;transition:box-shadow .2s;gap:1.2rem}.header{display:flex;align-items:center;gap:3.5rem;margin-bottom:1.2rem;width:100%;justify-content:flex-start}.logo{width:56px;height:56px;border-radius:16px;background:#ededed;box-shadow:0 2px 8px #3c3c3c12;padding:10px}.title{font-size:2.8rem;font-weight:700;letter-spacing:-1px;margin-bottom:.1em;color:#232323}.tagline{font-size:1.25rem;color:#6b6b6b;font-weight:500;margin-bottom:.2em}.accent{color:#888;font-weight:600}.desc{color:#444;margin-bottom:1.2rem;font-size:1.18rem}.url-container{display:flex;align-items:center;gap:36px;margin-top:14px}.url-container.vertical{flex-direction:column;align-items:stretch;gap:12px;margin-top:14px;margin-bottom:10px}.input-group{position:relative;display:flex;align-items:center;margin-bottom:.5rem}.input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#b0b0b0;pointer-events:none}.url-input{padding:10px 32px;border:1px solid #cccccc;border-radius:12px;width:100%;background:#f3f3f3;font-size:1.15rem;transition:border .2s,box-shadow .2s;outline:none;color:#232323}select.url-input{min-height:56px}.url-input:focus{border:1.5px solid #888888;box-shadow:0 0 0 2px #8882;background:#fff}.url-input.with-icon{padding-left:58px}.copy-button{padding:8px 32px;color:#444;border-radius:12px;background:#e0e0e0;transition:background .2s,color .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #3c3c3c0f;font-size:1.15rem}.copy-button:hover{background:#888;color:#fff}.copy-button:active{background:#444}.copy-button img{width:26px;height:26px;transition:filter .2s}.copy-button:hover img{filter:invert(1)}.copy-button.copied{background:#22c55e}.toast{position:fixed;top:2.5rem;left:50%;transform:translate(-50%) scale(.95);background:#888;color:#fff;padding:.7em 1.5em;border-radius:8px;font-size:1rem;font-weight:500;box-shadow:0 2px 12px #3c3c5a1a;opacity:0;pointer-events:none;z-index:1000;transition:opacity .25s,transform .25s}.toast.show{opacity:1;pointer-events:auto;transform:translate(-50%) scale(1)}.footer{position:fixed;bottom:16px;left:0;right:0;text-align:center;font-size:1.18rem;color:#666;background:none;z-index:10;padding:.7rem 2.5rem}.footer a{color:#888;text-decoration:none;font-weight:500;transition:color .2s}.footer a:hover{color:#444}.search-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;width:90vw;max-width:1800px;margin:0 auto}.search-header{display:flex;flex-direction:row;align-items:center;gap:3rem;margin-bottom:3rem;text-align:center;position:relative}.search-header .logo{width:120px;height:120px}.title-section{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.search-header .title{font-size:5rem;margin:0}.search-header .tagline{font-size:1.2rem;color:#6b6b6b;margin:0}.search-box-container{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:1700px;margin-bottom:2rem}.search-input-group{margin-bottom:0}.search-input{padding:16px 58px;border:2px solid #e0e0e0;border-radius:50px;font-size:1.2rem;background:#fff;transition:all .2s;box-shadow:0 2px 8px #0000001a;width:100%}.search-input:focus{outline:none;border-color:#888;box-shadow:0 4px 16px #00000026;background:#fff}.search-button{padding:16px 32px;background:#888;color:#fff;border:none;border-radius:50px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0000001a}.search-button:hover{background:#444;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.search-button:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a}.settings-button-top{position:fixed;top:1.5rem;right:1.5rem;background:transparent;border:1px solid rgba(136,136,136,.2);width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .2s;box-shadow:none;z-index:100;display:flex;align-items:center;justify-content:center;padding:0}.settings-button-top img{width:18px;height:18px;opacity:.5;transition:opacity .2s}.settings-button-top:hover{background:#8888881a;border-color:#8886;transform:none;box-shadow:none}.settings-button-top:hover img{opacity:.8}.back-button{background:none;border:1px solid #e0e0e0;color:#888;font-size:1rem;padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .2s;margin-right:auto}.back-button:hover{background:#f0f0f0;color:#444;border-color:#888}.settings-bg{min-height:100vh;width:100vw;background:linear-gradient(135deg,#f3f3f3,#e0e0e0);padding:1rem 2rem}.settings-container{max-width:800px;margin:0 auto;background:#f8f8f8;border-radius:1.25rem;box-shadow:0 4px 32px #3c3c3c1a,0 1.5px 6px #3c3c3c0a;overflow:hidden}.settings-header{background:#f8f8f8;padding:1.5rem 2rem;border-bottom:1px solid #e9ecef;display:flex;flex-direction:column;gap:1rem}.settings-title{display:flex;align-items:center;gap:1rem;margin-top:1rem}.settings-logo{width:32px;height:32px}.settings-title-text{font-size:1.5rem;font-weight:600;color:#495057;margin:0}.settings-subtitle{font-size:.9rem;color:#6c757d;margin:.25rem 0 0}.settings-content{padding:2rem}.settings-section{margin-bottom:2rem}.settings-section:last-child{margin-bottom:0}.settings-section-title{font-size:1.1rem;font-weight:600;color:#343a40;margin:0 0 .5rem}.settings-description{color:#6c757d;font-size:.9rem;line-height:1.5;margin:0 0 1.5rem}.form-label{display:block;font-size:.85rem;font-weight:500;color:#495057;margin-bottom:.5rem}.form-group{margin-bottom:1.5rem}.url-display-container{display:flex;align-items:center;gap:.5rem}.bang-input{width:100%;padding:10px 16px;border:1px solid #cccccc;border-radius:12px;background:#f3f3f3;font-size:.9rem;color:#232323;font-family:Monaco,Menlo,Ubuntu Mono,monospace;transition:border .2s,background .2s}.bang-input:focus{border:1.5px solid #888888;background:#fff;outline:none}.input-help{display:block;font-size:.75rem;color:#6c757d;margin-top:.25rem;font-style:italic}.url-display-input{flex:1;padding:10px 16px;border:1px solid #cccccc;border-radius:12px;background:#f3f3f3;font-size:.9rem;color:#232323;font-family:Monaco,Menlo,Ubuntu Mono,monospace;transition:border .2s,background .2s}.url-display-input:focus{border:1.5px solid #888888;background:#fff;outline:none}@media (max-width: 600px){.card-container{padding:1.2rem;max-width:99vw;margin:1.2rem 0;gap:.7rem}.main-bg{padding:0 .7rem}.footer{font-size:1.05rem;padding:.5rem .7rem}.title{font-size:1.7rem}.tagline{font-size:1.1rem}.desc{font-size:1.05rem}.url-input{padding:8px 10px;font-size:1.05rem}.copy-button{padding:6px 10px;font-size:1.05rem}.search-container{padding:1rem;max-width:95vw}.search-box-container{max-width:95vw}.search-header{margin-bottom:2rem}.search-header .title{font-size:3rem}.search-header .tagline{font-size:1rem}.search-header .logo{width:80px;height:80px}.search-header{gap:2rem}.title-section{gap:.3rem}.search-input{font-size:1rem;padding:14px 48px}.search-button{font-size:1rem;padding:14px 24px}.back-button{font-size:.9rem;padding:6px 12px}.settings-button-top{top:1rem;right:1rem;width:36px;height:36px}.settings-button-top img{width:16px;height:16px}.settings-bg{padding:.5rem}.settings-header{padding:1rem}.settings-title{flex-direction:column;text-align:center;gap:.5rem}.settings-title-text{font-size:1.3rem}.settings-content{padding:1rem}.settings-section-title{font-size:1rem}}@media (prefers-color-scheme: dark){.main-bg{background:linear-gradient(135deg,#232323,#2d2d2d)}.card-container{background:#232323;box-shadow:0 4px 32px #0000002e,0 1.5px 6px #0000001a}.logo{background:#2d2d2d}.title{color:#fff}.tagline,.desc{color:#b0b0b0}.accent{color:#ccc}.url-input{border-color:#2d2d2d;background-color:#2d2d2d;color:#fff}.url-input:focus{background:#232323;border-color:#ccc;box-shadow:0 0 0 2px #ccc3}.input-icon{color:#888}.copy-button{background:#2d2d2d;color:#ccc}.copy-button:hover{background:#ccc;color:#232323}.copy-button:active{background:#888}.footer,.footer a{color:#ccc}.footer a:hover{color:#fff}.toast{background:#888;color:#fff}.settings-bg{background:linear-gradient(135deg,#232323,#2d2d2d)}.settings-container{background:#232323;box-shadow:0 4px 32px #0000002e,0 1.5px 6px #0000001a}.settings-header{background:#232323;border-bottom-color:#404040;display:flex;flex-direction:column;gap:1rem}.settings-title-text{color:#e9ecef}.settings-subtitle{color:#adb5bd}.settings-content{padding:2rem}.settings-section-title{color:#e9ecef}.settings-description{color:#adb5bd}.form-label{color:#e9ecef}.bang-input{background:#2d2d2d;border-color:#2d2d2d;color:#fff}.bang-input:focus{background:#232323;border-color:#ccc;box-shadow:0 0 0 2px #ccc3}.input-help{color:#adb5bd}.url-display-input{background:#2d2d2d;border-color:#2d2d2d;color:#fff}.url-display-input:focus{background:#232323;border-color:#ccc;box-shadow:0 0 0 2px #ccc3}.search-input{background:#2d2d2d;border-color:#2d2d2d;color:#fff}.search-input:focus{background:#232323;border-color:#ccc;box-shadow:0 0 0 2px #ccc3}.search-button{background:#ccc;color:#232323}.search-button:hover{background:#fff}.settings-button-top{background:transparent;border-color:#ccc3}.settings-button-top img{opacity:.6}.settings-button-top:hover{background:#cccccc1a;border-color:#ccc6}.settings-button-top:hover img{opacity:.9}.back-button{border-color:#2d2d2d;color:#ccc}.back-button:hover{background:#2d2d2d;color:#fff;border-color:#ccc}}