.landing{background:radial-gradient(60rem 28rem at 50% -8rem, color-mix(in srgb, var(--accent) 14%, transparent), transparent 70%) no-repeat, var(--bg);min-height:100vh}.wrap{max-width:64rem;margin-inline:auto;padding-inline:1rem}.landing section{margin-top:4.5rem}.landing h2{margin:0 0 1rem;font-size:1.5rem}.accent-text{color:var(--accent)}.banner.announce{text-align:center;border:0;border-bottom:1px solid color-mix(in srgb, var(--accent) 35%, transparent);border-radius:0;margin:0;padding:.6rem 1rem;font-size:.925rem;font-weight:400}.landing-bar{z-index:10;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:saturate(180%)blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0}.landing-bar-inner{justify-content:space-between;align-items:center;gap:1rem;height:3.75rem;display:flex}.brand{letter-spacing:-.01em;color:var(--text);align-items:center;gap:.55rem;font-size:1.1rem;font-weight:700;text-decoration:none;display:inline-flex}.landing-bar .button-link{padding:.45rem .95rem;font-size:.925rem}.landing .hero{text-align:center;margin-top:0;padding:4.5rem 0 1rem}.eyebrow{color:var(--muted);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:999px;margin:0 0 1.25rem;padding:.3rem .85rem;font-size:.85rem;font-weight:500;display:inline-block}.hero h1{letter-spacing:-.03em;margin:0 0 1rem;font-size:clamp(2.25rem,7vw,3.75rem);font-weight:800;line-height:1.05}.lead{color:var(--muted);max-width:34rem;margin:0 auto 2.25rem;font-size:1.15rem}.shorten{max-width:44rem;margin:0 auto}.shorten-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:border-color var(--ease), box-shadow var(--ease);align-items:center;gap:.5rem;padding:.4rem;display:flex}.shorten-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--ring), var(--shadow-lg)}.shorten-input{flex:auto;align-items:center;min-width:0;font-weight:400;display:flex;position:relative}.shorten-icon{color:var(--muted);pointer-events:none;font-size:1.2rem;position:absolute;left:.85rem}.shorten-input input,.shorten-input input:focus-visible{width:100%;box-shadow:none;text-overflow:ellipsis;background:0 0;border:0;padding:.8rem .75rem .8rem 2.65rem;font-size:1.05rem}.shorten-input input:disabled{cursor:not-allowed}.shorten-cta{white-space:nowrap;border-radius:var(--radius-lg);flex:none;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.4rem;font-size:1rem;display:inline-flex}a.button-link.shorten-cta{padding:.8rem 1.4rem}.turnstile{justify-content:center;min-height:0;margin-top:.75rem;display:flex}.shorten .error{text-align:center;margin-top:.75rem}.perks{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:.5rem 1.25rem;margin:1.25rem 0 0;padding:0;font-size:.9rem;list-style:none;display:flex}.perks li{align-items:center;gap:.4rem;display:inline-flex}.perks svg{color:var(--success)}.shorten-help{text-align:center;margin:.5rem 0 0}.card.result{text-align:left;max-width:44rem;box-shadow:var(--shadow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin:1.5rem auto 0;padding:1.25rem;animation:.25s ease-out rise;display:flex}.result-main{flex:18rem;min-width:0}.result p{margin:0}.result-title{align-items:center;gap:.4rem;font-weight:600;display:flex}.result-tick{color:var(--success);font-size:1.15rem}.result-link{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:.5rem;margin:.75rem 0 .5rem;padding:.35rem .35rem .35rem .85rem;display:flex}.result-link a{min-width:0;color:var(--accent);overflow-wrap:anywhere;flex:1;font-weight:600;text-decoration:none}.result-link a:hover{text-decoration:underline}.result-link button{flex:none;align-items:center;gap:.35rem;display:inline-flex}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}.section-head{margin-bottom:1.75rem}.section-head.center{text-align:center}.section-head h2{margin:0;font-size:clamp(1.5rem,3.5vw,1.9rem);line-height:1.2}.kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 .4rem;font-size:.8rem;font-weight:700}.how{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:3rem;display:grid}.steps{counter-reset:step;margin:0;padding:0;list-style:none}.steps li{counter-increment:step;grid-template-columns:2.25rem 1fr;column-gap:1rem;padding-bottom:1.5rem;display:grid;position:relative}.steps li:last-child{padding-bottom:0}.steps li:before{content:counter(step);background:color-mix(in srgb, var(--accent) 12%, var(--surface));width:2.25rem;height:2.25rem;color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);border-radius:999px;grid-row:span 2;place-items:center;font-size:.95rem;font-weight:700;display:grid}.steps li:not(:last-child):after{content:"";background:var(--border);border-radius:2px;width:2px;position:absolute;top:2.6rem;bottom:.35rem;left:calc(1.125rem - 1px)}.steps strong{padding-top:.2rem}.steps span{color:var(--muted)}.card.example{box-shadow:var(--shadow-lg);padding:0;overflow:hidden}.example-head{border-bottom:1px solid var(--border);background:var(--bg);align-items:center;gap:.6rem;padding:.7rem 1.25rem;display:flex}.pill{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:999px;padding:.1rem .55rem;font-size:.75rem;font-weight:600}.example-body{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;padding:1.25rem;display:flex}.example-main{flex:14rem;min-width:0}.example p{margin:0}.example .result-link{padding:.6rem .85rem}.example-link{color:var(--accent);overflow-wrap:anywhere;font-weight:600}.example .qr img{width:128px;height:128px}.features{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.card.feature{align-content:start;gap:.4rem;padding:1.5rem;display:grid}.feature-icon{width:2.6rem;height:2.6rem;color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface));border-radius:10px;place-items:center;margin-bottom:.5rem;font-size:1.3rem;display:grid}.feature strong{font-size:1.05rem}.feature>span:last-child{color:var(--muted);font-size:.95rem}@media (width<=760px){.how{grid-template-columns:1fr;gap:2rem}.features{grid-template-columns:1fr}}.faq{grid-template-columns:minmax(0,1fr) minmax(0,1.9fr);align-items:start;gap:2.5rem;display:grid}.faq-contact{margin:.75rem 0 0;font-size:.95rem}.faq a{color:var(--accent)}.faq-list{gap:.75rem;display:grid}.faq details{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--ease)}.faq details[open]{border-color:var(--border-strong)}.faq summary{cursor:pointer;border-radius:var(--radius-lg);transition:background-color var(--ease);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:hover{background:var(--hover)}.faq summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.faq summary:after{content:"+";width:1.6rem;height:1.6rem;color:var(--muted);border:1px solid var(--border);transition:transform var(--ease);border-radius:999px;flex:none;place-items:center;font-size:1.2rem;font-weight:400;line-height:1;display:grid}.faq details[open] summary:after{transform:rotate(45deg)}.faq details>:not(summary){color:var(--muted);margin:0;padding:0 1.25rem}.faq details>p+p,.faq details>p+ul{margin-top:.6rem}.faq details>:last-child{padding-bottom:1.1rem}.faq details>ul{padding-left:2.5rem}.faq li+li{margin-top:.5rem}.faq li strong,.faq p strong{color:var(--text)}.landing-foot{background:var(--surface);border-top:1px solid var(--border);margin-top:5rem;font-size:.9rem}.landing-foot-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;padding-block:1.75rem;display:flex}.foot-brand{gap:.35rem;display:grid}.foot-brand .brand{font-size:1rem}.landing-foot nav{flex-wrap:wrap;gap:.5rem 1.5rem;display:flex}.landing-foot nav a{color:var(--muted);transition:color var(--ease);text-decoration:none}.landing-foot nav a:hover{color:var(--text);text-underline-offset:3px;text-decoration:underline}@media (width<=760px){.faq{grid-template-columns:1fr;gap:1.25rem}.faq .section-head{margin-bottom:0}}@media (width<=560px){.landing .hero{padding-top:2.75rem}.shorten-bar{flex-direction:column;align-items:stretch}.shorten-cta{width:100%}}:root{--bg:#fafafa;--surface:#fff;--text:#1a1a1a;--muted:#6b7280;--border:#e5e7eb;--accent:#2563eb;--accent-text:#fff;--danger:#b91c1c;--series-1:#2a78d6;--axis:#c3c2b7;--wash:#0b0b0b0d;--other:#9ca3af;--accent-hover:#1d4ed8;--hover:#0f172a0d;--border-strong:#d1d5db;--success:#15803d;--ring:color-mix(in srgb, var(--accent) 30%, transparent);--shadow-sm:0 1px 2px #1018280d;--shadow:0 1px 2px #1018280a, 0 4px 12px #1018280f;--shadow-lg:0 2px 4px #1018280a, 0 16px 40px -12px #10182829;--radius:8px;--radius-lg:12px;--radius-xl:16px;--ease:.15s ease;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f1115;--surface:#171a21;--text:#ececec;--muted:#9aa3b2;--border:#2a2f3a;--accent:#5b8def;--danger:#f87171;--series-1:#3987e5;--axis:#383835;--wash:#ffffff12;--other:#6b7280;--accent-hover:#4a7de6;--hover:#ffffff0f;--border-strong:#3a4150;--success:#4ade80;--shadow-sm:0 1px 2px #0000004d;--shadow:0 1px 2px #0000004d, 0 4px 12px #00000040;--shadow-lg:0 2px 4px #0000004d, 0 16px 40px -12px #00000080}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}h1,h2,h3{letter-spacing:-.015em}h1{margin:0 0 .25rem;font-size:1.5rem}.muted{color:var(--muted)}.center{text-align:center;margin-top:4rem}.error{color:var(--danger);margin:0;font-size:.9rem}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;max-width:24rem;margin:12vh auto 0;padding:2rem 1.5rem}.auth-card form{gap:1rem;margin-top:1.25rem;display:grid}label{gap:.35rem;font-size:.9rem;font-weight:500;display:grid}input,select{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--ease), box-shadow var(--ease);padding:.6rem .75rem}input:not(:disabled):hover,select:not(:disabled):hover{border-color:var(--border-strong)}input:focus,select:focus{border-color:var(--accent)}input:focus-visible,select:focus-visible{box-shadow:0 0 0 3px var(--ring);outline:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::placeholder{color:var(--muted);opacity:.8}button{font:inherit;color:var(--accent-text);background:var(--accent);border-radius:var(--radius);cursor:pointer;transition:background-color var(--ease), border-color var(--ease), color var(--ease), transform var(--ease);border:1px solid #0000;padding:.6rem 1rem;font-weight:600}button:not(:disabled):hover{background:var(--accent-hover)}button:not(:disabled):active{transform:translateY(1px)}button:disabled{opacity:.6;cursor:default}button.secondary{color:var(--text);border-color:var(--border);background:0 0}button.secondary:not(:disabled):hover{background:var(--hover);border-color:var(--border-strong)}.page{max-width:60rem;margin:0 auto;padding:1rem}.topbar{border-bottom:1px solid var(--border);align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.topbar .muted{text-overflow:ellipsis;margin-left:auto;font-size:.9rem;overflow:hidden}@media (width<=480px){.topbar .muted{display:none}.topbar button{margin-left:auto}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1rem}.create-form,.edit-form{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.create-form .grow,.edit-form .grow{flex:18rem}.create-form>label:not(.grow){flex:0 12rem}.full{flex-basis:100%}.toolbar{flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 .75rem;display:flex}.toolbar input{flex:14rem}.toolbar select{flex:0 12rem}.links{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.link{grid-template-columns:1fr auto;align-items:center;gap:.5rem;display:grid}.link-main{min-width:0}.short{flex-wrap:wrap;align-items:center;gap:.5rem;font-weight:600;display:flex}.short a{color:var(--accent);overflow-wrap:anywhere}.target{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.link-meta{flex-wrap:wrap;grid-column:1;align-items:center;gap:.75rem;font-size:.9rem;display:flex}.link-actions{flex-wrap:wrap;grid-area:1/2/span 2;justify-content:flex-end;gap:.5rem;display:flex}.edit-form,.link>.error{grid-column:1/-1}.edit-form{border-top:1px solid var(--border);padding-top:.75rem}button.small{padding:.3rem .65rem;font-size:.85rem}button.danger{color:var(--danger)}.badge{text-transform:capitalize;border:1px solid var(--border);border-radius:999px;padding:.1rem .55rem;font-size:.75rem;font-weight:600}.badge.active{color:#15803d;border-color:currentColor}.badge.disabled{color:var(--muted)}.badge.expired{color:#b45309;border-color:currentColor}.badge.reported{color:var(--danger);text-transform:none;border-color:currentColor}label.check{align-items:center;gap:.5rem;margin:.5rem 0 1rem;font-weight:400;display:flex}label.check input{width:auto;padding:0}@media (prefers-color-scheme:dark){.badge.active{color:#4ade80}.badge.expired{color:#fbbf24}}.pager{justify-content:center;align-items:center;gap:1rem;margin:1.25rem 0;display:flex}.center-text{text-align:center;margin:2rem 0}@media (width<=640px){.link{grid-template-columns:1fr}.link-actions{grid-area:auto/1;justify-content:flex-start}}.banner{text-align:left;border:1px solid var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface));border-left-width:6px;border-radius:10px;margin:0 0 1.25rem;padding:.85rem 1rem;font-weight:600}.banner a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.banner a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.tabs{gap:.5rem;margin-bottom:1rem;display:flex}.tabs [role=tab][aria-selected=true]{background:0 0}[hidden]{display:none!important}.chips{flex-wrap:wrap;gap:.35rem;margin:.35rem 0 0;padding:0;list-style:none;display:flex}.chip{border:1px solid var(--border);background:var(--bg);border-radius:999px;align-items:center;gap:.35rem;padding:.1rem .6rem;font-size:.8rem;font-weight:500;display:inline-flex}.chip.choice{cursor:pointer;font-size:.85rem}.chip.choice input{width:auto;margin:0;padding:0}.chip.choice:has(input:checked){border-color:var(--accent);color:var(--accent)}.chip.choice:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.label-picker{border:0;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;display:flex}.label-picker legend{margin-bottom:.35rem;padding:0;font-size:.9rem;font-weight:500}.label-manager{margin-top:1rem}.label-manager summary{cursor:pointer;font-weight:600}.inline-form{flex-wrap:wrap;align-items:flex-end;gap:.5rem;margin-top:.75rem;display:flex}.inline-form .grow{flex:12rem}.label-list{gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.label-list li{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.label-list li .chip{margin-right:auto}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.small{font-size:.85rem}a.button-link{border-radius:var(--radius);color:var(--accent-text);background:var(--accent);transition:background-color var(--ease), border-color var(--ease);border:1px solid #0000;padding:.3rem .65rem;font-weight:600;text-decoration:none;display:inline-block}a.button-link:hover{background:var(--accent-hover)}a.button-link.secondary{color:var(--text);border-color:var(--border);background:0 0}a.button-link.secondary:hover{background:var(--hover);border-color:var(--border-strong)}button.selected{border-color:var(--accent);color:var(--accent)}.stats-panel{border-top:1px solid var(--border);grid-column:1/-1;grid-template-columns:minmax(0,1fr) 11rem;gap:1.5rem;padding-top:.75rem;display:grid}.stats-panel h4{color:var(--muted);margin:1rem 0 .5rem;font-size:.9rem;font-weight:600}.range{flex-wrap:wrap;gap:.5rem;display:flex}.stat-tile{margin-top:1rem;display:grid}.stat-label{color:var(--muted);font-size:.85rem}.stat-value{font-size:1.75rem;font-weight:600;line-height:1.2}.stats-qr{align-content:start;justify-items:start;gap:.5rem;display:grid}.stats-qr h4{margin-top:1rem}.qr{justify-items:start;gap:.5rem;margin:0;display:grid}.qr img{border:1px solid var(--border);background:#fff;border-radius:8px;padding:4px}.chart{outline-offset:4px;border-radius:4px;transition:opacity .15s;position:relative}.chart svg{display:block;overflow:visible}.chart .grid{stroke:var(--border);stroke-width:1px}.chart .axis{stroke:var(--axis);stroke-width:1px}.chart .tick{fill:var(--muted);font-size:11px}.chart .wash{fill:var(--wash)}.chart .bar{fill:var(--series-1)}.chart .bar.active{filter:brightness(1.15)}.tooltip{pointer-events:none;z-index:2;white-space:nowrap;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.4rem .6rem;font-size:.85rem;position:absolute;top:8px;box-shadow:0 2px 8px #0000001f}.tooltip-date{color:var(--muted);font-size:.8rem}.tooltip-row strong{font-size:1rem}.line-key{vertical-align:middle;background:var(--series-1);width:12px;height:2px;margin-right:6px;display:inline-block}.table-view{margin:.75rem 0;font-size:.9rem}.table-view summary{cursor:pointer;color:var(--muted)}.table-scroll{max-height:14rem;margin-top:.5rem;overflow:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.25rem .5rem}th:last-child,td:last-child{text-align:right}.breakdowns{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.5rem;display:grid}.breakdown ul{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.breakdown li{grid-template-columns:minmax(5rem,38%) 1fr;align-items:center;gap:.5rem;font-size:.85rem;display:grid}.b-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.b-track{align-items:center;gap:.5rem;min-width:0;display:flex}.b-bar{height:12px;width:max(2px, calc((100% - 6.5rem) * var(--p)));background:var(--series-1);border-radius:0 4px 4px 0;flex:none;display:block}.b-bar.other{background:var(--other)}.b-val{white-space:nowrap;font-variant-numeric:tabular-nums}@media (width<=640px){.stats-panel{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}
