:root{font-family:Atkinson Hyperlegible,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;color:#151515;background:#f7f4ee;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}.app-shell{min-height:100vh;display:grid;place-items:center;padding:32px;background:linear-gradient(135deg,rgba(255,122,24,.14),transparent 30%),linear-gradient(315deg,rgba(27,87,191,.12),transparent 34%),#f7f4ee;color:#151515}.hero-panel{width:min(760px,100%);padding:56px;border:1px solid #1f1f1f;border-radius:8px;background:#fffcf5e6;box-shadow:10px 10px #1f1f1f}.eyebrow{margin-bottom:18px;font-size:.78rem;font-weight:800;letter-spacing:.14em;color:#d94b18}h1{margin:0;max-width:620px;font-size:clamp(2.25rem,7vw,5.25rem);line-height:.95;letter-spacing:0}.lede{margin:22px 0 34px;max-width:520px;font-size:1.08rem;color:#4b4b44}.shorten-form{display:grid;gap:10px}.shorten-form label{font-weight:800}.input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}input{min-width:0;border:1px solid #1f1f1f;border-radius:6px;padding:15px 16px;background:#fff;color:#111;font:inherit}input:focus{outline:3px solid rgba(217,75,24,.28)}button{border:1px solid #1f1f1f;border-radius:6px;padding:15px 20px;background:#1f1f1f;color:#fff;font:inherit;font-weight:800;cursor:pointer}button:hover:not(:disabled){background:#d94b18}button:disabled{cursor:not-allowed;opacity:.56}.status-message{margin:18px 0 0;color:#a12f16;font-weight:700}.result-panel{margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border:1px solid #1f1f1f;border-radius:6px;background:#ecf8df}.result-panel span{display:block;margin-bottom:4px;font-size:.78rem;font-weight:800;color:#4d6b24}.result-panel a{color:#1f1f1f;font-weight:800;overflow-wrap:anywhere}.copy-button{flex:0 0 auto;background:#fff;color:#1f1f1f}@media(max-width:680px){.app-shell{padding:18px}.hero-panel{padding:30px 22px;box-shadow:6px 6px #1f1f1f}.input-row,.result-panel{grid-template-columns:1fr;display:grid}.copy-button{width:100%}}