:root{--concrete:#dde4ea;--panel:#eef2f5;--paper:#fcfcfa;--ink:#17233a;--muted:#4e5d72;--line:#c5cfd9;--line-strong:#9aa8b8;--yellow:#ffc629;--blue:#1d4ed8;--blue-hover:#1a43b8;--blue-ring:#1d4ed847;--link:#1d4ed8;--danger:#b42318;--grommet:#aab4bf;--tag-ink:#17233a;--tag-muted:#56647a;--font:"Overpass", system-ui, sans-serif;--mono:"Overpass Mono", ui-monospace, "SF Mono", monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font);color:var(--ink);background:var(--concrete);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:17px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--concrete:#0f1a2b;--panel:#15233a;--paper:#1b2b44;--ink:#e6ecf3;--muted:#9fb0c5;--line:#2a3c58;--line-strong:#435774;--blue:#2f62e8;--blue-hover:#5581f5;--blue-ring:#6b9bff59;--link:#8db3ff;--danger:#ff8a7a;--grommet:#5f6f86;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}body{min-height:100vh;margin:0}h1,h2,p,dl,dd,ul{margin:0}:focus-visible{outline:3px solid var(--blue-ring);outline-offset:2px}.page{max-width:1120px;margin:0 auto;padding:28px clamp(20px,4vw,48px) 64px}.wordmark{letter-spacing:-.01em;align-items:center;gap:10px;font-size:1.15rem;font-weight:800;display:inline-flex}.wordmark svg{width:26px;height:26px}.wordmark path{fill:var(--yellow);stroke:var(--ink);stroke-width:2px;stroke-linejoin:round}.wordmark circle{fill:var(--ink)}.hero{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center;gap:clamp(40px,6vw,80px);padding:clamp(40px,8vw,88px) 0 clamp(48px,8vw,96px);display:grid}h1{letter-spacing:-.035em;text-wrap:balance;max-width:11ch;font-size:clamp(2.6rem,6.2vw,4.5rem);font-weight:900;line-height:.98}.lede{max-width:44ch;color:var(--muted);margin-top:20px;font-size:1.125rem;line-height:1.55}.shorten{margin-top:36px}.field-label{margin-bottom:8px;font-size:.9rem;font-weight:600;display:block}.shorten-row{gap:10px;display:flex}.input{border:2px solid var(--line-strong);background:var(--paper);width:100%;height:52px;color:var(--ink);font:inherit;border-radius:8px;padding:0 16px;font-size:1rem;transition:border-color .12s}.input::placeholder{color:var(--muted);opacity:.7}.input:focus{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-ring);outline:none}.input[aria-invalid=true]{border-color:var(--danger)}.input-url{flex:1;min-width:0}.input-mono{font-family:var(--mono);font-size:.95rem}.form-error{color:var(--danger);margin-top:10px;font-size:.95rem;font-weight:600}.hint{color:var(--muted);margin-top:6px;font-size:.85rem}.options{margin-top:18px}.options summary{cursor:pointer;color:var(--link);border-radius:4px;align-items:center;gap:8px;font-size:.95rem;font-weight:600;list-style:none;display:inline-flex}.options summary::-webkit-details-marker{display:none}.options summary:before{content:"+";border:1.5px solid;border-radius:50%;place-items:center;width:20px;height:20px;font-size:.95rem;line-height:1;display:inline-grid}.options[open] summary:before{content:"−"}.options-grid{grid-template-columns:1.4fr 1fr;gap:16px;margin-top:16px;display:grid}.alias-input{position:relative}.alias-prefix{font-family:var(--mono);color:var(--muted);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.alias-input .input{padding-left:30px}.button{height:52px;font:inherit;white-space:nowrap;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0 22px;font-size:1rem;font-weight:700;text-decoration:none;transition:background-color .12s,border-color .12s,transform 80ms;display:inline-flex}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{cursor:progress;opacity:.65}.button-primary{background:var(--blue);color:#fff}.button-primary:hover:not(:disabled){background:var(--blue-hover)}.button-quiet{color:var(--ink);border:1.5px solid var(--line-strong);background:0 0}.button-quiet:hover:not(:disabled){border-color:var(--ink)}.button-danger{background:var(--danger);color:#fff}.button-small{border-radius:6px;height:34px;padding:0 12px;font-size:.875rem}.tag-stage{justify-items:center;padding-top:56px;display:grid}.tag{--stub:78px;--hole-x:39px;--hole-y:40px;width:min(100%,420px);transform-origin:var(--hole-x) var(--hole-y);filter:drop-shadow(0 1px 1px #17233a2e)drop-shadow(0 14px 22px #17233a29);position:relative;transform:rotate(-2deg)}.tag-card{grid-template-columns:var(--stub) 1fr;clip-path:polygon(26px 0,100% 0,100% 100%,26px 100%,0 calc(100% - 26px),0 26px);background:var(--paper);border-radius:0 10px 10px 0;min-height:230px;display:grid}.tag-live .tag-card,.tag-empty .tag-card{color:var(--tag-ink);background:#fcfcfa}.tag-stub{background:var(--yellow);position:relative}.tag-hole{left:calc(var(--hole-x) - 11px);top:calc(var(--hole-y) - 11px);background:var(--concrete);width:22px;height:22px;box-shadow:0 0 0 4px var(--grommet), inset 0 2px 3px #00000040;border-radius:50%;position:absolute}.tag-host{text-overflow:ellipsis;white-space:nowrap;writing-mode:vertical-rl;letter-spacing:.01em;max-height:calc(100% - 92px);font-size:.95rem;font-weight:800;position:absolute;bottom:22px;left:50%;overflow:hidden;transform:translate(-50%)rotate(180deg)}.tag-body{border-left:2px dashed #17233a47;flex-direction:column;min-width:0;padding:24px 26px;display:flex}.tag-code{font-family:var(--mono);letter-spacing:.02em;overflow-wrap:anywhere;font-size:clamp(2rem,4.4vw,2.75rem);font-weight:700;line-height:1}.tag-short{color:var(--tag-muted);margin-top:8px;font-size:.95rem}.tag-meta{border-top:1px solid #17233a24;gap:10px;margin:20px 0 22px;padding-top:16px;display:grid}.tag-meta>div{min-width:0}.tag-meta dt{color:var(--tag-muted);font-size:.8rem}.tag-meta dd{font-size:.95rem;font-weight:600}.tag-target{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tag-actions{gap:10px;margin-top:auto;display:flex}.tag-actions .button{height:44px}.tag-actions .button-quiet{color:var(--tag-ink);border-color:#17233a59}.tag-actions .button-quiet:hover{border-color:var(--tag-ink)}.tag-string{left:calc(var(--hole-x) - 114px);top:calc(var(--hole-y) - 86px);pointer-events:none;width:120px;height:90px;position:absolute;overflow:visible}.tag-string path{fill:none;stroke:var(--ink);stroke-width:2.5px;stroke-linecap:round}.tag-empty{filter:none;opacity:.55}.tag-empty .tag-card{background:0 0}.tag-empty .tag-stub{background:repeating-linear-gradient(-45deg, var(--yellow) 0 10px, #f5d77a 10px 20px)}.tag-empty .tag-body{background:#fcfcfa99;justify-content:center}.tag-placeholder{max-width:18ch;color:var(--tag-muted);font-size:1.05rem;font-weight:600}.tag-live{animation:1.1s cubic-bezier(.3,.7,.4,1) both tag-swing}@keyframes tag-swing{0%{opacity:0;transform:translateY(-18px)rotate(-16deg)}18%{opacity:1}42%{transform:translateY(0)rotate(6deg)}66%{transform:rotate(-4.5deg)}86%{transform:rotate(-1deg)}to{transform:rotate(-2deg)}}.history{background:var(--panel);border-radius:16px;padding:clamp(20px,3vw,32px)}.history-head{flex-wrap:wrap;align-items:baseline;gap:8px 14px;margin-bottom:8px;display:flex}.history-head h2{letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.history-count{color:var(--muted);font-variant-numeric:tabular-nums}.history-head .button{align-self:center;margin-left:auto}.links{padding:0;list-style:none}.link-row{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) 150px auto;align-items:center;gap:16px;padding:16px 12px;display:grid}.link-row:first-child{border-top:0}.link-row.is-new{box-shadow:inset 4px 0 0 var(--yellow);border-radius:8px}.link-row.is-new+.link-row{border-top-color:#0000}.link-main{gap:2px;min-width:0;display:grid}.link-code{font-family:var(--mono);color:var(--link);border-radius:3px;justify-self:start;font-size:1.05rem;font-weight:700;text-decoration:none}.link-code:hover{text-underline-offset:3px;text-decoration:underline}.link-target{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.95rem;overflow:hidden}.link-stats{color:var(--muted);gap:2px;font-size:.9rem;display:grid}.link-visits strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:800}.badge-expired{color:var(--danger);font-weight:700}.link-actions{justify-content:flex-end;gap:8px;display:flex}.list-state{color:var(--muted);justify-items:start;gap:14px;max-width:52ch;padding:24px 12px 12px;display:grid}.load-more{width:100%;height:44px;margin-top:12px}.toast-region{z-index:10;pointer-events:none;width:max-content;max-width:calc(100vw - 32px);position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{background:var(--ink);color:var(--concrete);overflow-wrap:anywhere;border-radius:10px;padding:12px 18px;font-size:.95rem;font-weight:600;animation:.18s ease-out toast-in;box-shadow:0 10px 30px #00000038}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (width<=880px){.hero{grid-template-columns:1fr}.tag-stage{padding-top:40px}}@media (width<=620px){.shorten-row{flex-direction:column}.input-url{flex:none}.options-grid{grid-template-columns:1fr}.link-row{grid-template-columns:1fr auto;grid-template-areas:"main main""stats actions";gap:10px;padding-inline:8px}.link-main{grid-area:main}.link-stats{grid-area:stats}.link-actions{grid-area:actions}.tag{--stub:64px;--hole-x:32px}.tag-body{padding:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}