.perf-platforms{display:flex;gap:6px;padding:6px;overflow-x:auto;border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-1);-webkit-overflow-scrolling:touch}.perf-platform{display:inline-flex;align-items:center;gap:9px;flex:1 1;min-inline-size:max-content;justify-content:center;padding:11px 16px;border-radius:var(--radius-md);font-size:var(--text-md);font-weight:650;color:var(--color-text-muted);white-space:nowrap;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.perf-platform:hover{background:var(--color-surface-sunken);color:var(--color-text)}.perf-platform:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.perf-platform[data-active]{background:var(--color-bg);color:var(--color-text);box-shadow:var(--shadow-2),inset 0 0 0 1px var(--color-border)}.perf-platform[data-active][data-key=meta]{background:color-mix(in srgb,var(--meta) 12%,var(--color-bg))}.perf-platform[data-active][data-key=google]{background:color-mix(in srgb,#4285f4 12%,var(--color-bg))}.perf-platform[data-active][data-key=ga4]{background:color-mix(in srgb,#f9ab00 14%,var(--color-bg))}.perf-platform[data-active][data-key=overview],.perf-platform[data-active][data-key=setup]{background:var(--color-accent-soft)}.perf-platform-icon{display:inline-grid;place-items:center;inline-size:22px;block-size:22px}@media (max-width:720px){.perf-platform{flex:0 0 auto;padding:9px 12px}}.story{display:grid;grid-gap:16px;gap:16px}.story-hero{position:relative;display:grid;grid-gap:14px;gap:14px;padding:26px 28px 24px;border-radius:var(--radius-lg);background:radial-gradient(120% 140% at 100% 0,color-mix(in srgb,var(--color-accent) 16%,transparent) 0,transparent 55%),radial-gradient(90% 120% at 0 100%,color-mix(in srgb,var(--color-plum) 10%,transparent) 0,transparent 60%),var(--story-hero-bg,var(--color-surface));border:1px solid var(--color-border);box-shadow:var(--shadow-2);overflow:hidden}.story-hero[data-tone=good]{--story-hero-bg:var(--color-success-soft)}.story-hero[data-tone=risk]{--story-hero-bg:var(--color-danger-soft)}.story-hero-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.story-kicker{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.story-source,.story-type{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:var(--text-xs);font-weight:650;background:var(--color-surface-sunken);color:var(--color-text-secondary)}.story-source[data-ai]{background:color-mix(in srgb,var(--color-plum) 14%,var(--color-surface));color:var(--color-plum)}.story-type{background:color-mix(in srgb,var(--color-accent) 16%,var(--color-surface));color:var(--color-accent-text)}.story-title{margin:0;font-size:clamp(22px,2.6vw,30px);line-height:1.2;letter-spacing:-.01em;max-inline-size:30ch;text-wrap:balance}.story-opening{margin:0;font-size:var(--text-lg);line-height:1.6;color:var(--color-text-secondary);max-inline-size:78ch}.story-numbers{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:10px;gap:10px;margin:4px 0 0}.story-number{padding:12px 14px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface) 70%,transparent);border:1px solid var(--color-border-subtle);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.story-number dt{font-size:var(--text-xs);color:var(--color-text-muted)}.story-number dd{margin:4px 0 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.story-number-value{font-size:var(--text-2xl);font-weight:750;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.01em}.story-delta{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:650;color:var(--color-text-muted);white-space:nowrap}.story-delta[data-good]{color:var(--color-success)}.story-delta[data-bad]{color:var(--color-danger)}.story-next{margin:2px 0 0;display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;padding:12px 14px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-accent) 10%,var(--color-surface));font-size:var(--text-md);line-height:1.5}.story-next-label{display:inline-flex;align-items:center;gap:4px;font-weight:750;color:var(--color-accent-text)}.story-writing{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--radius-md);background:linear-gradient(90deg,color-mix(in srgb,var(--color-plum) 10%,var(--color-surface)),var(--color-surface),color-mix(in srgb,var(--color-plum) 10%,var(--color-surface)));background-size:200% 100%;animation:story-shimmer 2.2s linear infinite;font-size:var(--text-md)}.story-writing-icon{color:var(--color-plum);-webkit-margin-before:2px;margin-block-start:2px;animation:story-pulse 1.4s ease-in-out infinite}.story-writer-note,.story-writing-hint{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.story-writer{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.story-writer-error{margin:0;font-size:var(--text-sm);color:var(--color-danger)}.story-rewrite{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);font:inherit;font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);cursor:pointer}.story-rewrite:hover{border-color:var(--color-plum);color:var(--color-plum)}@keyframes story-shimmer{to{background-position:-200% 0}}@keyframes story-pulse{50%{opacity:.35;transform:scale(.9)}}.story-chapters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;counter-reset:chapter}.story-chapter{display:grid;align-content:start;grid-gap:8px;gap:8px;min-inline-size:0;padding:18px 20px 20px;border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-1);animation:story-rise .45s ease both}.story-chapter[data-wide]{grid-column:1/-1}.story-chapter[data-tone=good]{background:var(--color-success-soft)}.story-chapter[data-tone=watch]{background:var(--color-warning-soft)}.story-chapter[data-tone=risk]{background:var(--color-danger-soft)}.story-chapter-head{display:flex;align-items:center;gap:8px}.story-chapter-n{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;color:var(--color-accent-text)}.story-chapter-title{font-size:var(--text-xs);font-weight:650;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.story-chapter-headline{margin:0;font-size:var(--text-xl);line-height:1.35;text-wrap:balance}.story-chapter-takeaway{margin:0;font-size:var(--text-md);line-height:1.55;color:var(--color-text-secondary)}.story-chapter-body{-webkit-margin-before:6px;margin-block-start:6px;min-inline-size:0}@keyframes story-rise{0%{opacity:0;transform:translateY(8px)}}@media (max-width:900px){.story-chapters{grid-template-columns:minmax(0,1fr)}.story-hero{padding:20px}}@media (prefers-reduced-motion:reduce){.story-chapter,.story-writing,.story-writing-icon{animation:none}}.story-split{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.story-split-col{display:grid;grid-gap:6px;gap:6px;padding:14px;border-radius:var(--radius-md);background:var(--color-surface-sunken)}.story-split-label{font-size:var(--text-sm);font-weight:650}.story-split-big{font-size:var(--text-3xl);font-weight:750;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.story-split-foot,.story-split-rate{font-size:var(--text-sm);color:var(--color-text-secondary)}.story-split-foot{grid-column:1/-1;margin:0}.story-duel{display:grid;grid-gap:6px;gap:6px}.story-duel-legend,.story-duel-row{display:grid;grid-template-columns:minmax(90px,1.1fr) 1fr 1fr;grid-gap:10px;gap:10px;align-items:center}.story-duel-legend{font-size:var(--text-xs);color:var(--color-text-muted)}.story-duel-dot{display:inline-block;inline-size:9px;block-size:9px;border-radius:3px;background:#0ea5e9;vertical-align:middle}.story-duel-dot[data-kind=b]{background:var(--ga4)}.story-duel-name{font-size:var(--text-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-duel-row[data-gap] .story-duel-name{color:var(--color-warning)}.story-duel-bar{position:relative;display:flex;align-items:center;gap:6px;block-size:18px}.story-duel-bar i{display:block;block-size:10px;border-radius:999px;background:#0ea5e9;transition:inline-size .6s ease}.story-duel-bar[data-kind=b] i{background:var(--ga4)}.story-duel-bar b{font-family:var(--font-mono);font-size:var(--text-xs)}.story-table tr[data-leak] td,.story-table tr[data-tone=risk] td{background:color-mix(in srgb,var(--color-warning) 8%,transparent)}.story-rate[data-tone=good]{color:var(--color-success);font-weight:700}.story-rate[data-tone=risk]{color:var(--color-danger);font-weight:700}.story-callout{margin:0;padding:10px 12px;border-radius:var(--radius-sm);background:var(--color-warning-soft);color:var(--color-warning);font-size:var(--text-sm);line-height:1.5}.story-bars{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px}.story-bars li{display:grid;grid-template-columns:90px 1fr 48px;grid-gap:4px 10px;gap:4px 10px;align-items:center}.story-bars-name{font-size:var(--text-sm);font-weight:600;text-transform:capitalize}.story-bars-val{font-family:var(--font-mono);font-size:var(--text-sm);text-align:end}.story-bars-sub{grid-column:2/-1;font-size:var(--text-xs);color:var(--color-text-muted)}.story-actions,.story-movers{list-style:none;margin:0;padding:0;display:grid}.story-actions li,.story-movers li{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:9px 0;-webkit-border-after:1px solid var(--color-border-subtle);border-block-end:1px solid var(--color-border-subtle);font-size:var(--text-sm)}.story-actions code{font-family:var(--font-mono);font-size:var(--text-xs);padding:2px 7px;border-radius:6px;background:var(--color-surface-sunken)}.story-movers-name{font-weight:650;color:var(--color-text);flex:1 1 200px;min-inline-size:0}.story-movers-name:hover{color:var(--color-accent-text)}.story-movers-kpi{font-size:var(--text-xs);color:var(--color-text-muted)}.story-movers-vals{font-family:var(--font-mono);font-size:var(--text-xs)}.story-more{border-radius:var(--radius-lg);border:1px dashed var(--color-border);background:color-mix(in srgb,var(--color-surface) 60%,transparent)}.story-more>summary{display:grid;grid-gap:2px;gap:2px;padding:14px 18px;cursor:pointer;list-style:none}.story-more>summary::-webkit-details-marker{display:none}.story-more>summary:before{content:"+";float:inline-end;font-family:var(--font-mono);font-size:var(--text-xl);line-height:1;color:var(--color-text-muted)}.story-more[open]>summary:before{content:"−"}.story-more[open]>summary{-webkit-border-after:1px dashed var(--color-border);border-block-end:1px dashed var(--color-border);-webkit-margin-after:16px;margin-block-end:16px}.story-more>.stack-16{padding:0 0 16px}.story-more-title{font-weight:700}.story-more-hint{font-size:var(--text-sm);color:var(--color-text-muted)}.viz-eff,.viz-retention,.viz-trend{display:grid;grid-gap:10px;gap:10px;min-inline-size:0}.viz-canvas{position:relative;inline-size:100%;min-inline-size:0}.viz-svg{display:block;max-inline-size:100%;overflow:visible;touch-action:pan-y}.viz-svg:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px;border-radius:6px}.viz-grid{stroke:var(--color-border-subtle)}.viz-axis{font-family:var(--font-mono);font-size:10.5px;fill:var(--color-text-subtle)}.viz-axis-title{font-size:11px;font-weight:600;fill:var(--color-text-muted)}.viz-cross{stroke:var(--color-text-subtle);stroke-dasharray:3 3}.viz-line{transition:d .3s ease}.viz-chips{display:flex;flex-wrap:wrap;gap:6px}.viz-chip{--chip:var(--color-accent);display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);font:inherit;font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}.viz-chip:hover,.viz-chip[data-on]{border-color:var(--chip);color:var(--color-text)}.viz-chip[data-on]{background:color-mix(in srgb,var(--chip) 12%,var(--color-surface))}.viz-chip-ghost{--chip:var(--color-text-subtle)}.viz-chip-dot{display:inline-block;inline-size:8px;block-size:8px;border-radius:50%;background:var(--chip);flex:none}.viz-tip{position:absolute;inset-block-start:8px;z-index:3;min-inline-size:180px;max-inline-size:240px;padding:9px 11px;border-radius:var(--radius-sm);background:var(--color-text);color:var(--color-surface);box-shadow:var(--shadow-4);font-size:var(--text-sm);pointer-events:none}.viz-tip-day{font-weight:700;-webkit-margin-after:6px;margin-block-end:6px}.viz-tip-row{display:flex;align-items:center;gap:7px;padding-block:2px}.viz-tip-row strong{font-family:var(--font-mono)}.viz-tip-prev{font-size:var(--text-2xs);opacity:.7;white-space:nowrap}.viz-funnel{list-style:none;margin:0;padding:0;display:grid;grid-gap:2px;gap:2px}.viz-funnel-step{display:grid;grid-gap:4px;gap:4px;outline:none}.viz-funnel-step:focus-visible .viz-funnel-row{outline:2px solid var(--color-focus);border-radius:8px}.viz-funnel-row{display:grid;grid-template-columns:minmax(96px,150px) 1fr auto;grid-gap:12px;gap:12px;align-items:center;padding:4px 0}.viz-funnel-label{font-size:var(--text-sm);font-weight:600}.viz-funnel-track{block-size:26px;border-radius:8px;background:var(--color-surface-sunken);overflow:hidden}.viz-funnel-bar{display:block;block-size:100%;border-radius:8px;opacity:.85;transition:inline-size .6s cubic-bezier(.2,.7,.2,1),opacity .15s ease}.viz-funnel-step[data-active] .viz-funnel-bar{opacity:1}.viz-funnel-value{font-family:var(--font-mono);font-size:var(--text-md);font-weight:700;min-inline-size:64px;text-align:end}.viz-funnel-gap{display:flex;align-items:center;gap:8px;-webkit-padding-start:min(150px,30%);padding-inline-start:min(150px,30%);font-size:var(--text-xs);color:var(--color-text-muted)}.viz-funnel-arrow{font-weight:700}.viz-funnel-gap[data-leak]{color:var(--color-danger);font-weight:650}.viz-funnel-leak{padding:1px 8px;border-radius:999px;background:var(--color-danger-soft);color:var(--color-danger)}.viz-funnel-detail{font-size:var(--text-xs);color:var(--color-text-secondary);-webkit-padding-start:min(162px,32%);padding-inline-start:min(162px,32%)}@media (max-width:560px){.viz-funnel-row{grid-template-columns:1fr auto}.viz-funnel-track{grid-column:1/-1;grid-row:2}.viz-funnel-detail,.viz-funnel-gap{-webkit-padding-start:0;padding-inline-start:0}}.viz-donut{display:flex;flex-wrap:wrap;gap:18px;align-items:center}.viz-donut-track{stroke:var(--color-surface-sunken)}.viz-donut-slice{cursor:pointer;transition:stroke-width .15s ease,opacity .15s ease}.viz-donut-value{font-size:22px;font-weight:750;fill:var(--color-text)}.viz-donut-label{font-size:11px;fill:var(--color-text-muted)}.viz-donut-legend{list-style:none;margin:0;padding:0;display:grid;grid-gap:4px;gap:4px;flex:1 1 220px;min-inline-size:0}.viz-donut-legend li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:6px 8px;border-radius:8px;font-size:var(--text-sm);outline:none}.viz-donut-legend li:focus-visible,.viz-donut-legend li[data-active]{background:var(--color-surface-sunken)}.viz-donut-sub{flex-basis:100%;-webkit-padding-start:16px;padding-inline-start:16px;font-size:var(--text-xs);color:var(--color-text-muted)}.viz-eff-good{fill:color-mix(in srgb,var(--color-success) 6%,transparent)}.viz-eff-bad{fill:color-mix(in srgb,var(--color-danger) 5%,transparent)}.viz-eff-diag{stroke:var(--color-text-subtle);stroke-dasharray:5 4}.viz-eff-zone{font-size:11px;font-weight:650;fill:var(--color-text-subtle)}.viz-eff-dot circle{fill:color-mix(in srgb,var(--color-accent) 55%,transparent);stroke:var(--color-accent);stroke-width:1.5;cursor:pointer;transition:r .2s ease,fill .15s ease}.viz-eff-dot[data-tone=good] circle{fill:color-mix(in srgb,var(--color-success) 45%,transparent);stroke:var(--color-success)}.viz-eff-dot[data-tone=watch] circle{fill:color-mix(in srgb,var(--color-warning) 45%,transparent);stroke:var(--color-warning)}.viz-eff-dot[data-tone=risk] circle{fill:color-mix(in srgb,var(--color-danger) 40%,transparent);stroke:var(--color-danger)}.viz-eff-dot:focus-visible circle,.viz-eff-dot[data-active] circle{stroke-width:3}.viz-eff-dot:focus-visible{outline:none}.viz-eff-label{font-size:10.5px;font-weight:600;fill:var(--color-text-secondary);pointer-events:none}.viz-week{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:8px;gap:8px;align-items:end}.viz-week-day{position:relative;display:grid;grid-gap:6px;gap:6px;justify-items:center;outline:none}.viz-week-col{position:relative;max-inline-size:46px;block-size:140px;background:var(--color-surface-sunken);display:flex;align-items:flex-end}.viz-week-bar,.viz-week-col{inline-size:100%;border-radius:10px}.viz-week-bar{display:block;background:color-mix(in srgb,#0ea5e9 55%,var(--color-surface));transition:block-size .5s ease}.viz-week-day[data-best] .viz-week-bar{background:#0ea5e9}.viz-week-dot{position:absolute;inset-inline-start:50%;translate:-50% 50%;inline-size:11px;block-size:11px;border-radius:50%;background:var(--color-plum);border:2px solid var(--color-surface)}[dir=rtl] .viz-week-dot{translate:50% 50%}.viz-week-name{font-size:var(--text-xs);color:var(--color-text-muted)}.viz-week-day[data-best] .viz-week-name{color:var(--color-text);font-weight:700}.viz-week-tip{position:absolute;inset-block-end:calc(100% + 6px);z-index:2;padding:7px 10px;border-radius:var(--radius-sm);background:var(--color-text);color:var(--color-surface);font-size:var(--text-xs);white-space:nowrap;box-shadow:var(--shadow-3)}.date-hijri{color:var(--color-text-subtle);font-size:.92em;white-space:nowrap}.lang-choice{display:flex;flex-wrap:wrap;gap:var(--space-8)}:lang(ar) :is(.eyebrow,.dt-card-label,.cal-head>span){font-family:var(--font-sans);font-size:var(--text-xs)}:lang(ar) :is(.kpi-label,.tile-label,.combobox-group,.chat-day,.badge[data-mono=true],.ov-inverse-number){font-family:var(--font-sans)}