:root{color:#171317;font-synthesis:none;text-rendering:optimizelegibility;--ink:#050505;--paper:#fff;--canvas:#f7f6f7;--muted:#7c737c;--line:#e8e4e7;--soft:#f4f1f3;--text:#171317;--magenta:#db0798;--orange:#f5a623;--violet:#8b5cf6;--cyan:#22c7e8;--success:#15855f;background:#f7f6f7;font-family:Inter,Helvetica Neue,Arial,sans-serif}:root[data-theme=dark]{color:#f4f1f3;--paper:#151116;--canvas:#0b090c;--muted:#9c929d;--line:#302a30;--soft:#1d181d;--text:#f4f1f3;--success:#61d6aa;background:#0b090c}*{box-sizing:border-box}html{background:var(--canvas)}body{background:var(--canvas);min-width:320px;min-height:100vh;color:var(--text);margin:0}button,input,select,a{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}button,input,select{border-radius:0}:focus-visible{outline:2px solid var(--magenta);outline-offset:3px}::selection{background:var(--magenta);color:#fff}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:20;background:var(--ink);color:#fff;flex-direction:column;width:246px;padding:28px 18px 22px;display:flex;position:fixed;inset:0 auto 0 0}.os-brand{text-align:left;background:0 0;border:0;align-items:center;gap:11px;width:100%;padding:0 8px 32px;display:flex}.os-brand img{object-fit:contain;width:27px;height:27px}.brand-name{letter-spacing:.05em;font-size:15px;font-weight:850;line-height:1}.brand-name b{color:var(--magenta)}.brand-name small{color:#777077;letter-spacing:.19em;margin-top:5px;font-size:6px;display:block}.side-nav{gap:6px;display:grid}.side-nav button,.sidebar-bottom>button{color:#9e969e;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:13px;width:100%;min-height:46px;padding:0 13px;font-size:13px;font-weight:600;display:flex}.side-nav button:hover:not(:disabled),.sidebar-bottom>button:hover:not(:disabled){color:#fff}.side-nav button.active{color:#fff;background:#171316;border-color:#342d33}.side-nav button.active svg{color:var(--magenta)}.soon{color:var(--orange);letter-spacing:.08em;margin-left:auto;font:600 7px/1 monospace}.sidebar-bottom{margin-top:auto}.profile{border-top:1px solid #2a2529;align-items:center;gap:10px;margin-top:16px;padding:18px 8px 0;display:flex}.profile>span{background:var(--magenta);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:grid}.profile div{flex:1;min-width:0}.profile strong,.profile small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.profile strong{font-size:11px}.profile small{color:#817981;margin-top:3px;font-size:9px}.profile button{color:#777077;background:0 0;border:0;padding:5px}.workspace{width:calc(100% - 246px);min-height:100vh;margin-left:246px}.topbar{z-index:10;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--paper) 94%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-between;align-items:center;height:83px;padding:0 36px;display:flex;position:sticky;top:0}.product-kicker,.eyebrow{color:var(--magenta);letter-spacing:.16em;font:700 9px/1.4 monospace}.topbar h1{letter-spacing:-.02em;margin:5px 0 0;font-size:20px}.top-actions{align-items:center;gap:10px;display:flex}.demo-badge{border:1px solid color-mix(in srgb, var(--orange) 45%, var(--line));color:var(--orange);letter-spacing:.12em;padding:7px 9px;font:700 7px monospace}.icon-button,.primary-button,.secondary-button,.panel-head button{border:1px solid var(--line);background:var(--paper);min-height:40px}.icon-button{place-items:center;width:40px;display:grid}.primary-button,.secondary-button{justify-content:center;align-items:center;gap:8px;padding:0 17px;font-size:11px;font-weight:750;display:inline-flex}.primary-button{border-color:var(--ink);background:var(--ink);color:#fff}.primary-button:hover:not(:disabled){background:var(--magenta);border-color:var(--magenta)}.secondary-button{background:var(--paper);color:var(--text)}.secondary-button:hover{border-color:var(--text)}.content{max-width:1450px;margin:auto;padding:32px 36px 52px}.loading-line{z-index:30;background:color-mix(in srgb, var(--magenta) 15%, transparent);height:2px;position:fixed;top:82px;left:246px;right:0;overflow:hidden}.loading-line:after{background:var(--magenta);content:"";width:40%;height:100%;animation:1s ease-in-out infinite alternate loading;position:absolute}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(350%)}}.welcome{background:var(--ink);color:#fff;align-items:center;min-height:182px;padding:32px 36px;display:flex;position:relative;overflow:hidden}.welcome:after{background:linear-gradient(90deg,var(--magenta) 0 25%,var(--orange) 25% 50%,var(--violet) 50% 75%,var(--cyan) 75%);content:"";width:250px;height:4px;position:absolute;bottom:29px;right:-40px;transform:rotate(-18deg)}.welcome h2{letter-spacing:-.045em;margin:10px 0 11px;font-size:clamp(26px,3vw,39px);font-weight:530;line-height:1.03}.welcome h2 em{color:var(--magenta);font-style:normal}.welcome p{color:#a89fa7;margin:0;font-size:12px}.welcome-code{color:#645b63;letter-spacing:-.08em;margin-left:auto;margin-right:7%;font:700 clamp(20px,2.8vw,42px) monospace;transform:rotate(-6deg)}.welcome-code span{color:var(--magenta)}.welcome-code b{color:#3c353b}.welcome-code small{letter-spacing:-.03em;margin-left:24px;font-size:.32em;display:block}.metric-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0;display:grid}.metric-grid article{border:1px solid var(--line);background:var(--paper);flex-direction:column;min-height:126px;padding:22px;display:flex}.metric-grid span,.panel-head span,.analytics-summary article>span{color:var(--muted);font-size:10px;font-weight:650}.metric-grid strong{letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap;margin:13px 0 8px;font-size:25px;overflow:hidden}.metric-grid small{color:var(--muted);font-size:9px}.metric-grid .accent-card{border-color:var(--magenta);background:var(--magenta);color:#fff}.accent-card span,.accent-card small{color:#fff}.dashboard-grid{grid-template-columns:1.65fr 1fr;gap:12px;display:grid}.panel{border:1px solid var(--line);background:var(--paper)}.chart-panel,.source-panel{min-height:300px;padding:22px}.panel-head{justify-content:space-between;align-items:center;display:flex}.panel-head h3{margin:5px 0 0;font-size:15px}.panel-head button{min-height:32px;color:var(--text);align-items:center;gap:8px;padding:0 10px;font-size:9px;display:flex}.bar-chart{border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom, transparent, transparent 50px, color-mix(in srgb, var(--line) 65%, transparent) 51px);align-items:end;gap:9px;height:183px;padding-top:26px;display:flex}.bar-chart span{background:color-mix(in srgb, var(--muted) 25%, var(--paper));flex:1;max-width:23px;min-height:3px;transition:height .25s}.bar-chart span:nth-last-child(-n+5){background:var(--magenta)}.chart-labels{color:var(--muted);justify-content:space-between;padding-top:9px;font:7px monospace;display:flex}.donut-wrap{align-items:center;gap:28px;height:230px;display:flex}.donut{border-radius:50%;flex:none;place-items:center;width:128px;height:128px;display:grid;position:relative}.donut:after{background:var(--paper);content:"";border-radius:50%;position:absolute;inset:18px}.donut b{z-index:1;text-align:center;font-size:19px}.donut small{color:var(--muted);letter-spacing:.1em;font:6px monospace;display:block}.donut-wrap ul{gap:14px;width:100%;margin:0;padding:0;font-size:10px;list-style:none;display:grid}.donut-wrap li{align-items:center;gap:8px;display:flex}.donut-wrap li b{margin-left:auto}.donut-wrap i{border-radius:50%;width:7px;height:7px}.magenta{background:var(--magenta)}.violet{background:var(--violet)}.orange{background:var(--orange)}.cyan{background:var(--cyan)}.links-panel{margin-top:12px;padding:22px 22px 6px}.view-stack .links-panel{margin-top:0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;margin-top:16px}th{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;padding:10px 8px;font:7px monospace}td{border-top:1px solid color-mix(in srgb, var(--line) 70%, transparent);max-width:230px;color:var(--muted);white-space:nowrap;padding:12px 8px;font-size:9px}td:first-child{color:var(--text)}.name-button{color:var(--text);background:0 0;border:0;align-items:center;padding:0;display:inline-flex}.link-icon{background:var(--soft);width:28px;height:28px;color:var(--magenta);vertical-align:middle;place-items:center;margin-right:9px;display:inline-grid}td code{background:var(--soft);max-width:210px;color:var(--muted);text-overflow:ellipsis;vertical-align:middle;padding:5px 7px;font-size:8px;display:inline-block;overflow:hidden}.copy-button{color:var(--muted);vertical-align:middle;background:0 0;border:0;padding:6px}.destination{text-overflow:ellipsis;vertical-align:middle;max-width:190px;display:inline-block;overflow:hidden}.status{color:var(--success);background:0 0;border:0;align-items:center;gap:5px;padding:3px 0;font-size:9px;display:inline-flex}.status.inactive{color:var(--muted)}.row-actions{gap:4px;display:flex}.row-actions button{width:30px;height:30px;color:var(--muted);background:0 0;border:1px solid #0000;place-items:center;display:grid}.row-actions button:hover{border-color:var(--line);color:var(--magenta)}.view-stack{gap:18px;display:grid}.view-heading{border:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;min-height:112px;padding:26px 30px;display:flex}.view-heading h2{letter-spacing:-.04em;margin:6px 0 8px;font-size:28px}.view-heading p{color:var(--muted);margin:0;font-size:11px}.analytics-heading{align-items:end}.link-selector{min-width:230px;position:relative}.link-selector span{color:var(--muted);margin-bottom:7px;font-size:8px;display:block}.link-selector select{border:1px solid var(--line);appearance:none;background:var(--paper);width:100%;height:40px;color:var(--text);padding:0 36px 0 12px;font-size:10px}.link-selector svg{pointer-events:none;position:absolute;bottom:12px;right:12px}.analytics-summary{grid-template-columns:1.25fr .75fr 1fr;gap:12px;display:grid}.analytics-summary article{border:1px solid var(--line);background:var(--paper);flex-direction:column;min-height:142px;padding:22px;display:flex}.analytics-summary strong{letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap;margin:19px 0 8px;font-size:24px;overflow:hidden}.analytics-summary small{color:var(--muted);font-size:9px}.analytics-summary article>button{width:fit-content;color:var(--magenta);background:0 0;border:0;align-items:center;gap:6px;margin-top:auto;padding:0;font-size:9px;font-weight:700;display:flex}.published-card{color:#fff;background:var(--ink)!important}.published-card>span{color:#9c929d!important}.published-card code{color:#fff;overflow-wrap:anywhere;margin:18px 0;font:12px monospace}.published-card div{gap:8px;margin-top:auto;display:flex}.published-card button,.published-card a{color:#fff;background:0 0;border:1px solid #393237;align-items:center;gap:6px;min-height:30px;padding:0 10px;font-size:8px;display:inline-flex}.analytics-lists{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ranking-panel{padding:22px}.ranking{margin:18px 0 0;padding:0;list-style:none}.ranking li{border-top:1px solid var(--line);grid-template-columns:24px 1fr auto;align-items:center;gap:12px;padding:12px 0;display:grid}.ranking li>span{color:var(--muted);font:8px monospace}.ranking li div{gap:7px;display:grid}.ranking strong{font-size:10px}.ranking i{background:var(--soft);height:2px;display:block}.ranking i b{background:var(--magenta);height:100%;display:block}.ranking em{color:var(--muted);font-size:10px;font-style:normal}.data-note{color:var(--orange);margin:0;font-size:9px}.empty-state{border:1px solid var(--line);text-align:center;background:var(--paper);align-content:center;place-items:center;min-height:420px;padding:50px;display:grid}.empty-state>span{background:var(--soft);width:58px;height:58px;color:var(--magenta);place-items:center;display:grid}.empty-state h2{letter-spacing:-.04em;margin:22px 0 8px;font-size:25px}.empty-state p{max-width:420px;color:var(--muted);margin:0 0 24px;font-size:11px;line-height:1.6}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050505b8;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--line);background:var(--paper);width:min(100%,570px);max-height:calc(100vh - 44px);padding:28px;overflow-y:auto;box-shadow:0 30px 90px #00000059}.modal-head{justify-content:space-between;align-items:start;gap:20px;display:flex}.modal-head h2{letter-spacing:-.04em;margin:8px 0 0;font-size:26px}.modal-card form{gap:17px;margin-top:26px;display:grid}.modal-card form>label{color:var(--text);gap:7px;font-size:10px;font-weight:700;display:grid}.modal-card label>span small{color:var(--muted);font-weight:400}.modal-card input{border:1px solid var(--line);background:var(--canvas);width:100%;height:44px;color:var(--text);padding:0 12px;font-size:11px}.modal-card input:focus{border-color:var(--magenta);outline:0}.input-prefix{border:1px solid var(--line);background:var(--canvas);align-items:center;height:44px;display:flex}.input-prefix b{color:var(--magenta);white-space:nowrap;padding-left:12px;font:9px monospace}.input-prefix input{background:0 0;border:0;height:42px}.field-help{color:var(--muted);font-size:8px;font-weight:400;line-height:1.5}.link-preview{border-left:2px solid var(--magenta);background:var(--soft);gap:7px;padding:14px;display:grid}.link-preview span{color:var(--muted);font-size:8px}.link-preview code{color:var(--text);overflow-wrap:anywhere;font:9px monospace}.modal-actions{justify-content:flex-end;gap:8px;margin-top:7px;display:flex}.toast{z-index:120;background:var(--ink);color:#fff;border:1px solid #393137;align-items:center;gap:10px;max-width:min(420px,100% - 48px);min-height:48px;padding:0 16px;font-size:10px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 18px 50px #0003}.toast svg{color:var(--magenta)}.auth-screen{background:var(--ink);color:#fff;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#100d11;border:1px solid #302a2f;width:min(100%,520px);padding:48px;position:relative}.auth-brand{letter-spacing:.05em;align-items:center;gap:11px;margin-bottom:62px;font-size:15px;font-weight:850;display:flex}.auth-brand img{object-fit:contain;width:29px;height:29px}.auth-brand b,.loading-mark b{color:var(--magenta)}.auth-brand small{color:#777077;letter-spacing:.19em;margin-top:5px;font-size:6px;display:block}.auth-card h1{letter-spacing:-.05em;margin:15px 0 14px;font-size:38px;line-height:1.05}.auth-card h1 em{color:var(--magenta);font-style:normal}.auth-card>p{color:#9c929d;margin:0 0 28px;font-size:12px;line-height:1.6}.auth-card>p code{color:#fff}.google-button{color:#050505;background:#fff;border:1px solid #fff;align-items:center;gap:12px;width:100%;min-height:48px;padding:0 16px;font-size:11px;font-weight:750;display:flex}.google-button span{border:1px solid #dedade;place-items:center;width:22px;height:22px;font-weight:900;display:grid}.google-button svg{margin-left:auto}.auth-error{color:#ff8acb;margin-top:12px;font-size:9px;display:block}.brand-line{background:linear-gradient(90deg,var(--magenta) 0 25%,var(--orange) 25% 50%,var(--violet) 50% 75%,var(--cyan) 75%);height:3px;margin-top:38px}.loading-mark{letter-spacing:.05em;gap:22px;font-size:17px;font-weight:850;display:grid}.loading-mark i{background:#2f292e;height:2px;display:block;position:relative;overflow:hidden}.loading-mark i:after{background:var(--magenta);content:"";width:35%;height:100%;animation:1s ease-in-out infinite alternate loading;position:absolute}@media (width<=1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.welcome-code{display:none}.analytics-summary{grid-template-columns:1fr 1fr}.analytics-summary .published-card{grid-column:span 2}}@media (width<=780px){.sidebar{width:68px;padding-inline:9px}.os-brand{justify-content:center;padding-inline:0}.brand-name,.side-nav button:not(.active){font-size:0}.side-nav button{justify-content:center}.side-nav .soon,.profile div,.profile button,.sidebar-bottom>button{display:none}.profile{justify-content:center;padding-inline:0}.workspace{width:calc(100% - 68px);margin-left:68px}.topbar{padding:0 18px}.loading-line{left:68px}.content{padding:20px 18px}.topbar .primary-button{width:40px;padding:0;font-size:0}.demo-badge{display:none}.metric-grid{grid-template-columns:1fr 1fr}.welcome{padding:26px}.source-panel{overflow:hidden}.links-panel{padding-inline:14px}.analytics-lists{grid-template-columns:1fr}.view-heading{flex-direction:column;align-items:start;gap:18px}.link-selector{width:100%}}@media (width<=540px){.metric-grid,.analytics-summary{grid-template-columns:1fr}.analytics-summary .published-card{grid-column:auto}.topbar h1{font-size:17px}.welcome h2{font-size:26px}.donut-wrap{gap:16px}.donut{width:105px;height:105px}.donut:after{inset:15px}.auth-card{padding:32px 24px}.auth-card h1{font-size:31px}.modal-backdrop{padding:10px}.modal-card{max-height:calc(100vh - 20px);padding:22px 18px}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}