.f-figure{margin:0;width:100%}.f-frame{--f-accent-soft: color-mix(in srgb, var(--color-accent) 24%, var(--color-surface));--f-up: color-mix(in srgb, var(--color-success) 82%, var(--color-ink));--f-down: var(--color-danger);--f-track: color-mix(in srgb, var(--color-border) 75%, var(--color-surface));--f-hairline: var(--color-border);--f-light: color-mix(in srgb, var(--color-muted) 26%, var(--color-base));--f-shadow-float: 0 1px 2px color-mix(in srgb, var(--color-ink) 8%, transparent), 0 10px 28px -8px color-mix(in srgb, var(--color-ink) 24%, transparent);--w-tracking: 104px;--w-research: 142px;--w-competitors: 134px;--w-insights: 100px;container-type:inline-size;position:relative;width:100%;aspect-ratio:1280 / 800;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-base);box-shadow:var(--shadow-frame);isolation:isolate;contain:layout paint}.f-frame.portrait{aspect-ratio:4 / 5}@media(max-width:600px){.f-frame[data-shape=auto]{aspect-ratio:4 / 5}}.f-scaler{position:absolute;top:0;left:0;width:1280px;height:800px;transform-origin:0 0;transform:scale(var(--f-scale, tan(atan2(100cqw, 1280px))))}.f-frame.portrait .f-scaler{height:1600px}@media(max-width:600px){.f-frame[data-shape=auto] .f-scaler{height:1600px}}.f-window{position:absolute;top:0;left:0;width:1280px;height:800px;overflow:hidden;transform-origin:0 0;transform:var(--f-cam-landscape, none);font-family:var(--font-sans);font-size:17px;line-height:1.35;color:var(--color-ink);background-color:var(--color-base);-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 1,"cv11" 1;-webkit-user-select:none;user-select:none;cursor:default}.f-frame.portrait .f-window{transform:var(--f-cam-portrait, none)}@media(max-width:600px){.f-frame[data-shape=auto] .f-window{transform:var(--f-cam-portrait, none)}}.f-window svg{display:block;flex-shrink:0}.f-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.f-hide{opacity:0}.f-spacer{flex:1}.f-titlebar{position:absolute;inset:0 0 auto 0;height:40px;display:flex;align-items:center;gap:var(--space-sm);padding-inline:var(--space-md);background-color:var(--color-base)}.f-light{width:12px;height:12px;border-radius:var(--radius-pill);background-color:var(--f-light)}.f-content{position:absolute;top:40px;left:0;width:1280px;height:760px}.f-header{position:absolute;inset:0 0 auto 0;height:112px;padding:0 28px;background-color:var(--color-base)}.f-app-title{font-size:23px;font-weight:600;letter-spacing:-.02em;line-height:1.3}.f-app-markets{display:flex;gap:var(--space-md);margin-top:1px;font-size:14px;color:var(--color-muted)}.f-tabs{position:absolute;left:26px;top:64px;display:flex;padding:3px;border-radius:var(--radius-pill);background-color:color-mix(in srgb,var(--color-border) 70%,var(--color-base))}.f-tab{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:7px;height:36px;font-size:17px;font-weight:600;white-space:nowrap}.f-tab[data-f=tab-tracking]{width:var(--w-tracking)}.f-tab[data-f=tab-research]{width:var(--w-research)}.f-tab[data-f=tab-competitors]{width:var(--w-competitors)}.f-tab[data-f=tab-insights]{width:var(--w-insights)}.f-tab-text{display:inline-grid}.f-tab-text>*{grid-area:1 / 1}.f-tab-label{color:var(--color-muted)}.f-tab-label.on{color:var(--color-ink)}.f-tab-badge{min-width:28px;padding:1px 8px;border-radius:var(--radius-pill);background-color:color-mix(in srgb,var(--color-border) 80%,var(--color-surface));color:var(--color-ink);font-size:14px;font-weight:600;text-align:center}.f-tab-ind{position:absolute;top:3px;left:calc(3px + var(--w-tracking));width:var(--w-research);height:36px;border-radius:var(--radius-pill);background-color:var(--color-surface);box-shadow:0 1px 3px color-mix(in srgb,var(--color-ink) 14%,transparent)}.f-panels{position:absolute;top:112px;left:0;width:1280px;height:648px}.f-panel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background-color:var(--color-surface)}.f-panel:not([data-f=r-panel]){opacity:0}.f-toolbar{flex:none;display:flex;align-items:center;gap:14px;height:64px;padding:0 28px;background-color:var(--color-base);border-bottom:1px solid var(--f-hairline)}.f-btn{display:inline-flex;align-items:center;gap:var(--space-sm);height:42px;padding:0 20px;border-radius:11px;font-size:17px;font-weight:600;white-space:nowrap}.f-btn--primary{background-color:var(--color-ink);color:var(--color-base)}.f-input{display:inline-flex;align-items:center;width:420px;height:40px;padding:0 14px;border:1px solid var(--f-hairline);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-muted);font-size:16px}.f-chip-ink{display:inline-flex;align-items:center;height:32px;padding:0 13px;border-radius:var(--radius-pill);background-color:var(--color-ink);font-size:15px;font-weight:600}.f-chip-ink .f-flag{color:var(--color-base);font-size:15px}.f-seg{display:inline-flex;padding:3px;border-radius:var(--radius-pill);background-color:color-mix(in srgb,var(--color-border) 70%,var(--color-base))}.f-seg-item{display:inline-flex;align-items:center;height:32px;padding:0 15px;border-radius:var(--radius-pill);color:var(--color-muted);font-size:15.5px;font-weight:600;white-space:nowrap}.f-seg-item .f-flag{color:inherit;font-size:inherit}.f-seg-item.on{background-color:var(--color-surface);color:var(--color-ink);box-shadow:0 1px 3px color-mix(in srgb,var(--color-ink) 12%,transparent)}.f-seg--small .f-seg-item{height:28px;padding:0 11px;font-size:14px}.f-flag{display:inline-flex;align-items:center;gap:5px;font-size:14px;font-weight:500;color:var(--color-muted);white-space:nowrap}.f-flag-emoji{font-size:1.05em;line-height:1}.f-pill{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:var(--radius-pill);font-size:14px;font-weight:600;white-space:nowrap}.f-pill--neutral{background-color:var(--color-muted);color:var(--color-surface)}.f-table{position:relative;flex:1;min-height:0}.f-thead{height:42px;align-items:center;border-bottom:1px solid var(--f-hairline);font-size:14.5px;color:var(--color-muted)}.f-thead .strong{display:inline-flex;align-items:center;gap:3px;color:var(--color-ink);font-weight:600}.f-tbody{padding:6px 12px 0}.f-row{position:relative;height:56px;align-items:center;border-radius:10px;background-color:var(--color-surface)}.f-row:has(.f-glow),.f-row:has(.f-pick){z-index:1}.f-row.stripe{background-color:var(--color-alt)}.f-row>span{position:relative;min-width:0}.f-grid-research,.f-grid-tracking{display:grid;column-gap:16px}.f-thead.f-grid-research,.f-thead.f-grid-tracking{padding-inline:32px}.f-row.f-grid-research,.f-row.f-grid-tracking{padding-inline:20px}.f-grid-research{grid-template-columns:330px 170px 170px 170px 110px;grid-template-areas:"kw pop diff opp rank"}.f-frame.portrait .f-grid-research{grid-template-areas:"kw opp pop diff rank"}@media(max-width:600px){.f-frame[data-shape=auto] .f-grid-research{grid-template-areas:"kw opp pop diff rank"}}.c-kw{grid-area:kw}.c-pop{grid-area:pop}.c-diff{grid-area:diff}.c-opp{grid-area:opp}.c-rank{grid-area:rank}.f-grid-tracking{grid-template-columns:330px 100px 80px 110px}.f-kw{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:500;white-space:nowrap}.f-kw .f-flag{font-size:13.5px}.f-kw-icon{display:inline-flex;color:var(--color-muted)}.f-num{font-weight:650;font-size:19px;font-variant-numeric:tabular-nums;white-space:nowrap}.f-metric{display:flex;align-items:center;gap:10px}.f-metric .f-num{width:26px}.f-bar{position:relative;width:70px;height:6px;border-radius:var(--radius-pill);background-color:var(--f-track);overflow:hidden}.f-bar-fill{position:absolute;inset:0 auto 0 0;border-radius:var(--radius-pill);transform-origin:0 50%}.f-bar-fill.pop{background-color:var(--color-accent)}.f-bar-fill.diff{background-color:var(--color-warning)}.f-bar-fill.opp{background-color:var(--color-success)}.f-delta{display:inline-flex;align-items:center;gap:3px;font-weight:650;font-size:18px;font-variant-numeric:tabular-nums}.f-delta.up{color:var(--f-up)}.f-delta.down{color:var(--f-down)}.f-delta.flat,.f-delta.none{color:var(--color-muted)}.f-tri{font-size:.66em}.f-spark{overflow:visible}.f-spark path{fill:none;stroke:var(--color-success);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.f-spark-flat{display:block;width:16px;height:2px;background-color:var(--color-muted)}.f-glow{position:absolute!important;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:10px;border:2px solid var(--color-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--color-accent) 16%,transparent),0 12px 32px -8px color-mix(in srgb,var(--color-accent) 55%,transparent);opacity:0;pointer-events:none}.f-pick{position:absolute!important;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:10px;border:2px solid var(--color-agent-codex);box-shadow:var(--f-shadow-float);opacity:0;pointer-events:none}.f-row-selected{position:absolute!important;top:0;right:0;bottom:0;left:0;border-radius:10px;background-color:color-mix(in srgb,var(--color-ink) 9%,var(--color-surface));opacity:0}.f-row-mark{position:absolute!important;left:0;top:10px;bottom:10px;width:3px;border-radius:var(--radius-pill);background-color:var(--color-agent-codex)}.f-rank-cell{display:inline-grid!important}.f-rank-cell>*{grid-area:1 / 1}.f-checking{display:inline-flex;align-items:center;gap:7px;color:var(--color-muted);font-weight:500;font-size:16px}.f-dot-pulse{width:7px;height:7px;border-radius:var(--radius-pill);background-color:var(--color-accent)}.f-pane{position:absolute;top:0;right:0;bottom:0;width:480px;padding:22px 24px 0;background-color:var(--color-base);border-left:1px solid var(--f-hairline);box-shadow:-18px 0 40px -24px color-mix(in srgb,var(--color-ink) 35%,transparent)}.f-pane-head{display:flex;align-items:center;gap:12px}.f-pane-title{font-size:28px;font-weight:600;letter-spacing:-.02em}.f-pane-close{display:inline-flex}.f-pane-rank{display:flex;align-items:baseline;gap:14px;margin-top:4px;height:76px}.f-big{min-width:96px;font-size:60px;font-weight:700;letter-spacing:-.035em;font-variant-numeric:tabular-nums;line-height:1.2}.f-big-delta{display:inline-flex;align-items:baseline;gap:8px}.f-big-delta .f-delta{font-size:24px}.f-big-note{font-size:17px;color:var(--color-muted)}.f-card{border:1px solid var(--f-hairline);border-radius:var(--radius-md);background-color:var(--color-surface)}.f-card-head{display:flex;align-items:center;gap:10px}.f-card-title{font-size:19px;font-weight:600;letter-spacing:-.01em}.f-history{margin-top:8px;padding:14px 13px 10px}.f-chart{position:relative;margin-top:10px}.f-grid-line{stroke:var(--f-hairline);stroke-width:1}.f-grid-line.top10{stroke-dasharray:4 5;stroke:color-mix(in srgb,var(--color-muted) 45%,var(--color-surface))}.f-axis{fill:var(--color-muted);font-size:14px;font-family:var(--font-sans)}.f-chart-line{fill:none;stroke:var(--color-accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.f-chart-fill-top{stop-color:var(--color-accent);stop-opacity:.22}.f-chart-fill-bottom{stop-color:var(--color-accent);stop-opacity:0}.f-chart-head{fill:var(--color-accent);stroke:var(--color-surface);stroke-width:3}.f-pulse{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:var(--radius-pill);border:2.5px solid var(--color-success);opacity:0}.f-flyer{position:absolute;top:0;left:0;display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:var(--radius-pill);background-color:var(--color-surface);border:2px solid var(--color-agent-codex);box-shadow:var(--f-shadow-float);font-size:17px;font-weight:500;white-space:nowrap;opacity:0}.f-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;font-family:var(--font-sans);line-height:1.35;color:var(--color-ink);-webkit-font-smoothing:antialiased}.f-actor,.f-bubble-pos{position:absolute;top:0;left:0;transform-origin:0 0}.f-actor{transform:translate(-400px,-400px)}.f-pointer{position:absolute;left:-2px;top:-2px;filter:drop-shadow(0 1.5px 2.5px color-mix(in srgb,var(--color-ink) 35%,transparent))}.f-pointer path{stroke:var(--color-surface);stroke-width:1.5;stroke-linejoin:round}.f-actor--claude .f-pointer path{fill:var(--color-agent-claude)}.f-actor--codex .f-pointer path{fill:var(--color-agent-codex)}.f-actor-name{position:absolute;left:19px;top:22px;padding:3px 10px;border-radius:var(--radius-pill);font-size:14px;font-weight:600;line-height:1.45;white-space:nowrap;color:var(--color-surface)}.f-actor--claude .f-actor-name{background-color:var(--color-agent-claude)}.f-actor--codex .f-actor-name{background-color:var(--color-agent-codex)}.f-ripple{position:absolute;left:-16px;top:-16px;width:32px;height:32px;border-radius:var(--radius-pill);border:2.5px solid;opacity:0}.f-actor--claude .f-ripple{border-color:var(--color-agent-claude)}.f-actor--codex .f-ripple{border-color:var(--color-agent-codex)}.f-bubble-pos{transform:translate(-2000px)}.f-bubble{display:grid;gap:5px;padding:12px 16px 13px;border-radius:14px;background-color:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 2px 4px color-mix(in srgb,var(--color-ink) 6%,transparent),0 16px 36px -10px color-mix(in srgb,var(--color-ink) 30%,transparent);white-space:nowrap;opacity:0;transform-origin:0 0}.f-bubble-intent{font-size:19px;font-weight:600;letter-spacing:-.012em}.f-bubble-call{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:15.5px;color:var(--color-muted);opacity:0}.f-bubble-arrow{font-family:var(--font-sans)}.f-bubble-done{display:inline-flex;color:var(--f-up);opacity:0}.f-notif{position:absolute;top:16px;right:16px;display:flex;align-items:flex-start;gap:12px;width:344px;padding:12px 14px;border-radius:18px;background-color:color-mix(in srgb,var(--color-surface) 90%,transparent);-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent);box-shadow:0 2px 6px color-mix(in srgb,var(--color-ink) 8%,transparent),0 18px 40px -12px color-mix(in srgb,var(--color-ink) 32%,transparent);transform-origin:100% 0;opacity:0}.f-notif-icon{flex:none;width:38px;height:38px}.f-notif-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.f-notif-head{display:flex;align-items:baseline;gap:var(--space-sm)}.f-notif-title{flex:1;font-size:15px;font-weight:600;line-height:1.3}.f-notif-time{font-size:13px;color:var(--color-muted)}.f-notif-body{font-size:15px;color:var(--color-ink)}
