@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;700;800&family=JetBrains+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d0d0d;--surface: #161616;--border: #2a2a2a;--text: #e8e8e8;--muted: #666;--accent: #c8f24d;--accent-dim: rgba(200, 242, 77, .12);--danger: #ff4d4d;--radius: 6px;--font-display: "Syne", sans-serif;--font-mono: "JetBrains Mono", monospace}body{background:var(--bg);color:var(--text);font-family:var(--font-display);min-height:100vh;line-height:1.5}.header{border-bottom:1px solid var(--border);padding:2.5rem 1.5rem;background:repeating-linear-gradient(90deg,transparent,transparent 40px,rgba(255,255,255,.015) 40px,rgba(255,255,255,.015) 41px)}.header-inner{max-width:720px;margin:0 auto;display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap}.logo{font-size:2rem;color:var(--accent);line-height:1}h1{font-size:2rem;font-weight:800;letter-spacing:-.03em;color:var(--text)}.accent{color:var(--accent)}.tagline{font-family:var(--font-mono);font-size:.75rem;color:var(--muted);margin-left:auto;letter-spacing:.02em}.main{max-width:720px;margin:0 auto;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:2.5rem}.shorten-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.input-row{display:flex;gap:.75rem}.url-input{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font-mono);font-size:.85rem;padding:.75rem 1rem;outline:none;transition:border-color .15s}.url-input:focus{border-color:var(--accent)}.url-input::placeholder{color:var(--muted)}.submit-btn{background:var(--accent);color:#0d0d0d;border:none;border-radius:var(--radius);font-family:var(--font-display);font-size:.9rem;font-weight:700;padding:.75rem 1.5rem;cursor:pointer;transition:opacity .15s,transform .1s;white-space:nowrap;display:flex;align-items:center;justify-content:center;min-width:90px}.submit-btn:hover:not(:disabled){opacity:.88}.submit-btn:active:not(:disabled){transform:scale(.97)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid rgba(13,13,13,.3);border-top-color:#0d0d0d;border-radius:50%;animation:spin .6s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.error-msg{font-family:var(--font-mono);font-size:.78rem;color:var(--danger);margin-top:.75rem}.empty-state{text-align:center;color:var(--muted);font-family:var(--font-mono);font-size:.85rem;padding:3rem 0;border:1px dashed var(--border);border-radius:var(--radius)}.links-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.link-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;transition:border-color .15s}.link-card:hover{border-color:#3a3a3a}.link-card-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.short-url{font-family:var(--font-mono);font-size:.9rem;font-weight:500;color:var(--accent);text-decoration:none;letter-spacing:.01em}.short-url:hover{text-decoration:underline}.link-actions{display:flex;gap:.5rem;flex-shrink:0}.action-btn{font-family:var(--font-mono);font-size:.72rem;padding:.3rem .7rem;border-radius:4px;border:1px solid var(--border);cursor:pointer;transition:all .15s;background:transparent}.copy-btn{color:var(--text)}.copy-btn:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.delete-btn{color:var(--muted)}.delete-btn:hover{background:#ff4d4d1a;border-color:var(--danger);color:var(--danger)}.link-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:1rem}.original-url{font-family:var(--font-mono);font-size:.72rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:400px}.meta{font-family:var(--font-mono);font-size:.68rem;color:#444;flex-shrink:0}@media (max-width: 580px){.input-row{flex-direction:column}.link-card-top{flex-direction:column;align-items:flex-start}.tagline{margin-left:0;width:100%}.original-url{max-width:200px}.last-link{display:flex;align-items:center;gap:.75rem;margin-top:1rem;padding:.75rem 1rem;background:var(--accent-dim);border:1px solid var(--accent);border-radius:var(--radius);flex-wrap:wrap}.last-link-label{font-family:var(--font-mono);font-size:.75rem;color:var(--muted)}}