:root{color-scheme:light;--color-ink: #121917;--color-muted: #65706b;--color-line: #d7ddd7;--color-panel: #fbfcf8;--color-canvas: #f3f1e8;--color-forest: #1f5d45;--color-lime: #d7eb71;--color-error: #793123;--shadow: 0 28px 80px rgba(34, 39, 34, .14);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;min-height:100vh;color:var(--color-ink);background:linear-gradient(90deg,rgba(18,25,23,.045) 1px,transparent 1px),linear-gradient(rgba(18,25,23,.04) 1px,transparent 1px),var(--color-canvas);background-size:34px 34px}button,input{font:inherit}a{color:inherit}.app-shell{display:grid;min-height:100vh;place-items:center;padding:24px}.shortener{display:grid;width:min(760px,100%);gap:18px}.brand{display:flex;align-items:center;gap:14px;margin-bottom:4px}.brand-mark{display:grid;width:54px;height:54px;place-items:center;color:#fff;background:var(--color-forest);border-radius:14px;box-shadow:0 16px 38px #1f5d4538}.brand-name{font-size:clamp(2.6rem,8vw,5.8rem);font-weight:950;letter-spacing:0;line-height:.92}.shortener-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px;background:#fbfcf8e6;border:1px solid var(--color-line);border-radius:12px;box-shadow:var(--shadow)}.url-field{display:flex;min-width:0;flex-direction:column;gap:8px}.url-field span{color:var(--color-muted);font-size:.88rem;font-weight:800}.url-field input{width:100%;min-height:54px;padding:0 16px;color:var(--color-ink);background:#fff;border:1px solid var(--color-line);border-radius:8px;outline:none;transition:border-color .16s ease,box-shadow .16s ease}.url-field input:focus{border-color:var(--color-forest);box-shadow:0 0 0 4px #1f5d4521}.submit-button,.copy-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;border:0;border-radius:8px;cursor:pointer;font-weight:900;transition:transform .16s ease,background .16s ease,opacity .16s ease}.submit-button{align-self:end;padding:0 22px;color:#fff;background:var(--color-forest)}.submit-button:hover,.copy-button:hover{transform:translateY(-1px)}.submit-button:disabled{cursor:wait;opacity:.72}.alert{padding:14px 16px;color:var(--color-error);background:#fff0e8;border:1px solid #efc7b4;border-radius:8px}.result{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px;color:#fff;background:var(--color-forest);border-radius:12px;box-shadow:0 18px 46px #1f5d4533}.result a{display:flex;min-height:50px;align-items:center;overflow-wrap:anywhere;font-size:1.08rem;font-weight:900}.copy-button{padding:0 16px;color:var(--color-ink);background:var(--color-lime)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:680px){.app-shell{align-items:start;padding:28px 16px}.brand{align-items:flex-start;flex-direction:column}.shortener-form,.result{grid-template-columns:1fr}.submit-button,.copy-button{width:100%}}