:root{--bg: #ffffff;--fg: #16181d;--muted: #666d7a;--border: #d8dce3;--accent: #2c5fd8;--error: #b3261e;--surface: #f6f7f9;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #16181d;--fg: #e8eaed;--muted: #9aa1ad;--border: #343841;--accent: #7aa2f7;--error: #f2a09a;--surface: #1d2027}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg)}main{max-width:40rem;margin:0 auto;padding:3rem 1.25rem}h1{margin:0 0 .25rem;font-size:1.75rem}.lede{margin:0 0 2rem;color:var(--muted)}label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:600}.shorten-row{display:flex;flex-wrap:wrap;gap:.5rem}input{flex:1 1 18rem;min-width:0;padding:.6rem .75rem;font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:6px}input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{padding:.6rem 1rem;font:inherit;font-weight:600;color:#fff;background:var(--accent);border:1px solid transparent;border-radius:6px;cursor:pointer}button:disabled{opacity:.6;cursor:progress}.copy-button{color:var(--fg);background:transparent;border-color:var(--border);font-weight:500}.error{margin:1rem 0 0;color:var(--error)}.result{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.5rem;padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:8px}.result a{color:var(--accent);font-weight:600;overflow-wrap:anywhere}.target{flex-basis:100%;margin:0;color:var(--muted);font-size:.8125rem;overflow-wrap:anywhere}