:root{font-family: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;--text-color: #1a1a1a;--bg-color: #fff;--link-color: #444444;--link-hover-color: #888888;--input-border: #ddd;--input-bg: #f5f5f5;--button-color: #666;--button-hover-bg: #f0f0f0;--button-active-bg: #e5e5e5;--success-color: #28a745;--popup-border: #ddd;--line-height: 1.5}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}body{line-height:var(--line-height);font-weight:400;font-size:16px;color:var(--text-color)}#app,.popup{background-color:var(--bg-color)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}a{color:var(--link-color)}a:hover{color:var(--link-hover-color)}button{border:none;background:none;cursor:pointer}.url-container{display:flex;align-items:center;gap:8px}.url-container input{width:100%}.options-area{display:flex;gap:8px}.options-area>*{width:100%}.default-bang-button{padding:13px;line-height:1}.content-container{max-width:36rem;text-align:center;padding:0 8px;display:flex;flex-direction:column;gap:8px}input{padding:8px 12px;border:1px solid var(--input-border);border-radius:4px;background:var(--input-bg);color:var(--text-color);line-height:var(--line-height)}button,label{padding:8px 12px;color:var(--button-color);border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center;border:1px solid transparent;-webkit-user-select:none;user-select:none}input,button,label{font:inherit}button:hover{background:var(--button-hover-bg)}button:active{background:var(--button-active-bg)}#copy-button img{width:20px;height:20px}#copy-button.copied{background:var(--success-color)}label{gap:8px;cursor:pointer;transition:all .2s}label:hover{background:var(--button-hover-bg)}input[type=checkbox]{accent-color:var(--button-color);width:16px;height:16px;cursor:pointer}.section{display:flex;flex-flow:column;gap:8px;max-height:50vh;overflow-y:auto;padding:4px}.bang{display:flex;gap:4px}.bang button{width:20%}.background{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;justify-content:center;align-items:center}.popup{padding:16px;border-radius:8px;max-width:100%;max-height:100%;overflow:auto;border:1px solid var(--popup-border)}.list{display:flex;flex-flow:column;gap:8px;overflow-y:auto;padding:4px;word-break:break-all;word-wrap:break-word;max-height:100%}.list div{display:flex;gap:4px;overflow:auto}@media (prefers-color-scheme: dark){:root{--text-color: #ddd;--bg-color: #131313;--link-color: #a9a9a9;--link-hover-color: #888;--input-border: #3d3d3d;--input-bg: #191919;--button-color: #999;--button-hover-bg: #222;--button-active-bg: #333;--popup-border: #3d3d3d}#copy-button img{filter:invert(1)}.footer,.footer a{color:#999}.footer a:hover{color:#ccc}}