@import"https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@font-face{font-family:Array;src:url(/fonts/Array-Regular.woff2) format("woff2"),url(/fonts/Array-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--background: #1e1e1e;--text: #e0e0e0;--accent: #bb86fc;--input-bg: #2a2a2a;--input-border: #444;--placeholder: #a8a8a8;--success: #66bb6a;--font: "Barlow", system-ui, Avenir, Helvetica, Arial, sans-serif;color-scheme:light dark;background-color:var(--background);color:var(--text);font-family:Barlow,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh;background-color:var(--background);color:var(--text);align-items:flex-start;justify-content:center;font-family:var(--font)}a{font-weight:500;color:var(--accent);text-decoration:inherit}a:hover{color:#9f54fb}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--input-bg);color:var(--accent);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--accent)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}header{display:flex;flex-direction:row;justify-content:center}main{width:80dvw;display:flex;flex-direction:column;align-items:center;margin-top:10dvh}.input-wrapper{display:flex;width:100%;max-width:800px;background:var(--input-bg, #2a2a2a);border:1px solid var(--input-border, #444);border-radius:8px;overflow:hidden}.input-wrapper input{flex:1;padding:12px 16px;font-size:20px;background:transparent;border:none;color:var(--text, #e0e0e0);border-radius:8px;font-family:var(--font)}.input-wrapper input:focus{outline:var(--accent, #bb86fc) auto 2px}.input-wrapper input::placeholder{color:var(--placeholder, #a8a8a8)}.input-wrapper button{background:none;border:none;padding:0 16px;color:var(--accent, #bb86fc);display:flex;align-items:center;justify-content:center;cursor:pointer}.input-wrapper button:hover{background:#bb86fc1a}.input-wrapper button:focus{outline:var(--accent, #bb86fc) auto 2px}.url-list{width:100%;max-width:800px;margin-top:16px;padding:0;list-style:none;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;overflow:hidden;max-height:40dvh;overflow-y:auto}.url-list:empty{display:none}.url-list li{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:12px 16px;color:var(--text);border-bottom:1px solid var(--input-border, #444);max-height:0;opacity:0;overflow:hidden;transform:scaleY(.95);transition:all .3s ease}.url-list li:last-child{border-bottom:none}.url-list li:hover{background:#bb86fc0d}.url-list li.entering{max-height:80px;opacity:1;transform:scaleY(1);padding:12px 16px}.url-list .url-text{color:var(--text);max-width:75%;display:flex;flex-direction:column}.url-list .url-text>span{padding:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.url-list .url-text .short-code{font-weight:600}.url-list .url-text .long-url{font-size:.9rem;color:var(--text-secondary);font-size:.85rem;opacity:.8}.url-list .url-actions{display:flex;flex-direction:row;align-items:center;gap:8px}.url-list button{background:none;border:none;color:var(--accent);cursor:pointer;padding:.5em;display:flex;align-items:center;justify-content:center}.url-list button:focus{outline:var(--accent) auto 2px}.url-list button:hover{background:#bb86fc1a}.url-list button .success{color:var(--success)}@media (max-width: 900px){.url-list li{flex-direction:column;align-items:flex-start;gap:.5rem}.url-list li.entering{max-height:100px}.url-list .url-text{max-width:100%}.url-list .url-actions{flex-direction:row;width:100%}}.app-bar{display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-end;align-content:flex-end;margin-top:5em;width:100%}.app-bar a{text-decoration:none;color:inherit}.home{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--background);width:100%}.home .title{font-size:3rem;color:var(--text);font-family:Array,system-ui,Avenir,Helvetica,Arial,sans-serif}.not-found{padding:2rem;text-align:center}.not-found .title{font-size:2.5rem;color:var(--text);font-family:Array,system-ui,Avenir,Helvetica,Arial,sans-serif}.redirect-page{padding:2rem;text-align:center}.redirect-page .title{font-size:2.5rem;color:var(--text);font-family:Array,system-ui,Avenir,Helvetica,Arial,sans-serif}