:root{--radius: 10px;--radius-sm: 8px;--radius-pill: 999px;--font: "Inter Tight", system-ui, sans-serif;--font-display: "Fraunces", Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--nav-h: 60px;--subnav-h: 48px;--stage-gap-top: .55rem;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 4px 14px rgba(15, 23, 42, .08);--shadow-header: 0 1px 0 rgba(15, 23, 42, .06)}html[data-theme=dark]{color-scheme:dark;--bg: #0a0c10;--bg-muted: #121722;--surface: #161c27;--surface-2: #1c2330;--surface-raised: #232b3b;--border: rgba(148, 163, 184, .16);--border-strong: rgba(148, 163, 184, .32);--text: #f1f5f9;--text-secondary: #94a3b8;--accent: #38bdf8;--accent-muted: rgba(56, 189, 248, .14);--nav-pill-bg: #222a38;--nav-pill-border: rgba(148, 163, 184, .22);--nav-btn-hover: #2a3445;--nav-active-bg: #2f3d52;--nav-active-text: #f8fafc;--nav-active-border: rgba(125, 211, 252, .55);--nav-active-glow: inset 0 1px 0 rgba(255, 255, 255, .07);--subnav-bg: #161c27;--subnav-active-bg: #2a3548;--subnav-active-text: #f8fafc;--subnav-active-border: rgba(94, 234, 212, .45);--link: #7dd3fc;--link-hover: #bae6fd;--canvas-outer: #121722;--canvas-inset: #252d3c;--canvas-inset-border: rgba(148, 163, 184, .18);--placeholder-text: #94a3b8;--iframe-bg: #1a1f2a;--header-bg: linear-gradient(180deg, #161c27 0%, #121722 100%)}html[data-theme=light]{color-scheme:light;--bg: #eceff4;--bg-muted: #e2e7ef;--surface: #ffffff;--surface-2: #f8fafc;--surface-raised: #ffffff;--border: #d8dee9;--border-strong: #c5cedd;--text: #0f172a;--text-secondary: #64748b;--accent: #4f46e5;--accent-muted: rgba(79, 70, 229, .08);--nav-pill-bg: #ffffff;--nav-pill-border: #e2e8f0;--nav-btn-hover: #f1f5f9;--nav-active-bg: linear-gradient(180deg, #eef2ff 0%, #e0e7ff 100%);--nav-active-text: #312e81;--nav-active-border: rgba(79, 70, 229, .35);--nav-active-glow: 0 1px 0 rgba(255, 255, 255, .8) inset;--subnav-bg: #ffffff;--subnav-active-bg: #eef2ff;--subnav-active-text: #3730a3;--subnav-active-border: rgba(79, 70, 229, .4);--link: #4f46e5;--link-hover: #4338ca;--canvas-outer: #e8ecf3;--canvas-inset: #f8fafc;--canvas-inset-border: #e2e8f0;--placeholder-text: #64748b;--iframe-bg: #f1f5f9;--header-bg: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%)}*,*:before,*:after{box-sizing:border-box}html{height:100%}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}body{height:100%;max-height:100dvh;overflow:hidden}#app{height:100%;min-height:0;max-height:100dvh;display:flex;flex-direction:column;isolation:isolate;overflow:hidden}a{color:var(--link);text-decoration-thickness:1px;text-underline-offset:2px}a:hover{color:var(--link-hover)}.primary-nav a.primary-nav__link,.subnav-bar a.subnav-bar__link{text-decoration:none;color:var(--text)}.primary-nav a.primary-nav__link:hover,.subnav-bar a.subnav-bar__link:hover{color:var(--text)}.app-header{position:sticky;top:0;z-index:100;flex-shrink:0;display:flex;align-items:stretch;justify-content:space-between;flex-wrap:wrap;gap:.75rem 1rem;min-height:var(--nav-h);padding:.55rem 1.35rem;background:var(--header-bg);border-bottom:1px solid var(--border);box-shadow:var(--shadow-header)}.brand{display:flex;flex-direction:row;align-items:center;align-self:center;gap:.85rem;min-width:0;flex:1 1 11rem;max-width:100%}.brand-logo-wrap{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:.2rem .45rem;border-radius:var(--radius-sm);background:#fff;box-shadow:var(--shadow-sm),0 0 0 1px #0f172a0f}html[data-theme=dark] .brand-logo-wrap{box-shadow:0 2px 8px #00000059,0 0 0 1px #ffffff1f}.brand-logo{display:block;height:clamp(44px,5.2vw,56px);width:auto;max-width:min(120px,28vw);object-fit:contain}.brand-text{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;min-width:0}.brand-title{font-family:var(--font-display);font-weight:600;font-size:1.08rem;letter-spacing:-.02em;margin:0;line-height:1.25;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.brand-meta{font-size:.75rem;font-weight:500;color:var(--text-secondary);letter-spacing:.03em;text-transform:uppercase}.header-toolbar{flex:0 1 auto;margin-inline-start:auto;display:flex;align-items:stretch;justify-content:flex-end;gap:.75rem;min-width:0;flex-wrap:wrap}.primary-nav-wrap{display:flex;align-items:stretch;min-width:0}.primary-nav{display:flex;width:100%;max-width:24rem;gap:0;align-items:stretch;border-radius:var(--radius-sm);background:var(--nav-pill-bg);border:1px solid var(--nav-pill-border);box-shadow:var(--shadow-sm)}.primary-nav__link{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;min-height:44px;padding:.5rem .75rem;font-size:.9rem;font-weight:600;letter-spacing:.02em;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:var(--nav-pill-bg);border:none;border-right:1px solid var(--border);box-shadow:none;transition:background .14s,color .14s,box-shadow .14s}.primary-nav__link:first-child{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.primary-nav__link:last-child{border-right:none;border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.primary-nav__link:hover{background:var(--nav-btn-hover)}.primary-nav__link.is-active{color:var(--nav-active-text);background:var(--nav-active-bg);box-shadow:inset 0 0 0 1px var(--nav-active-border),var(--nav-active-glow)}.theme-toggle{display:inline-flex;align-items:center;gap:.45rem;flex-shrink:0;min-height:44px;padding:.35rem .85rem .35rem .55rem;font-family:var(--font);font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);cursor:pointer;transition:background .14s,border-color .14s,color .14s;-webkit-tap-highlight-color:transparent}.theme-toggle *{pointer-events:none}.theme-toggle:hover{background:var(--surface-2);color:var(--text)}.theme-toggle__icons{display:inline-flex;align-items:center;gap:.2rem}.theme-toggle__svg{display:block}.theme-toggle__glyph{display:flex;align-items:center;justify-content:center;opacity:.38;transition:opacity .14s}html[data-theme=dark] .theme-toggle__glyph--moon,html[data-theme=light] .theme-toggle__glyph--sun{opacity:1;color:var(--text)}.theme-toggle__text{min-width:2.75rem;text-align:left}.subnav-bar{position:relative;z-index:2;flex-shrink:0;display:flex;align-items:stretch;gap:0;min-height:var(--subnav-h);padding:.4rem 1.35rem;background:var(--subnav-bg);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);overflow-x:auto;scrollbar-width:thin}.subnav-bar__link{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;min-height:40px;padding:.35rem .55rem;font-size:.82rem;font-weight:600;text-align:center;-webkit-hyphens:auto;hyphens:auto;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:transparent;border:none;border-right:1px solid var(--border);box-shadow:none;transition:background .14s,color .14s,box-shadow .14s}.subnav-bar__link:last-child{border-right:none}.subnav-bar__link:hover{background:var(--accent-muted)}.subnav-bar__link.is-active{color:var(--subnav-active-text);background:var(--subnav-active-bg);box-shadow:inset 0 0 0 1px var(--subnav-active-border)}html[data-theme=light] .subnav-bar__link:hover{background:#4f46e50f}html[data-brave-ui="1"] .app-header{z-index:100000;isolation:isolate}html[data-brave-ui="1"] .header-toolbar{position:relative;z-index:1}html[data-brave-ui="1"] .layout-main{transform:translateZ(0)}.layout-main{position:relative;z-index:0;flex:1 1 0%;min-height:0;display:flex;flex-direction:column;width:100%;margin:0;padding:var(--stage-gap-top) 0 0}.page-stage{flex:1 1 0%;min-height:0;display:flex;flex-direction:column}.page-blank{display:flex;flex-direction:column;flex:1 1 0%;min-height:0;padding:0;border-radius:0;border:none;border-top:1px solid var(--border);background:var(--canvas-outer);box-shadow:none;overflow:hidden}.page-blank__inset{flex:1 1 0%;min-height:0;display:flex;align-items:center;justify-content:center;border-radius:0;background:var(--canvas-inset);border:none;box-shadow:inset 0 0 0 1px var(--canvas-inset-border)}.page-blank__inset--media{padding:0;overflow:hidden;align-items:stretch;justify-content:stretch}.page-blank__inset--charts{align-items:stretch;justify-content:stretch;padding:0;overflow:hidden}.page-blank__inset--placeholder{padding:2rem 1.5rem}.chart-page{flex:1 1 0%;min-height:0;min-width:0;width:100%;display:flex}.chart-panel{position:relative;flex:1 1 0%;min-height:0;min-width:0;width:100%;display:flex;flex-direction:column;padding:.85rem 1rem max(.65rem,env(safe-area-inset-bottom,0px));gap:.55rem;overflow:hidden}.chart-panel__head{flex:0 0 auto;display:flex;flex-direction:column;gap:.25rem;max-width:52rem}.chart-panel__title{margin:0;font-family:var(--font-display);font-size:clamp(1.05rem,2vw,1.25rem);font-weight:600;letter-spacing:-.02em;color:var(--text)}.chart-panel__tabs{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:.35rem}.chart-panel__plot-controls{flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%}.chart-panel__plot-controls[hidden]{display:none!important}.chart-panel__toggle-track{display:inline-flex;align-items:stretch;border-radius:var(--radius-pill);border:1px solid var(--border-strong);overflow:hidden;background:var(--surface-2)}.chart-panel__view-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-size:.74rem;font-weight:600;letter-spacing:.02em;padding:.32rem .85rem;border:none;border-radius:0;color:var(--text-secondary);background:transparent;cursor:pointer;transition:background .14s,color .14s,box-shadow .14s;-webkit-tap-highlight-color:transparent}.chart-panel__view-btn+.chart-panel__view-btn{border-left:1px solid var(--border-strong)}.chart-panel__view-btn:hover{color:var(--text);background:var(--surface-raised)}.chart-panel__view-btn.is-active{color:var(--text);background:var(--subnav-active-bg);box-shadow:inset 0 0 0 1px var(--subnav-active-border)}.chart-panel__tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-size:.78rem;font-weight:600;letter-spacing:.02em;padding:.35rem .65rem;border-radius:var(--radius-pill);border:1px solid var(--border-strong);color:var(--text-secondary);background:var(--surface-2);cursor:pointer;transition:background .14s,color .14s,border-color .14s,box-shadow .14s;-webkit-tap-highlight-color:transparent}.chart-panel__tab:hover{color:var(--text);background:var(--surface-raised)}.chart-panel__tab.is-active{color:var(--text);border-color:var(--nav-active-border);box-shadow:inset 0 0 0 1px var(--nav-active-border);background:var(--nav-active-bg)}.chart-panel__plot{position:relative;flex:1 1 0%;min-height:0;min-width:0;width:100%;padding-bottom:clamp(2rem,5vh,2.75rem);overflow:hidden;display:flex;flex-direction:column;align-items:stretch}.chart-panel__canvas{display:block;width:100%;flex:1 1 0%;min-height:0;height:100%}.chart-panel__custom{flex:1 1 0%;min-height:0;width:100%;min-width:0;overflow:auto;padding:.2rem .15rem .4rem;display:flex;flex-direction:column}.retention-heatmap{flex:1 1 0%;display:flex;flex-direction:column;min-height:0;width:100%}.retention-heatmap__table{flex:1 1 0%;width:100%;min-height:min(52vh,28rem);height:100%;border-collapse:collapse;table-layout:fixed;font-size:clamp(.88rem,2.4vmin,1.25rem);font-variant-numeric:tabular-nums}.retention-heatmap__corner,.retention-heatmap__colhead,.retention-heatmap__rowhead{text-align:left;font-weight:600;color:var(--text);padding:clamp(.45rem,2vmin,1.1rem) clamp(.4rem,1.8vmin,1rem);border:1px solid var(--border-strong);background:var(--surface-2)}.retention-heatmap__colhead{text-align:center;border-bottom-width:3px}.retention-heatmap__rowhead{white-space:nowrap;width:clamp(5.5rem,18vw,10rem)}.retention-heatmap__cell{text-align:center;font-weight:650;vertical-align:middle;min-height:clamp(3.25rem,11vh,6.5rem);padding:clamp(.5rem,2.5vmin,1.35rem) clamp(.35rem,1.5vmin,.85rem);border:1px solid var(--border-strong)}.chart-panel__tab-body{height:100%;min-height:0;max-height:100%;padding:.45rem .2rem .2rem;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.chart-panel__ph-title{margin:0 0 .4rem;font-size:.92rem;font-weight:650;color:var(--text)}.chart-panel__ph-copy{margin:0;font-size:.84rem;line-height:1.45;color:var(--text-secondary);max-width:40rem}.chart-panel__sample{position:absolute;right:.65rem;bottom:.45rem;max-width:min(22rem,92vw);text-align:right;font-size:.72rem;line-height:1.35;color:var(--text-secondary);pointer-events:none;z-index:2}.chart-panel__sample strong{color:var(--text);font-weight:650}.chart-panel__sample-hint{display:inline;opacity:.92}@media(max-width:520px){.chart-panel{padding:.55rem .65rem max(.45rem,env(safe-area-inset-bottom,0px));gap:.4rem}.chart-panel__title{font-size:clamp(.98rem,4.2vw,1.12rem)}.chart-panel__plot{padding-bottom:clamp(1.65rem,12vw,2.35rem)}.chart-panel__sample{right:.45rem;bottom:.35rem;font-size:.66rem;max-width:min(18rem,88vw)}}.page-blank__placeholder{margin:0;max-width:36rem;text-align:center;font-family:var(--font);font-size:clamp(1rem,2.2vw,1.2rem);font-weight:500;letter-spacing:.02em;line-height:1.45;color:var(--placeholder-text)}.integration-iframe{display:block;flex:1 1 0%;width:100%;min-height:0;height:100%;border:0;background:var(--iframe-bg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}