:root{color:#18212f;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}.app-shell{display:grid;min-height:100vh;place-items:center;padding:32px 16px}.workspace{width:min(720px,100%)}.intro{margin-bottom:28px}.intro p{color:#1d6f6f;font-size:.875rem;font-weight:700;margin:0 0 12px;text-transform:uppercase}.intro h1{font-size:clamp(2rem,5vw,4rem);line-height:1;margin:0;max-width:680px}.shortener-form{background:#fff;border:1px solid #d8e0ea;border-radius:8px;box-shadow:0 18px 45px #18212f14;padding:24px}.shortener-form label{display:block;font-weight:700;margin-bottom:10px}.form-row{display:flex;gap:12px}.form-row input{border:1px solid #b8c3d2;border-radius:6px;flex:1;min-width:0;padding:12px 14px}.form-row input:focus{border-color:#1d6f6f;outline:3px solid rgba(29,111,111,.16)}.form-row button{background:#18212f;border:0;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;min-width:128px;padding:12px 18px}.form-row button:disabled{cursor:wait;opacity:.7}.message{margin:16px 0 0}.error{color:#a53030}.result{background:#e8f5f2;border:1px solid #abd7ce;border-radius:8px;margin-top:16px;padding:18px 20px}.result span{color:#486073;display:block;font-size:.875rem;font-weight:700;margin-bottom:8px}.result a{color:#134e4e;font-size:1.125rem;font-weight:700;overflow-wrap:anywhere}@media(max-width:640px){.form-row{flex-direction:column}.form-row button{width:100%}}