:root{--bg: #f6f1e8;--bg-2: #fffaf3;--ink: #1c1612;--muted: #5e564e;--line: #e3d6c8;--card: #fffdf9;--accent: #e23d2b;--accent-ink: #fffaf6;--link: #9f1d12;--good: #1c6b45;--warn: #8a5a00;--bad: #9f1d12;--shadow: 0 24px 60px rgba(70, 36, 14, .08);--glow: rgba(226, 61, 43, .16);color-scheme:light;font-family:Outfit,system-ui,sans-serif;background:var(--bg);color:var(--ink)}:root[data-theme=dark]{--bg: #12100e;--bg-2: #1c1916;--ink: #f6f0e8;--muted: #c4b8ae;--line: #322c27;--card: #1b1815;--accent: #ff5d45;--accent-ink: #1c1612;--link: #ffb4a8;--good: #8ed7b0;--warn: #f0c36a;--bad: #ffb4a8;--shadow: 0 24px 60px rgba(0, 0, 0, .35);--glow: rgba(255, 93, 69, .22);color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #12100e;--bg-2: #1c1916;--ink: #f6f0e8;--muted: #c4b8ae;--line: #322c27;--card: #1b1815;--accent: #ff5d45;--accent-ink: #1c1612;--link: #ffb4a8;--good: #8ed7b0;--warn: #f0c36a;--bad: #ffb4a8;--shadow: 0 24px 60px rgba(0, 0, 0, .35);--glow: rgba(255, 93, 69, .22);color-scheme:dark}}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(900px 420px at 50% -80px,var(--glow),transparent 70%),var(--bg);color:var(--ink)}button,input{font:inherit;color:inherit}a{color:var(--link)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::placeholder{color:#8a7e74}.wrap{width:min(1040px,calc(100% - 32px));margin:0 auto}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-weight:650;letter-spacing:-.03em}.mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#1c1612;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}.mark svg{display:block}.word em{font-style:normal;color:var(--accent)}.nav{display:flex;align-items:center;gap:6px}.nav a,.iconbtn,.btn{min-height:44px;border-radius:999px;text-decoration:none}.nav a{display:inline-flex;align-items:center;padding:0 14px;color:var(--muted);font-weight:600;font-size:.95rem}.nav a[aria-current=page]{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--ink)}.iconbtn{width:44px;border:1px solid var(--line);background:var(--card);cursor:pointer}.hero{padding:28px 0 18px}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;color:var(--muted);font-size:.82rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.dot{width:8px;height:8px;border-radius:99px;background:var(--accent);box-shadow:0 0 0 0 var(--glow);animation:ping 2.4s ease-out infinite}@keyframes ping{70%{box-shadow:0 0 0 8px transparent}}h1,h2,.stat strong,.host{font-family:Fraunces,Georgia,serif;font-weight:560;letter-spacing:-.03em}h1{margin:0;font-size:clamp(2.5rem,6vw,4.6rem);line-height:.98;max-width:14ch}h1 span{font-style:italic;color:var(--accent)}.lede{max-width:46ch;margin:16px 0 0;color:var(--muted);font-size:1.12rem;line-height:1.5}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.form{margin-top:28px;padding:22px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field span,.split legend,.kicker{color:var(--muted);font-size:.86rem;font-weight:600}input[type=url],input[type=text],input[type=number]{width:100%;min-height:48px;border-radius:14px;border:1px solid var(--line);background:var(--bg);padding:0 14px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.split{display:grid;grid-template-columns:1fr 160px;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border:1px solid transparent;cursor:pointer;font-weight:650;text-decoration:none;overflow-wrap:anywhere;text-align:center;max-width:100%}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.ghost{background:transparent;border-color:var(--line);color:var(--ink)}.btn.wide{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.linkish{border:0;background:none;color:var(--link);font-weight:650;cursor:pointer;padding:0;min-height:44px}.error,.note{border-radius:12px;padding:10px 12px;margin:0 0 12px}.error{background:color-mix(in srgb,var(--bad) 12%,transparent);color:var(--bad)}.note{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--ink)}.result{margin-top:16px;padding:18px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;scroll-margin-top:84px}.short{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:8px 8px 8px 12px;background:var(--bg)}.short a{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}.qrbox{background:#fffdf9;border-radius:16px;padding:10px;line-height:0}.features,.stats,.panels{display:grid;gap:14px}.features{grid-template-columns:repeat(3,1fr);margin:22px 0 8px}.feature,.stat,.panel{padding:18px}.feature h2,.panel h2{margin:0 0 6px;font-size:1.35rem}.feature p,.panel p,.muted{color:var(--muted);line-height:1.45}.stats{grid-template-columns:repeat(3,1fr);margin-bottom:14px}.stat strong{display:block;font-size:clamp(1.5rem,4vw,2.2rem);line-height:1.1;margin-top:6px;overflow-wrap:anywhere}.pagehead{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin:12px 0 18px}.pagehead h1{font-size:clamp(2rem,4vw,3.2rem)}.list{display:flex;flex-direction:column}.item{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.4fr) auto auto;gap:12px;align-items:center;padding:16px 18px;border-top:1px solid var(--line);color:inherit;text-decoration:none}.item:first-child{border-top:0}.item:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}.slug{font-weight:700}.dest{color:var(--muted);overflow-wrap:anywhere;margin:6px 0 0}.badge{display:inline-flex;align-items:center;min-height:28px;padding:0 8px;border-radius:999px;border:1px solid var(--line);font-size:.75rem;font-weight:700;color:var(--muted)}.badge.live{color:var(--good);border-color:color-mix(in srgb,var(--good) 40%,var(--line))}.badge.dead{color:var(--warn)}.clicks{font-variant-numeric:tabular-nums;font-weight:700}.vbars{height:150px;display:flex;align-items:flex-end;gap:6px;border-bottom:1px solid var(--line)}.vbar{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.vbar i{display:block;width:100%;border-radius:6px 6px 2px 2px;background:linear-gradient(var(--accent),color-mix(in srgb,var(--accent) 55%,#1c1612))}.vbar span{font-size:.68rem;color:var(--muted)}.bars{display:flex;flex-direction:column;gap:8px}.bar-row{display:grid;grid-template-columns:minmax(0,9.5rem) minmax(0,1fr) auto;gap:8px;align-items:center;font-size:.92rem}.bar-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:10px;border-radius:99px;background:var(--bg);overflow:hidden}.bar-fill{display:block;height:100%;background:var(--accent);border-radius:inherit}.panels{grid-template-columns:1.4fr 1fr}.panel{overflow:hidden}.recent{width:100%;border-collapse:collapse;font-size:.92rem}.recent th{text-align:left;color:var(--muted);font-weight:600;padding:8px 8px 8px 0}.recent td{padding:8px 8px 8px 0;border-top:1px solid var(--line);vertical-align:top}.leave{min-height:calc(100vh - 150px);display:grid;place-items:center;padding:24px 0 48px}.leave .card{width:min(640px,100%);padding:28px 24px}.host{margin:8px 0;font-size:clamp(2rem,5vw,3.4rem);line-height:1.05;overflow-wrap:anywhere}.footer{padding:28px 0 40px;color:var(--muted);font-size:.9rem}.empty{padding:36px 20px;text-align:center}.empty h2{margin-bottom:8px}@media(max-width:800px){.features,.panels,.split{grid-template-columns:1fr}.item{grid-template-columns:1fr auto}.item .dest{display:block;grid-column:1 / -1}.item .when{display:none}.result{grid-template-columns:1fr}.pagehead{flex-direction:column;align-items:flex-start}}@media(max-width:420px){.wrap{width:min(1040px,calc(100% - 20px))}.stats{grid-template-columns:1fr}.nav a{padding:0 10px}h1{font-size:2.35rem}.recent{display:block;overflow-x:auto}.leave .row{flex-direction:column;align-items:stretch}.leave .row .btn{width:100%}}@media(prefers-reduced-motion:reduce){.dot{animation:none}}
