@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#e7e9ec;-webkit-text-size-adjust:100%;background:#14161a;font-family:DM Sans,system-ui,sans-serif;line-height:1.5}:root{--bg:#14161a;--panel:#1b1e24;--line:#2a2e37;--ink:#e7e9ec;--muted:#8b919c;--accent:#ff6b4a;--accent-dim:#ff6b4a22;--ok:#5ad19a;--radius:10px}.wrap{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;max-width:560px;min-height:100dvh;margin:0 auto;padding:24px;display:flex}.brand{width:100%;margin-bottom:24px}.wordmark{letter-spacing:-.06em;color:var(--ink);font-family:DM Sans,sans-serif;font-size:clamp(72px,22vw,132px);font-weight:700;line-height:.85;display:inline-block}.shrinkbar{background:var(--accent);transform-origin:0;border-radius:3px;width:100%;height:6px;margin-top:4px;animation:3.4s cubic-bezier(.3,.7,.3,1) .5s infinite collapse}@keyframes collapse{0%{transform:scaleX(1)}45%{transform:scaleX(.22)}55%{transform:scaleX(.22)}to{transform:scaleX(1)}}.tag{color:var(--muted);letter-spacing:.03em;margin-top:14px;font-family:DM Mono,monospace;font-size:14px}.tag b{color:var(--accent);font-weight:500}.sub{color:var(--ink);max-width:42ch;margin-bottom:26px;font-size:16px}form{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);gap:10px;width:100%;padding:8px;transition:border-color .15s;display:flex}form:focus-within{border-color:var(--accent)}input[type=url]{min-width:0;color:var(--ink);text-overflow:ellipsis;background:0 0;border:none;outline:none;flex:1;padding:10px 12px;font-family:DM Mono,monospace;font-size:14px}input::placeholder{color:#565c67}button{color:#1a1205;background:var(--accent);cursor:pointer;white-space:nowrap;border:none;border-radius:7px;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;transition:transform .1s,opacity .15s}button:hover{opacity:.92}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.result{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:100%;margin-top:18px;padding:16px;animation:.3s rise}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.result-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-family:DM Mono,monospace;font-size:11px}.result-row{align-items:center;gap:10px;display:flex}.result a{color:var(--accent);word-break:break-all;flex:1;font-family:DM Mono,monospace;font-size:clamp(15px,4.5vw,19px);text-decoration:none}.result a:hover{text-decoration:underline}.copy{color:var(--muted);border:1px solid var(--line);background:0 0;border-radius:7px;padding:8px 14px;font-size:13px;font-weight:500}.copy.copied{color:var(--ok);border-color:var(--ok)}.error{color:var(--accent);margin-top:14px;font-family:DM Mono,monospace;font-size:14px}footer{color:var(--muted);margin-top:40px;font-family:DM Mono,monospace;font-size:12px}footer a{color:var(--ink);border-bottom:1px solid var(--line);text-decoration:none}footer a:hover{border-color:var(--accent)}@media (width<=460px){form{flex-direction:column}button{width:100%}}@media (prefers-reduced-motion:reduce){.shrinkbar{animation:none;transform:scaleX(.4)}.result{animation:none}}