@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Mono:wght@300;400;500&display=swap";:root{--bg: #0a0a0a;--bg-subtle: #111111;--bg-raised: #161616;--border: #222222;--border-hover: #333333;--text: #f0ece4;--text-muted: #666666;--text-dim: #444444;--accent: #c8b89a;--accent-dim: #7a6e60;--danger: #c0392b;--success: #2ecc71;--font-display: "DM Serif Display", Georgia, serif;--font-mono: "DM Mono", "Courier New", monospace;--radius: 2px;--radius-lg: 4px;--transition: .2s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg);color:var(--text);font-family:var(--font-mono);font-weight:300;min-height:100vh;letter-spacing:.01em}main{max-width:640px;margin:0 auto;padding:6rem 2rem 4rem;display:flex;flex-direction:column;gap:4rem}header{display:flex;flex-direction:column;gap:.5rem}header h1{font-family:var(--font-display);font-size:3rem;font-weight:400;font-style:italic;color:var(--text);line-height:1;letter-spacing:-.02em}header h1:after{content:".";color:var(--accent)}header p{font-size:.75rem;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.shorten{display:flex;flex-direction:column;gap:1rem}.shorten .messages{min-height:4rem}.shorten .input-group{display:flex;gap:0;border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--transition)}.shorten .input-group:focus-within{border-color:var(--accent-dim)}.shorten .input-group input{flex:1;background:var(--bg-subtle);border:none;outline:none;padding:.875rem 1rem;font-family:var(--font-mono);font-size:.8rem;font-weight:300;color:var(--text);letter-spacing:.02em;border-radius:var(--radius) 0 0 var(--radius)}.shorten .input-group input::placeholder{color:var(--text-dim)}.shorten .input-group input:disabled{opacity:.5;cursor:not-allowed}.shorten .input-group button{background:var(--bg-raised);border:none;border-left:1px solid var(--border);padding:.875rem 1.5rem;font-family:var(--font-mono);font-size:.75rem;font-weight:500;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background-color var(--transition),color var(--transition);border-radius:0 var(--radius) var(--radius) 0;white-space:nowrap}.shorten .input-group button:hover:not(:disabled){background:var(--accent);color:var(--bg)}.shorten .input-group button:disabled{opacity:.3;cursor:not-allowed}.shorten .error{font-size:.75rem;color:var(--danger);letter-spacing:.04em;padding-left:.25rem}.shorten .error:before{content:"× "}.shorten .result{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius);padding:.875rem 1rem;animation:comeAndFadeIn .3s ease}.shorten .result.fading{animation:fadeOut .4s ease forwards}.shorten .result a{font-size:.85rem;color:var(--accent);text-decoration:none;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shorten .result a:hover{text-decoration:underline;text-underline-offset:3px}.shorten .result button{background:transparent;border:1px solid var(--border);border-radius:var(--radius);padding:.375rem .75rem;font-family:var(--font-mono);font-size:.7rem;font-weight:500;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all var(--transition);white-space:nowrap;flex-shrink:0;position:relative;overflow:hidden}.shorten .result button:hover{border-color:var(--accent-dim);color:var(--accent)}.shorten .result button.copied{color:var(--success);border-color:var(--success)}.shorten .result button.copied:after{content:"";position:absolute;inset:0;background:var(--success);opacity:.08;animation:pulse .6s ease}.warning{font-size:.75rem;color:var(--accent);letter-spacing:.04em;padding-left:.25rem;margin:5px 0}.warning:before{content:"⚠ "}.history{display:flex;flex-direction:column;gap:.75rem}.history h2{font-family:var(--font-mono);font-size:.7rem;font-weight:500;color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.history .entry{display:flex;align-items:center;position:relative;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--border);animation:fadeIn .4s ease both;overflow:hidden}.history .entry.fading{animation:fadeOut .4s ease forwards}.history .entry.deleting{pointer-events:none}.history .entry.deleting .entry-info,.history .entry.deleting .entry-actions{opacity:.3}.history .entry.deleting .delete-spinner-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.history .entry.deleting .delete-spinner{width:16px;height:16px;border:2px solid var(--accent);border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.history .entry-info{display:flex;flex-direction:column;gap:.25rem;overflow:hidden}.history .entry-info a{font-size:.8rem;color:var(--accent);text-decoration:none}.history .entry-info a:hover{text-decoration:underline;text-underline-offset:3px}.history .entry-info span{font-size:.7rem;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history .entry-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.history .entry-actions button{background:transparent;border:none;padding:.25rem .5rem;font-family:var(--font-mono);font-size:.65rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color var(--transition);color:var(--text-dim)}.history .entry-actions button:hover{color:var(--accent)}.history .entry-actions .delete{font-size:.7rem}.history .entry-actions .delete:hover{color:var(--danger)}.lang-switcher{position:fixed;bottom:3rem;right:3rem}.lang-switcher details{position:relative}.lang-switcher details summary{font-family:var(--font-mono);font-size:.65rem;font-weight:500;letter-spacing:.12em;color:var(--text-muted);cursor:pointer;list-style:none;padding:.375rem .625rem;border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition)}.lang-switcher details summary::-webkit-details-marker{display:none}.lang-switcher details summary:hover{color:var(--accent);border-color:var(--accent-dim)}.lang-switcher details .dropdown{position:absolute;bottom:calc(100% + .2rem);right:0;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;min-width:80px}.lang-switcher details .dropdown button{display:block;width:100%;background:transparent;border:none;padding:.5rem .75rem;font-family:var(--font-mono);font-size:.65rem;font-weight:500;letter-spacing:.12em;color:var(--text-muted);cursor:pointer;text-align:left;transition:all var(--transition)}.lang-switcher details .dropdown button:hover{background:var(--bg-subtle);color:var(--accent)}.lang-switcher details .dropdown button.active{color:var(--accent)}.spinner{display:inline-block;width:10px;height:10px;border:1.5px solid var(--accent);border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{to{opacity:0;transform:translateY(-4px)}}@keyframes comeAndFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:.15}to{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:480px){main{padding:3rem 1.25rem 2rem;gap:3rem}header h1{font-size:2.25rem}.history .entry{grid-template-columns:1fr auto}.history .entry span{display:none}}