@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;--bg-color: #ffffff;--text-color: #1a1a1a;--link-color: #444444;--link-hover-color: #888888;--input-bg: #f5f5f5;--input-border: #ddd;--button-hover-bg: #f0f0f0;--button-active-bg: #e5e5e5;--footer-text-color: #666;--footer-link-hover: #333;--svg-filter: none}[data-theme=dark]{--bg-color: #121212;--text-color: #ffffff;--link-color: #90caf9;--link-hover-color: #bbdefb;--input-bg: #1e1e1e;--input-border: #333333;--button-hover-bg: #333333;--button-active-bg: #424242;--footer-text-color: #bbbbbb;--footer-link-hover: #ffffff;--svg-filter: invert(1)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}html{background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}body{line-height:1.5;font-weight:400;font-size:16px;color:var(--text-color);background-color:var(--bg-color);min-height:100vh;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}a{color:var(--link-color);transition:color .3s ease}a:hover{color:var(--link-hover-color)}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}.bang-container{margin-top:16px;display:block;text-align:left}.url-input,.bang-input{padding:8px 12px;border:1px solid var(--input-border);border-radius:4px;width:100%;background:var(--input-bg);color:var(--text-color);transition:background-color .3s ease,color .3s ease,border-color .3s ease}.copy-button{padding:8px;color:var(--text-color);border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.copy-button:hover{background:var(--button-hover-bg)}.copy-button:active{background:var(--button-active-bg)}.copy-button img{width:20px;height:20px;filter:var(--svg-filter)}.copy-button.copied{background:#28a745}.footer{position:fixed;bottom:16px;left:0;right:0;text-align:center;font-size:14px;color:var(--footer-text-color)}.footer a{color:var(--footer-text-color);text-decoration:none;font-weight:500;transition:color .3s ease}.footer a:hover{color:var(--footer-link-hover)}.theme-toggle{position:fixed;top:16px;right:16px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--bg-color);box-shadow:0 2px 5px #0000001a;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease;z-index:100}[data-theme=dark] .theme-toggle{box-shadow:0 2px 5px #0000004d;background-color:#1e1e1e}.theme-toggle:hover{background-color:var(--button-hover-bg)}.theme-toggle img{width:24px;height:24px;filter:var(--svg-filter)}.custom-bangs-container{margin-top:24px;text-align:left;width:100%}.custom-bangs-container h3{margin-bottom:12px;font-size:18px;font-weight:600}.custom-bangs-list{margin-bottom:16px}.custom-bang-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border:1px solid var(--input-border);border-radius:4px;margin-bottom:8px;background:var(--input-bg);transition:border-color .3s ease}.custom-bang-item:hover{border-color:var(--link-color)}.bang-display{font-weight:600;color:var(--link-color);min-width:60px}.bang-template{flex:1;font-family:monospace;font-size:14px;color:var(--text-color);opacity:.8}.bang-input-field,.template-input-field{padding:4px 8px;border:1px solid var(--input-border);border-radius:4px;background:var(--bg-color);color:var(--text-color);font-size:14px;transition:border-color .3s ease}.bang-input-field{min-width:80px;font-weight:600;color:var(--link-color)}.template-input-field{flex:1;font-family:monospace}.bang-input-field:focus,.template-input-field:focus{outline:none;border-color:var(--link-color)}.delete-bang-button{padding:4px;border-radius:4px;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.delete-bang-button:hover{background:var(--button-hover-bg)}.delete-bang-button img{width:16px;height:16px;opacity:.7;filter:var(--svg-filter)}.delete-bang-button:hover img{opacity:1}.add-bang-button{padding:8px 16px;background:var(--link-color);color:#fff;border-radius:4px;font-weight:500;transition:background-color .2s ease}.add-bang-button:hover{background:var(--link-hover-color)}.no-custom-bangs{text-align:center;color:var(--footer-text-color);font-style:italic;margin:16px 0}.flex.justify-center{display:flex;justify-content:center}