@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Space+Mono:wght@400;700&display=swap";:root{--bg-base:#0f1117;--bg-surface:#1a1d27;--bg-hover:#222536;--accent:#5b8def;--accent-hover:#7aa3f5;--accent-muted:#2a3d6b;--text-primary:#e8eaf0;--text-secondary:#8b90a0;--text-muted:#4a4f62;--border:#2a2d3e;--success:#3ecf8e;--error:#e55757;--radius:10px;--font-ui:"DM Sans", sans-serif;--font-mono:"Space Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(1200px 550px at 15% -10%, #5b8def1a, transparent 65%), radial-gradient(900px 450px at 95% 0%, #3ecf8e0f, transparent 70%), var(--bg-base);color:var(--text-primary);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}#root,.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f1117e0;justify-content:center;align-items:center;height:56px;display:flex}.brand{width:min(680px,100% - 32px);font-family:var(--font-mono);color:var(--text-primary);font-size:18px}.brand-accent{color:var(--accent)}.page{width:min(680px,100% - 32px);margin:48px auto}.hero{margin-bottom:24px}.hero h1{letter-spacing:-.3px;font-size:24px;font-weight:600;line-height:1.25}.subtitle{color:var(--text-secondary);margin-top:8px;font-size:13px}.form-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.shorten-form{grid-template-columns:1fr auto;gap:8px;display:grid}.url-input{border:1px solid var(--border);width:100%;min-width:0;color:var(--text-primary);font:inherit;background:#141824;border-radius:8px;padding:12px 14px;transition:border-color .15s,box-shadow .15s}.url-input::placeholder{color:var(--text-muted)}.url-input:focus-visible{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #5b8def2e}.submit-btn,.copy-btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;font-weight:500;transition:background-color .12s,transform .1s}.submit-btn{background:var(--accent);color:#f5f8ff;justify-content:center;align-items:center;gap:8px;min-width:118px;padding:0 14px;display:inline-flex}.submit-btn:hover:not(:disabled){background:var(--accent-hover)}.submit-btn:disabled{opacity:.8;cursor:default}.spinner{border:2px solid #f5f8ff73;border-top-color:#f5f8ff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin}.result-row{border:1px solid var(--border);background:#3ecf8e14;border-radius:8px;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;animation:.2s ease-out result-in;display:flex}.ok-mark{color:var(--success);font-weight:600}.result-link{font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.copy-btn{background:var(--accent-muted);color:#dbe5ff;white-space:nowrap;border-color:#5b8def66;padding:8px 10px}.copy-btn:hover{background:#334b80}.copy-btn.copied{color:#b6f1d6;background:#3ecf8e2e;border-color:#3ecf8e61;animation:.1s copied-pop}.error-msg{color:var(--error);margin-top:10px;font-size:13px}.links-section{margin-top:24px}.links-section h2{letter-spacing:-.2px;margin-bottom:12px;font-size:20px}.meta-note{border:1px solid var(--border);background:var(--bg-surface);border-radius:var(--radius);color:var(--text-secondary);padding:16px}.links-table{border-collapse:collapse;border:1px solid var(--border);border-radius:var(--radius);background:#1a1d27d9;width:100%;overflow:hidden}.links-head th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border);padding:12px 14px;font-size:13px;font-weight:500}.links-table td{border-bottom:1px solid var(--border);color:var(--text-primary);padding:12px 14px;font-size:14px}.links-table tr:last-child td{border-bottom:none}.links-table tbody tr{transition:background-color .12s}.links-table tbody tr:hover{background:var(--bg-hover)}.mono-link{font-family:var(--font-mono);font-size:13px}.url-cell{text-overflow:ellipsis;white-space:nowrap;max-width:290px;color:var(--text-secondary);overflow:hidden}@keyframes result-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes copied-pop{0%{transform:scale(.97)}to{transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=760px){.page{margin:32px auto}.shorten-form{grid-template-columns:1fr}.submit-btn{width:100%;min-height:44px}.result-row{flex-wrap:wrap}.copy-btn{width:100%}.links-table{display:block;overflow-x:auto}.url-cell{max-width:220px}}