@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;--border: #ddd;--primary-background: #131313;--primary-background-hover: #151515;--link: #444444;--link-hover: #888888;--background: #fff;--button-hover: #f0f0f0;--input: #f5f5f5;--green: #28a745;--footer-links: #666;--footer-links-hover: #333;--text: #1a1a1a}*{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)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}a{color:var(--link)}a:hover{color:var(--link-hover)}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}.input{padding:8px 12px;border:1px solid var(--border);border-radius:4px;width:100%;background:var(--input);color:var(--text)}.copy-button{padding:8px;color:var(--border);border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.copy-button:hover{background:var(--button-hover)}.copy-button:active{background:var(--input)}.copy-button img{width:20px;height:20px}.copy-button.copied{background:var(--green)}.footer{position:fixed;bottom:16px;left:0;right:0;text-align:center;font-size:14px;color:var(--footer-links)}.footer a{color:var(--footer-links);text-decoration:none;font-weight:500}.footer a:hover{color:var(--footer-links-hover)}@media (prefers-color-scheme: dark){:root{--background: #131313;--primary-background: #ccc;--primary-background-hover: #8f8f8f;--border: #3d3d3d;--link: #a9a9a9;--link-hover: #888;--button-hover: #222222;--input: #191919;--footer-links: #999999;--footer-links-hover: #ccc;--text: #fff}body{color:#ddd}#app{background-color:var(--background)}a{color:var(--link)}a:hover{color:var(--link-hover)}.footer,.footer a{color:var(--footer-links)}.footer a:hover{color:var(--footer-links-hover)}.url-input{border-color:var(--border);background-color:var(--input);color:var(--text)}.copy-button img,td button img{filter:invert(1)}.copy-button:hover{background:var(--button-hover)}.copy-button:active{background:var(--input)}}.bangs-container{padding:30px;display:flex;justify-items:center;align-items:center;flex-direction:column}table{border:1px solid var(--border);border-radius:32px;padding:16px 32px;width:80%;margin:20px 0 0;border-spacing:0 12px}td:nth-child(2){max-width:400px;overflow-x:auto}td:nth-child(4){color:var(--text);display:flex;justify-content:center;align-items:center}td:nth-child(4) button{display:flex}td:nth-child(4) button:hover{background-color:#e7000b}.button{padding:8px 12px;border:1px solid;border-radius:4px;width:100%;border-color:var(--border);background-color:var(--input);color:var(--text);width:fit-content;transition:all .2s}.button:hover{background-color:var(--button-hover)}.button[data-variant=primary]{width:auto;background-color:var(--primary-background);color:var(--background);display:flex;align-items:center;gap:0 8px}.button[data-variant=primary]:hover{background-color:var(--primary-background-hover)}.back{position:absolute;left:48px;padding:4px 16px;border-radius:8px;transition:all .15s;cursor:pointer;text-decoration:none}.back:hover{background-color:var(--border);color:#a9a9a9}dialog{border:1px solid var(--border);border-radius:4px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;background-color:var(--background);color:var(--text);padding:24px;margin:auto;--animation-duration: .5s;--animation-type: cubic-bezier(.42, 0, 0, .99);transition:display var(--animation-duration) allow-discrete var(--animation-type),overlay var(--animation-duration) allow-discrete var(--animation-type);animation:close var(--animation-duration) var(--animation-type)}dialog[open]{animation:open var(--animation-duration) var(--animation-type)}dialog::backdrop{background:#0000;animation:backdrop-close .5s cubic-bezier(.42,0,0,.99) forwards}dialog[open]::backdrop{animation:backdrop-open .5s cubic-bezier(.42,0,0,.99) forwards}@keyframes open{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes close{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes backdrop-open{0%{background:#0000}to{background:#000c}}@keyframes backdrop-close{0%{background:#000c}to{background:#0000}}dialog form{text-align:left;display:flex;flex-direction:column;gap:16px 0}dialog h2{font-size:28px;line-height:1.2}.sm{font-size:13px;line-height:1.2;color:var(--link)}.inputs-grid{display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));gap:16px}.input-container{display:flex;flex-direction:column;gap:4px}.input-container input{margin-top:4px}