:root{--bg:#f5f6f8;--surface:#fff;--text:#1f2328;--muted:#6b7280;--border:#d9dce1;--primary:#2563eb;--danger:#dc2626;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#16181d;--surface:#1f2228;--text:#e6e8eb;--muted:#9aa0a8;--border:#33373f;--primary:#6b9cff;--danger:#f87171;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;line-height:1.5}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page{max-width:640px;margin:0 auto;padding:48px 16px}.wordmark{margin:0;font-size:1.75rem}.tagline{color:var(--muted);margin:4px 0 24px}.shorten{gap:8px;display:flex}.shorten input{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text);font:inherit;border-radius:6px;flex:1;padding:10px 12px}.shorten input:focus{border-color:var(--primary);outline:none}.shorten button{background:var(--primary);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:6px;padding:10px 18px}.shorten button:disabled{opacity:.5;cursor:not-allowed}.error{min-height:1.5em;color:var(--danger);margin:8px 0 0;font-size:.875rem}.history{margin-top:24px}.history h2{margin:0;font-size:1.125rem}.empty{color:var(--muted);margin:12px 0 0}.list{background:var(--surface);border:1px solid var(--border);border-radius:6px;margin:12px 0 0;padding:0;list-style:none}.row{align-items:center;gap:12px;padding:12px;display:flex}.row+.row{border-top:1px solid var(--border)}.row__main{flex:1;min-width:0}.row__short{color:var(--primary);font-weight:600;text-decoration:none;display:block}.row__short:hover{text-decoration:underline}.row__long{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;display:block;overflow:hidden}.row__time{color:var(--muted);white-space:nowrap;font-size:.8125rem}.row__actions{gap:6px;display:flex}.btn{border:1px solid var(--border);color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:4px 10px;font-size:.875rem}.btn:hover{border-color:var(--muted)}.btn--danger:hover{border-color:var(--danger);color:var(--danger)}@media (width<=520px){.row{flex-wrap:wrap}.row__main{flex-basis:100%}.row__time{margin-right:auto}}