:root{--bg:oklch(17% .012 265);--surface:oklch(21.2% .014 265);--surface2:oklch(24.5% .014 265);--border:oklch(30% .015 265);--text:oklch(96.5% .005 265);--muted:oklch(70% .012 265);--accent:oklch(78% .145 165);--accent-ink:oklch(20% .04 165);--danger:oklch(72% .15 22)}*{box-sizing:border-box}html,body{background:var(--bg);margin:0;padding:0}body{min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;font-family:Space Grotesk,Helvetica,sans-serif;transition:background .25s,color .25s}a{color:var(--accent);text-decoration:none}a:hover{color:var(--text)}input,button{font-family:inherit}input:focus{outline:none}::selection{background:var(--accent);color:var(--accent-ink)}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.mono{font-family:IBM Plex Mono,monospace}.container{max-width:980px;margin:0 auto;padding:28px 24px 96px}@media (width<=420px){.container{padding:20px 16px 72px}}.header{justify-content:space-between;align-items:center;gap:16px;padding-bottom:40px;display:flex}.header__brand{align-items:baseline;gap:10px;display:flex}.header__brand-name{letter-spacing:-.02em;font-size:19px;font-weight:700}.header__brand-tag{color:var(--muted);font-size:12px}.header__theme{align-items:center;gap:8px;display:flex}.header__theme-label{color:var(--muted);font-size:11px}.theme-toggle{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;flex:none;align-items:center;width:52px;height:28px;padding:3px;transition:border-color .2s;display:flex}.theme-toggle:hover{border-color:var(--accent)}.theme-toggle__knob{background:var(--accent);border-radius:999px;width:20px;height:20px;transition:transform .22s;transform:translate(0)}.theme-toggle__knob--light{transform:translate(24px)}.hero{flex-direction:column;gap:14px;padding-bottom:44px;display:flex}.hero__title{letter-spacing:-.03em;text-wrap:pretty;max-width:22ch;margin:0;font-size:34px;font-weight:600;line-height:1.15}@media (width<=420px){.hero__title{font-size:27px}}.shorten-form{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.shorten-form__input{border:1px solid var(--border);background:var(--surface);min-width:0;height:52px;color:var(--text);border-radius:10px;flex:320px;padding:0 16px;font-family:IBM Plex Mono,monospace;font-size:15px;transition:border-color .18s}.shorten-form__input:focus{border-color:var(--accent)}.shorten-form__submit{background:var(--accent);height:52px;color:var(--accent-ink);cursor:pointer;border:none;border-radius:10px;flex:none;padding:0 24px;font-size:15px;font-weight:600;transition:filter .18s}.shorten-form__submit:hover:not(:disabled){filter:brightness(1.08)}.shorten-form__submit:active:not(:disabled){filter:brightness(.94)}.shorten-form__submit:disabled{cursor:default;opacity:.7}.banner{border:1px solid var(--danger);background:color-mix(in oklch, var(--danger) 12%, transparent);border-radius:10px;align-items:center;gap:10px;margin-top:14px;padding:12px 14px;animation:.2s rise;display:flex}.banner__dot{background:var(--danger);border-radius:999px;flex:none;width:6px;height:6px}.banner__text{color:var(--text);font-size:14px}.banner__retry{color:var(--text);cursor:pointer;background:0 0;border:none;flex:none;margin-left:auto;font-size:13px;font-weight:600;text-decoration:underline}.result-banner{border:1px solid var(--accent);background:var(--surface);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;padding:16px 18px;animation:.22s rise;display:flex}.result-banner__info{flex-direction:column;gap:4px;min-width:0;display:flex}.result-banner__label{color:var(--muted);letter-spacing:.04em;font-size:11px}.result-banner__url{color:var(--accent);text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.result-banner__copy{border:1px solid var(--border);background:var(--surface2);height:40px;color:var(--text);cursor:pointer;border-radius:8px;flex:none;padding:0 18px;font-size:14px;font-weight:500}.result-banner__copy:hover{border-color:var(--accent)}.links-section{flex-direction:column;gap:2px;display:flex}.links-section__head{justify-content:space-between;align-items:baseline;padding-bottom:14px;display:flex}.links-section__title{letter-spacing:.02em;margin:0;font-size:14px;font-weight:600}.links-section__count{color:var(--muted);font-size:12px}.empty-state{border:1px dashed var(--border);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:64px 24px;display:flex}.empty-state__icon{border:1px solid var(--border);width:34px;height:34px;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;font-size:14px;display:flex}.empty-state__title{font-size:15px;font-weight:500}.empty-state__hint{color:var(--muted);text-wrap:pretty;max-width:34ch;font-size:14px}.links-table{border:1px solid var(--border);background:var(--surface);border-radius:12px;overflow:hidden}.links-table__head{border-bottom:1px solid var(--border);color:var(--muted);letter-spacing:.05em;grid-template-columns:minmax(90px,120px) minmax(0,1fr) 110px 74px 40px;gap:16px;padding:11px 18px;font-size:11px;display:grid}.links-table__head span:last-child{text-align:right}.link-row{border-top:1px solid var(--border);cursor:pointer;text-align:left;width:100%;color:inherit;background:0 0;border-bottom:none;border-left:none;border-right:none;grid-template-columns:minmax(90px,120px) minmax(0,1fr) 110px 74px 40px;grid-template-areas:"code url date clicks delete";align-items:center;gap:16px;padding:14px 18px;transition:background .15s;display:grid}.link-row:hover{background:var(--surface2)}.link-row__code{color:var(--accent);text-overflow:ellipsis;white-space:nowrap;grid-area:code;font-size:14px;overflow:hidden}.link-row__url{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;grid-area:url;font-size:14px;overflow:hidden}.link-row__date{color:var(--muted);grid-area:date;font-size:13px}.link-row__clicks{text-align:right;font-variant-numeric:tabular-nums;grid-area:clicks;font-size:14px}.link-row__delete{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;grid-area:delete;justify-content:center;align-items:center;font-size:15px;line-height:1;display:flex}.link-row__delete:hover{border-color:var(--danger);color:var(--danger)}@media (width<=640px){.links-table__head{display:none}.link-row{grid-template-columns:1fr auto auto;grid-template-areas:"code clicks delete""url url url""date date date";row-gap:6px}.link-row__date{font-size:12px}}.detail{flex-direction:column;gap:26px;animation:.22s rise;display:flex}.detail__back{border:1px solid var(--border);height:34px;color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;align-self:flex-start;padding:0 14px;font-size:13px}.detail__back:hover{color:var(--text);border-color:var(--accent)}.detail__heading{flex-direction:column;gap:8px;display:flex}.detail__code{letter-spacing:-.01em;color:var(--accent);overflow-wrap:anywhere;margin:0;font-size:28px;font-weight:500}.detail__original{color:var(--muted);word-break:break-all;font-size:14px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.stat-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;gap:6px;padding:16px 18px;display:flex}.stat-card__label{color:var(--muted);letter-spacing:.05em;font-size:11px}.stat-card__value{font-variant-numeric:tabular-nums;font-size:24px;font-weight:600}.meter-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;gap:16px;padding:20px 20px 16px;display:flex}.meter-card__head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.meter-card__title{font-size:14px;font-weight:600}.meter-card__value{font-variant-numeric:tabular-nums;font-size:20px;font-weight:600}.meter-card__track-wrap{flex-direction:column;gap:6px;display:flex}.meter-card__scale{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.state-message{text-align:center;color:var(--muted);padding:40px 24px;font-size:14px}