:root{--font-body: Inter, system-ui, sans-serif;--font-mono: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;--color-text: #000000;--color-bg: #f3f4f6;--color-border: rgba(0, 0, 0, .2);--color-border-hover: rgba(0, 0, 0, .5);--color-success: #00c950}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:5px}::-webkit-scrollbar-track{background:transparent}@media (prefers-color-scheme: dark){:root{--color-text: #ffffff;--color-bg: rgba(0, 0, 0, .95);--color-border: rgba(255, 255, 255, .2);--color-border-hover: rgba(255, 255, 255, .5)}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:1.5}main{padding:1rem;margin:auto;display:flex;width:100vw;max-width:60rem;flex-direction:column;align-items:center;justify-content:center}main>*{margin-top:.5rem;margin-bottom:.5rem}h1{display:inline-flex;align-items:center;gap:1rem;font-size:1.875rem;font-weight:700}h1 img{width:2.5rem;height:2.5rem}.text-s{font-size:.9rem;font-weight:500;opacity:.8}a{color:rgba(var(--color-text),.8);text-decoration:underline}strong{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.input-container{display:flex;max-width:25rem;width:100%;align-items:center;gap:1rem}input[type=text]{width:100%;cursor:pointer;border-radius:.25rem;border:1px solid var(--color-border);padding:.5rem;transition:border-color .3s;background-color:transparent;color:var(--color-text);font-size:1rem}input[type=text]:hover{border-color:var(--color-border-hover)}.text-center{text-align:center}.flex-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.flex-container>*{margin-top:.5rem;margin-bottom:.5rem}.copy-button{width:1.5rem;height:1.5rem;cursor:pointer;background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center}.copy-button svg{width:24px;height:24px}.copy-button svg:not(.success){stroke:var(--color-text)}footer{font-size:.9rem;position:fixed;bottom:0}.main-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1rem;min-height:100vh}.search-bangs{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem;width:100%;height:100vh}.your-default-bang{opacity:50%;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.default-bang{font-weight:700;font-size:.9rem;border:1px solid var(--color-border);padding:.25rem .5rem;cursor:pointer;border-radius:.25rem;align-content:center}.animate-bounce{animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.search-container{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s}.search-container button:hover svg{stroke-width:1.5}.search-result{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:1rem;max-width:100%;max-height:100%;width:100%;height:auto;overflow:auto;border:.5px dashed var(--color-border);border-radius:.5rem;padding:1rem}.search-result-bangs{font-size:.9rem;background-color:transparent;color:currentColor;border:1px solid var(--color-border);padding:.25rem .5rem;cursor:pointer;border-radius:.25rem;align-content:center;margin-right:.125rem;margin-bottom:.125rem;transition:background-color .3s}.search-result-bangs:hover{background-color:var(--color-border)}.show-search{background:var(--color-text);border:1px solid var(--color-border);padding:.5rem;cursor:pointer;border-radius:.25rem;color:var(--color-bg);font-size:1rem}