:root{--ink:#0b0b0c;--accent:#2b4bf2;--accent-hover:#142ba8;--link:#1f3fe0;--paper:#fff;--canvas:#fafafb;--surface-muted:#f2f2f4;--border:#ececee;--border-strong:#dcdce0;--text-secondary:#4a4a50;--text-muted:#6b6b70;--text-nav:#3a3a3f;--domain-grey:#8a8a90;--chart-secondary:#f2a07b;--bar-track:#eef1ff;--success:#0b6644;--danger:#b42318;--tag-blue-bg:#e8ecff;--tag-blue-fg:#1f3fe0;--tag-orange-bg:#fdece6;--tag-orange-fg:#a3330f;--tag-green-bg:#e4f4ec;--tag-green-fg:#0b6644;--tag-grey-bg:#f2f2f4;--tag-grey-fg:#3a3a3f;--product-orange:#ea580c;--product-orange-soft:#fff1e7;--product-orange-ink:#9a3412;--product-green:#059669;--product-green-soft:#e6f7ef;--product-green-ink:#065f46;--product-violet:#7c3aed;--product-violet-soft:#f2ecff;--product-violet-ink:#5b21b6;--product-blue:#2b4bf2;--product-blue-soft:#eaeeff;--product-blue-ink:#1f3fe0;--product-pink:#db2777;--product-pink-soft:#fdebf3;--product-pink-ink:#9d174d;--product-teal:#0891b2;--product-teal-soft:#e4f6fa;--product-teal-ink:#155e75;--font-sans:"Geist", system-ui, sans-serif;--font-mono:"Geist Mono", ui-monospace, monospace;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:999px;--shadow-input:0 8px 30px #0b0b0c0f;--container-max:1200px;--sidebar-width:240px;--gutter:24px}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-sans);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--link);text-decoration:none}a:hover{color:var(--accent-hover)}input::placeholder{color:var(--text-muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mono{font-family:var(--font-mono)}body{background:var(--canvas)}.muted{color:var(--text-muted)}.muted-2{color:var(--text-secondary)}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.page-loading{min-height:100vh}.logo{color:var(--ink);align-items:center;gap:10px;font-size:18px;font-weight:700;display:inline-flex}.wordmark{letter-spacing:-.05em}.btn{border:1px solid var(--border-strong);background:var(--paper);color:var(--ink);border-radius:var(--radius-md);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:14px;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-sm{border-radius:var(--radius-sm);padding:8px 12px;font-size:13px}.btn-dark{background:var(--ink);color:var(--paper);border:0;padding:10px 16px;font-weight:500}.btn-primary{background:var(--accent);color:var(--paper);border:0;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-block{width:100%;padding:13px 16px;font-size:15px}.btn kbd{font-family:var(--font-mono);color:#a8a8ae;border:1px solid var(--text-nav);border-radius:5px;padding:1px 6px;font-size:12px}.btn-link{font:inherit;color:var(--link);cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-size:14px}.btn-link:disabled{color:var(--text-muted);cursor:not-allowed}.icon-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px;display:inline-flex}.icon-btn:hover{background:var(--surface-muted);color:var(--ink)}.field{flex-direction:column;gap:6px;font-size:14px;font-weight:500;display:flex}.field input,.field select{font:inherit;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--paper);color:var(--ink);min-width:0;padding:11px 12px;font-size:15px;font-weight:400}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--tag-blue-bg);outline:none}.hint{color:var(--text-muted);font-size:13px;font-weight:400}.field-error,.form-error{color:var(--danger);margin:0;font-size:13px;font-weight:400}.auth{background:var(--paper);grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-main{flex-direction:column;justify-content:center;gap:28px;padding:48px clamp(24px,6vw,96px);display:flex}.auth-main-logo{display:none}.auth-art-logo{position:absolute;top:32px;left:40px}.auth-logo .logo{font-size:20px}.auth-card{width:100%;max-width:440px}.auth-card form{flex-direction:column;gap:18px;display:flex}.auth-card h1{letter-spacing:-.035em;margin:0;font-size:clamp(28px,3vw,40px);line-height:1.1}.auth-card p{margin:0;line-height:1.5}.auth-card form>p.muted:first-of-type{font-size:17px}.auth-card .field input{padding:13px 16px;font-size:16px}.auth-card .btn-block{padding:13px 16px;font-size:15px;font-weight:600}.code-boxes{grid-template-columns:repeat(6,1fr);gap:clamp(6px,1.5vw,12px);display:grid}.field .code-box{aspect-ratio:1;border-radius:var(--radius-lg);text-align:center;width:100%;min-width:0;font-family:var(--font-mono);padding:0;font-size:clamp(22px,2.4vw,28px);font-weight:600}.field .code-box.is-invalid{border-color:var(--danger)}.auth-links{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.auth-switch{text-align:center;font-size:14px}.auth-switch a,.auth-switch .btn-link{font-weight:600}.auth-switch .btn-link:disabled{color:var(--text-secondary);font-variant-numeric:tabular-nums}.auth-foot{text-align:center;max-width:440px;margin:0;font-size:13px}.auth-art{background-color:var(--product-blue-soft);background-image:radial-gradient(#2b4bf229 1.2px,#0000 1.2px);background-size:22px 22px;flex-direction:column;justify-content:center;align-items:center;gap:40px;padding:48px 32px;display:flex;position:relative;overflow:hidden}.auth-art-stage{width:100%;max-width:520px;height:540px;position:relative}.art-card{background:var(--paper);border-radius:var(--radius-xl);padding:18px 20px;font-size:14px;animation:6s ease-in-out infinite art-float;position:absolute;box-shadow:0 18px 50px #1f3fe01f,0 2px 6px #0b0b0c0a}.art-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;font-size:11px;font-weight:600;display:block}.art-link{flex-direction:column;gap:4px;width:260px;animation-delay:-2s;display:flex;top:0;right:0}.art-slug{color:var(--ink);font-size:18px}.art-slug b{color:var(--accent)}.art-dest{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.art-chip{border-radius:var(--radius-pill);background:var(--tag-green-bg);color:var(--tag-green-fg);align-self:flex-start;margin-top:8px;padding:3px 10px;font-size:12px;font-weight:600}.art-live{width:320px;padding:22px 24px;top:120px;left:40px}.art-live-head{justify-content:space-between;font-size:13px;display:flex}.art-live-dot{color:var(--danger);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:8px;font-weight:600;display:inline-flex}.art-live-dot:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite art-pulse}.art-kpi{letter-spacing:-.03em;margin:8px 0 14px;font-size:30px;font-weight:700}.art-kpi span{color:var(--text-muted);letter-spacing:0;font-size:14px;font-weight:400}.art-bars{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.art-bar-row{justify-content:space-between;margin-bottom:6px;display:flex}.art-bar-name{align-items:center;gap:8px;display:inline-flex}.art-flag{border-radius:2px;box-shadow:0 0 0 1px #0b0b0c1f}.art-bar{background:var(--bar-track);border-radius:4px;height:8px}.art-bar div{background:linear-gradient(90deg, #7f93f7, var(--accent));border-radius:4px;height:100%}.art-sources{flex-direction:column;gap:10px;width:210px;animation-delay:-4s;display:flex;bottom:0;left:0}.art-source{justify-content:space-between;align-items:center;display:flex}.art-source b{color:var(--accent)}.art-pill{border-radius:var(--radius-pill);background:var(--ink);color:var(--paper);align-items:center;gap:12px;padding:12px 20px;font-size:14px;font-weight:600;animation:6s ease-in-out -3s infinite art-float;display:flex;position:absolute;bottom:40px;right:10px;box-shadow:0 14px 40px #0b0b0c33}.art-pill small{letter-spacing:.06em;text-transform:uppercase;opacity:.7;font-size:11px;font-weight:500;display:block}.auth-art-copy{text-align:center;max-width:440px}.auth-art-copy h2{letter-spacing:-.03em;margin:0 0 10px;font-size:30px}.auth-art-copy p{color:var(--text-secondary);margin:0;font-size:16px;line-height:1.5}@keyframes art-float{50%{transform:translateY(-8px)}}@keyframes art-pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.art-card,.art-pill,.art-live-dot:before{animation:none}}@media (width<=960px){.auth{grid-template-columns:1fr}.auth-art{display:none}.auth-main{align-items:center;padding:32px 16px}.auth-main-logo{display:block}}.turnstile:empty{display:none}.shell{flex-wrap:wrap;min-height:100vh;display:flex}.sidebar{flex:1 1 var(--sidebar-width);background:var(--paper);border-right:1px solid var(--border);flex-direction:column;gap:20px;max-width:100%;padding:20px 14px;display:flex}@media (width>=840px){.sidebar{flex:0 0 var(--sidebar-width);height:100vh;position:sticky;top:0}}.sidebar-logo{padding:0 8px}.sidebar-nav{flex-direction:column;gap:2px;font-size:14px;display:flex}.nav-item{border-radius:var(--radius-sm);color:var(--text-nav);align-items:center;gap:10px;padding:10px;display:flex}.nav-item:hover{color:var(--ink);background:var(--canvas)}.nav-item.active{background:var(--surface-muted);color:var(--ink);font-weight:500}.plan-box{border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:8px;margin-top:auto;padding:14px;font-size:13px;display:flex}.plan-box a{font-weight:500}.plan-row{justify-content:space-between;display:flex}.plan-name{font-weight:500}.sidebar-settings{margin-top:-6px;font-size:14px}.profile-menu{border-top:1px solid var(--border);margin-top:-6px;padding-top:14px;position:relative}.profile-button{border-radius:var(--radius-md);width:100%;font:inherit;text-align:left;color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:8px;display:flex}.profile-button:hover,.profile-button[aria-expanded=true]{background:var(--surface-muted)}.profile-button>svg{color:var(--text-muted);flex:none}.avatar{object-fit:cover;background:var(--surface-muted);border-radius:50%;flex:none}.avatar-initials{background:var(--tag-blue-bg);color:var(--tag-blue-fg);border:1px solid;justify-content:center;align-items:center;font-weight:700;display:flex}.profile-text{flex-direction:column;flex:1;min-width:0;display:flex}.profile-name{color:var(--ink);font-size:14px;font-weight:500}.profile-email{color:var(--text-muted);font-size:12px}.profile-name,.profile-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-popover{border-radius:12px;min-width:240px;top:auto;bottom:calc(100% + 6px);right:0}@media (width>=840px){.profile-popover{bottom:0;left:calc(100% + 20px);right:auto}}.profile-head{border-bottom:1px solid var(--border);margin-bottom:6px;padding:8px 10px 12px}.profile-head .profile-name{font-size:15px}.profile-popover .menu-item{align-items:center;gap:10px;display:flex}.profile-popover .menu-item svg{color:var(--text-muted)}.content{flex-direction:column;flex:999 560px;gap:20px;min-width:0;padding:28px clamp(16px,3vw,40px);display:flex}.menu-anchor{position:relative}.menu{z-index:10;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-md);min-width:180px;box-shadow:var(--shadow-input);flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0}.menu-right{left:auto;right:0}.menu-label{color:var(--text-muted);text-overflow:ellipsis;padding:6px 10px;font-size:12px;overflow:hidden}.menu-item{text-align:left;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 10px;font-size:14px}.menu-item:hover{background:var(--surface-muted)}.menu-item.danger{color:var(--danger)}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.page-head h1{letter-spacing:-.02em;margin:0;font-size:26px}.filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--paper);color:var(--text-muted);flex:280px;align-items:center;gap:8px;padding:0 12px;display:flex}.search input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:11px 0;font-size:14px}.filter{border:1px solid var(--border-strong);background:var(--paper);border-radius:var(--radius-md);align-items:center;gap:4px;padding:0 4px 0 14px;font-size:14px;display:inline-flex}.filter select{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:10px 6px;font-size:14px}.link-list{flex-direction:column;gap:10px;display:flex}.link-row{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;gap:14px;padding:14px 16px;display:flex}.link-row.archived{opacity:.6}.link-row.skeleton{background:linear-gradient(90deg, var(--paper), var(--canvas), var(--paper));height:66px}.link-icon{background:var(--surface-muted);width:36px;height:36px;color:var(--text-nav);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.link-icon img{object-fit:contain;border-radius:4px;width:20px;height:20px}.link-main{flex-direction:column;flex:300px;gap:3px;min-width:0;display:flex}.link-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.link-short{color:var(--ink);font-size:15px;font-weight:500}.link-dest{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.link-meta{color:var(--text-secondary);align-items:center;gap:14px;font-size:13px;display:flex}.clicks{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--ink);background:var(--canvas);align-items:center;gap:6px;padding:6px 10px;display:flex}a.clicks:hover{border-color:var(--border-strong);background:var(--paper)}.tag{border-radius:6px;padding:2px 8px;font-size:12px}.tag-blue{background:var(--tag-blue-bg);color:var(--tag-blue-fg)}.tag-orange{background:var(--tag-orange-bg);color:var(--tag-orange-fg)}.tag-green{background:var(--tag-green-bg);color:var(--tag-green-fg)}.tag-grey{background:var(--tag-grey-bg);color:var(--tag-grey-fg)}.tag-danger{color:var(--danger);background:#fdecea}.pager{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.empty{background:var(--paper);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:48px 24px;display:flex}.empty p{margin:0}.empty .btn{margin-top:8px}.empty-title{font-size:16px;font-weight:600}.demo{background:var(--paper);border:1px solid var(--border-strong);text-align:left;border-radius:14px;width:min(600px,100%);margin-bottom:16px;overflow:hidden;box-shadow:0 18px 40px -18px #0b0b0c40}.demo-bar{background:var(--surface-muted);border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:10px 14px;display:flex;position:relative}.demo-dots{gap:6px;display:flex}.demo-dots i{background:var(--border-strong);border-radius:50%;width:10px;height:10px}.demo-address{background:var(--paper);border:1px solid var(--border);min-width:0;color:var(--text-secondary);border-radius:8px;flex:1;padding:6px 12px;font-size:12px;display:grid}.demo-addr{white-space:nowrap;text-overflow:ellipsis;grid-area:1/1;align-items:center;gap:8px;display:flex;overflow:hidden}.demo-addr-app{animation:10s infinite demo-addr-app}.demo-addr-short{color:var(--accent);font-weight:600;animation:10s infinite demo-addr-short}.demo-addr-long{animation:10s infinite demo-addr-long;display:block}.demo-302{background:var(--bar-track);color:var(--accent);border-radius:999px;padding:1px 6px;font-size:10px}.demo-progress{background:var(--accent);transform-origin:0;opacity:0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.demo-links .demo-progress{animation:10s infinite demo-progress}.demo-page{height:300px;display:grid;position:relative}.demo-shorten,.demo-store{grid-area:1/1}.demo-shorten{place-items:center;padding:0 24px;animation:10s infinite demo-shorten;display:grid;position:relative}.demo-long,.demo-short{white-space:nowrap;border-radius:999px;grid-area:1/1}.demo-long{text-overflow:ellipsis;background:var(--surface-muted);border:1px solid var(--border);max-width:100%;color:var(--text-muted);padding:10px 18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;animation:10s ease-in-out infinite demo-long;overflow:hidden}.demo-short{background:var(--bar-track);border:1px solid var(--accent);color:var(--accent);align-items:center;gap:8px;padding:12px 22px;font-size:18px;font-weight:600;animation:10s ease-in-out infinite demo-short;display:inline-flex}.demo-cursor{animation:10s ease-in-out infinite demo-cursor;position:absolute;top:50%;left:50%}.demo-store{flex-direction:column;gap:14px;padding:16px 20px 20px;display:flex}.demo-links .demo-store{animation:10s infinite demo-store}.demo-store-nav{align-items:center;gap:12px;font-size:14px;display:flex}.demo-store-nav b{margin-right:auto}.demo-store-nav span{background:var(--surface-muted);border-radius:4px;width:40px;height:8px}.demo-hero{color:#3b1a06;background:linear-gradient(120deg,#ff9a5a,#f2a07b 45%,#ffd27a);border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:6px;padding:20px;display:flex}.demo-hero-kicker{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600}.demo-hero-title{font-size:22px;font-weight:700}.demo-hero-cta{color:#fff;background:#3b1a06;border-radius:999px;margin-top:4px;padding:6px 12px;font-size:12px;font-weight:600}.demo-tiles{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.demo-tiles i{background:var(--surface-muted);border-radius:10px;height:54px}.demo-toast{background:var(--ink);color:var(--paper);border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:500;display:inline-flex;position:absolute;bottom:16px;right:16px;box-shadow:0 8px 20px -8px #0b0b0c66}.demo-links .demo-toast{animation:10s ease-out infinite demo-toast}@keyframes demo-addr-app{0%,45%{opacity:1}47%,97%{opacity:0}to{opacity:1}}@keyframes demo-addr-short{0%,45%{opacity:0}47%,56%{opacity:1}58%,to{opacity:0}}@keyframes demo-addr-long{0%,56%{opacity:0}58%,94%{opacity:1}97%,to{opacity:0}}@keyframes demo-progress{0%,46%{opacity:0;transform:scaleX(0)}47%{opacity:1;transform:scaleX(.05)}56%{opacity:1;transform:scaleX(.7)}59%{opacity:1;transform:scaleX(1)}62%,to{opacity:0;transform:scaleX(1)}}@keyframes demo-shorten{0%,52%{opacity:1}56%,to{opacity:0}}@keyframes demo-long{0%{opacity:0;transform:scaleX(1)}4%,16%{opacity:1;transform:scaleX(1)}26%,to{opacity:0;transform:scaleX(.3)}}@keyframes demo-short{0%,22%{opacity:0;transform:scale(.6)}29%{opacity:1;transform:scale(1.08)}32%,42%{opacity:1;transform:scale(1)}44%{transform:scale(.94)}46%,to{opacity:1;transform:scale(1)}}@keyframes demo-cursor{0%,31%{opacity:0;transform:translate(140px,90px)}34%{opacity:1;transform:translate(140px,90px)}42%,46%{opacity:1;transform:translate(14px,4px)}44%{transform:translate(14px,4px)scale(.85)}50%,to{opacity:0;transform:translate(14px,4px)}}@keyframes demo-store{0%,56%{opacity:0;transform:translateY(8px)}61%,92%{opacity:1;transform:translateY(0)}97%,to{opacity:0;transform:translateY(0)}}@keyframes demo-toast{0%,64%{opacity:0;transform:translateY(12px)}68%,88%{opacity:1;transform:translateY(0)}92%,to{opacity:0;transform:translateY(0)}}.stats{flex-direction:column;gap:12px;padding:16px;animation:10s infinite demo-fade;display:flex}.stats-kpis{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stats-kpi,.stats-card{border:1px solid var(--border);background:var(--paper);border-radius:10px}.stats-kpi{color:var(--text-muted);flex-direction:column;gap:2px;padding:10px 12px;font-size:11px;display:flex}.stats-kpi b{color:var(--ink);font-size:20px}.stats-ticker{height:1.2em;display:grid;overflow:hidden}.stats-ticker span{grid-area:1/1;animation:10s infinite stats-tick-out}.stats-ticker span+span{color:var(--success);animation-name:stats-tick-in}.stats-body{flex:1;grid-template-columns:1.5fr 1fr;gap:10px;display:grid}.stats-chart{background:linear-gradient(var(--border) 1px, transparent 1px) 0 14px / 100% 40px, var(--paper);align-items:flex-end;gap:6px;height:170px;padding:14px 12px 10px;display:flex}.stats-chart i{background:linear-gradient(var(--accent), #7f93f7);transform-origin:bottom;border-radius:4px 4px 0 0;flex:1;animation:10s ease-out infinite both stats-bar}.stats-chart i:last-child{background:var(--chart-secondary)}.stats-places{flex-direction:column;justify-content:center;gap:12px;padding:12px;font-size:11px;display:flex}.stats-place{grid-template-columns:1fr auto;gap:4px;display:grid}.stats-place i{background:var(--accent);max-width:100%;height:4px;box-shadow:0 0 0 0 var(--bar-track);transform-origin:0;border-radius:2px;grid-column:1/-1;animation:10s ease-out infinite both stats-fill}.stats-toast{animation:10s ease-out infinite demo-toast}.stats-live{background:#3ddc84;border-radius:50%;width:8px;height:8px;animation:1.2s infinite art-pulse}@keyframes demo-fade{0%{opacity:0}4%,92%{opacity:1}98%,to{opacity:0}}@keyframes stats-bar{0%,4%{transform:scaleY(0)}16%,to{transform:scaleY(1)}}@keyframes stats-fill{0%,4%{transform:scaleX(0)}14%,to{transform:scaleX(1)}}@keyframes stats-tick-out{0%,64%{transform:translateY(0)}68%,to{transform:translateY(-110%)}}@keyframes stats-tick-in{0%,64%{transform:translateY(110%)}68%,to{transform:translateY(0)}}.dom{place-items:center;padding:20px;animation:10s infinite demo-fade;display:grid}.dom-card{border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;width:min(400px,100%);padding:18px;font-size:13px;display:flex}.dom-label{color:var(--text-secondary);font-size:12px;font-weight:500}.dom-input{border:1px solid var(--accent);height:38px;box-shadow:0 0 0 3px var(--bar-track);border-radius:8px;align-items:center;padding:0 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;display:flex}.dom-typed{white-space:nowrap;width:15ch;animation:10s steps(15,end) infinite dom-type;display:inline-block;overflow:hidden}.dom-caret{background:var(--accent);width:2px;height:18px;animation:10s infinite dom-caret}.dom-row{background:var(--surface-muted);border-radius:8px;grid-template-columns:56px 1fr auto;align-items:center;gap:10px;padding:10px 12px;animation:10s infinite both dom-row;display:grid}.dom-row+.dom-row{animation-delay:2s}.dom-record{color:var(--text-muted);font-size:11px;font-weight:600}.dom-mono{text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;overflow:hidden}.dom-status{justify-items:end;display:grid}.dom-spin,.dom-ok{grid-area:1/1}.dom-spin{border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite dom-spin,10s infinite dom-spin-show}.dom-spin-2{animation-name:dom-spin,dom-spin-show-2}.dom-ok{color:var(--success);white-space:nowrap;background:#e3f6ec;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;animation:10s infinite dom-ok;display:inline-flex}.dom-ok-2{animation-name:dom-ok-2}.dom-live{background:var(--ink);color:var(--paper);border-radius:999px;align-self:center;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;animation:10s infinite dom-live;display:inline-flex}.dom-addr-before{animation:10s infinite dom-addr-before}.dom-addr-after{gap:0;animation:10s infinite dom-addr-after}.dom-addr-after b{color:var(--accent);background:var(--bar-track);border-radius:4px;padding:0 4px}.demo-domains .demo-progress{animation:10s infinite dom-progress}@keyframes dom-type{0%,4%{width:0}24%,to{width:15ch}}@keyframes dom-caret{0%,25%{opacity:1}26%,to{opacity:0}}@keyframes dom-row{0%,26%{opacity:0;transform:translateY(6px)}30%,to{opacity:1;transform:translateY(0)}}@keyframes dom-spin{to{rotate:360deg}}@keyframes dom-spin-show{0%,43%{opacity:1}44%,to{opacity:0}}@keyframes dom-spin-show-2{0%,59%{opacity:1}60%,to{opacity:0}}@keyframes dom-ok{0%,43%{opacity:0;transform:scale(.7)}46%,to{opacity:1;transform:scale(1)}}@keyframes dom-ok-2{0%,59%{opacity:0;transform:scale(.7)}62%,to{opacity:1;transform:scale(1)}}@keyframes dom-live{0%,64%{opacity:0;transform:scale(.8)}68%{opacity:1;transform:scale(1.05)}70%,to{opacity:1;transform:scale(1)}}@keyframes dom-addr-before{0%,68%{opacity:1}70%,97%{opacity:0}to{opacity:1}}@keyframes dom-addr-after{0%,68%{opacity:0}70%,95%{opacity:1}98%,to{opacity:0}}@keyframes dom-progress{0%,64%{opacity:0;transform:scaleX(0)}65%{opacity:1;transform:scaleX(.05)}70%{opacity:1;transform:scaleX(1)}73%,to{opacity:0;transform:scaleX(1)}}.qr-scene{background:radial-gradient(circle at 30% 40%, var(--bar-track), transparent 60%), var(--surface-muted);border-radius:14px;justify-content:center;align-items:center;gap:40px;width:min(600px,100%);height:360px;margin-bottom:16px;display:flex;position:relative;overflow:hidden}.qr-glyph{width:100%;color:var(--ink);display:block}.qr-poster{color:#3b1a06;background:linear-gradient(160deg,#ff9a5a,#ffd27a);border-radius:12px;flex-direction:column;align-items:center;gap:10px;width:170px;padding:16px;display:flex;rotate:-4deg;box-shadow:0 18px 40px -20px #3b1a0699}.qr-poster .qr-glyph{background:#fff;border-radius:8px;padding:8px}.qr-poster-kicker{font-size:15px;font-weight:700}.qr-poster-cta{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600}.qr-phone{background:var(--ink);border-radius:28px;width:168px;height:320px;padding:8px;animation:10s ease-in-out infinite qr-phone;box-shadow:0 24px 48px -20px #0b0b0c80}.qr-screen{background:#2a2a2e;border-radius:21px;height:100%;display:grid;position:relative;overflow:hidden}.qr-camera,.qr-store{grid-area:1/1}.qr-camera{background:radial-gradient(circle,#4a4a50,#1c1c1f);place-items:center;animation:10s infinite qr-camera;display:grid;position:relative}.qr-frame{outline-offset:10px;background:#fff;border-radius:6px;outline:2px solid #ffffffb3;width:96px;padding:8px;animation:10s infinite qr-lock;position:relative;rotate:-4deg}.qr-beam{background:#3ddc84;height:2px;animation:10s ease-in-out infinite qr-beam;position:absolute;top:30%;left:22%;right:22%;box-shadow:0 0 12px 2px #3ddc84}.qr-banner{z-index:1;color:var(--accent);background:#fffffff2;border-radius:12px;align-items:center;gap:6px;padding:8px 10px;font-size:11px;font-weight:600;animation:10s ease-out infinite qr-banner;display:flex;position:absolute;top:10px;left:8px;right:8px}.qr-store{background:var(--paper);gap:8px;padding:26px 10px 10px;font-size:10px;animation:10s infinite qr-store}.qr-store .demo-store-nav{font-size:11px}.qr-store .demo-store-nav span{display:none}.qr-store .demo-hero{padding:12px}.qr-store .demo-hero-title{font-size:14px}.qr-store .demo-hero-kicker,.qr-store .demo-hero-cta{font-size:9px}.qr-store .demo-tiles i{height:40px}.qr-toast{animation:10s ease-out infinite demo-toast}@keyframes qr-phone{0%{opacity:0;transform:translate(30px)rotate(4deg)}8%,92%{opacity:1;transform:translate(0)rotate(0)}98%,to{opacity:0;transform:translate(0)rotate(0)}}@keyframes qr-beam{0%,10%{opacity:0;top:30%}12%{opacity:1;top:30%}22%{top:68%}32%{opacity:1;top:30%}34%,to{opacity:0;top:30%}}@keyframes qr-lock{0%,33%{outline-color:#ffffffb3}36%,to{outline-color:#3ddc84}}@keyframes qr-banner{0%,36%{opacity:0;transform:translateY(-120%)}40%{opacity:1;transform:translateY(0)}48%{transform:scale(1)}50%{transform:scale(.94)}52%,54%{opacity:1;transform:scale(1)}58%,to{opacity:0;transform:scale(1)}}@keyframes qr-camera{0%,54%{opacity:1}58%,to{opacity:0}}@keyframes qr-store{0%,54%{opacity:0;transform:translateY(12px)}60%,to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.demo *,.demo :before,.qr-scene *{animation:none!important}.demo-addr-short,.demo-addr-long,.demo-progress,.demo-long,.demo-cursor,.demo-links .demo-store,.demo-toast,.dom-addr-after,.dom-spin,.dom-caret,.qr-beam,.qr-banner,.qr-store{display:none}}@media (width<=520px){.demo-page{height:240px}.demo-short{font-size:15px}.demo-hero-title{font-size:17px}.stats-body{grid-template-columns:1fr}.stats-places,.qr-poster{display:none}.stats-chart{height:110px}.dom-card{gap:8px;padding:12px}}.panel{border:1px solid var(--border);border-radius:var(--radius-xl);width:min(1040px,100vw - 32px);max-height:calc(100vh - 48px);color:var(--ink);background:var(--paper);padding:0;box-shadow:0 24px 60px #0b0b0c2e}.panel::backdrop{background:#0b0b0c59}.lp[open]>form{flex-direction:column;max-height:calc(100vh - 50px);display:flex}.lp-head{align-items:center;gap:14px;padding:20px 24px;display:flex}.lp-head h2{letter-spacing:-.02em;margin:0;font-size:20px}.lp-head-icon{background:var(--surface-muted);width:40px;height:40px;color:var(--text-secondary);border-radius:50%;place-items:center;display:grid}.lp-close{margin-left:auto}.lp-main{flex:1;grid-template-columns:minmax(0,1fr) 340px;gap:24px;min-height:0;padding:0 24px 24px;display:grid;overflow-y:auto}.lp-form{flex-direction:column;gap:22px;padding-top:8px;display:flex}.lp-label{justify-content:space-between;align-items:center;min-height:26px;display:flex}.lp-label label{align-items:center;gap:6px;display:inline-flex}.lp-help{color:var(--text-muted);cursor:help;display:inline-flex}.lp-field textarea{font:inherit;border:1px solid var(--border-strong);border-radius:var(--radius-md);resize:vertical;min-height:84px;color:var(--ink);background:var(--paper);padding:11px 12px;font-size:15px;font-weight:400}.lp-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--tag-blue-bg);outline:none}.lp-slug{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--paper);display:flex;overflow:hidden}.lp-slug:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--tag-blue-bg)}.lp-slug.disabled{background:var(--canvas)}.lp-domain{border-right:1px solid var(--border-strong);white-space:nowrap;align-items:center;gap:8px;padding:0 14px;font-size:15px;font-weight:400;display:inline-flex}.lp-domain svg{color:var(--text-muted)}.field .lp-slug input{box-shadow:none;background:0 0;border:0;flex:1}.lp-tags{border:1px solid var(--border-strong);border-radius:var(--radius-md);cursor:text;flex-wrap:wrap;align-items:center;gap:6px;min-height:46px;padding:6px 10px;display:flex}.lp-tags:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--tag-blue-bg)}.field .lp-tags input{min-width:120px;box-shadow:none;border:0;flex:1;padding:4px 2px}.lp-chip{border-radius:8px;align-items:center;gap:6px;padding:4px 8px;font-size:13px;font-weight:500;display:inline-flex}.lp-chip button{color:inherit;opacity:.6;cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.lp-chip button:hover{opacity:1}.lp-chip-btn{border:1px solid;border-color:color-mix(in srgb, currentColor 30%, transparent);font:inherit;cursor:pointer;font-size:13px;font-weight:500}.lp-suggest{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.lp-side{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--canvas);flex-direction:column;align-self:start;gap:24px;padding:18px;display:flex}.lp-card{flex-direction:column;gap:12px;display:flex}.lp-card-head{justify-content:space-between;align-items:center;display:flex}.lp-card-head h3{margin:0;font-size:15px;font-weight:600}.icon-btn:disabled{opacity:.4;cursor:default}.lp-qr{border:1px solid var(--border);border-radius:var(--radius-md);background:radial-gradient(var(--border-strong) 1px, transparent 1px) 0 0 / 10px 10px, var(--paper);place-items:center;height:170px;display:grid}.lp-qr svg{border-radius:6px;width:120px;height:120px;box-shadow:0 4px 14px -6px #0b0b0c4d}.lp-qr.empty svg{opacity:.15}.lp-tabs{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.lp-tabs button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);height:38px;color:var(--text-secondary);cursor:pointer;place-items:center;display:grid}.lp-tabs button.active{background:var(--paper);border-color:var(--border-strong);color:var(--ink);box-shadow:0 1px 2px #0b0b0c14}.lp-preview-empty{border:1px dashed var(--border-strong);border-radius:var(--radius-md);color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:32px 16px;font-size:13px;display:flex}.lp-preview{flex-direction:column;gap:10px;display:flex}.lp-preview-img{aspect-ratio:1.91;border:1px solid var(--border);border-radius:var(--radius-md);background:linear-gradient(135deg, var(--surface-muted), var(--bar-track));color:var(--text-muted);place-items:center;font-size:12px;display:grid;position:relative;overflow:hidden}.lp-preview-img img{object-fit:cover;width:100%;height:100%}.lp-preview.loading .lp-preview-img,.lp-preview.loading .lp-preview-text b{animation:1.2s ease-in-out infinite art-pulse}.lp-preview-text{flex-direction:column;gap:4px;font-size:13px;display:flex}.lp-preview-text b{font-size:14px;line-height:1.35}.lp-preview-text p{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}.lp-preview-host{color:var(--text-muted);font-size:12px}.lp-preview-host.upper{text-transform:uppercase}.lp-preview-facebook,.lp-preview-linkedin{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--paper);gap:0;overflow:hidden}.lp-preview-facebook .lp-preview-img,.lp-preview-linkedin .lp-preview-img{border:0;border-radius:0}.lp-preview-facebook .lp-preview-text,.lp-preview-linkedin .lp-preview-text{background:var(--surface-muted);padding:10px 12px}.lp-preview-x .lp-preview-img{border-radius:16px}.lp-preview-xhost{color:#fff;background:#0009;border-radius:4px;padding:2px 6px;font-size:12px;position:absolute;bottom:10px;left:10px}.lp-foot{border-top:1px solid var(--border);background:var(--canvas);border-radius:0 0 var(--radius-xl) var(--radius-xl);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex}.lp-options{flex-wrap:wrap;gap:8px;display:flex}.lp-option{position:relative}.lp-opt{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--paper);height:40px;font:inherit;color:var(--ink);cursor:pointer;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}.lp-opt svg{color:var(--text-muted)}.lp-opt:hover:not(:disabled),.lp-opt.open{border-color:var(--ink)}.lp-opt.active{border-color:var(--accent);background:var(--bar-track);color:var(--accent)}.lp-opt.active svg{color:var(--accent)}.lp-opt:disabled{opacity:.5;cursor:not-allowed}.lp-pop{z-index:5;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--paper);flex-direction:column;gap:12px;width:300px;padding:16px;display:flex;position:absolute;bottom:calc(100% + 10px);left:0;box-shadow:0 16px 40px -12px #0b0b0c40}.lp-option:last-child .lp-pop{left:auto;right:0}.lp-pop-title{margin:0;font-weight:600}.lp-pop .hint{margin:-6px 0 0}.lp-field.compact{gap:4px;font-size:13px}.lp-field.compact .lp-label{min-height:0}.lp-field.compact input,.lp-field.compact select{padding:8px 10px;font-size:14px}.lp-submit{align-items:center;gap:10px;height:42px;display:inline-flex}.lp-submit kbd{padding:2px 4px;display:inline-flex}@media (width<=860px){.lp-main{grid-template-columns:1fr}.lp-option:last-child .lp-pop,.lp-pop{width:auto;position:fixed;bottom:90px;left:16px;right:16px}.lp-opt{padding:0 10px}.lp-submit{justify-content:center;width:100%}}.settings-tabs{border-bottom:1px solid var(--border);gap:4px;font-size:14px;display:flex}.settings-tabs a{color:var(--text-nav);border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 12px}.settings-tabs a.active{border-color:var(--ink);color:var(--ink);font-weight:500}.settings-tabs span{color:var(--text-muted);cursor:not-allowed;padding:10px 12px}.settings-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:720px}.settings-card-body{flex-direction:column;gap:18px;padding:24px;display:flex}.settings-card h2{margin:0;font-size:17px}.settings-card-body>p{margin:-12px 0 0}.settings-card-foot{border-top:1px solid var(--border);background:var(--canvas);border-radius:0 0 var(--radius-lg) var(--radius-lg);justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;font-size:13px;display:flex}.settings-card-foot .btn{margin-left:auto}.avatar-picker{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:12px;display:grid}.avatar-choice{aspect-ratio:1;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:50%;place-items:center;padding:2px;transition:transform .15s;display:grid;position:relative}.avatar-choice:hover:not(:disabled){transform:scale(1.06)}.avatar-choice:disabled{cursor:default}.avatar-choice.selected{border-color:var(--accent)}.avatar-choice.busy .avatar{opacity:.4}.avatar-check{background:var(--accent);color:#fff;border:2px solid var(--paper);border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;bottom:0;right:0}.field input:disabled{background:var(--canvas);color:var(--text-muted)}.tz-row{flex-wrap:wrap;gap:8px;display:flex}.tz-row select{flex:1;min-width:220px}.saved-note{color:var(--success)}.crumbs{flex-wrap:wrap;align-items:center;gap:14px;min-width:0;display:flex}.crumb-back{color:var(--text-secondary);align-items:center;gap:6px;font-size:14px;display:flex}.crumb-sep{color:var(--border-strong)}.crumb-short{color:var(--ink);font-size:16px;font-weight:500}.crumb-dest{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:420px;font-size:13px;overflow:hidden}.segmented{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--paper);display:flex;overflow:hidden}.segmented button{border:0;border-right:1px solid var(--border);font:inherit;cursor:pointer;background:var(--paper);color:var(--text-nav);padding:9px 14px;font-size:13px}.segmented button:last-child{border-right:0}.segmented button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.analytics{flex-direction:column;gap:16px;transition:opacity .15s;display:flex}.analytics.is-loading{opacity:.55}.kpis{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.kpi{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:6px;padding:18px 20px;display:flex}.kpi-label{color:var(--text-muted);font-size:13px}.kpi-value{letter-spacing:-.02em;font-size:30px;font-weight:600}.kpi-delta{color:var(--text-muted);font-size:13px}.kpi-delta.up{color:var(--success)}.kpi-delta.down{color:var(--danger)}.card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:14px;min-width:0;padding:20px;display:flex}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.card-head h2{margin:0;font-size:16px;font-weight:600}.legend{color:var(--text-secondary);gap:16px;font-size:13px;display:flex}.legend span{align-items:center;gap:6px;display:flex}.swatch{border-radius:3px;width:10px;height:10px}.swatch-clicks,.bar-clicks{background:var(--accent)}.swatch-qr,.bar-qr{background:var(--chart-secondary)}.chart{flex-direction:column;gap:8px;display:flex}.chart-plot{border-bottom:1px solid var(--border);height:240px;position:relative}.chart-grid{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.chart-gridline{border-top:1px dashed var(--border);height:0}.chart-gridline:last-child{border-top:0}.chart-gridline span{color:var(--text-muted);background:var(--paper);padding:0 0 2px 6px;font-size:11px;position:absolute;right:0;transform:translateY(-100%)}.chart-gridline:last-child span{display:none}.chart-bars{align-items:stretch;gap:6px;display:flex;position:absolute;inset:0 36px 0 0}.chart-bars.dense{gap:2px}.chart-col{border-radius:4px 4px 0 0;outline:none;flex-direction:column;flex:1;justify-content:flex-end;gap:2px;min-width:0;padding-bottom:2px;display:flex}.chart-col.active{background:var(--surface-muted)}.chart-col:focus-visible{box-shadow:0 0 0 2px var(--accent)}.bar{border-radius:3px 3px 0 0;min-height:2px}.chart-col.active .bar{filter:brightness(1.08)}.chart-empty{justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}.chart-tip{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-input);color:var(--text-secondary);white-space:nowrap;pointer-events:none;z-index:2;padding:10px 12px;font-size:13px;position:absolute;bottom:calc(100% - 24px);transform:translate(-50%)}.chart-tip[data-edge=start]{transform:translate(-12px)}.chart-tip[data-edge=end]{transform:translate(calc(12px - 100%))}.chart-tip-date{color:var(--text-muted);margin-bottom:4px;font-size:12px}.chart-tip-row{align-items:center;gap:6px;display:flex}.chart-tip-row strong{color:var(--ink);font-weight:600}.tip-key{border-radius:1px;width:12px;height:2px}.tip-key-clicks{background:var(--accent)}.tip-key-qr{background:var(--chart-secondary)}.chart-axis{color:var(--text-muted);justify-content:space-between;margin-right:36px;font-size:12px;display:flex}.panels{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(340px,50% - 8px)),1fr));gap:16px;display:grid}.panel-wide{grid-column:1/-1}.tabs{gap:4px;display:flex}.tabs button{font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 8px;font-size:13px}.tabs button[aria-selected=true]{color:var(--ink);background:var(--surface-muted);font-weight:500}.bars{flex-direction:column;gap:8px;display:flex}.bar-row{border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;font-size:14px;display:flex;position:relative;overflow:hidden}.bar-row.skeleton{background:linear-gradient(90deg, var(--paper), var(--canvas), var(--paper));height:36px}.bar-fill{background:var(--bar-track);border-radius:var(--radius-sm);position:absolute;top:0;bottom:0;left:0}.bar-name{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;min-width:0;display:flex;position:relative;overflow:hidden}.bar-icon{border-radius:3px;flex:none;width:16px;height:16px}.bar-link{color:var(--ink)}.bar-link:hover{color:var(--link)}.bar-count{color:var(--text-secondary);font-size:13px;position:relative}.bars-empty{margin:0;padding:8px 10px;font-size:14px}