* , *::before, *::after {
box-sizing: border-box;
}
:root {
color-scheme: dark;
--bg: #07111f;
--bg-soft: #0b1729;
--surface: rgba(10, 20, 35, 0.92);
--surface-2: rgba(14, 27, 48, 0.88);
--surface-3: rgba(18, 34, 58, 0.82);
--surface-raised: rgba(20, 37, 63, 0.96);
--surface-hover: rgba(24, 43, 72, 0.98);
--text-1: #f5f8ff;
--text-2: #d6deef;
--text-3: #9daccc;
--line: rgba(143, 177, 255, 0.14);
--line-strong: rgba(143, 177, 255, 0.22);
--brand: #4f8cff;
--brand-strong: #2f6ff4;
--brand-soft: rgba(79, 140, 255, 0.14);
--success: #39c98a;
--warning: #f1be64;
--danger: #ff7c7c;
--shadow-sm: 0 10px 24px rgba(0, 0, 0, 0.18);
--shadow-md: 0 18px 40px rgba(0, 0, 0, 0.26);
--shadow-lg: 0 28px 72px rgba(0, 0, 0, 0.34);
--radius-sm: 12px;
--radius-md: 18px;
--radius-lg: 24px;
--radius-xl: 32px;
--focus: #86b1ff;
--container: min(1700px, calc(100vw - 32px));
}
.simple-feed-form select,
.simple-feed-form option,
.simple-feed-form optgroup {
color: #eaf2ff;
background: #0b1730;
}
.simple-feed-form select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
border: 1px solid rgba(116, 156, 255, 0.35);
border-radius: 12px;
overflow: hidden;
background-clip: padding-box;
}
.simple-feed-form select:focus {
outline: none;
border-color: rgba(96, 165, 250, 0.85);
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.18);
}
.simple-feed-form option {
color: #eaf2ff;
background: #0b1730;
border-radius: 10px;
}
.simple-feed-form option:checked,
.simple-feed-form option:hover,
.simple-feed-form option:focus {
color: #ffffff;
background: #2563eb;
}
.simple-feed-grid-shell {
position: relative;
min-height: calc(95vh - 320px);
overflow: hidden;
background: transparent;
}
.simple-feed-grid-workspace {
min-height: calc(95vh - 320px);
border: 1px solid rgba(116, 156, 255, 0.12);
border-radius: 24px;
background: rgba(4, 10, 24, 0.18);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
}
.simple-feed-grid-preview-window {
position: fixed;
left: 18px;
bottom: 108px;
z-index: 900;
width: min(430px, calc(100vw - 36px));
height: 318px;
overflow: hidden;
border: 1px solid rgba(96, 165, 250, 0.28);
border-radius: 18px;
background: rgba(5, 11, 24, 0.97);
box-shadow: 0 18px 48px rgba(0, 0, 0, 0.38);
backdrop-filter: blur(10px);
}
.simple-feed-grid-preview-window__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 10px 14px;
border-bottom: 1px solid rgba(116, 156, 255, 0.16);
background: rgba(7, 18, 36, 0.98);
color: #eaf2ff;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.02em;
text-transform: uppercase;
}
.simple-feed-grid-preview-window__meta {
color: rgba(234, 242, 255, 0.7);
font-size: 11px;
font-weight: 500;
}
.simple-feed-grid-preview-window__body {
position: absolute;
inset: 45px 0 0;
overflow-y: auto;
overflow-x: hidden;
overscroll-behavior-y: contain;
overscroll-behavior-x: none;
scrollbar-gutter: stable;
background: transparent;
}
.simple-feed-grid-scale {
width: 860px;
min-width: 860px;
transform: scale(0.2);
transform-origin: top left;
background: transparent;
will-change: transform;
}
.simple-feed-grid-scale .simple-feed-grid {
width: 2120px;
max-width: none;
margin: 0;
padding: 12px;
box-sizing: border-box;
}
.simple-feed-grid-scale,
.simple-feed-grid-scale * {
backface-visibility: hidden;
}
.simple-chat-dock {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 1000;
display: flex;
justify-content: center;
padding: 14px 18px calc(14px + env(safe-area-inset-bottom));
background: linear-gradient(180deg, rgba(4, 10, 24, 0) 0%, rgba(4, 10, 24, 0.72) 18%, rgba(4, 10, 24, 0.96) 100%);
backdrop-filter: blur(10px);
}
.simple-chat-dock__bar {
width: min(920px, calc(100vw - 28px));
display: flex;
align-items: center;
gap: 12px;
padding: 12px;
border: 1px solid rgba(96, 165, 250, 0.28);
border-radius: 18px;
background: rgba(8, 15, 31, 0.96);
box-shadow: 0 18px 48px rgba(0, 0, 0, 0.38);
}
.simple-chat-dock__input {
flex: 1 1 auto;
min-width: 0;
border: 1px solid rgba(116, 156, 255, 0.22);
border-radius: 12px;
background: #071224;
color: #eaf2ff;
padding: 12px 14px;
font: inherit;
}
.simple-chat-dock__input::placeholder {
color: rgba(234, 242, 255, 0.55);
}
.simple-chat-dock__input:focus {
outline: none;
border-color: rgba(96, 165, 250, 0.85);
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.18);
}
.simple-chat-dock__button {
flex: 0 0 auto;
border: 0;
border-radius: 12px;
padding: 12px 16px;
background: #2563eb;
color: #ffffff;
font: inherit;
font-weight: 600;
cursor: pointer;
}
.simple-chat-dock__button:hover {
background: #1d4ed8;
}
.simple-feed-page.is-filter-gate .simple-feed-filters {
width: min(840px, calc(100vw - 32px));
margin: auto;
padding: 32px 34px 30px;
border: 1px solid rgba(96, 165, 250, 0.24);
border-radius: 24px;
box-shadow: 0 24px 80px rgba(0, 0, 0, 0.42);
box-sizing: border-box;
}
.simple-feed-page.is-filter-gate .simple-feed-form {
justify-content: center;
align-items: end;
gap: 14px;
flex-wrap: nowrap;
}
.simple-feed-page.is-filter-gate .simple-feed-field {
min-width: 0;
}
.simple-feed-page.is-filter-gate .simple-feed-actions {
width: auto;
justify-content: center;
flex: 0 0 auto;
align-self: end;
}
.simple-feed-gate-copy {
margin: 0 0 18px;
text-align: center;
}
.simple-feed-gate-copy h2 {
margin: 0 0 8px;
font-size: 24px;
line-height: 1.2;
color: #f8fbff;
}
.simple-feed-gate-copy p {
margin: 0;
color: rgba(234, 242, 255, 0.72);
}
@media (max-width: 860px) {
.simple-feed-page.is-filter-gate .simple-feed-filters {
width: min(840px, calc(100vw - 20px));
padding: 24px 20px 22px;
}
.simple-feed-page.is-filter-gate .simple-feed-form {
flex-wrap: wrap;
}
.simple-feed-page.is-filter-gate .simple-feed-actions {
width: 100%;
}

}
.simple-feed-grid-workspace {
min-height: calc(95vh - 320px);
display: flex;
padding: 28px 28px 180px;
box-sizing: border-box;
}
.simple-workspace-panel {
flex: 1 1 auto;
width: 100%;
min-height: 100%;
max-width: none;
border: 1px solid rgba(96, 165, 250, 0.18);
border-radius: 22px;
background: rgba(6, 13, 28, 0.72);
box-shadow: 0 22px 60px rgba(0, 0, 0, 0.24);
padding: 22px 24px;
color: #eaf2ff;
box-sizing: border-box;
}
.simple-workspace-panel__eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 6px 10px;
border-radius: 999px;
background: rgba(37, 99, 235, 0.14);
border: 1px solid rgba(96, 165, 250, 0.22);
color: #bfdbfe;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.simple-workspace-panel h2 {
margin: 16px 0 8px;
color: #f8fbff;
}
.simple-workspace-panel p {
margin: 0 0 14px;
color: rgba(234, 242, 255, 0.78);
}
.simple-workspace-answer,
.simple-workspace-question,
.simple-workspace-error {
margin-top: 18px;
padding: 16px 18px;
border-radius: 16px;
border: 1px solid rgba(116, 156, 255, 0.16);
background: rgba(8, 15, 31, 0.72);
}
.simple-workspace-error {
border-color: rgba(248, 113, 113, 0.35);
background: rgba(69, 10, 10, 0.32);
color: #fecaca;
}
.simple-workspace-question strong,
.simple-workspace-answer strong,
.simple-workspace-error strong {
display: block;
margin-bottom: 8px;
color: #ffffff;
}
.simple-workspace-answer {
border-color: rgba(96, 165, 250, 0.28);
background:
radial-gradient(circle at top left, rgba(37, 99, 235, 0.10), transparent 42%),
rgba(8, 15, 31, 0.82);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}
.simple-workspace-answer__body {
line-height: 1.65;
color: #eef4ff;
}
.simple-workspace-answer__body > :first-child {
margin-top: 0;
}
.simple-workspace-answer__body > :last-child {
margin-bottom: 0;
}
.simple-workspace-answer__body h1,
.simple-workspace-answer__body h2,
.simple-workspace-answer__body h3 {
margin: 18px 0 10px;
color: #ffffff;
line-height: 1.22;
letter-spacing: -0.01em;
}
.simple-workspace-answer__body h1 {
font-size: 28px;
}
.simple-workspace-answer__body h2 {
font-size: 24px;
}
.simple-workspace-answer__body h3 {
font-size: 20px;
}
.simple-workspace-answer__body p {
margin: 12px 0;
color: rgba(238, 244, 255, 0.94);
}
.simple-workspace-answer__body strong {
color: #ffffff;
font-weight: 700;
}
.simple-workspace-answer__body em {
color: #dbeafe;
}
.simple-workspace-answer__body ul,
.simple-workspace-answer__body ol {
margin: 12px 0 14px 22px;
padding: 0;
}
.simple-workspace-answer__body li + li {
margin-top: 8px;
}
.simple-workspace-answer__body hr {
border: 0;
border-top: 1px solid rgba(96, 165, 250, 0.20);
margin: 18px 0;
}
.simple-workspace-answer__body blockquote {
margin: 14px 0;
padding: 12px 14px;
border-left: 3px solid rgba(96, 165, 250, 0.62);
border-radius: 0 12px 12px 0;
background: rgba(37, 99, 235, 0.08);
color: #dbeafe;
}
.simple-workspace-answer__body code {
display: inline-block;
padding: 2px 6px;
border: 1px solid rgba(116, 156, 255, 0.16);
border-radius: 8px;
background: rgba(7, 18, 36, 0.95);
color: #bfdbfe;
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
font-size: 0.95em;
}
.simple-workspace-answer__body a {
color: #93c5fd;
text-decoration: underline;
text-underline-offset: 2px;
word-break: break-word;
}
.simple-workspace-meta {
margin-top: 16px;
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.simple-workspace-meta span {
display: inline-flex;
align-items: center;
padding: 7px 10px;
border-radius: 999px;
background: rgba(8, 15, 31, 0.75);
border: 1px solid rgba(116, 156, 255, 0.16);
color: rgba(234, 242, 255, 0.78);
font-size: 12px;
}
.simple-chat-dock__bar {
width: min(1180px, calc(100vw - 28px));
}
.simple-chat-dock__hint {
color: rgba(234, 242, 255, 0.62);
font-size: 12px;
line-height: 1.35;
white-space: nowrap;
}
@media (max-width: 980px) {
.simple-chat-dock__bar {
flex-wrap: wrap;
}
.simple-chat-dock__hint {
width: 100%;
white-space: normal;
}

}
.simple-feed-grid-workspace {
min-height: calc(95vh - 320px);
display: block;
padding: 28px 28px 32px;
box-sizing: border-box;
}
.simple-workspace-tabs {
width: 100%;
min-height: calc(95vh - 376px);
display: flex;
flex-direction: column;
gap: 16px;
}
.simple-workspace-tabs__nav {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.simple-workspace-tabs__button {
border: 1px solid rgba(96, 165, 250, 0.22);
border-radius: 999px;
background: rgba(7, 18, 36, 0.82);
color: rgba(234, 242, 255, 0.78);
padding: 10px 14px;
font: inherit;
font-weight: 600;
cursor: pointer;
transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}
.simple-workspace-tabs__button:hover {
border-color: rgba(96, 165, 250, 0.42);
color: #ffffff;
transform: translateY(-1px);
}
.simple-workspace-tabs__button.is-active {
background: linear-gradient(180deg, rgba(37, 99, 235, 0.95) 0%, rgba(29, 78, 216, 0.95) 100%);
border-color: rgba(96, 165, 250, 0.85);
color: #ffffff;
box-shadow: 0 10px 22px rgba(37, 99, 235, 0.2);
}
.simple-workspace-tabpanel {
display: none !important;
width: 100%;
min-height: calc(95vh - 430px);
}
.simple-workspace-tabpanel.is-active {
display: block !important;
}
.simple-workspace-panel--chat.is-active {
display: flex !important;
flex-direction: column;
gap: 18px;
justify-content: space-between;
}
.simple-workspace-panel--publications {
padding: 0;
overflow: hidden;
}
.simple-workspace-panel--publications.is-active {
display: block !important;
}
.simple-workspace-publications__header {
align-items: center;
padding: 18px 22px;
border-bottom: 1px solid rgba(96, 165, 250, 0.12);
background: rgba(7, 18, 36, 0.46);
}
.simple-workspace-publications__header h2 {
margin: 0;
font-size: 22px;
line-height: 1.2;
}
.simple-workspace-publications__header-actions {
display: inline-flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
justify-content: flex-end;
}
.simple-workspace-publications__meta {
display: inline-flex;
align-items: center;
gap: 8px;
color: rgba(234, 242, 255, 0.72);
font-size: 13px;
font-weight: 600;
}
.simple-workspace-publications__download {
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 34px;
padding: 7px 12px;
border: 1px solid rgba(96, 165, 250, 0.26);
border-radius: 999px;
background: rgba(7, 18, 36, 0.82);
color: #eaf2ff;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.01em;
text-decoration: none;
transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}
.simple-workspace-publications__download:hover {
border-color: rgba(96, 165, 250, 0.46);
background: rgba(13, 29, 55, 0.96);
color: #ffffff;
transform: translateY(-1px);
}
.simple-workspace-publications__download:focus-visible {
outline: none;
border-color: rgba(96, 165, 250, 0.85);
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.18);
}
.simple-workspace-publications__body {
max-height: 95vh;
overflow: auto;
padding: 2px 0px 0px;
box-sizing: border-box;
}
.simple-workspace-publications__body .simple-feed-grid {
padding: 0;
}
.simple-chat-inline {
margin-top: auto;
display: flex;
align-items: center;
gap: 12px;
padding: 12px;
border: 1px solid rgba(96, 165, 250, 0.16);
border-radius: 18px;
background: rgba(8, 15, 31, 0.72);
}
.simple-chat-inline__input {
flex: 1 1 auto;
min-width: 0;
border: 1px solid rgba(116, 156, 255, 0.22);
border-radius: 12px;
background: #071224;
color: #eaf2ff;
padding: 12px 14px;
font: inherit;
}
.simple-chat-inline__input::placeholder {
color: rgba(234, 242, 255, 0.55);
}
.simple-chat-inline__input:focus {
outline: none;
border-color: rgba(96, 165, 250, 0.85);
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.18);
}
.simple-chat-inline__button {
flex: 0 0 auto;
border: 0;
border-radius: 12px;
padding: 12px 16px;
background: #2563eb;
color: #ffffff;
font: inherit;
font-weight: 600;
cursor: pointer;
}
.simple-chat-inline__button:hover {
background: #1d4ed8;
}
.simple-chat-inline__hint {
flex: 0 0 auto;
color: rgba(234, 242, 255, 0.62);
font-size: 12px;
line-height: 1.35;
}
@media (max-width: 980px) {
.simple-workspace-publications__body {
max-height: none;
min-height: 420px;
}
.simple-chat-inline {
flex-wrap: wrap;
}
.simple-chat-inline__button,
.simple-chat-inline__hint {
width: 100%;
}

}
.is-hidden {
display: none !important;
}
.simple-chat-inline.is-loading {
opacity: 0.82;
pointer-events: none;
}
.simple-chat-inline__button[disabled],
.simple-chat-inline__input[disabled] {
cursor: not-allowed;
opacity: 0.72;
}
.simple-chat-inline__button.is-loading::after {
content: '…';
}
.simple-chat-inline__options {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
flex-wrap: wrap;
}
.simple-chat-inline__toggle {
display: inline-flex;
align-items: center;
gap: 8px;
color: rgba(234, 242, 255, 0.86);
font-size: 13px;
line-height: 1.3;
cursor: pointer;
}
.simple-chat-inline__toggle input {
accent-color: #2563eb;
}
.simple-chat-linked-posts {
margin-top: 18px;
padding: 18px;
border-radius: 18px;
border: 1px solid rgba(116, 156, 255, 0.14);
background: rgba(8, 15, 31, 0.52);
}
.simple-chat-linked-posts__header {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 12px;
margin-bottom: 14px;
}
.simple-chat-linked-posts__header strong {
color: #f8fbff;
}
.simple-chat-linked-posts__header span {
color: rgba(234, 242, 255, 0.66);
font-size: 12px;
}
.simple-chat-linked-posts__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 14px;
}
.simple-chat-linked-post .simple-post-copy h2 {
font-size: 18px;
}
.simple-chat-linked-post .simple-post-copy p {
margin-bottom: 0;
}
.simple-feed-actions {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.simple-feed-actions .simple-feed-toggle {
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 40px;
padding: 0 12px;
border: 1px solid rgba(96, 165, 250, 0.18);
border-radius: 12px;
background: rgba(8, 15, 31, 0.72);
color: rgba(234, 242, 255, 0.86);
font-size: 12px;
font-weight: 600;
white-space: nowrap;
box-sizing: border-box;
}
.simple-feed-actions .simple-feed-toggle input {
margin: 0;
}
.simple-feed-actions .simple-feed-toggle span {
line-height: 1.2;
}
.simple-chat-linked-posts__grid {
display: grid;
grid-template-columns: 1fr;
gap: 18px;
}
.simple-chat-linked-post {
width: 100%;
max-width: none;
padding: 14px;
box-sizing: border-box;
}
.simple-chat-linked-post .simple-post-body {
align-items: flex-start;
gap: 16px;
}
.simple-chat-linked-post .simple-post-media {
width: 140px;
min-width: 140px;
height: 140px;
}
.simple-chat-linked-post .simple-post-copy {
flex: 1 1 auto;
min-width: 0;
}
.simple-chat-linked-post .simple-post-copy h2 {
margin-bottom: 10px;
font-size: 28px;
line-height: 1.18;
}
.simple-chat-linked-post .simple-post-copy p {
margin-bottom: 0;
font-size: 15px;
line-height: 1.5;
color: rgba(234, 242, 255, 0.82);
}
.simple-chat-linked-post__details {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 12px;
margin-top: 14px;
}
.simple-chat-linked-post__detail,
.simple-chat-linked-post__panel {
padding: 14px 16px;
border: 1px solid rgba(116, 156, 255, 0.14);
border-radius: 16px;
background: rgba(8, 15, 31, 0.56);
box-sizing: border-box;
}
.simple-chat-linked-post__detail strong,
.simple-chat-linked-post__panel strong {
display: block;
margin-bottom: 8px;
color: #f8fbff;
}
.simple-chat-linked-post__detail span,
.simple-chat-linked-post__detail a {
color: rgba(234, 242, 255, 0.82);
word-break: break-word;
}
.simple-chat-linked-post__panel {
margin-top: 14px;
}
.simple-chat-linked-post__panel p {
margin: 0 0 10px;
color: rgba(234, 242, 255, 0.82);
}
.simple-chat-linked-post__panel ul {
margin: 10px 0 0 18px;
padding: 0;
}
.simple-chat-linked-post__panel li + li {
margin-top: 6px;
}
.simple-chat-chart {
margin-top: 18px;
padding: 18px;
border-radius: 18px;
border: 1px solid rgba(116, 156, 255, 0.14);
background: rgba(8, 15, 31, 0.52);
}
.simple-chat-chart__header {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 12px;
margin-bottom: 14px;
}
.simple-chat-chart__header strong {
color: #f8fbff;
}
.simple-chat-chart__header span,
.simple-chat-chart__summary,
.simple-chat-chart__note,
.simple-chat-chart__empty {
color: rgba(234, 242, 255, 0.72);
font-size: 14px;
line-height: 1.5;
}
.simple-chat-chart__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 14px;
align-items: start;
}
.simple-chat-chart-card {
box-sizing: border-box;
width: min(100%, 980px);
max-width: 980px;
margin-inline: auto;
padding: 14px 16px;
border-radius: 16px;
border: 1px solid rgba(116, 156, 255, 0.14);
background: rgba(8, 15, 31, 0.56);
overflow: hidden;
}
.simple-chat-chart-card__head {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 10px;
margin-bottom: 10px;
}
.simple-chat-chart-card__head-meta {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 4px;
min-width: 0;
}
.simple-chat-chart-card__head strong {
color: #f8fbff;
font-size: 16px;
}
.simple-chat-chart-card__head span,
.simple-chat-chart-card__meta {
color: rgba(234, 242, 255, 0.68);
font-size: 14px;
}
.simple-chat-chart-card__range {
color: rgba(191, 219, 254, 0.84);
font-size: 0.88rem;
font-weight: 500;
line-height: 1.2;
white-space: nowrap;
}
.simple-chat-chart-card__head-sub {
color: rgba(234, 242, 255, 0.68);
font-size: 0.84rem;
line-height: 1.2;
white-space: nowrap;
}
.simple-chat-chart-card__svg {
width: 100%;
max-width: 100%;
height: clamp(220px, 30vw, 340px);
max-height: min(340px, 40vh);
display: block;
border-radius: 12px;
background: rgba(3, 8, 18, 0.42);
}
.simple-chat-chart-card__svg--line,
.simple-chat-chart-card__svg--line-combined,
.simple-chat-chart-card__svg--comparison,
.simple-chat-chart-card__svg--sentiment {
height: clamp(220px, 30vw, 340px);
max-height: min(340px, 40vh);
}
.simple-chat-chart-card__svg--donut {
height: clamp(220px, 24vw, 300px);
max-height: min(300px, 34vh);
}
.simple-chat-chart-card__svg--line {
border: 1px solid rgba(148, 163, 184, 0.08);
border-radius: 18px;
background:
radial-gradient(circle at top center, rgba(96, 165, 250, 0.04), transparent 42%),
linear-gradient(180deg, rgba(5, 12, 24, 0.96) 0%, rgba(3, 8, 18, 1) 100%);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.018);
}
.simple-chat-chart-card__svg--line .simple-chat-chart-card__grid-line {
stroke: rgba(148, 163, 184, 0.10);
stroke-dasharray: 4 10;
stroke-linecap: round;
}
.simple-chat-chart-card__svg--line .simple-chat-chart-card__grid-value {
fill: rgba(191, 219, 254, 0.62);
font-size: 13px;
font-weight: 560;
letter-spacing: 0.01em;
}
.simple-chat-chart-card__svg--line .simple-chat-chart-card__axis-label {
fill: rgba(226, 232, 240, 0.82);
font-size: 14px;
font-weight: 640;
letter-spacing: -0.01em;
}
.simple-chat-chart-card__svg--line .simple-chat-chart-card__line {
filter: drop-shadow(0 6px 12px rgba(2, 6, 23, 0.12));
}
.simple-chat-chart-card__svg--line .simple-chat-chart-card__point--line {
filter: drop-shadow(0 4px 8px rgba(2, 6, 23, 0.12));
}
.simple-chat-chart-card__svg--line-combined {
min-height: 0;
}
.simple-chat-chart-card__svg .simple-chat-chart-card__point,
.simple-chat-chart-card__svg .simple-chat-chart-card__bar {
pointer-events: none;
}
.simple-chat-chart-card__svg .simple-chat-chart-card__point-hitbox,
.simple-chat-chart-card__svg .simple-chat-chart-card__bar-hitbox {
cursor: help;
}
.simple-chat-chart-hover-tooltip {
position: fixed;
left: 0;
top: 0;
z-index: 9999;
max-width: 280px;
padding: 9px 12px;
border-radius: 10px;
border: 1px solid rgba(255, 215, 164, 0.35);
background: rgba(12, 20, 36, 0.97);
color: #fff4dd;
box-shadow: 0 14px 34px rgba(2, 6, 23, 0.38);
font-size: 14px;
font-weight: 600;
line-height: 1.35;
pointer-events: none;
opacity: 0;
white-space: normal;
transform: translate3d(0, 0, 0);
transition: opacity 80ms ease;
}
.simple-chat-chart-hover-tooltip.is-visible {
opacity: 1;
}
@media (hover: none), (pointer: coarse) {
.simple-chat-thread {
-webkit-overflow-scrolling: touch;
touch-action: pan-y;
}
.simple-chat-thread__message,
.simple-chat-thread__message-scale-frame,
.simple-chat-thread__message-scale,
.simple-chat-thread__message-body,
.simple-chat-message__artifacts,
.simple-chat-message__section,
.simple-chat-message__chart,
.simple-chat-chart-card,
.simple-chat-chart__grid,
.simple-chat-message__posts-grid,
.simple-chat-linked-posts__grid,
.simple-chat-linked-post {
touch-action: pan-y;
}
.simple-chat-chart-card__svg,
.simple-chat-chart-card__svg * {
pointer-events: none !important;
touch-action: pan-y;
}
}
.simple-chat-chart__summary {
margin-bottom: 14px;
}
.simple-chat-chart__summary-head {
display: flex;
align-items: baseline;
gap: 14px;
margin-bottom: 6px;
}
.simple-chat-chart__note {
margin-top: 14px;
}
.simple-chat-chart__legend {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 12px;
}
.simple-chat-chart__legend-item {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 6px 10px;
border-radius: 999px;
background: rgba(15, 23, 42, 0.66);
border: 1px solid rgba(116, 156, 255, 0.14);
color: rgba(234, 242, 255, 0.8);
font-size: 14px;
}
.simple-chat-linked-post .simple-comments {
display: grid;
gap: 10px;
}
@media (max-width: 860px) {
.simple-chat-linked-post .simple-post-body {
flex-direction: column;
}
.simple-chat-linked-post .simple-post-media {
width: 100%;
min-width: 0;
height: 220px;
}
.simple-chat-linked-post .simple-post-copy h2 {
font-size: 22px;
}

}
.simple-feed-form input[type="date"] {
width: 100%;
min-height: 44px;
border: 1px solid rgba(116, 156, 255, 0.35);
border-radius: 12px;
background: #0b1730;
color: #eaf2ff;
padding: 10px 12px;
font: inherit;
box-sizing: border-box;
}
.simple-feed-form input[type="date"]:focus {
outline: none;
border-color: rgba(96, 165, 250, 0.85);
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.18);
}
.simple-feed-date-custom {
display: flex;
gap: 12px;
flex: 1 0 100%;
width: 100%;
}
.simple-feed-date-custom.is-hidden {
display: none !important;
}
.simple-feed-date-custom .simple-feed-field {
flex: 1 1 220px;
}
.simple-feed-filters {
padding: 18px 20px 16px;
box-sizing: border-box;
}
.simple-feed-form {
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
gap: 14px 16px;
align-items: end;
}
.simple-feed-field--date-range {
grid-column: span 3;
}
.simple-feed-actions {
grid-column: span 3;
display: flex;
align-items: end;
justify-content: flex-end;
gap: 10px;
flex-wrap: wrap;
min-width: 0;
}
.simple-feed-actions .simple-feed-toggle {
min-height: 44px;
order: -1;
}
.simple-feed-date-custom {
grid-column: span 6;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
width: 100%;
}
.simple-feed-actions button,
.simple-feed-actions a {
min-height: 44px;
box-sizing: border-box;
}
@media (max-width: 1280px) {
.simple-feed-field--type,
.simple-feed-field--country,
.simple-feed-field--franchise {
grid-column: span 3;
}
.simple-feed-field--date-range {
grid-column: span 4;
}
.simple-feed-date-custom {
grid-column: span 8;
}
.simple-feed-actions {
grid-column: span 4;
}

}
@media (max-width: 980px) {
.simple-feed-form {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.simple-feed-field--platform,
.simple-feed-field--type,
.simple-feed-field--country,
.simple-feed-field--franchise,
.simple-feed-field--date-range,
.simple-feed-date-custom,
.simple-feed-actions {
grid-column: 1 / -1;
}
.simple-feed-actions {
justify-content: flex-start;
}

}
@media (max-width: 640px) {
.simple-feed-form {
grid-template-columns: 1fr;
}
.simple-feed-field--platform,
.simple-feed-field--type,
.simple-feed-field--country,
.simple-feed-field--franchise,
.simple-feed-field--date-range,
.simple-feed-date-custom,
.simple-feed-actions {
grid-column: 1 / -1;
}

}
.simple-feed-page.is-filter-gate .simple-feed-filters {
width: min(980px, calc(100vw - 32px));
margin: auto;
padding: 0;
border: 1px solid rgba(96, 165, 250, 0.24);
border-radius: 28px;
box-shadow: 0 24px 80px rgba(0, 0, 0, 0.42);
background:
radial-gradient(circle at top center, rgba(37, 99, 235, 0.10), transparent 45%),
rgba(5, 11, 24, 0.92);
overflow: hidden;
}
.simple-feed-page.is-filter-gate .simple-feed-platforms {
display: none;
}
.simple-feed-page.is-filter-gate .simple-feed-form {
display: block;
}
.simple-feed-gate-layout {
display: flex;
flex-direction: column;
}
.simple-feed-gate-copy {
padding: 30px 34px 18px;
border-bottom: 1px solid rgba(96, 165, 250, 0.12);
text-align: center;
}
.simple-feed-gate-copy h2 {
margin: 0 0 8px;
font-size: 34px;
line-height: 1.08;
color: #f8fbff;
letter-spacing: -0.02em;
}
.simple-feed-gate-copy p {
margin: 0;
color: rgba(234, 242, 255, 0.72);
font-size: 15px;
}
.simple-feed-gate-fields {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px 18px;
padding: 24px 26px 18px;
}
.simple-feed-gate-fields .simple-feed-field,
.simple-feed-gate-fields .simple-feed-field--platform,
.simple-feed-gate-fields .simple-feed-field--type,
.simple-feed-gate-fields .simple-feed-field--country,
.simple-feed-gate-fields .simple-feed-field--franchise,
.simple-feed-gate-fields .simple-feed-field--date-range {
grid-column: auto;
}
.simple-feed-gate-fields .simple-feed-field label {
margin-bottom: 8px;
display: block;
}
.simple-feed-gate-footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 18px 26px 26px;
border-top: 1px solid rgba(96, 165, 250, 0.12);
background: rgba(7, 18, 36, 0.34);
}
.simple-feed-gate-footer .simple-feed-toggle {
min-height: 46px;
padding: 0 14px;
border-radius: 14px;
background: rgba(8, 15, 31, 0.72);
}
.simple-feed-gate-actions {
display: flex;
align-items: center;
gap: 12px;
justify-content: flex-end;
flex-wrap: wrap;
}
.simple-feed-gate-actions button,
.simple-feed-gate-actions a {
min-width: 124px;
min-height: 46px;
justify-content: center;
display: inline-flex;
align-items: center;
box-sizing: border-box;
}
@media (max-width: 860px) {
.simple-feed-gate-copy {
padding: 26px 20px 16px;
}
.simple-feed-gate-copy h2 {
font-size: 28px;
}
.simple-feed-gate-fields {
grid-template-columns: 1fr;
padding: 20px 20px 16px;
}
.simple-feed-gate-footer {
flex-direction: column;
align-items: stretch;
padding: 16px 20px 20px;
}
.simple-feed-gate-actions {
justify-content: stretch;
}
.simple-feed-gate-actions button,
.simple-feed-gate-actions a {
width: 100%;
}

}
.simple-feed-filters {
padding: 0;
box-sizing: border-box;
border-radius: 28px;
overflow: hidden;
background:
radial-gradient(circle at top center, rgba(37, 99, 235, 0.07), transparent 42%),
rgba(5, 11, 24, 0.78);
}
.simple-feed-filters .simple-feed-form {
display: block;
}
.simple-feed-filter-layout {
display: flex;
flex-direction: column;
}
.simple-feed-filter-head {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 18px;
padding: 18px 24px 16px;
border-bottom: 1px solid rgba(96, 165, 250, 0.12);
background: rgba(7, 18, 36, 0.34);
}
.simple-feed-filter-head__top {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
}
.simple-feed-filter-head__actions {
display: inline-flex;
align-items: center;
justify-content: flex-end;
gap: 10px;
flex-wrap: wrap;
margin-left: auto;
}
.simple-feed-filter-head__logout {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 0 14px;
border: 1px solid rgba(125, 170, 255, 0.22);
border-radius: 14px;
background: linear-gradient(180deg, rgba(12, 23, 44, 0.92) 0%, rgba(6, 14, 28, 0.96) 100%);
color: #e7f0ff;
font-size: 0.85rem;
font-weight: 700;
letter-spacing: 0.01em;
text-decoration: none;
box-shadow: 0 12px 26px rgba(2, 6, 23, 0.24);
transition:
transform 160ms ease,
border-color 160ms ease,
box-shadow 160ms ease,
color 160ms ease;
}
.simple-feed-filter-head__logout:hover {
transform: translateY(-1px);
border-color: rgba(125, 170, 255, 0.4);
box-shadow: 0 16px 30px rgba(2, 6, 23, 0.3);
}
.simple-feed-filter-head__logout:focus-visible {
outline: none;
border-color: rgba(134, 177, 255, 0.72);
box-shadow: 0 0 0 4px rgba(79, 140, 255, 0.14);
}
.simple-feed-filter-head > .simple-feed-mobile-filter-close {
display: none !important;
}
.simple-feed-filter-head__copy h2,
.simple-feed-filter-head__copy h3 {
margin: 0 0 6px;
color: #f8fbff;
line-height: 1.12;
letter-spacing: -0.02em;
}
.simple-feed-filter-head__copy h2 {
font-size: 34px;
}
.simple-feed-filter-head__copy h3 {
font-size: 18px;
}
.simple-feed-filter-head__copy p {
margin: 0;
color: rgba(234, 242, 255, 0.72);
font-size: 14px;
}
.simple-feed-filter-head__meta {
display: flex;
gap: 10px;
flex-wrap: wrap;
justify-content: flex-start;
}
.simple-feed-filter-head__meta span {
display: inline-flex;
align-items: center;
padding: 7px 10px;
border-radius: 999px;
background: rgba(8, 15, 31, 0.75);
border: 1px solid rgba(116, 156, 255, 0.16);
color: rgba(234, 242, 255, 0.78);
font-size: 12px;
}
.simple-feed-filter-fields {
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
gap: 18px 16px;
padding: 22px 24px 16px;
align-items: end;
}
.simple-feed-filter-fields .simple-feed-field {
min-width: 0;
}
.simple-feed-filter-fields .simple-feed-field label {
display: block;
margin-bottom: 8px;
}
.simple-feed-filter-fields > .simple-feed-filter-footer__right {
grid-column: 1 / -1;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 12px;
flex-wrap: wrap;
width: 100%;
padding-top: 4px;
margin-left: 0;
order: 0;
}
.simple-feed-filter-fields__multi-note {
grid-column: 1 / -1;
margin-top: -4px;
color: rgba(234, 242, 255, 0.68);
font-size: 0.78rem;
line-height: 1.45;
}
.simple-feed-multi-select {
position: relative;
}
.simple-feed-multi-select__trigger {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
min-height: 42px;
padding: 0 12px;
border: 1px solid rgba(157, 182, 236, 0.18);
border-radius: 14px;
background: rgba(8, 16, 31, 0.9);
color: var(--text-1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
cursor: pointer;
transition:
border-color 160ms ease,
box-shadow 160ms ease,
background 160ms ease;
}
.simple-feed-multi-select__trigger:hover {
border-color: rgba(157, 182, 236, 0.32);
}
.simple-feed-multi-select.is-open .simple-feed-multi-select__trigger,
.simple-feed-multi-select__trigger[aria-expanded="true"] {
border-color: rgba(134, 177, 255, 0.6);
box-shadow: 0 0 0 4px rgba(79, 140, 255, 0.14);
}
.simple-feed-multi-select__summary {
min-width: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: left;
}
.simple-feed-multi-select__overlay {
position: fixed;
inset: 0;
z-index: 1800;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
overscroll-behavior: none;
}
.simple-feed-multi-select__backdrop {
position: absolute;
inset: 0;
border: 0;
background: rgba(2, 6, 23, 0.74);
backdrop-filter: blur(8px);
cursor: pointer;
}
.simple-feed-multi-select__dialog {
position: relative;
z-index: 1;
width: min(720px, calc(100vw - 32px));
max-height: min(76vh, 680px);
display: grid;
grid-template-rows: auto minmax(0, 1fr) auto;
gap: 16px;
padding: 20px;
border: 1px solid rgba(116, 156, 255, 0.2);
border-radius: 24px;
background:
radial-gradient(circle at top center, rgba(59, 130, 246, 0.12), transparent 38%),
linear-gradient(180deg, rgba(10, 19, 37, 0.98) 0%, rgba(5, 11, 24, 0.98) 100%);
box-shadow: 0 28px 80px rgba(0, 0, 0, 0.44);
overflow: hidden;
}
.simple-feed-multi-select__dialog-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 14px;
}
.simple-feed-multi-select__dialog-copy {
display: grid;
gap: 6px;
min-width: 0;
}
.simple-feed-multi-select__dialog-copy strong {
color: #f8fbff;
font-size: 1rem;
font-weight: 800;
letter-spacing: -0.02em;
}
.simple-feed-multi-select__dialog-copy p {
margin: 0;
color: rgba(226, 236, 255, 0.68);
font-size: 0.84rem;
line-height: 1.5;
}
.simple-feed-multi-select__dialog-close,
.simple-feed-multi-select__action {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
padding: 0 14px;
border: 1px solid rgba(125, 170, 255, 0.18);
border-radius: 14px;
background: rgba(10, 19, 37, 0.8);
color: #f3f7ff;
font-size: 0.84rem;
font-weight: 700;
cursor: pointer;
transition:
transform 160ms ease,
border-color 160ms ease,
background-color 160ms ease,
box-shadow 160ms ease;
}
.simple-feed-multi-select__dialog-close {
width: 40px;
padding: 0;
font-size: 1rem;
line-height: 1;
}
.simple-feed-multi-select__dialog-body {
min-height: 0;
overflow-y: auto;
padding: 4px 8px 8px 4px;
overscroll-behavior: contain;
}
.simple-feed-multi-select__options {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
align-content: flex-start;
gap: 10px;
}
.simple-feed-multi-select__option {
display: inline-flex;
align-items: center;
justify-content: flex-start;
width: 100%;
min-height: 48px;
padding: 10px 14px;
border: 1px solid rgba(125, 170, 255, 0.16);
border-radius: 16px;
background: rgba(10, 19, 37, 0.82);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
cursor: pointer;
transition:
transform 160ms ease,
border-color 160ms ease,
background-color 160ms ease,
box-shadow 160ms ease,
color 160ms ease;
}
.simple-feed-multi-select__option:hover {
transform: translateY(-1px);
border-color: rgba(125, 170, 255, 0.36);
background: rgba(20, 35, 62, 0.92);
}
.simple-feed-multi-select.has-exclusion .simple-feed-multi-select__trigger {
border-color: rgba(255, 120, 120, 0.34);
box-shadow: 0 0 0 3px rgba(255, 120, 120, 0.1);
}
.simple-feed-multi-select__option.is-selected,
.simple-feed-multi-select__option[aria-pressed="true"] {
border-color: rgba(96, 165, 250, 0.66);
background: linear-gradient(180deg, rgba(58, 123, 255, 0.28) 0%, rgba(28, 58, 114, 0.88) 100%);
box-shadow:
0 0 0 3px rgba(96, 165, 250, 0.18),
0 14px 28px rgba(37, 99, 235, 0.24),
inset 0 1px 0 rgba(255, 255, 255, 0.14);
}
.simple-feed-multi-select__option.is-excluded,
.simple-feed-multi-select__option[data-excluded="true"] {
border-color: rgba(255, 122, 122, 0.6);
background: linear-gradient(180deg, rgba(120, 26, 35, 0.74) 0%, rgba(63, 12, 20, 0.94) 100%);
box-shadow:
0 0 0 3px rgba(255, 122, 122, 0.14),
0 12px 24px rgba(89, 16, 29, 0.28),
inset 0 1px 0 rgba(255, 224, 224, 0.1);
}
.simple-feed-multi-select__option.is-excluded:hover,
.simple-feed-multi-select__option[data-excluded="true"]:hover {
border-color: rgba(255, 148, 148, 0.72);
background: linear-gradient(180deg, rgba(138, 30, 40, 0.82) 0%, rgba(74, 15, 25, 0.96) 100%);
}
.simple-feed-multi-select__option span {
display: block;
width: 100%;
min-width: 0;
color: #eaf2ff;
font-size: 0.8rem;
font-weight: 700;
line-height: 1.25;
letter-spacing: 0.01em;
text-align: left;
white-space: normal;
}
.simple-feed-multi-select__empty {
padding: 12px 2px;
color: rgba(234, 242, 255, 0.66);
font-size: 0.84rem;
line-height: 1.4;
}
.simple-feed-multi-select__dialog-actions {
display: flex;
justify-content: flex-end;
gap: 10px;
}
.simple-feed-multi-select__action {
min-width: 110px;
}
.simple-feed-multi-select__action--ghost {
background: rgba(10, 19, 37, 0.58);
color: rgba(234, 242, 255, 0.78);
box-shadow: none;
}
.simple-feed-multi-select__dialog-close:hover,
.simple-feed-multi-select__action:hover {
transform: translateY(-1px);
border-color: rgba(125, 170, 255, 0.38);
}
.simple-feed-multi-select__native {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: 0;
border: 0;
opacity: 0;
pointer-events: none;
overflow: hidden;
}
.simple-feed-field--platform {
grid-column: span 4;
}
.simple-feed-field--type,
.simple-feed-field--country,
.simple-feed-field--franchise {
grid-column: span 2;
}
.simple-feed-field--date-range {
grid-column: span 2;
}
.simple-feed-date-custom {
grid-column: span 4;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
width: 100%;
}
.simple-feed-date-custom .simple-feed-field {
min-width: 0;
}
.simple-feed-filter-footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 16px 24px 20px;
border-top: 1px solid rgba(96, 165, 250, 0.12);
background: rgba(7, 18, 36, 0.28);
}
.simple-feed-filter-footer {
flex-direction: column;
align-items: stretch;
}
.simple-feed-filter-footer__left,
.simple-feed-filter-footer__right {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
width: 100%;
}
.simple-feed-filter-footer__left {
flex-direction: column;
align-items: stretch;
}
.simple-feed-filter-footer__right {
justify-content: flex-start;
margin-left: 0;
padding-top: 0;
padding-bottom: 0;
}
.simple-feed-filter-presets {
display: grid;
gap: 6px;
min-width: min(320px, 100%);
}
.simple-feed-filter-presets__native {
display: none !important;
}
.simple-feed-filter-presets__label {
color: rgba(234, 242, 255, 0.72);
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.03em;
text-transform: uppercase;
}
.simple-feed-filter-presets__controls {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 8px;
}
.simple-feed-filter-presets__trigger {
display: inline-flex;
align-items: center;
justify-content: flex-start;
width: 100%;
min-width: 190px;
min-height: 46px;
padding: 0 14px;
border: 1px solid rgba(157, 182, 236, 0.18);
border-radius: 14px;
background: rgba(8, 16, 31, 0.9);
color: var(--text-1);
cursor: pointer;
text-align: left;
transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}
.simple-feed-filter-presets__trigger:hover,
.simple-feed-filter-presets__trigger:focus-visible,
.simple-feed-filter-presets__trigger.has-selection {
border-color: rgba(91, 147, 255, 0.46);
box-shadow: 0 0 0 3px rgba(91, 147, 255, 0.14);
outline: none;
}
.simple-feed-filter-presets__trigger span {
display: block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.simple-feed-filter-presets-overlay {
position: fixed;
inset: 0;
z-index: 1850;
display: flex;
align-items: center;
justify-content: center;
padding: 24px;
}
.simple-feed-filter-presets-overlay[hidden] {
display: none !important;
}
.simple-feed-filter-presets-overlay__backdrop {
position: absolute;
inset: 0;
background: rgba(2, 6, 23, 0.72);
backdrop-filter: blur(12px);
}
.simple-feed-filter-presets-overlay__dialog {
position: relative;
z-index: 1;
width: min(560px, 100%);
max-height: min(84vh, 820px);
display: grid;
gap: 18px;
padding: 22px;
border: 1px solid rgba(157, 182, 236, 0.16);
border-radius: 24px;
background: linear-gradient(180deg, rgba(12, 22, 42, 0.98) 0%, rgba(7, 14, 29, 0.99) 100%);
box-shadow: 0 28px 80px rgba(2, 6, 23, 0.48);
overflow: hidden;
}
.simple-feed-filter-presets-overlay__head,
.simple-feed-filter-presets-overlay__footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.simple-feed-filter-presets-overlay__head {
position: relative;
align-items: flex-start;
padding-right: 56px;
}
.simple-feed-filter-presets-overlay__copy strong {
display: block;
color: #f8fbff;
font-size: 1.1rem;
letter-spacing: -0.02em;
}
.simple-feed-filter-presets-overlay__copy p {
margin: 6px 0 0;
color: var(--text-3);
font-size: 0.92rem;
line-height: 1.45;
}
.simple-feed-filter-presets-overlay__close,
.simple-feed-filter-presets-overlay__secondary,
.simple-feed-filter-presets-overlay__primary {
min-height: 42px;
border-radius: 14px;
}
.simple-feed-filter-presets-overlay__close,
.simple-feed-filter-presets-overlay__secondary {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 14px;
border: 1px solid rgba(157, 182, 236, 0.14);
background: rgba(255, 255, 255, 0.03);
color: var(--text-1);
cursor: pointer;
}
.simple-feed-filter-presets-overlay__close {
position: absolute;
top: 0;
right: 0;
width: 42px;
padding: 0;
font-size: 0;
line-height: 1;
}
.simple-feed-filter-presets-overlay__close::before {
content: "\00d7";
font-size: 1.5rem;
line-height: 1;
}
.simple-feed-filter-presets-overlay__primary {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 18px;
border: 1px solid transparent;
background: linear-gradient(180deg, #5b93ff 0%, #2f6ff4 100%);
color: #ffffff;
box-shadow: 0 14px 24px rgba(47, 111, 244, 0.24);
cursor: pointer;
}
.simple-feed-filter-presets-overlay__primary:disabled,
.simple-feed-filter-presets-overlay__secondary:disabled {
opacity: 0.5;
cursor: not-allowed;
box-shadow: none;
}
.simple-feed-filter-presets-overlay__body {
display: grid;
gap: 12px;
overflow: auto;
padding: 4px 4px 6px;
scroll-padding: 8px;
overscroll-behavior: contain;
}
.simple-feed-filter-presets-overlay__empty {
padding: 16px 18px;
border: 1px solid rgba(157, 182, 236, 0.12);
border-radius: 18px;
background: rgba(7, 15, 30, 0.72);
color: rgba(226, 236, 255, 0.72);
font-size: 0.9rem;
line-height: 1.5;
}
.simple-feed-filter-presets-overlay__list {
display: grid;
gap: 10px;
padding: 2px 0 4px;
}
.simple-feed-filter-presets-overlay__entry {
position: relative;
display: grid;
gap: 10px;
}
.simple-feed-filter-presets-overlay__option {
display: grid;
gap: 6px;
width: 100%;
padding: 14px 56px 14px 16px;
border: 1px solid rgba(157, 182, 236, 0.14);
border-radius: 18px;
background: rgba(8, 16, 31, 0.82);
color: var(--text-1);
text-align: left;
cursor: pointer;
transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, transform 0.18s ease;
}
.simple-feed-filter-presets-overlay__entry.is-deleting .simple-feed-filter-presets-overlay__option {
opacity: 0.72;
}
.simple-feed-filter-presets-overlay__option strong {
display: block;
color: #f8fbff;
font-size: 0.96rem;
}
.simple-feed-filter-presets-overlay__option span {
display: block;
color: rgba(226, 236, 255, 0.66);
font-size: 0.82rem;
line-height: 1.4;
}
.simple-feed-filter-presets-overlay__option:hover,
.simple-feed-filter-presets-overlay__option:focus-visible {
border-color: rgba(91, 147, 255, 0.48);
background: rgba(20, 39, 79, 0.88);
box-shadow: 0 0 0 3px rgba(91, 147, 255, 0.14);
outline: none;
transform: translateY(-1px);
}
.simple-feed-filter-presets-overlay__option.is-selected {
border-color: rgba(91, 147, 255, 0.48);
background: rgba(20, 39, 79, 0.88);
box-shadow: 0 0 0 3px rgba(91, 147, 255, 0.14);
outline: none;
transform: none;
}
.simple-feed-filter-presets-overlay__option[aria-selected="true"] {
border-color: rgba(91, 147, 255, 0.48);
}
.simple-feed-filter-presets-overlay__delete {
position: absolute;
top: 12px;
right: 12px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
padding: 0;
border: 1px solid rgba(255, 124, 124, 0.26);
border-radius: 999px;
background: rgba(38, 13, 23, 0.9);
color: transparent;
font-size: 0;
line-height: 0;
appearance: none;
cursor: pointer;
transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, transform 0.18s ease;
}
.simple-feed-filter-presets-overlay__delete::before {
content: "\00d7";
display: block;
color: #ff8d9d;
font-size: 1.18rem;
font-weight: 700;
line-height: 1;
text-align: center;
transform: translateY(-1px);
}
.simple-feed-filter-presets-overlay__delete:hover,
.simple-feed-filter-presets-overlay__delete:focus-visible {
border-color: rgba(255, 124, 124, 0.52);
background: rgba(62, 18, 30, 0.96);
box-shadow: 0 0 0 3px rgba(255, 124, 124, 0.14);
outline: none;
transform: translateY(-1px);
}
.simple-feed-filter-presets-overlay__delete:disabled {
opacity: 0.5;
cursor: not-allowed;
transform: none;
box-shadow: none;
}
.simple-feed-filter-presets-overlay__confirm {
display: grid;
gap: 12px;
padding: 14px 16px;
border: 1px solid rgba(255, 124, 124, 0.22);
border-radius: 18px;
background: linear-gradient(180deg, rgba(32, 12, 23, 0.96) 0%, rgba(17, 11, 23, 0.98) 100%);
}
.simple-feed-filter-presets-overlay__confirm p {
margin: 0;
color: rgba(244, 233, 238, 0.92);
font-size: 0.9rem;
line-height: 1.45;
}
.simple-feed-filter-presets-overlay__confirm-actions {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 10px;
}
.simple-feed-filter-presets-overlay__danger {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 0 16px;
border: 1px solid rgba(255, 124, 124, 0.28);
border-radius: 14px;
background: linear-gradient(180deg, rgba(255, 108, 128, 0.96) 0%, rgba(205, 54, 82, 0.96) 100%);
color: #ffffff;
box-shadow: 0 14px 24px rgba(205, 54, 82, 0.2);
cursor: pointer;
}
.simple-feed-filter-presets-overlay__danger:disabled {
opacity: 0.5;
cursor: not-allowed;
box-shadow: none;
}
.simple-feed-filter-presets-overlay__secondary:hover,
.simple-feed-filter-presets-overlay__secondary:focus-visible,
.simple-feed-filter-presets-overlay__close:hover,
.simple-feed-filter-presets-overlay__close:focus-visible,
.simple-feed-filter-presets-overlay__primary:hover,
.simple-feed-filter-presets-overlay__primary:focus-visible {
outline: none;
border-color: rgba(91, 147, 255, 0.34);
}
.simple-feed-filter-footer__chips {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.simple-feed-filter-footer .simple-feed-toggle {
min-height: 46px;
padding: 0 14px;
border-radius: 14px;
background: rgba(8, 15, 31, 0.72);
}
.simple-feed-filter-footer button,
.simple-feed-filter-footer a {
min-width: 120px;
min-height: 46px;
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
}
.simple-feed-filter-footer .simple-feed-platforms {
display: contents;
}
.simple-feed-filter-footer .js-filter-preset-save {
min-width: 132px;
}
@media (max-width: 1280px) {
.simple-feed-field--platform {
grid-column: span 6;
}
.simple-feed-field--type,
.simple-feed-field--country,
.simple-feed-field--franchise,
.simple-feed-field--date-range {
grid-column: span 3;
}
.simple-feed-date-custom {
grid-column: span 6;
}

}
@media (max-width: 980px) {
.simple-feed-filter-head {
flex-direction: column;
align-items: stretch;
}
.simple-feed-filter-head__top {
flex-direction: column;
align-items: stretch;
}
.simple-feed-filter-head__actions {
justify-content: flex-start;
margin-left: 0;
}
.simple-feed-filter-presets {
min-width: 100%;
}
.simple-feed-filter-presets__controls {
align-items: stretch;
}
.simple-feed-filter-presets__controls select {
width: 100%;
}
.simple-feed-filter-presets__controls .js-filter-preset-restore {
width: auto;
justify-self: flex-start;
}
.simple-feed-page.is-filter-gate .simple-feed-filter-head__top {
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 12px;
flex-wrap: wrap;
}
.simple-feed-page.is-filter-gate .simple-feed-filter-head__copy {
display: inline-flex;
align-items: center;
max-width: none;
}
.simple-feed-page.is-filter-gate .simple-feed-filter-head__copy .simple-feed-filter-head__eyebrow {
margin: 0;
}
.simple-feed-page.is-filter-gate .simple-feed-filter-head__actions {
margin-left: 0;
justify-content: flex-start;
padding-top: 0;
}
.simple-feed-filter-head__meta {
display: flex;
justify-content: flex-start;
align-content: center;
}
.simple-feed-filter-fields {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.simple-feed-field--platform,
.simple-feed-field--type,
.simple-feed-field--country,
.simple-feed-field--franchise,
.simple-feed-field--date-range,
.simple-feed-date-custom {
grid-column: 1 / -1;
}
.simple-feed-date-custom {
grid-template-columns: 1fr;
}
.simple-feed-filter-footer {
flex-direction: column;
align-items: stretch;
}
.simple-feed-filter-footer__left,
.simple-feed-filter-footer__right {
justify-content: flex-start;
margin-left: 0;
}

}
@media (max-width: 640px) {
.simple-feed-filter-head {
padding: 18px 18px 14px;
}
.simple-feed-filter-head__copy h2 {
font-size: 28px;
}
.simple-feed-filter-fields {
grid-template-columns: 1fr;
padding: 18px 18px 14px;
}
.simple-feed-field--platform,
.simple-feed-field--type,
.simple-feed-field--country,
.simple-feed-field--franchise,
.simple-feed-field--date-range,
.simple-feed-date-custom {
grid-column: 1 / -1;
}
.simple-feed-filter-footer {
padding: 14px 18px 18px;
}
.simple-feed-filter-footer button,
.simple-feed-filter-footer a {
width: 100%;
}

}
.simple-feed-page.is-filter-gate {
min-height: 95vh;
display: flex;
flex-direction: column;
}
.simple-feed-page.is-filter-gate .simple-feed-filters {
width: min(980px, calc(100vw - 32px));
margin: auto;
}
.simple-feed-page.is-filter-gate .simple-feed-platforms,
.simple-feed-page.is-filter-gate .simple-feed-filter-head__meta {
display: none;
}
@media (max-width: 860px) {
.simple-feed-page.is-filter-gate .simple-feed-filters {
width: min(980px, calc(100vw - 20px));
}

}
.simple-chat-thread {
display: flex;
flex-direction: column;
gap: 14px;
max-height: 1200px;
overflow-y: auto;
padding-right: 6px;
scrollbar-width: thin;
}
.simple-chat-thread__message {
padding: 16px 18px;
border-radius: 18px;
border: 1px solid rgba(116, 156, 255, 0.14);
background: rgba(8, 15, 31, 0.68);
}
.simple-chat-thread__message.is-user {
border-color: rgba(96, 165, 250, 0.24);
background: rgba(9, 24, 48, 0.82);
}
.simple-feed-grid-preview-window__body,
.simple-chat-thread,
.simple-chat-overlay__dialog .simple-chat-post-hovercard__inner {
scrollbar-width: thin;
scrollbar-color: rgba(116, 156, 255, 0.5) rgba(6, 14, 30, 0.82);
}
.simple-feed-grid-preview-window__body::-webkit-scrollbar,
.simple-chat-thread::-webkit-scrollbar,
.simple-chat-overlay__dialog .simple-chat-post-hovercard__inner::-webkit-scrollbar {
width: 12px;
height: 12px;
}
.simple-feed-grid-preview-window__body::-webkit-scrollbar-track,
.simple-chat-thread::-webkit-scrollbar-track,
.simple-chat-overlay__dialog .simple-chat-post-hovercard__inner::-webkit-scrollbar-track {
background: rgba(6, 14, 30, 0.78);
border-radius: 999px;
border: 1px solid rgba(116, 156, 255, 0.08);
}
.simple-feed-grid-preview-window__body::-webkit-scrollbar-thumb,
.simple-chat-thread::-webkit-scrollbar-thumb,
.simple-chat-overlay__dialog .simple-chat-post-hovercard__inner::-webkit-scrollbar-thumb {
background: linear-gradient(180deg, rgba(96, 165, 250, 0.78), rgba(59, 130, 246, 0.52));
border-radius: 999px;
border: 2px solid rgba(6, 14, 30, 0.92);
box-shadow: inset 0 0 0 1px rgba(234, 242, 255, 0.06);
}
.simple-feed-grid-preview-window__body::-webkit-scrollbar-thumb:hover,
.simple-chat-thread::-webkit-scrollbar-thumb:hover,
.simple-chat-overlay__dialog .simple-chat-post-hovercard__inner::-webkit-scrollbar-thumb:hover {
background: linear-gradient(180deg, rgba(125, 181, 255, 0.92), rgba(96, 165, 250, 0.68));
}
.simple-feed-grid-preview-window__body::-webkit-scrollbar-corner,
.simple-chat-thread::-webkit-scrollbar-corner,
.simple-chat-overlay__dialog .simple-chat-post-hovercard__inner::-webkit-scrollbar-corner {
background: transparent;
}
.simple-chat-thread__message.is-assistant {
border-color: rgba(116, 156, 255, 0.14);
background:
radial-gradient(circle at top left, rgba(37, 99, 235, 0.08), transparent 42%),
rgba(8, 15, 31, 0.82);
}
.simple-chat-thread__message > strong {
display: block;
margin-bottom: 8px;
color: #ffffff;
}
.simple-chat-thread__message-body {
color: #eef4ff;
line-height: 1.6;
}
.simple-chat-thread__message.is-loading {
border-color: rgba(116, 156, 255, 0.24);
background:
radial-gradient(circle at top left, rgba(96, 165, 250, 0.14), transparent 42%),
rgba(8, 15, 31, 0.88);
}
.simple-chat-loading {
display: grid;
grid-template-columns: auto 1fr;
gap: 12px;
align-items: center;
min-height: 64px;
}
.simple-chat-loading__pulse {
width: 12px;
height: 12px;
border-radius: 999px;
background: linear-gradient(180deg, #8ec5ff 0%, #5b93ff 100%);
box-shadow: 0 0 0 0 rgba(91, 147, 255, 0.36);
animation: simpleChatLoadingPulse 1.35s ease-out infinite;
}
.simple-chat-loading__copy {
display: inline-flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
min-width: 0;
}
.simple-chat-loading__label {
color: #eef4ff;
font-weight: 600;
letter-spacing: 0.01em;
}
.simple-chat-loading__dots {
display: inline-flex;
align-items: center;
gap: 6px;
}
.simple-chat-loading__dots i {
width: 7px;
height: 7px;
border-radius: 999px;
background: rgba(174, 205, 255, 0.9);
animation: simpleChatLoadingDot 1s ease-in-out infinite;
}
.simple-chat-loading__dots i:nth-child(2) {
animation-delay: 0.14s;
}
.simple-chat-loading__dots i:nth-child(3) {
animation-delay: 0.28s;
}
@keyframes simpleChatLoadingPulse {
0% {
transform: scale(0.94);
box-shadow: 0 0 0 0 rgba(91, 147, 255, 0.34);
opacity: 0.84;
}
70% {
transform: scale(1.08);
box-shadow: 0 0 0 14px rgba(91, 147, 255, 0);
opacity: 1;
}
100% {
transform: scale(0.94);
box-shadow: 0 0 0 0 rgba(91, 147, 255, 0);
opacity: 0.84;
}
}
@keyframes simpleChatLoadingDot {
0%,
80%,
100% {
transform: translateY(0);
opacity: 0.35;
}
40% {
transform: translateY(-3px);
opacity: 1;
}
}
.simple-chat-thread__message-scale-frame,
.simple-chat-thread__message-scale {
min-width: 0;
}
.simple-chat-thread__message-scale-frame {
display: block;
}
.simple-chat-thread__message-scale {
display: grid;
gap: 16px;
transform-origin: top left;
will-change: transform;
}
.simple-chat-message__artifacts {
display: grid;
gap: 14px;
margin-top: 16px;
}
.simple-chat-message__section {
padding: 14px;
border-radius: 16px;
border: 1px solid rgba(116, 156, 255, 0.14);
background: rgba(8, 15, 31, 0.48);
}
.simple-chat-message__section-head {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 12px;
margin-bottom: 14px;
}
.simple-chat-message__section-head strong {
color: #f8fbff;
}
.simple-chat-message__section-head span {
color: rgba(234, 242, 255, 0.66);
font-size: 12px;
}
.simple-chat-message__posts-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 400px));
justify-content: start;
gap: 14px;
}
.simple-chat-message__posts-grid .simple-chat-linked-post {
width: 100%;
max-width: 400px;
padding: 14px;
box-sizing: border-box;
}
.simple-chat-message__posts-grid .simple-chat-linked-post .simple-post-body {
flex-direction: column;
align-items: stretch;
gap: 14px;
}
.simple-chat-message__posts-grid .simple-chat-linked-post .simple-post-media {
width: 100%;
min-width: 0;
height: 220px;
}
.simple-chat-message__posts-grid .simple-chat-linked-post .simple-post-copy h2 {
font-size: 18px;
line-height: 1.28;
margin-bottom: 8px;
}
.simple-chat-message__posts-grid .simple-chat-linked-post .simple-post-copy p {
font-size: 14px;
}
.simple-chat-message__chart .simple-chat-chart__summary {
margin-bottom: 14px;
}
.simple-chat-message__chart .simple-chat-chart__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 14px;
}
@media (max-width: 860px) {
.simple-chat-message__posts-grid {
grid-template-columns: 1fr;
}
.simple-chat-message__posts-grid .simple-chat-linked-post {
max-width: none;
}

}
.simple-chat-message__posts-grid,
.simple-chat-linked-posts__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 260px));
justify-content: start;
gap: 12px;
}
.simple-chat-linked-post {
position: relative;
width: 100%;
min-width: 0;
padding: 12px;
box-sizing: border-box;
overflow: visible;
isolation: isolate;
}
.simple-chat-post-preview {
display: flex;
flex-direction: column;
gap: 10px;
}
.simple-chat-post-preview__head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 8px;
}
.simple-chat-post-preview__meta {
display: flex;
flex-wrap: wrap;
gap: 6px 8px;
align-items: center;
min-width: 0;
}
.simple-chat-post-preview__meta .simple-post-account,
.simple-chat-post-preview__meta .simple-post-date {
max-width: 100%;
color: rgba(234, 242, 255, 0.78);
font-size: 12px;
}
.simple-chat-post-preview__body {
display: grid;
grid-template-columns: 78px minmax(0, 1fr);
gap: 12px;
align-items: start;
}
.simple-chat-post-preview__media,
.simple-chat-post-preview__media.is-empty {
width: 78px;
min-width: 78px;
height: 132px;
border-radius: 16px;
overflow: hidden;
background: rgba(7, 18, 36, 0.72);
border: 1px solid rgba(116, 156, 255, 0.12);
display: flex;
align-items: center;
justify-content: center;
}
.simple-chat-post-preview__media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.simple-chat-post-preview__media span {
padding: 8px;
text-align: center;
font-size: 11px;
color: rgba(234, 242, 255, 0.56);
}
.simple-chat-post-preview__copy {
min-width: 0;
display: flex;
flex-direction: column;
gap: 10px;
}
.simple-chat-post-preview__copy h2 {
margin: 0;
color: #f8fbff;
font-size: 14px;
line-height: 1.32;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
}
.simple-chat-post-preview__published {
display: flex;
flex-direction: column;
gap: 3px;
}
.simple-chat-post-preview__published span {
color: rgba(234, 242, 255, 0.58);
font-size: 10px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.simple-chat-post-preview__published strong {
margin: 0;
color: rgba(234, 242, 255, 0.86);
font-size: 12px;
line-height: 1.35;
}
.simple-chat-post-preview__stats {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.simple-chat-post-preview__stats span {
min-height: 30px;
padding: 0 10px;
font-size: 12px;
}
.simple-chat-post-preview__tags {
gap: 8px;
}
.simple-chat-post-preview__tags .simple-post-tag {
max-width: 100%;
font-size: 11px;
}
.simple-chat-post-hovercard {
display: none;
}
.simple-chat-post-overlay-card {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
position: relative;
z-index: 1;
}
.simple-chat-overlay__content > .simple-chat-post-overlay-card {
display: block !important;
width: 100%;
}
.simple-chat-post-hovercard__inner {
padding: 16px;
border-radius: 20px;
border: 1px solid rgba(116, 156, 255, 0.18);
background: rgba(6, 13, 29, 0.98);
box-shadow: 0 28px 72px rgba(0, 0, 0, 0.42);
backdrop-filter: blur(14px);
}
.simple-chat-overlay {
position: fixed;
inset: 0;
display: none;
align-items: center;
justify-content: center;
padding: 24px;
background: rgba(2, 8, 20, 0.76);
backdrop-filter: blur(8px);
z-index: 2147483646;
isolation: isolate;
}
.simple-chat-overlay.is-open {
display: flex;
}
.simple-chat-overlay[hidden] {
display: none !important;
}
.simple-chat-overlay__dialog .simple-chat-post-hovercard__inner {
border: 0;
border-radius: 0;
box-shadow: none;
max-height: calc(77vh - 48px);
overflow: overlay;
}
.simple-chat-overlay__close {
font: inherit;
cursor: pointer;
}
.simple-chat-overlay__close:hover {
background: rgba(14, 25, 48, 0.95);
}
.simple-chat-post-hovercard__body {
display: flex;
flex-direction: column;
gap: 14px;
margin-top: 12px;
}
.simple-chat-post-hovercard__media,
.simple-chat-post-hovercard__media.is-empty {
width: 100%;
height: 220px;
border-radius: 18px;
overflow: hidden;
background: rgba(7, 18, 36, 0.8);
border: 1px solid rgba(116, 156, 255, 0.14);
display: flex;
align-items: center;
justify-content: center;
}
.simple-chat-post-hovercard__media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.simple-chat-post-hovercard__media span {
color: rgba(234, 242, 255, 0.58);
font-size: 12px;
}
.simple-chat-post-hovercard__copy h3 {
margin: 0 0 10px;
color: #f8fbff;
font-size: 20px;
line-height: 1.25;
}
.simple-chat-post-hovercard__copy p {
margin: 0;
color: rgba(234, 242, 255, 0.82);
font-size: 14px;
line-height: 1.5;
}
@media (max-width: 980px) {
.simple-chat-overlay {
padding: 16px;
}
.simple-chat-overlay__dialog,
.simple-chat-overlay__dialog .simple-chat-post-hovercard__inner {
width: min(920px, calc(100vw - 32px));
max-height: calc(95vh - 32px);
}

}
@media (max-width: 640px) {
.simple-chat-message__posts-grid,
.simple-chat-linked-posts__grid {
grid-template-columns: 1fr;
}
.simple-chat-linked-post {
max-width: none;
}
.simple-chat-post-preview__body {
grid-template-columns: 72px minmax(0, 1fr);
}
.simple-chat-overlay__dialog,
.simple-chat-overlay__dialog .simple-chat-post-hovercard__inner {
width: calc(100vw - 20px);
max-height: calc(95vh - 20px);
}

}
html {
min-height: 100%;
scroll-behavior: smooth;
}
body {
min-height: 100%;
margin: 0;
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
line-height: 1.55;
color: var(--text-1);
background:
radial-gradient(circle at top center, rgba(57, 105, 217, 0.18), transparent 34%),
radial-gradient(circle at 15% 10%, rgba(75, 154, 255, 0.12), transparent 24%),
linear-gradient(180deg, #09111f 0%, #07111f 48%, #050c16 100%);
img {
display: block;
max-width: 100%;
}
a {
color: inherit;
text-decoration: none;
}
button,
input,
select,
textarea {
font: inherit;
color: inherit;
}
button {
cursor: pointer;
}
::selection {
background: rgba(79, 140, 255, 0.28);
color: #ffffff;
}
:focus-visible {
outline: 3px solid var(--focus);
outline-offset: 2px;
}
[hidden],
.is-hidden {
display: none !important;
}
.simple-visually-hidden {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.simple-skip-link {
position: fixed;
top: 12px;
left: 12px;
z-index: 1200;
display: inline-flex;
align-items: center;
min-height: 44px;
padding: 0 16px;
border-radius: 999px;
background: #ffffff;
color: #07111f;
box-shadow: var(--shadow-md);
transform: translateY(-150%);
transition: transform 180ms ease;
}
.simple-skip-link:focus-visible {
transform: translateY(0);
}
.simple-feed-page {
margin: 0 auto;
}
.simple-feed-hero,
.simple-feed-panel,
.simple-feed-grid-workspace,
.simple-post-card,
.simple-workspace-panel,
.simple-chat-overlay__dialog {
border: 1px solid var(--line);
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 24%),
linear-gradient(180deg, rgba(14, 24, 42, 0.98) 0%, rgba(8, 16, 29, 0.98) 100%);
box-shadow: var(--shadow-lg);
backdrop-filter: blur(18px);
}
.simple-feed-hero {
display: grid;
grid-template-columns: minmax(0, 1.6fr) minmax(280px, 0.9fr);
gap: 24px;
align-items: start;
padding: 28px;
border-radius: var(--radius-xl);
position: relative;
overflow: hidden;
}
.simple-feed-hero::before,
.simple-feed-hero::after {
content: "";
position: absolute;
border-radius: 999px;
pointer-events: none;
}
.simple-feed-hero::before {
inset: auto -120px -140px auto;
width: 320px;
height: 320px;
background: radial-gradient(circle, rgba(79, 140, 255, 0.18), transparent 70%);
}
.simple-feed-hero::after {
inset: -140px auto auto -100px;
width: 260px;
height: 260px;
background: radial-gradient(circle, rgba(57, 201, 138, 0.12), transparent 72%);
}
.simple-feed-hero > * {
position: relative;
z-index: 1;
}
.simple-feed-eyebrow,
.simple-workspace-panel__eyebrow {
margin: 0 0 10px;
color: #aecdff;
font-size: 0.74rem;
font-weight: 800;
letter-spacing: 0.16em;
text-transform: uppercase;
}
.simple-feed-hero h1,
.simple-workspace-panel h2,
.simple-workspace-publications__header h2,
.simple-feed-filter-head__copy h2,
.simple-feed-filter-head__copy h3 {
margin: 0;
font-weight: 800;
letter-spacing: -0.04em;
line-height: 1.05;
}
.simple-feed-hero h1 {
font-size: clamp(2rem, 3vw, 3.25rem);
max-width: 14ch;
}
.simple-feed-subtitle,
.simple-feed-filter-head__copy p,
.simple-workspace-panel > p,
.simple-panel-empty,
.simple-ai-block p,
.simple-ai-block li,
.simple-comment-body,
.simple-chat-inline__hint,
.simple-chat-chart__summary,
.simple-chat-chart__note {
color: var(--text-3);
}
.simple-feed-subtitle {
max-width: 75ch;
margin: 12px 0 0;
font-size: 1rem;
}
.simple-feed-metrics,
.simple-feed-platforms,
.simple-post-meta,
.simple-post-stats,
.simple-post-tags,
.simple-ai-tags,
.simple-ai-metrics,
.simple-workspace-meta,
.simple-chat-post-preview__meta,
.simple-chat-chart__legend,
.simple-chat-post-preview__stats,
.simple-chat-post-preview__tags {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.simple-feed-metrics {
justify-content: flex-end;
align-content: start;
}
.simple-feed-metric,
.simple-feed-chip,
.simple-post-badge,
.simple-post-open,
.simple-post-stats span,
.simple-post-tag,
.simple-ai-tags span,
.simple-ai-metrics span,
.simple-workspace-meta span,
.simple-chat-chart__legend-item {
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 0 12px;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 999px;
background: rgba(13, 24, 42, 0.88);
color: var(--text-2);
font-size: 0.78rem;
font-weight: 700;
}
.simple-feed-metric strong,
.simple-feed-filter-head__meta strong {
margin-right: 6px;
color: var(--text-1);
}
.simple-feed-chip,
.simple-post-badge,
.simple-post-tag,
.simple-ai-tags span,
.simple-ai-metrics span {
min-height: 30px;
}
.simple-feed-panel {
margin-top: 18px;
border-radius: 28px;
padding: 0;
overflow: hidden;
}
.simple-feed-filter-layout {
display: grid;
gap: 0;
}
.simple-feed-filter-head {
display: flex;
justify-content: space-between;
gap: 20px;
border-bottom: 1px solid var(--line);
flex-direction: column;
flex-wrap: wrap;
align-content: center;
align-items: flex-start;
}
.simple-feed-filter-head__copy p {
margin: 10px 0 0;
max-width: 70ch;
}
.simple-feed-form {
padding: 16px;
}
.simple-feed-filter-fields {
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
gap: 16px;
}
.simple-feed-field {
min-width: 0;
}
.simple-feed-field--platform {
grid-column: span 3;
}
.simple-feed-field--type,
.simple-feed-field--country,
.simple-feed-field--franchise,
.simple-feed-field--date-range {
grid-column: span 2;
}
.simple-feed-date-custom {
grid-column: span 3;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.simple-feed-field label {
display: inline-block;
margin-bottom: 8px;
color: #bbcae7;
font-size: 0.74rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.simple-feed-field input:not([type="checkbox"]):not([type="radio"]),
.simple-feed-field select,
.simple-chat-inline__input,
.simple-feed-filter-footer__right button,
.simple-feed-filter-footer__right a,
.simple-chat-inline__button,
.simple-workspace-tabs__button {
min-height: 38px;
border-radius: 14px;
transition:
border-color 160ms ease,
background-color 160ms ease,
transform 160ms ease,
box-shadow 160ms ease,
color 160ms ease;
}
.simple-feed-field input:not([type="checkbox"]):not([type="radio"]),
.simple-feed-field select,
.simple-chat-inline__input {
width: 100%;
border: 1px solid rgba(157, 182, 236, 0.18);
background: rgba(8, 16, 31, 0.9);
color: var(--text-1);
padding: 0 14px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}
.simple-feed-field select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image:
linear-gradient(45deg, transparent 50%, #99b6ef 50%),
linear-gradient(135deg, #99b6ef 50%, transparent 50%);
background-position:
calc(100% - 18px) calc(50% - 3px),
calc(100% - 12px) calc(50% - 3px);
background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat;
padding-right: 38px;
}
.simple-feed-field select[multiple] {
appearance: auto;
-webkit-appearance: auto;
-moz-appearance: auto;
background-image: none;
padding: 10px 12px;
padding-right: 12px;
min-height: 132px;
height: auto;
overflow-y: auto;
}
.simple-feed-multi-select .simple-feed-field select[multiple],
.simple-feed-multi-select__native[multiple] {
min-height: 1px;
}
.simple-feed-field select[multiple] option {
padding: 6px 8px;
}
.simple-feed-form select,
.simple-feed-form option,
.simple-feed-form optgroup {
color: var(--text-1);
background: #0c1830;
}
.simple-feed-field input::placeholder,
.simple-chat-inline__input::placeholder {
color: rgba(214, 222, 239, 0.5);
}
.simple-feed-field input:not([type="checkbox"]):not([type="radio"]):hover,
.simple-feed-field select:hover,
.simple-chat-inline__input:hover {
border-color: rgba(157, 182, 236, 0.32);
}
.simple-feed-field input:not([type="checkbox"]):not([type="radio"]):focus,
.simple-feed-field select:focus,
.simple-chat-inline__input:focus {
outline: none;
border-color: rgba(134, 177, 255, 0.6);
box-shadow: 0 0 0 4px rgba(79, 140, 255, 0.14);
}
.simple-feed-filter-footer {
display: flex;
justify-content: space-between;
gap: 20px;
align-items: end;
padding: 20px 24px 24px;
border-top: 1px solid var(--line);
}
.simple-feed-filter-footer__left,
.simple-feed-filter-footer__right {
display: flex;
align-items: center;
gap: 14px;
flex-wrap: wrap;
}
.simple-feed-filter-footer__right {
justify-content: flex-end;
}
.simple-feed-advanced-toggle {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 0 14px;
border: 1px solid rgba(157, 182, 236, 0.18);
border-radius: 14px;
background: rgba(255, 255, 255, 0.03);
color: var(--text-1);
font-size: 0.88rem;
font-weight: 700;
cursor: pointer;
}
.simple-feed-advanced-toggle strong {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 22px;
height: 22px;
padding: 0 6px;
border-radius: 999px;
background: rgba(91, 147, 255, 0.22);
color: #dce9ff;
font-size: 0.76rem;
}
.simple-feed-advanced-toggle.has-active-filters {
border-color: rgba(91, 147, 255, 0.34);
box-shadow: inset 0 0 0 1px rgba(91, 147, 255, 0.08);
}
.simple-feed-filter-footer__right button,
.simple-feed-filter-footer__right a,
.simple-chat-inline__button,
.simple-post-open,
.simple-chat-overlay__close {
justify-content: center;
padding: 0 16px;
border: 1px solid transparent;
}
.simple-feed-filter-footer__right button,
.simple-chat-inline__button {
background: linear-gradient(180deg, #5b93ff 0%, #2f6ff4 100%);
color: #ffffff;
box-shadow: 0 14px 24px rgba(47, 111, 244, 0.28);
}
.simple-feed-filter-footer__right .simple-feed-advanced-toggle {
background: rgba(255, 255, 255, 0.03);
color: var(--text-1);
box-shadow: none;
border-color: rgba(157, 182, 236, 0.18);
}
.simple-feed-advanced-overlay {
position: fixed;
inset: 0;
z-index: 120;
display: flex;
align-items: center;
justify-content: center;
padding: 24px;
}
.simple-feed-advanced-overlay[hidden] {
display: none !important;
}
.simple-feed-advanced-overlay__backdrop {
position: absolute;
inset: 0;
background: rgba(2, 6, 23, 0.68);
backdrop-filter: blur(10px);
}
.simple-feed-advanced-dialog {
position: relative;
z-index: 1;
width: min(720px, 100%);
max-height: min(84vh, 860px);
overflow: auto;
padding: 22px;
border: 1px solid rgba(157, 182, 236, 0.16);
border-radius: 24px;
background:
linear-gradient(180deg, rgba(12, 22, 42, 0.98) 0%, rgba(7, 14, 29, 0.99) 100%);
box-shadow: 0 28px 80px rgba(2, 6, 23, 0.48);
}
.simple-feed-advanced-dialog__head,
.simple-feed-advanced-dialog__footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.simple-feed-advanced-dialog__head {
margin-bottom: 18px;
}
.simple-feed-advanced-dialog__head strong {
display: block;
color: #f8fbff;
font-size: 1.2rem;
letter-spacing: -0.02em;
}
.simple-feed-advanced-dialog__head p {
margin: 6px 0 0;
color: var(--text-3);
font-size: 0.94rem;
}
.simple-feed-advanced-dialog__close,
.simple-feed-advanced-dialog__secondary,
.simple-feed-advanced-dialog__primary {
min-height: 42px;
border-radius: 14px;
}
.simple-feed-advanced-dialog__close,
.simple-feed-advanced-dialog__secondary {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 14px;
border: 1px solid rgba(157, 182, 236, 0.14);
background: rgba(255, 255, 255, 0.03);
color: var(--text-1);
cursor: pointer;
}
.simple-feed-advanced-dialog__primary {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 18px;
border: 1px solid transparent;
background: linear-gradient(180deg, #5b93ff 0%, #2f6ff4 100%);
color: #ffffff;
box-shadow: 0 14px 24px rgba(47, 111, 244, 0.24);
cursor: pointer;
}
.simple-feed-advanced-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
margin-bottom: 20px;
}
.simple-feed-advanced-section {
display: grid;
gap: 14px;
padding: 16px;
border: 1px solid rgba(157, 182, 236, 0.12);
border-radius: 20px;
background: rgba(7, 15, 30, 0.72);
}
.simple-feed-advanced-section__head strong {
display: block;
margin-bottom: 5px;
color: #f8fbff;
font-size: 0.98rem;
}
.simple-feed-advanced-section__head span {
color: var(--text-3);
font-size: 0.88rem;
line-height: 1.45;
}
.simple-feed-advanced-check {
display: flex;
align-items: flex-start;
gap: 12px;
padding: 12px 14px;
border: 1px solid rgba(157, 182, 236, 0.12);
border-radius: 16px;
background: rgba(10, 19, 36, 0.74);
color: var(--text-2);
font-size: 0.92rem;
line-height: 1.45;
}
.simple-feed-advanced-check input {
margin-top: 3px;
accent-color: #5b93ff;
}
.simple-feed-field--advanced-number {
padding: 0;
}
.simple-feed-field--advanced-number label {
margin-bottom: 8px;
}
body.has-advanced-filters-open {
overflow: hidden;
}
@media (max-width: 820px) {
.simple-feed-advanced-overlay {
padding: 14px;
}
.simple-feed-advanced-dialog {
padding: 18px;
border-radius: 20px;
}
.simple-feed-advanced-grid {
grid-template-columns: 1fr;
}
.simple-feed-advanced-dialog__head,
.simple-feed-advanced-dialog__footer {
flex-direction: column;
align-items: stretch;
}
.simple-feed-advanced-dialog__close {
align-self: flex-end;
}
}
body .simple-workspace-publications__body {
max-height: 500px !important;
overflow-y: auto !important;
overflow-x: hidden !important;
scrollbar-width: thin;
}
.simple-feed-filter-footer__right a,
.simple-post-open,
.simple-chat-overlay__close {
background: rgba(255, 255, 255, 0.03);
border-color: rgba(157, 182, 236, 0.16);
color: var(--text-2);
}
.simple-feed-filter-footer__right button:hover,
.simple-chat-inline__button:hover,
.simple-feed-filter-footer__right a:hover,
.simple-post-open:hover,
.simple-workspace-tabs__button:hover,
.simple-chat-overlay__close:hover {
transform: translateY(-1px);
}
.simple-feed-filter-footer__right button:active,
.simple-chat-inline__button:active,
.simple-feed-filter-footer__right a:active,
.simple-post-open:active,
.simple-workspace-tabs__button:active,
.simple-chat-overlay__close:active {
transform: translateY(0);
}
.simple-feed-toggle {
display: inline-flex;
align-items: center;
gap: 10px;
min-height: 40px;
color: var(--text-2);
font-size: 0.92rem;
}
.simple-feed-toggle input {
inline-size: 18px;
block-size: 18px;
accent-color: var(--brand);
}
.simple-feed-grid-workspace {
border-radius: 32px;
padding: 18px;
}
. .simple-workspace-tabs {
display: flex;
gap: 18px;
flex-direction: column;
flex-wrap: wrap;
align-content: center;
align-items: flex-start;
justify-content: center;
}
.simple-workspace-tabs__nav {
min-height: 65px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
width: 100%;
padding: 8px;
border-radius: 999px;
border: 1px solid var(--line);
background: rgba(7, 14, 26, 0.72);
}
.simple-workspace-tabs__tablist {
display: inline-flex;
align-items: center;
gap: 10px;
min-width: 0;
flex: 0 1 auto;
}
.simple-workspace-tabs__platforms {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
flex: 1 1 auto;
min-width: 0;
}
.simple-workspace-tabs__platforms .simple-feed-chip {
white-space: nowrap;
}
.simple-workspace-tabs__button {
border: 0;
padding: 0 18px;
background: transparent;
color: var(--text-3);
font-weight: 700;
}
.simple-workspace-tabs__button.is-active {
background: rgba(79, 140, 255, 0.14);
color: var(--text-1);
box-shadow: inset 0 0 0 1px rgba(134, 177, 255, 0.16);
}
.simple-workspace-panel {
border-radius: 28px;
padding: 26px;
}
.simple-workspace-panel h2,
.simple-workspace-publications__header h2 {
font-size: clamp(1.5rem, 2vw, 2rem);
}
.simple-workspace-panel > p {
margin: 12px 0 0;
max-width: 72ch;
}
.simple-workspace-meta {
margin-top: 18px;
}
.simple-workspace-error {
margin-top: 18px;
padding: 16px 18px;
border-radius: var(--radius-md);
border: 1px solid rgba(255, 124, 124, 0.24);
background: rgba(75, 21, 21, 0.42);
color: #ffd7d7;
}
.simple-workspace-error strong {
display: inline-block;
margin-bottom: 6px;
}
.simple-chat-thread {
display: grid;
gap: 14px;
margin-top: 18px;
}
.simple-chat-thread__message {
max-width: min(100%, 920px);
padding: 16px 18px;
border-radius: 22px;
border: 1px solid var(--line);
background: rgba(10, 18, 33, 0.82);
box-shadow: var(--shadow-sm);
}
.simple-chat-thread__message.is-user {
margin-left: auto;
background: linear-gradient(180deg, rgba(47, 111, 244, 0.2) 0%, rgba(12, 26, 52, 0.92) 100%);
}
.simple-chat-thread__message.is-assistant {
margin-right: auto;
}
.simple-chat-thread__message > strong {
display: inline-flex;
align-items: center;
margin-bottom: 8px;
color: #bbcefa;
font-size: 0.78rem;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.simple-chat-thread__message-body {
color: var(--text-2);
font-size: 0.97rem;
}
.simple-chat-thread__message-body > :first-child {
margin-top: 0;
}
.simple-chat-thread__message-body > :last-child {
margin-bottom: 0;
}
.simple-chat-thread__message-body p,
.simple-chat-thread__message-body ul,
.simple-chat-thread__message-body ol,
.simple-chat-thread__message-body blockquote,
.simple-chat-thread__message-body hr,
.simple-chat-thread__message-body h1,
.simple-chat-thread__message-body h2,
.simple-chat-thread__message-body h3 {
margin: 0 0 12px;
}
.simple-chat-thread__message-body ul,
.simple-chat-thread__message-body ol {
padding-left: 20px;
}
.simple-chat-thread__message-body code {
padding: 2px 6px;
border-radius: 8px;
background: rgba(255, 255, 255, 0.06);
color: #d8e5ff;
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
font-size: 0.92em;
}
.simple-chat-thread__message-body a {
color: #aecdff;
text-decoration: underline;
text-underline-offset: 2px;
}
.simple-chat-thread__message-body blockquote {
padding-left: 14px;
border-left: 3px solid rgba(134, 177, 255, 0.34);
color: var(--text-3);
}
.simple-chat-thread__message-body hr {
border: 0;
border-top: 1px solid var(--line);
}
.simple-chat-message__artifacts {
display: grid;
gap: 14px;
margin-top: 14px;
}
.simple-chat-message__artifacts--inline {
margin-top: 10px;
}
.simple-chat-message__section {
border: 1px solid var(--line);
border-radius: 20px;
background: rgba(7, 15, 28, 0.72);
padding: 7px;
}
.simple-chat-message__section-head {
display: flex;
justify-content: space-between;
gap: 12px;
align-items: center;
margin-bottom: 12px;
color: var(--text-2);
font-size: 0.88rem;
}
.simple-chat-message__posts-grid,
.simple-chat-chart__grid {
display: grid;
gap: 14px;
}
.simple-chat-message__posts-grid {
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}
.simple-chat-inline-ref-button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
margin-left: 6px;
padding: 0;
border-radius: 999px;
border: 1px solid rgba(134, 177, 255, 0.28);
background: rgba(79, 140, 255, 0.12);
color: #eaf2ff;
vertical-align: middle;
cursor: pointer;
transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}
.simple-chat-inline-ref-button svg {
width: 15px;
height: 15px;
display: block;
}
.simple-chat-inline-ref-button:hover,
.simple-chat-inline-ref-button:focus-visible,
.simple-chat-inline-ref-button.is-active {
border-color: rgba(157, 196, 255, 0.56);
background: rgba(79, 140, 255, 0.22);
color: #ffffff;
transform: translateY(-1px);
}
.simple-chat-inline-ref-button:focus-visible {
outline: none;
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}
.simple-chat-overlay-post-list {
display: grid;
gap: 16px;
}
.simple-chat-overlay-post-list__head {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
color: var(--text-2);
font-size: 0.95rem;
}
.simple-chat-overlay-post-list__head strong {
color: var(--text);
font-size: 1rem;
}
.simple-chat-overlay-post-list .simple-chat-message__posts-grid {
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 14px;
}
.simple-chat-chart__grid {
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}
.simple-chat-inline {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 14px;
align-items: center;
margin-top: 20px;
padding: 18px;
border-radius: 24px;
border: 1px solid var(--line);
background: rgba(7, 15, 28, 0.74);
}
.simple-chat-inline__options {
grid-column: 1 / -1;
}
.simple-chat-inline.is-loading {
opacity: 0.86;
}
.simple-chat-inline__button.is-loading,
.simple-chat-inline__button:disabled,
.simple-feed-filter-footer__right button:disabled {
cursor: progress;
opacity: 0.7;
}
.simple-feed-filter-footer__right button.is-loading::after {
content: '…';
}
.simple-chat-inline__input:disabled {
cursor: not-allowed;
opacity: 0.8;
}
.simple-workspace-publications__header {
display: flex;
justify-content: space-between;
gap: 20px;
align-items: end;
}
.simple-workspace-publications__meta {
display: inline-flex;
align-items: center;
min-height: 36px;
padding: 0 14px;
border-radius: 999px;
background: rgba(79, 140, 255, 0.12);
border: 1px solid rgba(134, 177, 255, 0.12);
color: #dbe8ff;
font-weight: 700;
}
.simple-feed-empty {
padding: 24px;
border-radius: 20px;
border: 1px dashed var(--line-strong);
background: rgba(8, 16, 30, 0.72);
color: var(--text-3);
}
.simple-feed-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
gap: 18px;
}
.simple-post-card {
--platform-accent: rgba(134, 177, 255, 0.2);
display: flex;
flex-direction: column;
gap: 16px;
min-width: 0;
min-height: 100%;
padding: 18px;
border-radius: 24px;
position: relative;
overflow: hidden;
}
.simple-post-card::before {
content: "";
position: absolute;
inset: 0 0 auto;
height: 3px;
background: linear-gradient(90deg, transparent 0%, var(--platform-accent) 18%, rgba(255, 255, 255, 0.35) 50%, transparent 100%);
}
.simple-post-card.is-instagram {
--platform-accent: rgba(233, 89, 153, 0.72);
}
.simple-post-card.is-youtube {
--platform-accent: rgba(255, 104, 104, 0.8);
}
.simple-post-card.is-youtube-short {
--platform-accent: rgba(255, 152, 87, 0.8);
}
.simple-post-card.is-tiktok {
--platform-accent: rgba(70, 223, 208, 0.74);
}
.simple-post-head,
.simple-chat-post-preview__head {
display: flex;
justify-content: space-between;
gap: 12px;
align-items: start;
}
.simple-post-account,
.simple-post-date {
color: var(--text-2);
font-size: 0.8rem;
font-weight: 700;
}
.simple-post-badge {
color: var(--text-1);
letter-spacing: 0.08em;
text-transform: uppercase;
font-size: 0.68rem;
}
.simple-feed-chip.is-instagram,
.simple-post-badge.is-instagram {
border-color: rgba(233, 89, 153, 0.3);
background: rgba(67, 19, 44, 0.56);
}
.simple-feed-chip.is-youtube,
.simple-post-badge.is-youtube {
border-color: rgba(255, 104, 104, 0.26);
background: rgba(66, 18, 18, 0.54);
}
.simple-feed-chip.is-youtube-short,
.simple-post-badge.is-youtube-short {
border-color: rgba(255, 152, 87, 0.26);
background: rgba(74, 32, 14, 0.54);
}
.simple-feed-chip.is-tiktok,
.simple-post-badge.is-tiktok {
border-color: rgba(70, 223, 208, 0.26);
background: rgba(14, 57, 53, 0.56);
}
.simple-post-body,
.simple-chat-post-preview__body,
.simple-chat-post-hovercard__body {
display: grid;
grid-template-columns: 92px minmax(0, 1fr);
gap: 14px;
align-items: start;
}
.simple-post-body.is-without-media,
.simple-chat-post-preview__body.is-without-media,
.simple-chat-post-hovercard__body.is-without-media {
grid-template-columns: minmax(0, 1fr);
}
.simple-post-media,
.simple-chat-post-preview__media,
.simple-chat-post-hovercard__media {
width: 92px;
min-width: 92px;
height: 92px;
overflow: hidden;
border-radius: 18px;
border: 1px solid rgba(255, 255, 255, 0.08);
background: linear-gradient(180deg, rgba(21, 36, 58, 0.98) 0%, rgba(7, 14, 24, 0.98) 100%);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
.simple-post-media img,
.simple-chat-post-preview__media img,
.simple-chat-post-hovercard__media img {
width: 100%;
height: 100%;
object-fit: cover;
}
.simple-post-media.is-empty,
.simple-chat-post-preview__media.is-empty,
.simple-chat-post-hovercard__media.is-empty {
display: grid;
place-items: center;
padding: 12px;
color: var(--text-3);
text-align: center;
font-size: 0.78rem;
font-weight: 700;
}
.simple-post-copy,
.simple-chat-post-preview__copy,
.simple-chat-post-hovercard__copy {
min-width: 0;
}
.simple-post-copy h2,
.simple-chat-post-preview__copy h2,
.simple-chat-post-hovercard__copy h3 {
margin: 0;
color: var(--text-1);
font-size: 1.06rem;
line-height: 1.28;
letter-spacing: -0.02em;
}
.simple-post-copy p,
.simple-chat-post-hovercard__copy p {
margin: 8px 0 0;
color: var(--text-3);
font-size: 0.92rem;
}
.simple-feed-grid .simple-post-copy {
display: grid;
align-content: start;
gap: 10px;
}
.simple-feed-grid .simple-post-copy h2 {
font-size: 1rem;
line-height: 1.24;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
min-height: calc(1.24em * 3);
}
.simple-feed-grid .simple-post-copy p {
margin: 0;
font-size: 0.88rem;
line-height: 1.46;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
min-height: calc(1.46em * 4);
}
@media (min-width: 981px) {
.simple-workspace-panel--publications .simple-feed-grid {
grid-template-columns: repeat(auto-fit, minmax(clamp(280px, 24vw, 360px), 1fr));
gap: 16px;
}
.simple-workspace-panel--publications .simple-post-card {
padding: 16px;
gap: 14px;
}
.simple-workspace-panel--publications .simple-post-body {
grid-template-columns: 84px minmax(0, 1fr);
gap: 12px;
}
.simple-workspace-panel--publications .simple-post-media,
.simple-workspace-panel--publications .simple-post-media.is-empty {
width: 84px;
min-width: 84px;
height: 84px;
border-radius: 16px;
}
.simple-workspace-panel--publications .simple-post-copy {
display: grid;
align-content: start;
gap: 8px;
}
.simple-workspace-panel--publications .simple-post-copy h2 {
font-size: clamp(1rem, 0.95rem + 0.16vw, 1.1rem);
line-height: 1.22;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
max-height: calc(1.22em * 4);
min-height: 0;
text-wrap: pretty;
}
.simple-workspace-panel--publications .simple-post-copy p {
margin: 0;
font-size: 0.9rem;
line-height: 1.48;
color: rgba(219, 232, 255, 0.74);
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
max-height: calc(1.48em * 4);
min-height: 0;
text-wrap: pretty;
}
}
.simple-chat-post-preview__published {
display: grid;
gap: 2px;
margin-top: 10px;
color: var(--text-3);
font-size: 0.78rem;
}
.simple-chat-post-preview__published strong {
color: var(--text-2);
font-size: 0.9rem;
}
.simple-post-stats span,
.simple-chat-post-preview__stats span {
min-height: 32px;
}
.simple-post-tag,
.simple-ai-tags span {
min-height: 28px;
background: rgba(255, 255, 255, 0.03);
color: #dce7fb;
font-size: 0.7rem;
font-weight: 800;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.simple-post-tag.is-game {
border-color: rgba(241, 190, 100, 0.24);
color: #f0c977;
}
.simple-post-tag.is-content {
border-color: rgba(244, 196, 48, 0.34);
background: rgba(244, 196, 48, 0.1);
color: #f6d25f;
}
.simple-post-tag.is-account {
border-color: rgba(57, 201, 138, 0.24);
color: #baf2d7;
}
.simple-post-panels {
display: grid;
gap: 12px;
margin-top: auto;
}
.simple-post-panel,
.simple-chat-linked-post__panel {
border-radius: 18px;
border: 1px solid rgba(157, 182, 236, 0.12);
background: rgba(7, 15, 28, 0.68);
overflow: hidden;
}
.simple-post-panel summary {
position: relative;
list-style: none;
cursor: pointer;
padding: 14px 44px 14px 16px;
color: var(--text-1);
font-size: 0.86rem;
font-weight: 800;
}
.simple-post-panel summary::-webkit-details-marker {
display: none;
}
.simple-post-panel summary::after {
content: "▾";
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
color: var(--text-3);
transition: transform 160ms ease;
}
.simple-post-panel[open] summary::after {
transform: translateY(-50%) rotate(180deg);
}
.simple-ai-block,
.simple-comments,
.simple-panel-empty,
.simple-chat-linked-post__panel {
padding: 0 16px 16px;
}
.simple-ai-metrics {
margin-bottom: 12px;
}
.simple-ai-block ul,
.simple-chat-linked-post__panel ul {
margin: 12px 0 0;
padding-left: 18px;
}
.simple-comments {
display: grid;
gap: 10px;
max-height: 500px;
overflow-y: auto;
overflow-x: hidden;
padding-right: 4px;
scrollbar-width: thin;
}
.simple-comment {
padding: 12px 14px;
border-radius: 16px;
border: 1px solid rgba(255, 255, 255, 0.06);
background: rgba(255, 255, 255, 0.02);
}
.simple-comment-meta {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 8px;
color: var(--text-3);
font-size: 0.76rem;
}
.simple-comment-meta strong {
color: var(--text-2);
}
.simple-comment-reply-badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 20px;
padding: 0 8px;
border-radius: 999px;
border: 1px solid rgba(125, 211, 252, 0.22);
background: rgba(14, 116, 144, 0.16);
color: #bfe7ff;
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.simple-chat-linked-post {
cursor: pointer;
}
.simple-chat-linked-post .simple-chat-post-hovercard {
display: none;
}
.simple-chat-linked-post:focus-visible,
.simple-chat-linked-post:hover {
border-color: rgba(134, 177, 255, 0.22);
transform: translateY(-2px);
}
.simple-chat-linked-post__details {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 12px;
}
.simple-chat-linked-post__detail {
display: grid;
gap: 6px;
padding: 14px;
border-radius: 16px;
border: 1px solid rgba(157, 182, 236, 0.12);
background: rgba(255, 255, 255, 0.02);
}
.simple-chat-linked-post__detail strong,
.simple-chat-linked-post__panel strong {
color: var(--text-1);
font-size: 0.82rem;
}
.simple-chat-linked-post__detail span,
.simple-chat-linked-post__detail a,
.simple-chat-linked-post__panel p,
.simple-chat-linked-post__panel li {
color: var(--text-3);
}
.simple-chat-linked-post__detail a {
word-break: break-word;
text-decoration: underline;
text-underline-offset: 2px;
}
.simple-chat-overlay {
position: fixed;
inset: 0;
z-index: 1400;
display: grid;
place-items: center;
padding: 24px;
background: rgba(2, 7, 14, 0.76);
backdrop-filter: blur(10px);
}
.simple-chat-overlay__dialog {
width: min(1080px, 100%);
max-height: min(98vh, 1041px);
border-radius: 28px;
padding: 20px;
position: relative;
}
.simple-chat-overlay__close {
position: sticky;
top: 0;
z-index: 1;
margin-left: auto;
width: 30px;
min-width: 30px;
height: 28px;
padding: 0;
}
.simple-chat-overlay__content {
padding-top: 8px;
}
.simple-chat-overlay__content .simple-chat-post-hovercard__inner {
display: grid;
gap: 16px;
}
.simple-chat-overlay__content .simple-chat-post-hovercard__body {
grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
gap: 18px;
}
.simple-chat-overlay__content .simple-chat-post-hovercard__media {
width: 100%;
min-width: 0;
height: 240px;
}
.simple-chat-overlay__content .simple-chat-post-hovercard__copy h3 {
font-size: clamp(1.3rem, 2vw, 1.7rem);
}
.simple-chat-overlay__content .simple-chat-post-hovercard__copy p {
font-size: 0.98rem;
}
.simple-chat-chart-card {
padding: 16px;
border-radius: 20px;
border: 1px solid rgba(157, 182, 236, 0.14);
background: rgba(10, 18, 33, 0.8);
}
.simple-chat-chart-card__head {
display: flex;
justify-content: space-between;
gap: 10px;
align-items: center;
margin-bottom: 12px;
color: var(--text-2);
}
.simple-chat-chart-card__head strong {
color: var(--text-1);
}
.simple-chat-chart-card__meta {
margin-top: 10px;
color: var(--text-3);
font-size: 0.82rem;
}
.simple-chat-chart-card__svg {
width: 100%;
height: auto;
overflow: visible;
}
.simple-chat-chart__legend-item {
gap: 8px;
}
.simple-chat-chart__legend-swatch {
width: 10px;
height: 10px;
border-radius: 999px;
flex: 0 0 10px;
}
.simple-feed-page.is-filter-gate {
min-height: 95vh;
display: grid;
align-items: center;
}
.simple-feed-page.is-filter-gate .simple-feed-hero,
.simple-feed-page.is-filter-gate .simple-feed-grid-shell {
display: none;
}
.simple-feed-page.is-filter-gate .simple-feed-panel {
width: min(1040px, 100%);
margin-inline: auto;
}
.simple-feed-page.is-filter-gate .simple-feed-filter-head {
padding: 28px 28px 22px;
}
.simple-feed-page.is-filter-gate .simple-feed-form {
padding: 28px;
}
.simple-feed-page.is-filter-gate .simple-feed-filter-footer {
padding: 22px 28px 28px;
}
@media (max-width: 1400px) {
.simple-feed-hero {
grid-template-columns: 1fr;
}
.simple-feed-metrics {
justify-content: flex-start;
}
.simple-feed-field--platform {
grid-column: span 4;
}
.simple-feed-field--type,
.simple-feed-field--country,
.simple-feed-field--franchise,
.simple-feed-field--date-range {
grid-column: span 2;
}
.simple-feed-date-custom {
grid-column: span 4;
}

}
@media (max-width: 1120px) {
	.simple-workspace-publications__header h2{display:none}
	    .simple-workspace-publications__header {
        display: flex;
        justify-content: center;
        gap: 20px;
        flex-direction: row;
        align-content: center;
        flex-wrap: wrap;
    }
	
.simple-feed-filter-head,
.simple-feed-filter-footer {
flex-direction: column;
align-items: stretch;
}
.simple-feed-filter-head__meta,
.simple-feed-filter-footer__right {
justify-content: flex-start;
}
.simple-feed-filter-fields {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.simple-feed-field--platform,
.simple-feed-field--type,
.simple-feed-field--country,
.simple-feed-field--franchise,
.simple-feed-field--date-range,
.simple-feed-date-custom {
grid-column: auto;
}
.simple-chat-inline {
grid-template-columns: 1fr;
}
.simple-chat-inline__button {
width: 100%;
}
.simple-chat-overlay__content .simple-chat-post-hovercard__body {
grid-template-columns: 1fr;
}
.simple-chat-overlay__content .simple-chat-post-hovercard__media {
height: 320px;
}

}
@media (max-width: 820px) {
:root {
--container: min(100vw - 24px, 100%);
}
.simple-feed-hero,
.simple-workspace-panel,
.simple-feed-form,
.simple-feed-filter-head,
.simple-feed-filter-footer,
.simple-feed-grid-workspace,
.simple-chat-overlay__dialog {
padding-left: 18px;
padding-right: 18px;
}
.simple-feed-grid-workspace {
padding-top: 14px;
padding-bottom: 14px;
}
.simple-workspace-tabs__nav {
width: 100%;
justify-content: space-between;
}
.simple-workspace-tabs__tablist {
flex: 1 1 auto;
}
.simple-workspace-tabs__tablist .simple-workspace-tabs__button {
flex: 1 1 0;
}
.simple-post-body,
.simple-chat-post-preview__body,
.simple-chat-post-hovercard__body {
grid-template-columns: 1fr;
}
.simple-post-media,
.simple-chat-post-preview__media,
.simple-chat-post-hovercard__media {
width: 100%;
min-width: 0;
height: 220px;
}

}
@media (max-width: 640px) {
.simple-feed-page {
width: min(100vw - 16px, 100%);
}
.simple-feed-hero,
.simple-workspace-panel,
.simple-feed-grid-workspace {
border-radius: 22px;
}
.simple-feed-form,
.simple-feed-filter-head,
.simple-feed-filter-footer,
.simple-chat-inline,
.simple-chat-overlay__dialog {
padding-left: 14px;
padding-right: 14px;
}
.simple-feed-filter-fields,
.simple-feed-date-custom,
.simple-feed-grid,
.simple-chat-message__posts-grid,
.simple-chat-chart__grid {
grid-template-columns: 1fr;
}
.simple-feed-filter-footer__left,
.simple-feed-filter-footer__right,
.simple-post-head,
.simple-chat-post-preview__head,
.simple-chat-message__section-head,
.simple-chat-chart-card__head {
flex-direction: column;
align-items: stretch;
}
.simple-post-open,
.simple-feed-filter-footer__right button,
.simple-feed-filter-footer__right a {
width: 100%;
}
.simple-chat-overlay {
padding: 10px;
}
.simple-chat-overlay__dialog {
border-radius: 20px;
max-height: 94vh;
padding-top: 14px;
padding-bottom: 14px;
}

}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
*, *::before, *::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}

}
.simple-feed-hero,
.simple-feed-panel,
.simple-feed-grid-workspace,
.simple-post-card,
.simple-workspace-panel,
.simple-chat-overlay__dialog {
backdrop-filter: none;
-webkit-backdrop-filter: none;
box-shadow: var(--shadow-md);
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 20%),
linear-gradient(180deg, rgba(14, 24, 42, 0.98) 0%, rgba(8, 16, 29, 0.98) 100%);
}
.simple-chat-overlay,
.simple-chat-overlay__dialog {
backdrop-filter: none;
-webkit-backdrop-filter: none;
}
.simple-post-card,
.simple-chat-thread__message,
.simple-chat-linked-post {
contain: layout paint;
content-visibility: auto;
}
.simple-post-card {
contain-intrinsic-size: 560px;
}
.simple-chat-thread__message {
contain-intrinsic-size: 180px;
}
.simple-feed-hero::before,
.simple-feed-hero::after {
display: none;
}
html {
scroll-behavior: auto;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body {
color: #eef4ff;
font-size: 1rem;
line-height: 1.72;
}
.simple-chat-thread {
overflow-anchor: auto;
}
.simple-chat-thread__message {
scroll-margin-top: 18px;
scroll-margin-bottom: 28px;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich,
.simple-workspace-answer__body .gemini-rich {
display: grid;
gap: 14px;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich > *,
.simple-workspace-answer__body .gemini-rich > * {
margin: 0;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__title,
.simple-workspace-answer__body .gemini-rich__title {
color: #ffffff;
letter-spacing: -0.03em;
line-height: 1.14;
font-weight: 900;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__title--lg,
.simple-workspace-answer__body .gemini-rich__title--lg {
font-size: clamp(1.5rem, 1.2rem + 0.8vw, 2rem);
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__title--md,
.simple-workspace-answer__body .gemini-rich__title--md {
font-size: clamp(1.2rem, 1.05rem + 0.55vw, 1.55rem);
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__title--sm,
.simple-workspace-answer__body .gemini-rich__title--sm {
font-size: clamp(1.05rem, 0.95rem + 0.35vw, 1.22rem);
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__p,
.simple-workspace-answer__body .gemini-rich__p {
color: rgba(238, 244, 255, 0.96);
line-height: 1.76;
text-wrap: pretty;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich.is-plain-flow,
.simple-workspace-answer__body .gemini-rich.is-plain-flow {
gap: 10px;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich.is-plain-flow .gemini-rich__p,
.simple-workspace-answer__body .gemini-rich.is-plain-flow .gemini-rich__p {
max-width: min(78ch, 100%);
padding: 14px 16px;
border-radius: 16px;
border: 1px solid rgba(116, 156, 255, 0.12);
background: linear-gradient(180deg, rgba(9, 18, 35, 0.76) 0%, rgba(7, 15, 29, 0.9) 100%);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich.is-plain-flow .gemini-rich__p:first-of-type,
.simple-workspace-answer__body .gemini-rich.is-plain-flow .gemini-rich__p:first-of-type {
color: #ffffff;
font-size: clamp(1rem, 0.96rem + 0.18vw, 1.08rem);
line-height: 1.8;
border-color: rgba(143, 177, 255, 0.2);
background: linear-gradient(180deg, rgba(18, 35, 66, 0.94) 0%, rgba(10, 20, 39, 0.92) 100%);
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__p strong,
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__item-head strong,
.simple-workspace-answer__body .gemini-rich__p strong,
.simple-workspace-answer__body .gemini-rich__item-head strong {
color: #ffffff;
font-weight: 850;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__p em,
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__item-copy em,
.simple-workspace-answer__body .gemini-rich__p em,
.simple-workspace-answer__body .gemini-rich__item-copy em {
color: #d9e8ff;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__list,
.simple-workspace-answer__body .gemini-rich__list {
margin: 0;
padding: 0 !important;
list-style: none;
display: grid;
gap: 12px;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__list--ordered,
.simple-workspace-answer__body .gemini-rich__list--ordered {
counter-reset: gemini-order;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__item,
.simple-workspace-answer__body .gemini-rich__item {
position: relative;
padding: 16px 16px 16px 58px;
border-radius: 18px;
border: 1px solid rgba(142, 177, 255, 0.16);
background: linear-gradient(180deg, rgba(10, 20, 38, 0.88) 0%, rgba(7, 15, 29, 0.94) 100%);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
overflow: hidden;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__item::after,
.simple-workspace-answer__body .gemini-rich__item::after {
content: '';
position: absolute;
inset: 0;
border-radius: inherit;
pointer-events: none;
background: linear-gradient(135deg, rgba(79, 140, 255, 0.10), transparent 48%);
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__list--ordered > .gemini-rich__item,
.simple-workspace-answer__body .gemini-rich__list--ordered > .gemini-rich__item {
counter-increment: gemini-order;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__list--ordered > .gemini-rich__item::before,
.simple-workspace-answer__body .gemini-rich__list--ordered > .gemini-rich__item::before {
content: counter(gemini-order, decimal-leading-zero);
position: absolute;
left: 16px;
top: 16px;
width: 30px;
height: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
border: 1px solid rgba(143, 177, 255, 0.24);
background: rgba(79, 140, 255, 0.12);
color: #dbe8ff;
font-size: 0.75rem;
font-weight: 900;
letter-spacing: 0.08em;
z-index: 1;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__list--unordered > .gemini-rich__item::before,
.simple-workspace-answer__body .gemini-rich__list--unordered > .gemini-rich__item::before {
content: '';
position: absolute;
left: 24px;
top: 28px;
width: 10px;
height: 10px;
border-radius: 999px;
background: linear-gradient(180deg, #8cb6ff 0%, #4f8cff 100%);
box-shadow: 0 0 0 6px rgba(79, 140, 255, 0.12);
z-index: 1;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__item-head,
.simple-workspace-answer__body .gemini-rich__item-head {
position: relative;
z-index: 1;
color: #ffffff;
font-size: 1.02rem;
line-height: 1.42;
font-weight: 850;
letter-spacing: -0.015em;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__item-body,
.simple-workspace-answer__body .gemini-rich__item-body {
position: relative;
z-index: 1;
display: grid;
gap: 8px;
margin-top: 10px;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__item-copy,
.simple-workspace-answer__body .gemini-rich__item-copy {
margin: 0;
color: rgba(226, 236, 255, 0.88);
line-height: 1.72;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__quote,
.simple-workspace-answer__body .gemini-rich__quote {
margin: 0;
padding: 16px 18px;
border-left: 3px solid rgba(134, 177, 255, 0.56);
border-radius: 0 16px 16px 0;
background: rgba(79, 140, 255, 0.08);
color: #dce8ff;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__table-wrap,
.simple-workspace-answer__body .gemini-rich__table-wrap {
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
border-radius: 16px;
border: 1px solid rgba(142, 177, 255, 0.14);
background: rgba(8, 17, 32, 0.92);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__table,
.simple-workspace-answer__body .gemini-rich__table {
width: 100%;
min-width: 520px;
border-collapse: collapse;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__table th,
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__table td,
.simple-workspace-answer__body .gemini-rich__table th,
.simple-workspace-answer__body .gemini-rich__table td {
padding: 12px 14px;
border-bottom: 1px solid rgba(142, 177, 255, 0.10);
text-align: left;
vertical-align: top;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__table thead th,
.simple-workspace-answer__body .gemini-rich__table thead th {
background: rgba(16, 28, 52, 0.92);
color: #f4f8ff;
font-size: 0.8rem;
font-weight: 800;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__table tbody td,
.simple-workspace-answer__body .gemini-rich__table tbody td {
color: rgba(226, 236, 255, 0.88);
line-height: 1.55;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__table tbody tr:last-child td,
.simple-workspace-answer__body .gemini-rich__table tbody tr:last-child td {
border-bottom: 0;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__rule,
.simple-workspace-answer__body .gemini-rich__rule {
border: 0;
border-top: 1px solid rgba(143, 177, 255, 0.16);
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich code,
.simple-workspace-answer__body .gemini-rich code {
display: inline-flex;
align-items: center;
min-height: 1.9em;
padding: 0 8px;
border-radius: 10px;
border: 1px solid rgba(143, 177, 255, 0.16);
background: rgba(7, 18, 36, 0.95);
color: #bfdbfe;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich a,
.simple-workspace-answer__body .gemini-rich a {
color: #aecdff;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
word-break: break-word;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich a:hover,
.simple-workspace-answer__body .gemini-rich a:hover {
color: #d9e8ff;
}
@media (max-width: 720px) {
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__item,
.simple-workspace-answer__body .gemini-rich__item {
padding: 14px 14px 14px 50px;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__item-head,
.simple-workspace-answer__body .gemini-rich__item-head {
font-size: 0.98rem;
}

}
.simple-workspace-panel--chat.is-active {
width: 100%;
align-items: stretch;
}
.simple-workspace-panel--chat > p,
.simple-workspace-panel--chat .js-chat-intro {
max-width: none;
}
.simple-chat-thread {
width: 100%;
align-items: stretch;
}
.simple-chat-thread__message {
width: 100%;
max-width: none;
}
.simple-chat-thread__message.is-assistant {
margin-right: 0;
}
.simple-chat-thread__message.is-user {
width: min(100%, 860px);
max-width: min(100%, 860px);
}
.simple-chat-thread__message-body,
.simple-chat-message__artifacts,
.simple-chat-message__section {
width: 100%;
}
.simple-chat-message__section--posts,
.simple-chat-message__posts-grid {
width: 100%;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body {
font-size: 1.02rem;
line-height: 1.8;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich {
gap: 16px;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__list {
gap: 14px;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__item {
padding-right: 20px;
}
.simple-workspace-panel--chat {
overflow-anchor: none;
}
.simple-chat-thread {
overscroll-behavior: contain;
scroll-behavior: auto;
}
.simple-chat-thread__message:last-child {
scroll-margin-bottom: 24px;
}
.simple-feed-hero {
display: none !important;
}
.simple-feed-page {
}
.simple-feed-grid-workspace {
min-height: calc(95vh - 210px);
padding: 16px 16px 24px;
}
.simple-workspace-tabs {
min-height: calc(95vh - 250px);
gap: 12px;
}
.simple-workspace-tabs__button {
padding: 8px 14px;
font-size: 0.93rem;
}
.simple-workspace-panel--chat {
padding: 16px 18px !important;
}
.simple-workspace-panel--chat.is-active {
gap: 12px;
}
.simple-workspace-panel__eyebrow {
margin-bottom: 6px;
font-size: 0.68rem;
letter-spacing: 0.14em;
}
.simple-workspace-panel--chat h2 {
font-size: clamp(1.28rem, 1.05rem + 0.8vw, 1.8rem);
line-height: 1.08;
}
.simple-workspace-panel--chat > p,
.simple-workspace-panel--chat .js-chat-intro {
margin: 0;
font-size: 0.94rem;
line-height: 1.55;
}
.simple-chat-thread {
display: flex !important;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
align-content: stretch;
gap: 12px;
margin-top: 4px;
padding-right: 4px;
}
.simple-chat-thread__message {
flex: 0 0 auto;
padding: 12px 14px;
border-radius: 18px;
box-shadow: none;
}
.simple-chat-thread__message.is-user {
width: min(100%, 700px);
max-width: min(100%, 700px);
}
.simple-chat-thread__message.is-assistant {
width: 100%;
max-width: none;
}
.simple-chat-thread__message > strong {
margin-bottom: 6px;
font-size: 0.69rem;
letter-spacing: 0.14em;
}
.simple-chat-thread__message-body {
font-size: 0.95rem;
}
.simple-chat-thread__message-body p,
.simple-chat-thread__message-body ul,
.simple-chat-thread__message-body ol,
.simple-chat-thread__message-body blockquote,
.simple-chat-thread__message-body hr,
.simple-chat-thread__message-body h1,
.simple-chat-thread__message-body h2,
.simple-chat-thread__message-body h3 {
margin: 0 0 10px;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body {
font-size: 0.97rem;
line-height: 1.66;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich {
gap: 12px;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__title--lg {
font-size: clamp(1.22rem, 1.06rem + 0.6vw, 1.6rem);
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__title--md {
font-size: clamp(1.08rem, 0.98rem + 0.34vw, 1.3rem);
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__title--sm {
font-size: 1rem;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__p,
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__item-copy {
line-height: 1.62;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__list {
gap: 10px;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__item {
padding: 13px 14px 13px 46px;
border-radius: 16px;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__list--ordered > .gemini-rich__item::before {
left: 12px;
top: 12px;
width: 26px;
height: 26px;
font-size: 0.68rem;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__list--unordered > .gemini-rich__item::before {
left: 20px;
top: 24px;
width: 8px;
height: 8px;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__item-head {
font-size: 0.96rem;
line-height: 1.38;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__item-body {
gap: 6px;
margin-top: 8px;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__quote {
padding: 12px 14px;
border-radius: 0 14px 14px 0;
}
.simple-workspace-meta {
margin-top: 4px;
gap: 8px;
}
.simple-workspace-meta span {
padding: 6px 9px;
font-size: 11px;
}
.simple-chat-inline {
margin-top: 2px;
padding: 10px;
gap: 10px;
border-radius: 16px;
}
.simple-chat-inline__input,
.simple-chat-inline__button {
min-height: 44px;
}
.simple-chat-inline__hint {
font-size: 11px;
}
@media (max-width: 980px) {
.simple-feed-grid-workspace {
padding: 12px 12px 18px;
}
.simple-workspace-panel--chat {
padding: 14px !important;
}
.simple-chat-thread__message.is-user {
width: 100%;
max-width: none;
}

}
@media (min-width: 1280px) {
.simple-feed-page:not(.is-filter-gate) {
align-items: start;
}
.simple-feed-page:not(.is-filter-gate) > .simple-feed-panel.simple-feed-filters {
grid-column: 1;
grid-row: 1 / span 2;
margin: 0;
position: sticky;
top: 16px;
max-height: calc(95vh - 32px);
overflow: auto;
scrollbar-width: thin;
min-width: 0;
}
.simple-feed-page:not(.is-filter-gate) > .simple-feed-grid-shell {
grid-column: 2;
min-width: 0;
padding-top: 0;
}
.simple-feed-page:not(.is-filter-gate) .simple-feed-filter-layout {
min-height: 100%;
}
.simple-feed-page:not(.is-filter-gate) .simple-feed-filter-head {
position: sticky;
top: 0;
z-index: 3;
flex-direction: column;
align-items: stretch;
gap: 14px;
padding: 18px 18px 16px;
backdrop-filter: blur(10px);
}
.simple-feed-page:not(.is-filter-gate) .simple-feed-filter-head__copy h3 {
font-size: 1rem;
margin-bottom: 4px;
}
.simple-feed-page:not(.is-filter-gate) .simple-feed-filter-head__copy p {
font-size: 0.85rem;
line-height: 1.45;
}
.simple-feed-page:not(.is-filter-gate) .simple-feed-filter-head__meta {
justify-content: flex-start;
gap: 8px;
}
.simple-feed-page:not(.is-filter-gate) .simple-feed-filter-head__meta span {
font-size: 11px;
padding: 6px 9px;
}
.simple-feed-page:not(.is-filter-gate) .simple-feed-filter-fields {
grid-template-columns: 1fr;
gap: 14px;
padding: 18px;
}
.simple-feed-page:not(.is-filter-gate) .simple-feed-filter-fields .simple-feed-field,
.simple-feed-page:not(.is-filter-gate) .simple-feed-field--platform,
.simple-feed-page:not(.is-filter-gate) .simple-feed-field--type,
.simple-feed-page:not(.is-filter-gate) .simple-feed-field--country,
.simple-feed-page:not(.is-filter-gate) .simple-feed-field--franchise,
.simple-feed-page:not(.is-filter-gate) .simple-feed-field--date-range,
.simple-feed-page:not(.is-filter-gate) .simple-feed-date-custom {
grid-column: 1 / -1;
}
.simple-feed-page:not(.is-filter-gate) .simple-feed-date-custom {
grid-template-columns: 1fr;
gap: 14px;
}
.simple-feed-page:not(.is-filter-gate) .simple-feed-filter-footer {
padding: 18px;
flex-direction: column;
align-items: stretch;
gap: 14px;
}
.simple-feed-page:not(.is-filter-gate) .simple-feed-filter-footer__left,
.simple-feed-page:not(.is-filter-gate) .simple-feed-filter-footer__right {
width: 100%;
justify-content: flex-start;
margin-left: 0;
}
.simple-feed-page:not(.is-filter-gate) .simple-feed-filter-footer__right {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.simple-feed-page:not(.is-filter-gate) .simple-feed-filter-footer__right > * {
width: 100%;
min-width: 0;
}
.simple-feed-page:not(.is-filter-gate) .simple-feed-filter-footer__chips.simple-feed-platforms {
gap: 8px;
}
.simple-feed-page:not(.is-filter-gate) .simple-feed-grid-workspace {
min-height: calc(94vh - 32px);
}

}
@media (max-width: 1279px) {
.simple-feed-page {
display: block;
}
.simple-feed-panel.simple-feed-filters {
position: static;
max-height: none;
overflow: visible;
}

}
html {
font-size: 92.5%;
}
body {
overflow-x: hidden;
}

.simple-feed-panel,
.simple-feed-grid-workspace,
.simple-workspace-panel {
border-radius: 22px;
}
.simple-feed-panel.simple-feed-filters {
margin-top: 0;
}
.simple-feed-filter-head {
padding: 16px 18px 14px;
}
.simple-feed-filter-head__copy h3 {
font-size: 0.96rem;
}
.simple-feed-filter-head__copy p {
font-size: 0.82rem;
line-height: 1.45;
}
.simple-feed-filter-head__meta {
gap: 6px;
}
.simple-feed-filter-head__meta span {
padding: 5px 8px;
font-size: 0.7rem;
}
.simple-feed-filter-fields {
gap: 12px 12px;
padding: 16px 18px 14px;
}
.simple-feed-field label {
margin-bottom: 6px;
font-size: 0.68rem;
letter-spacing: 0.12em;
}
.simple-feed-field input:not([type="checkbox"]):not([type="radio"]),
.simple-feed-field select,
.simple-feed-filter-footer button,
.simple-feed-filter-footer a {
min-height: 40px;
padding: 9px 12px;
font-size: 0.92rem;
}
.simple-feed-filter-footer {
gap: 12px;
padding: 14px 18px 18px;
}
.simple-feed-chip {
min-height: 26px;
padding: 0 9px;
font-size: 0.72rem;
}
.simple-feed-toggle span {
font-size: 0.88rem;
}
.simple-feed-grid-workspace {
padding: 12px 12px 18px;
}
.simple-workspace-tabs {
gap: 10px;
min-height: calc(95vh - 180px);
}
.simple-workspace-tabs__nav {
gap: 8px;
}
.simple-workspace-tabs__button {
padding: 7px 12px;
font-size: 0.88rem;
}
.simple-workspace-panel--chat,
.simple-workspace-panel--publications {
padding: 2px 4px !important;
}
.simple-workspace-panel__eyebrow {
margin-bottom: 6px;
font-size: 0.66rem;
letter-spacing: 0.14em;
}
.simple-workspace-panel--chat h2 {
font-size: clamp(1.14rem, 1rem + 0.46vw, 1.5rem);
line-height: 1.08;
}
.simple-workspace-panel--chat > p,
.simple-workspace-panel--chat .js-chat-intro {
font-size: 0.88rem;
line-height: 1.5;
}
.simple-chat-thread {
gap: 10px;
max-height: min(73vh, 1100px);
margin-top: 2px;
padding-right: 4px;
}
.simple-chat-thread__message {
padding: 2px 4px;
border-radius: 16px;
} 
.simple-chat-thread__message.is-user {
width: min(100%, 640px);
max-width: min(100%, 640px);
}
.simple-chat-thread__message > strong {
margin-bottom: 5px;
font-size: 0.66rem;
letter-spacing: 0.14em;
}
.simple-chat-thread__message-body {
font-size: 0.91rem;
line-height: 1.58;
}
.simple-chat-thread__message-body p,
.simple-chat-thread__message-body ul,
.simple-chat-thread__message-body ol,
.simple-chat-thread__message-body blockquote,
.simple-chat-thread__message-body hr,
.simple-chat-thread__message-body h1,
.simple-chat-thread__message-body h2,
.simple-chat-thread__message-body h3 {
margin: 0 0 9px;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body {
font-size: 0.93rem;
line-height: 1.6;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich {
gap: 10px;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__title--lg {
font-size: clamp(1.12rem, 1rem + 0.45vw, 1.38rem);
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__title--md {
font-size: clamp(1rem, 0.92rem + 0.24vw, 1.16rem);
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__title--sm {
font-size: 0.96rem;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__item {
padding: 11px 12px 11px 42px;
border-radius: 14px;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__item-head {
font-size: 0.92rem;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__list--ordered > .gemini-rich__item::before {
left: 10px;
top: 10px;
width: 24px;
height: 24px;
font-size: 0.64rem;
}
.simple-chat-inline {
padding: 9px;
gap: 9px;
}
.simple-chat-inline__input,
.simple-chat-inline__button {
min-height: 42px;
font-size: 0.92rem;
}
.simple-workspace-meta span {
padding: 5px 8px;
font-size: 0.72rem;
}
@media (min-width: 1280px) {
.simple-feed-app-shell {
width: calc(100vw - 10px);
margin: 0;
padding: 8px 0 0px 0;
display: grid;
grid-template-columns: 300px minmax(0, 1fr);
gap: 14px;
align-items: start;
}
.simple-feed-app-shell__sidebar {
position: sticky;
top: 8px;
align-self: start;
padding-left: 4px;
z-index: 3;
}
.simple-feed-app-shell__sidebar > .simple-feed-panel.simple-feed-filters {
width: 300px;
max-width: 300px;
max-height: calc(95vh - 16px);
scrollbar-width: thin;
}
.simple-feed-app-shell > .simple-feed-page {
width: auto;
min-width: 0;
margin: 0;
padding: 0;
}
.simple-feed-app-shell > .simple-feed-page .simple-feed-grid-shell {
padding-top: 0;
}
.simple-feed-app-shell > .simple-feed-page .simple-feed-grid-workspace {
min-height: calc(94vh - 16px);
padding: 10px 10px 16px;
}
.simple-feed-app-shell > .simple-feed-page .simple-workspace-tabs {
min-height: calc(95vh - 36px);
}
.simple-feed-app-shell__sidebar .simple-feed-filter-layout {
min-height: 100%;
}
.simple-feed-app-shell__sidebar .simple-feed-filter-head {
position: sticky;
top: 0;
z-index: 2;
background: rgba(7, 18, 36, 0.92);
backdrop-filter: blur(6px);
}
.simple-feed-app-shell__sidebar .simple-feed-filter-fields {
grid-template-columns: 1fr;
}
.simple-feed-app-shell__sidebar .simple-feed-field--platform,
.simple-feed-app-shell__sidebar .simple-feed-field--type,
.simple-feed-app-shell__sidebar .simple-feed-field--country,
.simple-feed-app-shell__sidebar .simple-feed-field--franchise,
.simple-feed-app-shell__sidebar .simple-feed-field--date-range,
.simple-feed-app-shell__sidebar .simple-feed-date-custom {
grid-column: 1 / -1;
}
.simple-feed-app-shell__sidebar .simple-feed-date-custom {
grid-template-columns: 1fr;
gap: 12px;
}
.simple-feed-app-shell__sidebar .simple-feed-filter-footer {
flex-direction: column;
align-items: stretch;
}
.simple-feed-app-shell__sidebar .simple-feed-filter-footer__left,
.simple-feed-app-shell__sidebar .simple-feed-filter-footer__right {
width: 100%;
justify-content: flex-start;
margin-left: 0;
}
.simple-feed-app-shell__sidebar .simple-feed-filter-footer__right > * {
flex: 1 1 0;
}

}
@media (max-width: 1279px) {
.simple-feed-app-shell {
display: block;
padding: 10px 0 22px;
}
.simple-feed-app-shell__sidebar {
width: min(1820px, calc(100vw - 20px));
margin: 0 auto 12px;
}
.simple-feed-app-shell > .simple-feed-page {
margin: 0 auto;
}

}
@media (max-width: 980px) {
html {
font-size: 90%;
}
.simple-feed-page,
.simple-feed-app-shell__sidebar,
.simple-feed-app-shell > .simple-feed-page {
width: min(1820px, calc(100vw - 14px));
}
.simple-workspace-panel--chat,
.simple-workspace-panel--publications,
.simple-feed-grid-workspace {
padding: 12px !important;
}
.simple-chat-thread {
max-height: min(58vh, 620px);
}

}

.simple-feed-action-button--audit {
background: linear-gradient(135deg, rgba(168, 85, 247, 0.95) 0%, rgba(59, 130, 246, 0.95) 100%);
border-color: rgba(168, 85, 247, 0.48);
color: #ffffff;
box-shadow: 0 14px 28px rgba(91, 33, 182, 0.22);
}
.simple-feed-action-button--audit:hover {
background: linear-gradient(135deg, rgba(147, 51, 234, 0.98) 0%, rgba(37, 99, 235, 0.98) 100%);
}
.simple-chat-message__section--audit {
border: 1px solid rgba(116, 156, 255, 0.18);
border-radius: 22px;
background: linear-gradient(180deg, rgba(7, 18, 36, 0.88) 0%, rgba(5, 13, 28, 0.92) 100%);
overflow: hidden;
}
.simple-audit-dashboard {
display: flex;
flex-direction: column;
gap: 18px;
padding: 18px;
}
.simple-audit-dashboard__head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
padding-bottom: 6px;
border-bottom: 1px solid rgba(116, 156, 255, 0.12);
}
.simple-audit-dashboard__head h3 {
margin: 10px 0 6px;
color: #f8fbff;
font-size: 24px;
line-height: 1.2;
}
.simple-audit-dashboard__head p {
margin: 0;
color: rgba(234, 242, 255, 0.74);
line-height: 1.5;
}
.simple-audit-dashboard__cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 14px;
}
.simple-audit-card {
display: flex;
flex-direction: column;
gap: 8px;
min-height: 126px;
padding: 16px 18px;
border: 1px solid rgba(116, 156, 255, 0.16);
border-radius: 18px;
background: radial-gradient(circle at top left, rgba(79, 140, 255, 0.12), transparent 42%), rgba(8, 15, 31, 0.72);
box-shadow: 0 16px 36px rgba(0, 0, 0, 0.16);
}
.simple-audit-card__label {
color: rgba(191, 219, 254, 0.84);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.simple-audit-card__value {
color: #ffffff;
font-size: 28px;
line-height: 1.05;
letter-spacing: -0.02em;
}
.simple-audit-card__note {
color: rgba(234, 242, 255, 0.68);
font-size: 13px;
line-height: 1.45;
}
.simple-audit-dashboard__section {
display: flex;
flex-direction: column;
gap: 14px;
padding: 16px 16px 18px;
border: 1px solid rgba(116, 156, 255, 0.14);
border-radius: 20px;
background: rgba(8, 15, 31, 0.58);
}
.simple-audit-dashboard__section-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.simple-audit-dashboard__section-head strong {
color: #f8fbff;
font-size: 17px;
line-height: 1.2;
}
.simple-audit-dashboard__charts {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 14px;
}
.simple-audit-dashboard__charts .simple-chat-message__chart {
margin: 0;
border: 1px solid rgba(116, 156, 255, 0.14);
border-radius: 18px;
background: rgba(7, 18, 36, 0.74);
}
.simple-audit-dashboard__charts .simple-chat-chart__grid {
grid-template-columns: 1fr;
}
.simple-audit-table-wrap {
overflow-x: auto;
border: 1px solid rgba(116, 156, 255, 0.12);
border-radius: 16px;
}
.simple-audit-table {
width: 100%;
min-width: 760px;
border-collapse: collapse;
background: rgba(5, 13, 28, 0.86);
}
.simple-audit-table thead {
background: rgba(11, 23, 48, 0.96);
}
.simple-audit-table tr + tr {
border-top: 1px solid rgba(116, 156, 255, 0.10);
}
.simple-audit-table__cell {
padding: 12px 14px;
color: rgba(234, 242, 255, 0.92);
font-size: 13px;
line-height: 1.45;
text-align: left;
vertical-align: top;
white-space: nowrap;
}
.simple-audit-table__cell.is-right {
text-align: right;
}
.simple-audit-table tbody .simple-audit-table__cell:nth-child(4) {
white-space: normal;
}
.simple-audit-dashboard__groups {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 14px;
}
.simple-audit-pills {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.simple-audit-pill {
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 40px;
padding: 9px 12px;
border-radius: 999px;
border: 1px solid rgba(116, 156, 255, 0.16);
background: rgba(7, 18, 36, 0.82);
color: #eef4ff;
}
.simple-audit-pill--positive {
border-color: rgba(52, 211, 153, 0.34);
background: rgba(7, 52, 37, 0.82);
color: #eafff6;
}
.simple-audit-pill--warning {
border-color: rgba(251, 191, 36, 0.34);
background: rgba(66, 40, 10, 0.82);
color: #fff4d8;
}
.simple-audit-pill--negative {
border-color: rgba(248, 113, 113, 0.34);
background: rgba(68, 20, 26, 0.82);
color: #ffe4e6;
}
.simple-audit-pill--neutral {
border-color: rgba(116, 156, 255, 0.16);
background: rgba(7, 18, 36, 0.82);
color: #eef4ff;
}
.simple-audit-pill__label {
color: rgba(234, 242, 255, 0.78);
font-size: 13px;
}
.simple-audit-pill__value {
color: #ffffff;
font-size: 13px;
}
.simple-audit-pill--positive .simple-audit-pill__label {
color: rgba(209, 250, 229, 0.88);
}
.simple-audit-pill--warning .simple-audit-pill__label {
color: rgba(253, 230, 138, 0.92);
}
.simple-audit-pill--negative .simple-audit-pill__label {
color: rgba(254, 205, 211, 0.9);
}
.simple-audit-pill--negative .simple-audit-pill__value {
color: #fff5f5;
}
.simple-audit-notes {
margin: 0;
padding-left: 20px;
color: rgba(234, 242, 255, 0.84);
}
.simple-audit-notes li + li {
margin-top: 8px;
}
@media (max-width: 900px) {
.simple-audit-dashboard {
padding: 14px;
}
.simple-audit-dashboard__head h3 {
font-size: 21px;
}
.simple-audit-card {
min-height: 112px;
}
.simple-audit-table {
min-width: 640px;
}

}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__list--ordered.is-compact-grid,
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__list--unordered.is-compact-grid,
.simple-workspace-answer__body .gemini-rich__list--ordered.is-compact-grid,
.simple-workspace-answer__body .gemini-rich__list--unordered.is-compact-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: stretch;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__list--ordered.is-compact-grid > .gemini-rich__item,
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__list--unordered.is-compact-grid > .gemini-rich__item,
.simple-workspace-answer__body .gemini-rich__list--ordered.is-compact-grid > .gemini-rich__item,
.simple-workspace-answer__body .gemini-rich__list--unordered.is-compact-grid > .gemini-rich__item {
height: 100%;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__list--ordered.is-compact-grid.is-compact-grid--3 > .gemini-rich__item:last-child,
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__list--unordered.is-compact-grid.is-compact-grid--3 > .gemini-rich__item:last-child,
.simple-workspace-answer__body .gemini-rich__list--ordered.is-compact-grid.is-compact-grid--3 > .gemini-rich__item:last-child,
.simple-workspace-answer__body .gemini-rich__list--unordered.is-compact-grid.is-compact-grid--3 > .gemini-rich__item:last-child {
grid-column: 1 / -1;
}
@media (max-width: 980px) {
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__list--ordered.is-compact-grid,
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__list--unordered.is-compact-grid,
.simple-workspace-answer__body .gemini-rich__list--ordered.is-compact-grid,
.simple-workspace-answer__body .gemini-rich__list--unordered.is-compact-grid {
grid-template-columns: 1fr;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__list--ordered.is-compact-grid.is-compact-grid--3 > .gemini-rich__item:last-child,
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__list--unordered.is-compact-grid.is-compact-grid--3 > .gemini-rich__item:last-child,
.simple-workspace-answer__body .gemini-rich__list--ordered.is-compact-grid.is-compact-grid--3 > .gemini-rich__item:last-child,
.simple-workspace-answer__body .gemini-rich__list--unordered.is-compact-grid.is-compact-grid--3 > .gemini-rich__item:last-child {
grid-column: auto;
}

}
.simple-chat-thread__message.has-audit-dashboard > strong {
margin-bottom: 4px;
}
.simple-audit-dashboard {
gap: 14px;
padding: 16px;
}
.simple-audit-dashboard__head {
padding-bottom: 2px;
}
.simple-audit-dashboard__head h3 {
margin: 10px 0 4px;
font-size: 22px;
}
.simple-audit-dashboard__head p {
font-size: 13px;
color: rgba(234, 242, 255, 0.7);
}
.simple-audit-dashboard__cards {
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 12px;
}
.simple-audit-card {
min-height: 104px;
padding: 14px 15px;
gap: 6px;
border-radius: 16px;
}
.simple-audit-card__value {
font-size: 24px;
}
.simple-audit-card__note {
font-size: 12px;
line-height: 1.35;
}
.simple-audit-composite {
gap: 12px;
}
.simple-audit-composite__body {
display: grid;
grid-template-columns: minmax(280px, 0.9fr) minmax(0, 1.1fr);
gap: 14px;
align-items: start;
}
.simple-audit-composite__narrative,
.simple-audit-composite__visual {
min-width: 0;
}
.simple-audit-composite--overview .simple-audit-composite__body {
grid-template-columns: minmax(280px, 0.78fr) minmax(0, 1.22fr);
}
.simple-audit-composite--comparison .simple-audit-composite__body {
grid-template-columns: minmax(260px, 0.74fr) minmax(0, 1.26fr);
}
.simple-audit-composite--performance .simple-audit-composite__body {
grid-template-columns: minmax(220px, 0.62fr) minmax(0, 1.38fr);
}
.simple-audit-composite--recommendations .simple-audit-composite__body {
grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1fr);
}
.simple-audit-narrative {
display: flex;
flex-direction: column;
gap: 10px;
}
.simple-audit-narrative__p {
margin: 0;
color: rgba(238, 244, 255, 0.92);
font-size: 14px;
line-height: 1.55;
}
.simple-audit-narrative__list .gemini-rich__list--ordered,
.simple-audit-narrative__list .gemini-rich__list--unordered {
margin: 0;
padding: 0;
display: grid;
gap: 8px;
}
.simple-audit-narrative__list .gemini-rich__item {
padding: 11px 12px 11px 14px;
border-radius: 14px;
border: 1px solid rgba(116, 156, 255, 0.12);
background: rgba(7, 18, 36, 0.72);
}
.simple-audit-narrative__list .gemini-rich__item-head {
font-size: 16px;
line-height: 1.4;
}
.simple-audit-narrative__list .gemini-rich__item-copy {
margin-top: 6px;
font-size: 12.5px;
line-height: 1.45;
color: rgba(234, 242, 255, 0.78);
}
.simple-audit-embedded-charts {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.simple-audit-embedded-charts .simple-chat-message__chart {
margin: 0;
border: 1px solid rgba(116, 156, 255, 0.14);
border-radius: 16px;
background: rgba(7, 18, 36, 0.76);
}
.simple-audit-embedded-charts .simple-chat-message__section-head strong,
.simple-audit-embedded-charts .simple-chat__summary strong,
.simple-audit-embedded-charts .simple-chat-chart-card__head strong {
font-size: 16px;
}
.simple-audit-embedded-charts .simple-chat-chart__summary span,
.simple-audit-embedded-charts .simple-chat-chart-card__meta,
.simple-audit-embedded-charts .simple-chat-chart__note,
.simple-audit-embedded-charts .simple-chat-message__section-head span {
font-size: 14px;
}
.simple-audit-embedded-charts .simple-chat-chart-card {
padding: 12px;
border-radius: 14px;
}
.simple-audit-embedded-charts .simple-chat-chart-card__svg {
max-height: 188px;
}
.simple-audit-comparison-grid {
display: grid;
grid-template-columns: minmax(0, 1.08fr) minmax(300px, 0.92fr);
gap: 12px;
align-items: start;
}
.simple-audit-comparison-grid__table,
.simple-audit-comparison-grid__charts {
min-width: 0;
}
.simple-audit-comparison-grid__charts {
display: grid;
gap: 12px;
}
.simple-audit-dashboard__split {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.simple-audit-dashboard__split-col {
min-width: 0;
}
.simple-audit-dashboard__split .simple-audit-dashboard__section--table {
height: 100%;
}
.simple-audit-table-wrap {
max-width: 100%;
}
.simple-audit-table--comparison_summary {
min-width: 720px;
}
.simple-audit-table--top_posts,
.simple-audit-table--under_average {
min-width: 0;
width: 100%;
table-layout: fixed;
}
.simple-audit-table--top_posts .simple-audit-table__cell,
.simple-audit-table--under_average .simple-audit-table__cell {
white-space: normal;
word-break: break-word;
overflow-wrap: anywhere;
font-size: 12.5px;
padding: 10px 10px;
}
.simple-audit-table--top_posts .simple-audit-table__cell.is-right,
.simple-audit-table--under_average .simple-audit-table__cell.is-right {
white-space: nowrap;
}
.simple-audit-table--top_posts .simple-audit-table__cell.is-col-rank,
.simple-audit-table--under_average .simple-audit-table__cell.is-col-rank {
width: 52px;
}
.simple-audit-table--top_posts .simple-audit-table__cell.is-col-platform,
.simple-audit-table--under_average .simple-audit-table__cell.is-col-platform {
width: 88px;
}
.simple-audit-table--top_posts .simple-audit-table__cell.is-col-account,
.simple-audit-table--under_average .simple-audit-table__cell.is-col-account {
width: 96px;
}
.simple-audit-table--top_posts .simple-audit-table__cell.is-col-title,
.simple-audit-table--under_average .simple-audit-table__cell.is-col-title {
width: auto;
line-height: 1.45;
}
.simple-audit-table--top_posts .simple-audit-table__cell.is-col-likes,
.simple-audit-table--under_average .simple-audit-table__cell.is-col-likes,
.simple-audit-table--top_posts .simple-audit-table__cell.is-col-comments,
.simple-audit-table--under_average .simple-audit-table__cell.is-col-comments,
.simple-audit-table--top_posts .simple-audit-table__cell.is-col-views,
.simple-audit-table--under_average .simple-audit-table__cell.is-col-views,
.simple-audit-table--top_posts .simple-audit-table__cell.is-col-date,
.simple-audit-table--under_average .simple-audit-table__cell.is-col-date {
width: 72px;
}
.simple-audit-dashboard__groups {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
}
.simple-audit-dashboard__groups .simple-audit-dashboard__section--group {
padding: 14px;
}
.simple-audit-pills {
gap: 8px;
}
.simple-audit-pill {
min-height: 34px;
padding: 7px 10px;
}
.simple-audit-notes {
padding-left: 18px;
font-size: 13px;
line-height: 1.55;
}

.simple-audit-narrative__p{
margin-bottom: 11px;
}

@media (max-width: 1380px) {
.simple-audit-comparison-grid,
.simple-audit-composite__body,
.simple-audit-composite--overview .simple-audit-composite__body,
.simple-audit-composite--comparison .simple-audit-composite__body,
.simple-audit-composite--performance .simple-audit-composite__body,
.simple-audit-composite--recommendations .simple-audit-composite__body {
grid-template-columns: 1fr;
}
.simple-audit-dashboard__groups {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

}
@media (max-width: 1100px) {
.simple-audit-embedded-charts,
.simple-audit-dashboard__split {
grid-template-columns: 1fr;
}

}
@media (max-width: 780px) {
.simple-audit-dashboard {
padding: 12px;
}
.simple-audit-dashboard__cards,
.simple-audit-dashboard__groups,
.simple-audit-embedded-charts,
.simple-audit-dashboard__split {
grid-template-columns: 1fr;
}
.simple-audit-table--comparison_summary {
min-width: 640px;
}

}


.simple-audit-stack__intro {
margin-bottom: 4px;
}
.simple-audit-stack__intro .simple-audit-narrative {
gap: 10px;
}
.simple-audit-stack__intro .simple-audit-narrative__p {
max-width: 980px;
}
.simple-audit-stack__intro .simple-audit-narrative__list .gemini-rich__list--unordered,
.simple-audit-stack__intro .simple-audit-narrative__list .gemini-rich__list--ordered {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.simple-audit-stack--recommendations .simple-audit-stack__intro {
display: grid;
gap: 16px;
}
.simple-audit-stack--recommendations .simple-audit-stack__intro .simple-audit-narrative {
display: grid;
gap: 14px;
}
.simple-audit-stack--recommendations .simple-audit-stack__intro .simple-audit-narrative__p {
max-width: 88ch;
margin: 0;
padding: 16px 18px;
border: 1px solid rgba(116, 156, 255, 0.16);
border-radius: 18px;
background: linear-gradient(180deg, rgba(8, 18, 36, 0.94) 0%, rgba(6, 14, 30, 0.92) 100%);
color: rgba(238, 244, 255, 0.95);
font-size: 14.5px;
line-height: 1.74;
letter-spacing: 0.004em;
text-wrap: pretty;
}
.simple-audit-stack--recommendations .simple-audit-stack__intro .simple-audit-narrative__list {
display: grid;
gap: 14px;
}
.simple-audit-stack--recommendations .simple-audit-stack__intro .gemini-rich__list--unordered,
.simple-audit-stack--recommendations .simple-audit-stack__intro .gemini-rich__list--ordered {
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 14px;
}
.simple-audit-stack--recommendations .simple-audit-stack__intro .gemini-rich__item {
min-height: 100%;
padding: 15px 16px 16px;
border-radius: 18px;
border: 1px solid rgba(116, 156, 255, 0.14);
background: linear-gradient(180deg, rgba(8, 18, 36, 0.9) 0%, rgba(6, 14, 30, 0.88) 100%);
}
.simple-audit-stack--recommendations .simple-audit-stack__intro .gemini-rich__item-head {
margin-bottom: 8px;
font-size: 0.98rem;
line-height: 1.38;
}
.simple-audit-stack--recommendations .simple-audit-stack__intro .gemini-rich__item-copy {
margin: 0;
color: rgba(234, 242, 255, 0.9);
font-size: 0.94rem;
line-height: 1.68;
text-wrap: pretty;
}
.simple-audit-stack--recommendations .simple-audit-stack__intro .gemini-rich__item-body {
display: grid;
gap: 6px;
}
.simple-audit-stack--recommendations .simple-audit-stack__intro .gemini-rich__item::before {
top: 18px;
}
.simple-audit-stack__body {
display: grid;
gap: 14px;
}
.simple-audit-overview-grid {
display: grid;
grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.92fr);
gap: 14px;
align-items: start;
}
.simple-audit-overview-grid__cards,
.simple-audit-overview-grid__charts,
.simple-audit-comments-grid__charts,
.simple-audit-comments-grid__groups,
.simple-audit-comparison-grid__table,
.simple-audit-comparison-grid__charts {
min-width: 0;
}
.simple-audit-overview-grid__cards .simple-audit-dashboard__cards {
height: 100%;
}
.simple-audit-overview-grid__charts .simple-audit-embedded-charts {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.simple-audit-comparison-grid {
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
gap: 14px;
align-items: start;
}
.simple-audit-comparison-grid__charts .simple-audit-embedded-charts {
grid-template-columns: 1fr;
}
.simple-audit-comments-grid {
display: grid;
grid-template-columns: minmax(320px, 0.9fr) minmax(0, 1.1fr);
gap: 14px;
align-items: start;
}
.simple-audit-comments-grid__groups .simple-audit-dashboard__groups {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.simple-audit-table-block {
display: grid;
gap: 10px;
}
.simple-audit-table-wrap--comparison_summary {
overflow-x: auto;
}
.simple-audit-table--comparison_summary {
min-width: 780px;
width: 100%;
table-layout: auto;
}
.simple-audit-table--comparison_summary .simple-audit-table__cell {
white-space: nowrap;
}
.simple-audit-dashboard__split {
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: start;
}
.simple-audit-dashboard__split-col {
display: grid;
gap: 12px;
}
.simple-audit-table-wrap--top_posts,
.simple-audit-table-wrap--under_average {
overflow-x: auto;
}
.simple-audit-table--top_posts,
.simple-audit-table--under_average {
min-width: 920px;
width: 920px;
table-layout: auto;
}
.simple-audit-table--top_posts .simple-audit-table__cell,
.simple-audit-table--under_average .simple-audit-table__cell {
white-space: nowrap;
word-break: normal;
overflow-wrap: normal;
vertical-align: top;
}
.simple-audit-table--top_posts .simple-audit-table__cell.is-col-title,
.simple-audit-table--under_average .simple-audit-table__cell.is-col-title {
white-space: normal;
word-break: break-word;
overflow-wrap: anywhere;
min-width: 280px;
width: 42%;
line-height: 1.45;
}
.simple-audit-table--top_posts .simple-audit-table__cell.is-col-rank,
.simple-audit-table--under_average .simple-audit-table__cell.is-col-rank {
width: 58px;
}
.simple-audit-table--top_posts .simple-audit-table__cell.is-col-platform,
.simple-audit-table--under_average .simple-audit-table__cell.is-col-platform {
width: 98px;
}
.simple-audit-table--top_posts .simple-audit-table__cell.is-col-account,
.simple-audit-table--under_average .simple-audit-table__cell.is-col-account {
width: 110px;
}
.simple-audit-table--top_posts .simple-audit-table__cell.is-col-likes,
.simple-audit-table--under_average .simple-audit-table__cell.is-col-likes,
.simple-audit-table--top_posts .simple-audit-table__cell.is-col-comments,
.simple-audit-table--under_average .simple-audit-table__cell.is-col-comments,
.simple-audit-table--top_posts .simple-audit-table__cell.is-col-views,
.simple-audit-table--under_average .simple-audit-table__cell.is-col-views,
.simple-audit-table--top_posts .simple-audit-table__cell.is-col-date,
.simple-audit-table--under_average .simple-audit-table__cell.is-col-date {
width: 88px;
}
.simple-audit-stack--performance .simple-audit-narrative__list .gemini-rich__list--unordered,
.simple-audit-stack--performance .simple-audit-narrative__list .gemini-rich__list--ordered,
.simple-audit-stack--comparison .simple-audit-narrative__list .gemini-rich__list--unordered,
.simple-audit-stack--comparison .simple-audit-narrative__list .gemini-rich__list--ordered {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 1500px) {
.simple-audit-overview-grid,
.simple-audit-comparison-grid,
.simple-audit-comments-grid {
grid-template-columns: 1fr;
}

}
@media (max-width: 1100px) {
.simple-audit-dashboard__split,
.simple-audit-comments-grid__groups .simple-audit-dashboard__groups,
.simple-audit-overview-grid__charts .simple-audit-embedded-charts,
.simple-audit-stack__intro .simple-audit-narrative__list .gemini-rich__list--unordered,
.simple-audit-stack__intro .simple-audit-narrative__list .gemini-rich__list--ordered,
.simple-audit-stack--performance .simple-audit-narrative__list .gemini-rich__list--unordered,
.simple-audit-stack--performance .simple-audit-narrative__list .gemini-rich__list--ordered,
.simple-audit-stack--comparison .simple-audit-narrative__list .gemini-rich__list--unordered,
.simple-audit-stack--comparison .simple-audit-narrative__list .gemini-rich__list--ordered {
grid-template-columns: 1fr;
}

}
.simple-audit-narrative__list .gemini-rich__list--ordered,
.simple-audit-narrative__list .gemini-rich__list--unordered,
.simple-audit-stack__intro .gemini-rich__list--ordered,
.simple-audit-stack__intro .gemini-rich__list--unordered {
list-style: none;
padding-left: 0;
margin-left: 0;
}
.simple-audit-narrative__list .gemini-rich__item::marker,
.simple-audit-stack__intro .gemini-rich__item::marker {
content: '';
}
.simple-audit-overview-grid {
grid-template-columns: 1fr;
gap: 16px;
}
.simple-audit-overview-grid__cards .simple-audit-dashboard__cards {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.simple-audit-overview-grid__charts .simple-audit-embedded-charts {
grid-template-columns: repeat(3, minmax(0, 1fr));
align-items: start;
}
.simple-audit-comparison-grid {
grid-template-columns: minmax(0, 1.16fr) minmax(340px, 0.84fr);
gap: 16px;
align-items: start;
}
.simple-audit-comparison-grid__table,
.simple-audit-comparison-grid__charts,
.simple-audit-comments-grid__charts,
.simple-audit-comments-grid__groups,
.simple-audit-dashboard__split-col {
min-width: 0;
}
.simple-audit-comparison-grid__charts .simple-audit-embedded-charts {
grid-template-columns: 1fr;
align-content: start;
}
.simple-audit-comments-grid {
grid-template-columns: minmax(0, 1.08fr) minmax(380px, 0.92fr);
gap: 16px;
align-items: start;
}
.simple-audit-comments-grid__groups .simple-audit-dashboard__groups {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.simple-audit-dashboard__split {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
align-items: start;
}
.simple-audit-dashboard__split-col {
display: grid;
gap: 14px;
}
.simple-audit-table-wrap--comparison_summary,
.simple-audit-table-wrap--top_posts,
.simple-audit-table-wrap--under_average {
overflow-x: auto;
overflow-y: hidden;
}
.simple-audit-table--comparison_summary {
min-width: 720px;
width: 100%;
table-layout: fixed;
}
.simple-audit-table--top_posts,
.simple-audit-table--under_average {
min-width: 760px;
width: 100%;
table-layout: fixed;
}
.simple-audit-table--comparison_summary .simple-audit-table__cell,
.simple-audit-table--top_posts .simple-audit-table__cell,
.simple-audit-table--under_average .simple-audit-table__cell {
padding: 11px 12px;
font-size: 12.5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: top;
}
.simple-audit-table--comparison_summary thead .simple-audit-table__cell,
.simple-audit-table--top_posts thead .simple-audit-table__cell,
.simple-audit-table--under_average thead .simple-audit-table__cell {
white-space: nowrap;
text-overflow: clip;
}
.simple-audit-table--top_posts tbody .simple-audit-table__cell.is-col-title,
.simple-audit-table--under_average tbody .simple-audit-table__cell.is-col-title {
white-space: normal;
overflow: visible;
text-overflow: initial;
word-break: break-word;
overflow-wrap: anywhere;
line-height: 1.45;
}
.simple-audit-table--top_posts thead .simple-audit-table__cell.is-col-title,
.simple-audit-table--under_average thead .simple-audit-table__cell.is-col-title {
white-space: nowrap;
}
.simple-audit-table--top_posts .simple-audit-table__cell.is-col-rank,
.simple-audit-table--under_average .simple-audit-table__cell.is-col-rank {
width: 56px;
}
.simple-audit-table--top_posts .simple-audit-table__cell.is-col-platform,
.simple-audit-table--under_average .simple-audit-table__cell.is-col-platform {
width: 84px;
}
.simple-audit-table--top_posts .simple-audit-table__cell.is-col-account,
.simple-audit-table--under_average .simple-audit-table__cell.is-col-account {
width: 92px;
}
.simple-audit-table--top_posts .simple-audit-table__cell.is-col-title,
.simple-audit-table--under_average .simple-audit-table__cell.is-col-title {
width: 36%;
min-width: 240px;
}
.simple-audit-table--top_posts .simple-audit-table__cell.is-col-likes,
.simple-audit-table--under_average .simple-audit-table__cell.is-col-likes {
width: 74px;
}
.simple-audit-table--top_posts .simple-audit-table__cell.is-col-comments,
.simple-audit-table--under_average .simple-audit-table__cell.is-col-comments {
width: 92px;
}
.simple-audit-table--top_posts .simple-audit-table__cell.is-col-views,
.simple-audit-table--under_average .simple-audit-table__cell.is-col-views {
width: 64px;
}
.simple-audit-table--top_posts .simple-audit-table__cell.is-col-date,
.simple-audit-table--under_average .simple-audit-table__cell.is-col-date {
width: 88px;
}
.simple-audit-table--comparison_summary .simple-audit-table__cell.is-col-label,
.simple-audit-table--comparison_summary .simple-audit-table__cell.is-col-account,
.simple-audit-table--comparison_summary .simple-audit-table__cell.is-col-platform {
white-space: nowrap;
}
@media (max-width: 1680px) {
.simple-audit-overview-grid__cards .simple-audit-dashboard__cards {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.simple-audit-overview-grid__charts .simple-audit-embedded-charts {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

}
@media (max-width: 1440px) {
.simple-audit-comparison-grid,
.simple-audit-comments-grid {
grid-template-columns: 1fr;
}

}
@media (max-width: 1200px) {
.simple-audit-overview-grid__cards .simple-audit-dashboard__cards,
.simple-audit-overview-grid__charts .simple-audit-embedded-charts,
.simple-audit-comments-grid__groups .simple-audit-dashboard__groups,
.simple-audit-dashboard__split {
grid-template-columns: 1fr;
}

}
.simple-audit-stack--comparison .simple-audit-comparison-grid,
.simple-audit-stack--comments .simple-audit-comments-grid {
display: grid;
grid-template-columns: 1fr;
gap: 18px;
align-items: start;
}
.simple-audit-stack--comparison .simple-audit-comparison-grid__table,
.simple-audit-stack--comparison .simple-audit-comparison-grid__charts,
.simple-audit-stack--comments .simple-audit-comments-grid__charts,
.simple-audit-stack--comments .simple-audit-comments-grid__groups {
min-width: 0;
width: 100%;
}
.simple-audit-stack--comparison .simple-audit-comparison-grid__charts .simple-audit-embedded-charts {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 16px;
align-items: start;
}
.simple-audit-stack--comments .simple-audit-comments-grid__groups .simple-audit-dashboard__groups {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 14px;
align-items: start;
grid-auto-rows: min-content;
}
.simple-audit-stack--comments .simple-audit-dashboard__groups > .simple-audit-dashboard__section,
.simple-audit-stack--comments .simple-audit-dashboard__groups > .simple-audit-dashboard__section--group,
.simple-audit-stack--comparison .simple-audit-dashboard__section--group {
align-self: start;
height: auto;
min-height: 0;
}
.simple-audit-stack--comments .simple-audit-dashboard__section--group {
padding: 14px 14px 16px;
}
.simple-audit-stack--comments .simple-audit-dashboard__section--group .simple-audit-dashboard__section-head,
.simple-audit-stack--comparison .simple-audit-dashboard__section--group .simple-audit-dashboard__section-head {
margin-bottom: 10px;
}
.simple-audit-stack--comments .simple-audit-pills,
.simple-audit-stack--comparison .simple-audit-pills {
align-items: flex-start;
}
.simple-audit-stack--comparison .simple-audit-table-wrap--comparison_summary {
width: 100%;
overflow-x: auto;
overflow-y: hidden;
}
.simple-audit-stack--comparison .simple-audit-table--comparison_summary {
min-width: 780px;
width: 100%;
}
@media (max-width: 1180px) {
.simple-audit-stack--comparison .simple-audit-comparison-grid__charts .simple-audit-embedded-charts,
.simple-audit-stack--comments .simple-audit-comments-grid__groups .simple-audit-dashboard__groups {
grid-template-columns: 1fr;
}

}
.simple-audit-stack--comments .simple-audit-stack__intro {
margin-bottom: 2px;
}
.simple-audit-stack--comments .simple-audit-comments-grid {
display: grid;
grid-template-columns: minmax(0, 1.35fr) minmax(340px, 0.9fr);
gap: 18px;
align-items: start;
}
.simple-audit-stack--comments .simple-audit-comments-grid__charts,
.simple-audit-stack--comments .simple-audit-comments-grid__groups {
min-width: 0;
width: 100%;
}
.simple-audit-stack--comments .simple-audit-comments-grid__charts {
display: grid;
gap: 16px;
align-content: start;
}
.simple-audit-stack--comments .simple-audit-comments-grid__charts .simple-audit-embedded-charts {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 16px;
align-items: start;
}
.simple-audit-stack--comments .simple-audit-comments-grid__charts .simple-chat-message__section {
min-height: 0;
}
.simple-audit-stack--comments .simple-audit-comments-grid__groups {
display: grid;
gap: 16px;
align-content: start;
}
.simple-audit-stack--comments .simple-audit-comments-grid__groups .simple-audit-dashboard__groups {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 14px;
align-content: start;
}
.simple-audit-stack--comments .simple-audit-comments-grid__groups .simple-audit-dashboard__section--group {
height: auto;
min-height: 0;
padding: 16px 18px 18px;
border-radius: 18px;
}
.simple-audit-stack--comments .simple-audit-comments-grid__groups .simple-audit-dashboard__section-head {
margin-bottom: 12px;
}
.simple-audit-stack--comments .simple-audit-comments-grid__groups .simple-audit-dashboard__section-head strong {
font-size: 0.98rem;
}
.simple-audit-stack--comments .simple-audit-comments-grid__groups .simple-audit-pills {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: flex-start;
}
.simple-audit-stack--comments .simple-audit-comments-grid__groups .simple-audit-pill {
min-height: 0;
padding: 9px 12px;
border-radius: 999px;
}
.simple-audit-stack--comments .simple-audit-comments-grid__groups .simple-audit-pill__label {
font-size: 0.84rem;
}
.simple-audit-stack--comments .simple-audit-comments-grid__groups .simple-audit-pill__value {
font-size: 0.86rem;
}
.simple-audit-stack--comments .simple-audit-comments-grid__groups .simple-audit-dashboard__section--group:first-child {
order: 1;
}
.simple-audit-stack--comments .simple-audit-comments-grid__groups .simple-audit-dashboard__section--group:nth-child(2) {
order: 2;
}
.simple-audit-stack--comments .simple-audit-comments-grid__groups .simple-audit-dashboard__section--group:nth-child(3) {
order: 3;
}
.simple-audit-stack--comments .simple-audit-comments-grid__charts .simple-chat-message__section {
padding: 16px;
}
.simple-audit-stack--comments .simple-audit-comments-grid__charts .simple-chat-message__section-head {
margin-bottom: 10px;
}
.simple-audit-stack--comments .simple-audit-comments-grid__charts .simple-chat-chart__summary {
margin-bottom: 12px;
}
.simple-audit-stack--comments .simple-audit-comments-grid__charts .simple-chat-chart__note {
margin-top: 10px;
}
.simple-audit-stack--comments .simple-audit-comments-grid__charts .simple-chat-chart-card {
padding: 12px;
min-height: 0;
}
@media (max-width: 1360px) {
.simple-audit-stack--comments .simple-audit-comments-grid {
grid-template-columns: minmax(0, 1fr);
}
.simple-audit-stack--comments .simple-audit-comments-grid__groups .simple-audit-dashboard__groups {
grid-template-columns: repeat(3, minmax(0, 1fr));
}

}
@media (max-width: 1080px) {
.simple-audit-stack--comments .simple-audit-comments-grid__groups .simple-audit-dashboard__groups {
grid-template-columns: 1fr;
}

}
.simple-audit-stack--comments .simple-audit-stack__intro {
display: grid;
gap: 14px;
}
.simple-audit-stack--comments .simple-audit-stack__intro .simple-audit-narrative {
display: grid;
gap: 14px;
}
.simple-audit-stack--comments .simple-audit-stack__intro .simple-audit-narrative__list {
display: grid;
gap: 12px;
}
.simple-audit-stack--comments .simple-audit-stack__intro .simple-audit-narrative__p {
max-width: none;
margin: 0;
padding: 16px 18px;
border: 1px solid rgba(96, 165, 250, 0.16);
border-radius: 18px;
background:
linear-gradient(180deg, rgba(8, 18, 36, 0.94) 0%, rgba(6, 14, 30, 0.92) 100%);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
color: rgba(238, 244, 255, 0.96);
font-size: 14.5px;
line-height: 1.72;
letter-spacing: 0.005em;
text-wrap: pretty;
}
.simple-audit-stack--comments .simple-audit-stack__intro .simple-audit-narrative__p + .simple-audit-narrative__p {
margin-top: -4px;
}
.simple-audit-stack--comments .simple-audit-stack__intro .simple-audit-narrative__p strong {
color: #ffffff;
font-weight: 700;
}
.simple-audit-stack--comments .simple-audit-stack__intro .simple-audit-narrative__p em {
color: #dbeafe;
font-style: italic;
}
.simple-audit-stack--comments .simple-audit-stack__intro .gemini-rich__list--unordered,
.simple-audit-stack--comments .simple-audit-stack__intro .gemini-rich__list--ordered {
gap: 12px;
}
.simple-audit-stack--comments .simple-audit-stack__intro .gemini-rich__item {
padding: 14px 16px 15px;
border-radius: 18px;
}
.simple-audit-stack--comments .simple-audit-stack__intro .gemini-rich__item-head {
margin-bottom: 8px;
font-size: 0.98rem;
line-height: 1.35;
}
.simple-audit-stack--comments .simple-audit-stack__intro .gemini-rich__item-copy {
margin: 0;
color: rgba(238, 244, 255, 0.94);
font-size: 0.94rem;
line-height: 1.68;
text-wrap: pretty;
}
.simple-audit-stack--comments .simple-audit-stack__intro .gemini-rich__item-body {
display: grid;
gap: 6px;
}
.simple-audit-stack--comments .simple-audit-stack__intro .gemini-rich__item::before {
top: 18px;
}
@media (max-width: 1080px) {
.simple-audit-stack--recommendations .simple-audit-stack__intro .simple-audit-narrative__p {
max-width: none;
padding: 14px 15px;
font-size: 14px;
line-height: 1.68;
}
.simple-audit-stack--recommendations .simple-audit-stack__intro .gemini-rich__item {
padding: 13px 14px 14px;
}
.simple-audit-stack--recommendations .simple-audit-stack__intro .gemini-rich__list--unordered,
.simple-audit-stack--recommendations .simple-audit-stack__intro .gemini-rich__list--ordered {
grid-template-columns: 1fr;
}
.simple-audit-stack--comments .simple-audit-stack__intro .simple-audit-narrative__p {
padding: 14px 15px;
font-size: 14px;
line-height: 1.66;
}
.simple-audit-stack--comments .simple-audit-stack__intro .gemini-rich__item {
padding: 13px 14px 14px;
}

}
.simple-audit-stack--comments .simple-audit-comments-grid {
grid-template-columns: minmax(0, 1fr) !important;
gap: 18px !important;
}
.simple-audit-stack--comments .simple-audit-comments-grid__charts {
order: 1;
width: 100% !important;
max-width: 100% !important;
}
.simple-audit-stack--comments .simple-audit-comments-grid__groups {
order: 2;
width: 100% !important;
max-width: 100% !important;
display: block !important;
}
.simple-audit-stack--comments .simple-audit-comments-grid__charts .simple-audit-embedded-charts {
grid-template-columns: minmax(0, 1fr) !important;
}
.simple-audit-stack--comments .simple-audit-comments-grid__groups .simple-audit-dashboard__groups {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 14px !important;
align-items: stretch !important;
}
.simple-audit-stack--comments .simple-audit-comments-grid__groups .simple-audit-dashboard__section--group {
display: flex;
flex-direction: column;
justify-content: flex-start;
height: 100%;
min-height: 0;
padding: 14px 16px 16px;
}
.simple-audit-stack--comments .simple-audit-comments-grid__groups .simple-audit-pills {
gap: 8px;
}
.simple-audit-stack--comments .simple-audit-comments-grid__groups .simple-audit-pill {
gap: 6px;
min-height: 30px;
padding: 7px 10px;
border-radius: 14px;
}
.simple-audit-stack--comments .simple-audit-comments-grid__groups .simple-audit-dashboard__section-head {
margin-bottom: 10px;
}
.simple-audit-stack--comments .simple-audit-comments-grid__groups .simple-audit-dashboard__section-head strong {
font-size: 0.95rem;
letter-spacing: -0.01em;
}
.simple-audit-stack--comments .simple-audit-comments-grid__groups .simple-audit-pill__label {
font-size: 0.79rem;
line-height: 1.24;
}
.simple-audit-stack--comments .simple-audit-comments-grid__groups .simple-audit-pill__value {
font-size: 0.82rem;
line-height: 1.2;
}
@media (max-width: 1280px) {
.simple-audit-stack--comments .simple-audit-comments-grid__groups .simple-audit-dashboard__groups {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

}
@media (max-width: 1120px) {
.simple-audit-stack--comments .simple-audit-comments-grid__groups .simple-audit-dashboard__groups {
grid-template-columns: 1fr !important;
}

}
.simple-chat-thread__message.is-assistant.is-text-only {
width: min(100%, 920px);
max-width: min(100%, 920px);
padding: 14px 16px 15px;
}
.simple-chat-thread__message.is-assistant.is-text-only .simple-chat-thread__message-body {
font-size: 0.98rem;
line-height: 1.76;
}
.simple-chat-thread__message.is-assistant.is-text-only .simple-chat-thread__message-body .gemini-rich {
gap: 14px;
}
.simple-chat-thread__message.is-assistant.is-text-only .simple-chat-thread__message-body .gemini-rich__p,
.simple-chat-thread__message.is-assistant.is-text-only .simple-chat-thread__message-body .gemini-rich__quote {
max-width: 74ch;
color: rgba(238, 244, 255, 0.96);
font-size: 0.98rem;
line-height: 1.8;
letter-spacing: 0.002em;
}
.simple-chat-thread__message.is-assistant.is-text-only .simple-chat-thread__message-body .gemini-rich__title--lg {
font-size: clamp(1.2rem, 1.05rem + 0.45vw, 1.45rem);
}
.simple-chat-thread__message.is-assistant.is-text-only .simple-chat-thread__message-body .gemini-rich__title--md {
font-size: clamp(1.06rem, 0.98rem + 0.22vw, 1.18rem);
}
.simple-chat-thread__message.is-assistant.is-text-only .simple-chat-thread__message-body .gemini-rich__title--sm {
font-size: 1rem;
}
.simple-chat-message__section--posts.is-single-post {
padding: 16px;
}
.simple-chat-message__posts-grid.is-single-post {
grid-template-columns: minmax(0, 1fr);
gap: 16px;
}
.simple-chat-message__posts-grid.is-single-post .simple-chat-linked-post {
width: min(100%, 900px);
max-width: min(100%, 900px);
padding: 16px;
}
.simple-chat-message__posts-grid.is-single-post .simple-chat-post-preview__body {
grid-template-columns: minmax(170px, 230px) minmax(0, 1fr);
gap: 18px;
}
.simple-chat-message__posts-grid.is-single-post .simple-chat-post-preview__media,
.simple-chat-message__posts-grid.is-single-post .simple-chat-post-preview__media.is-empty {
width: 100%;
min-width: 0;
height: 220px;
}
.simple-chat-message__posts-grid.is-single-post .simple-chat-post-preview__copy {
gap: 12px;
}
.simple-chat-message__posts-grid.is-single-post .simple-chat-post-preview__copy h2 {
font-size: 1.16rem;
line-height: 1.3;
-webkit-line-clamp: 5;
}
.simple-chat-message__posts-grid.is-single-post .simple-chat-post-preview__published strong {
font-size: 0.96rem;
}
.simple-chat-message__posts-grid.is-single-post .simple-chat-post-preview__stats {
gap: 10px;
}
.simple-chat-message__posts-grid.is-single-post .simple-chat-post-preview__tags {
gap: 10px;
}
@media (max-width: 900px) {
.simple-chat-thread__message.is-assistant.is-text-only {
width: 100%;
max-width: none;
}
.simple-chat-thread__message.is-assistant.is-text-only .simple-chat-thread__message-body .gemini-rich__p,
.simple-chat-thread__message.is-assistant.is-text-only .simple-chat-thread__message-body .gemini-rich__quote {
max-width: none;
font-size: 0.96rem;
line-height: 1.74;
}
.simple-chat-message__posts-grid.is-single-post .simple-chat-linked-post {
width: 100%;
max-width: none;
}
.simple-chat-message__posts-grid.is-single-post .simple-chat-post-preview__body {
grid-template-columns: 1fr;
}
.simple-chat-message__posts-grid.is-single-post .simple-chat-post-preview__media,
.simple-chat-message__posts-grid.is-single-post .simple-chat-post-preview__media.is-empty {
height: 210px;
}

}
.simple-audit-stack--performance .simple-audit-dashboard__split {
grid-template-columns: 1fr;
gap: 18px;
}
.simple-audit-stack--performance .simple-audit-dashboard__split,
.simple-audit-stack--performance .simple-audit-dashboard__split-col {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
.simple-audit-stack--performance .simple-audit-dashboard__section--table,
.simple-audit-stack--performance .simple-audit-table-block {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
overflow: hidden !important;
}
.simple-audit-stack--performance .simple-audit-table-wrap--top_posts,
.simple-audit-stack--performance .simple-audit-table-wrap--under_average {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
overflow-x: auto !important;
overflow-y: hidden !important;
-webkit-overflow-scrolling: touch;
}
.simple-audit-stack--performance .simple-audit-table--top_posts,
.simple-audit-stack--performance .simple-audit-table--under_average {
display: table;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
table-layout: fixed !important;
}
.simple-audit-stack--performance .simple-audit-table--top_posts .simple-audit-table__cell,
.simple-audit-stack--performance .simple-audit-table--under_average .simple-audit-table__cell {
white-space: normal;
overflow: visible;
text-overflow: initial;
word-break: break-word;
overflow-wrap: anywhere;
vertical-align: top;
}
.simple-audit-stack--performance .simple-audit-table--top_posts .simple-audit-table__cell.is-col-rank,
.simple-audit-stack--performance .simple-audit-table--under_average .simple-audit-table__cell.is-col-rank,
.simple-audit-stack--performance .simple-audit-table--top_posts .simple-audit-table__cell.is-col-likes,
.simple-audit-stack--performance .simple-audit-table--under_average .simple-audit-table__cell.is-col-likes,
.simple-audit-stack--performance .simple-audit-table--top_posts .simple-audit-table__cell.is-col-comments,
.simple-audit-stack--performance .simple-audit-table--under_average .simple-audit-table__cell.is-col-comments,
.simple-audit-stack--performance .simple-audit-table--top_posts .simple-audit-table__cell.is-col-views,
.simple-audit-stack--performance .simple-audit-table--under_average .simple-audit-table__cell.is-col-views,
.simple-audit-stack--performance .simple-audit-table--top_posts .simple-audit-table__cell.is-col-date,
.simple-audit-stack--performance .simple-audit-table--under_average .simple-audit-table__cell.is-col-date {
white-space: nowrap;
}
.simple-audit-stack--performance .simple-audit-table--top_posts .simple-audit-table__cell.is-col-rank,
.simple-audit-stack--performance .simple-audit-table--under_average .simple-audit-table__cell.is-col-rank {
width: 64px;
}
.simple-audit-stack--performance .simple-audit-table--top_posts .simple-audit-table__cell.is-col-platform,
.simple-audit-stack--performance .simple-audit-table--under_average .simple-audit-table__cell.is-col-platform {
width: 96px;
}
.simple-audit-stack--performance .simple-audit-table--top_posts .simple-audit-table__cell.is-col-account,
.simple-audit-stack--performance .simple-audit-table--under_average .simple-audit-table__cell.is-col-account {
width: 120px;
}
.simple-audit-stack--performance .simple-audit-table--top_posts .simple-audit-table__cell.is-col-title,
.simple-audit-stack--performance .simple-audit-table--under_average .simple-audit-table__cell.is-col-title {
width: auto;
min-width: 0;
}
.simple-audit-stack--performance .simple-audit-table--top_posts .simple-audit-table__cell.is-col-likes,
.simple-audit-stack--performance .simple-audit-table--under_average .simple-audit-table__cell.is-col-likes {
width: 78px;
}
.simple-audit-stack--performance .simple-audit-table--top_posts .simple-audit-table__cell.is-col-comments,
.simple-audit-stack--performance .simple-audit-table--under_average .simple-audit-table__cell.is-col-comments {
width: 112px;
}
.simple-audit-stack--performance .simple-audit-table--top_posts .simple-audit-table__cell.is-col-views,
.simple-audit-stack--performance .simple-audit-table--under_average .simple-audit-table__cell.is-col-views {
width: 80px;
}
.simple-audit-stack--performance .simple-audit-table--top_posts .simple-audit-table__cell.is-col-date,
.simple-audit-stack--performance .simple-audit-table--under_average .simple-audit-table__cell.is-col-date {
width: 96px;
}
@media (max-width: 980px) {
	.simple-feed-grid-workspace {
    border-radius: 0px !important;
}
	section.simple-workspace-panel.simple-workspace-panel--chat.simple-workspace-tabpanel.is-active {
    border-radius: 0px !important;
}
.simple-audit-stack--performance .simple-audit-table--top_posts,
.simple-audit-stack--performance .simple-audit-table--under_average {
min-width: 0;
}

}
@media (max-width: 980px) {
	
	
	section.simple-feed-grid {
		
	zoom: 0.5;	
}
	
	
	button.simple-chat-inline__button.js-gemini-chat-submit {
		
		margin-left: 10px;
}
	
	.simple-feed-grid-workspace {
    border-radius: 0px !important;
}
section.simple-workspace-panel.simple-workspace-panel--chat.simple-workspace-tabpanel.is-active {
    border-radius: 0px !important;
}
.simple-audit-dashboard__split--performance .simple-audit-table-wrap--top_posts,
.simple-audit-dashboard__split--performance .simple-audit-table-wrap--under_average {
overflow: visible;
}
.simple-audit-dashboard__split--performance .simple-audit-table--top_posts,
.simple-audit-dashboard__split--performance .simple-audit-table--under_average,
.simple-audit-dashboard__split--performance .simple-audit-table--top_posts tbody,
.simple-audit-dashboard__split--performance .simple-audit-table--under_average tbody {
display: block;
width: 100% !important;
min-width: 0 !important;
}
.simple-audit-dashboard__split--performance .simple-audit-table--top_posts thead,
.simple-audit-dashboard__split--performance .simple-audit-table--under_average thead {
display: none;
}
.simple-audit-dashboard__split--performance .simple-audit-table--top_posts tr,
.simple-audit-dashboard__split--performance .simple-audit-table--under_average tr {
display: grid;
gap: 10px;
padding: 14px;
border-top: 1px solid rgba(116, 156, 255, 0.1);
}
.simple-audit-dashboard__split--performance .simple-audit-table--top_posts tbody tr:first-child,
.simple-audit-dashboard__split--performance .simple-audit-table--under_average tbody tr:first-child {
border-top: 0;
}
.simple-audit-dashboard__split--performance .simple-audit-table--top_posts .simple-audit-table__cell,
.simple-audit-dashboard__split--performance .simple-audit-table--under_average .simple-audit-table__cell {
display: grid;
grid-template-columns: minmax(88px, 112px) minmax(0, 1fr);
gap: 10px;
align-items: start;
padding: 0;
white-space: normal !important;
overflow: visible !important;
text-overflow: initial !important;
width: 100% !important;
min-width: 0 !important;
}
.simple-audit-dashboard__split--performance .simple-audit-table--top_posts .simple-audit-table__cell::before,
.simple-audit-dashboard__split--performance .simple-audit-table--under_average .simple-audit-table__cell::before {
content: attr(data-label);
color: rgba(191, 219, 254, 0.9);
font-size: 0.76rem;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.simple-audit-dashboard__split--performance .simple-audit-table--top_posts .simple-audit-table__cell.is-col-title,
.simple-audit-dashboard__split--performance .simple-audit-table--under_average .simple-audit-table__cell.is-col-title {
grid-template-columns: 1fr;
gap: 6px;
}
.simple-audit-dashboard__split--performance .simple-audit-table--top_posts .simple-audit-table__cell.is-col-title::before,
.simple-audit-dashboard__split--performance .simple-audit-table--under_average .simple-audit-table__cell.is-col-title::before {
margin-bottom: 2px;
}

}
body {
--simple-chat-floating-bottom: 18px;
--simple-chat-floating-reserve: 150px;
}
.simple-workspace-tabs {
--simple-chat-floating-bottom: 18px;
--simple-chat-floating-reserve: 150px;
}
.simple-workspace-tabs[data-active-tab="chat"] .simple-workspace-panel--chat.is-active {
justify-content: flex-start;
}
.simple-workspace-tabs[data-active-tab="chat"] .simple-chat-thread {
max-height: min(78vh, 1240px);
scroll-padding-bottom: calc(var(--simple-chat-floating-reserve) + 28px);
}
.simple-chat-inline-shell {
position: fixed;
left: 50%;
bottom: calc(env(safe-area-inset-bottom, 0px) + var(--simple-chat-floating-bottom, 18px));
z-index: 80;
--simple-chat-minimize-shift: calc(100% + 24px);
--simple-chat-toggle-bottom-offset: 23px;
--simple-chat-toggle-size: 34px;
--simple-chat-toggle-side-offset: 12px;
width: min(980px, calc(100vw - 40px));
max-width: calc(100vw - 40px);
transform: translate(-50%, 0);
overflow: visible;
pointer-events: auto;
}
.simple-chat-inline--floating {
position: relative;
left: auto;
bottom: auto;
z-index: 0;
width: 100%;
max-width: none;
box-sizing: border-box;
display: grid;
grid-template-columns: minmax(0, 1fr) auto auto;
align-items: center;
gap: 12px;
margin: 0;
padding: 12px;
border: 1px solid rgba(125, 170, 255, 0.3);
border-radius: 22px;
background:
radial-gradient(circle at top left, rgba(56, 189, 248, 0.16), transparent 38%),
linear-gradient(180deg, rgba(6, 16, 34, 0.94) 0%, rgba(4, 11, 24, 0.98) 100%);
box-shadow: 0 28px 68px rgba(2, 6, 23, 0.56);
backdrop-filter: blur(18px);
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateY(0);
transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
}
.simple-chat-inline--floating.is-minimized {
opacity: 0;
pointer-events: none;
transform: translateY(var(--simple-chat-minimize-shift));
}
body[data-workspace-tab="publications"] .simple-chat-inline--floating {
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateY(18px);
}
body.has-minimized-chat-bar,
body.has-minimized-chat-bar .simple-workspace-tabs {
--simple-chat-floating-reserve: 54px;
}
.simple-chat-inline__minimize-toggle {
position: absolute;
left: calc(-1 * (var(--simple-chat-toggle-size, 34px) + 12px));
top: 50%;
bottom: auto;
z-index: 2;
pointer-events: auto;
display: inline-flex;
align-items: center;
justify-content: center;
width: var(--simple-chat-toggle-size, 34px);
height: var(--simple-chat-toggle-size, 34px);
padding: 0;
border: 1px solid rgba(125, 170, 255, 0.3);
border-radius: 999px;
background: linear-gradient(180deg, rgba(15, 28, 54, 0.98) 0%, rgba(8, 17, 34, 0.98) 100%);
color: #dbe8ff;
box-shadow: 0 14px 28px rgba(2, 6, 23, 0.34);
cursor: pointer;
transform: translateY(-50%) rotate(0deg);
transition:
opacity 0.2s ease,
transform 0.2s ease,
bottom 0.2s ease,
visibility 0.2s ease,
border-color 0.16s ease,
background-color 0.16s ease,
box-shadow 0.16s ease;
}
.simple-chat-inline__minimize-toggle span[aria-hidden="true"] {
font-size: 0.9rem;
line-height: 1;
transform: translateY(1px);
}
.simple-chat-inline__minimize-toggle:hover {
transform: translateY(calc(-50% - 1px)) rotate(0deg);
border-color: rgba(125, 170, 255, 0.44);
box-shadow: 0 18px 34px rgba(2, 6, 23, 0.42);
}
.simple-chat-inline__minimize-toggle:focus-visible {
outline: none;
border-color: rgba(134, 177, 255, 0.72);
box-shadow: 0 0 0 4px rgba(79, 140, 255, 0.14);
}
.simple-chat-inline__minimize-toggle[disabled] {
opacity: 0.55;
cursor: not-allowed;
transform: translateY(-50%) rotate(0deg);
box-shadow: 0 12px 24px rgba(2, 6, 23, 0.24);
}
.simple-chat-inline__minimize-toggle.is-minimized {
top: 50%;
bottom: auto;
transform: translateY(-50%) rotate(180deg);
}
body[data-workspace-tab="publications"] .simple-chat-inline__minimize-toggle {
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateY(calc(-50% + 18px)) rotate(0deg);
}
.simple-chat-inline--floating .simple-chat-inline__input,
.simple-chat-inline--floating .simple-chat-inline__button {
min-height: 56px;
border-radius: 16px;
}
.simple-chat-inline--floating .simple-chat-inline__input {
font-size: 1rem;
padding-inline: 18px;
}
.simple-chat-inline--floating .simple-chat-inline__button {
min-width: 132px;
padding-inline: 22px;
white-space: nowrap;
}
.simple-chat-inline__settings-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 56px;
min-height: 56px;
padding: 0;
border: 1px solid rgba(125, 170, 255, 0.22);
border-radius: 16px;
background: linear-gradient(180deg, rgba(15, 28, 54, 0.96) 0%, rgba(8, 17, 34, 0.98) 100%);
color: #dbe8ff;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
cursor: pointer;
transition:
transform 160ms ease,
border-color 160ms ease,
background-color 160ms ease,
box-shadow 160ms ease,
color 160ms ease;
}
.simple-chat-inline__settings-toggle span[aria-hidden="true"] {
font-size: 1.18rem;
line-height: 1;
}
.simple-chat-inline__settings-toggle:hover {
transform: translateY(-1px);
border-color: rgba(125, 170, 255, 0.36);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 12px 24px rgba(2, 6, 23, 0.22);
}
.simple-chat-inline__settings-toggle:focus-visible {
outline: none;
border-color: rgba(134, 177, 255, 0.7);
box-shadow: 0 0 0 4px rgba(79, 140, 255, 0.14);
}
.simple-chat-inline__settings-toggle[disabled] {
opacity: 0.55;
cursor: not-allowed;
transform: none;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
}
.simple-chat-inline__settings-toggle[data-chart-preference="bar"] {
color: #8fc1ff;
}
.simple-chat-inline__settings-toggle[data-chart-preference="line"] {
color: #72e1bc;
}
.simple-chat-inline__settings-toggle[data-chart-preference="donut"] {
color: #f7ca63;
}
.simple-chat-inline--floating.is-loading {
pointer-events: none;
}
.simple-chat-response-overlay {
position: fixed;
inset: 0;
z-index: 130;
display: flex;
align-items: center;
justify-content: center;
padding: 24px;
}
.simple-chat-response-overlay[hidden] {
display: none !important;
}
.simple-chat-response-overlay__backdrop {
position: absolute;
inset: 0;
background: rgba(2, 6, 23, 0.72);
backdrop-filter: blur(10px);
}
.simple-chat-response-dialog {
position: relative;
z-index: 1;
width: min(668px, 100%);
max-height: min(86vh, 860px);
overflow: auto;
padding: 22px;
border: 1px solid rgba(157, 182, 236, 0.16);
border-radius: 24px;
background: linear-gradient(180deg, rgba(12, 22, 42, 0.98) 0%, rgba(7, 14, 29, 0.99) 100%);
box-shadow: 0 28px 80px rgba(2, 6, 23, 0.48);
}
.simple-chat-response-dialog__head,
.simple-chat-response-dialog__footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.simple-chat-response-dialog__head {
margin-bottom: 18px;
}
.simple-chat-response-dialog__head strong {
display: block;
color: #f8fbff;
font-size: 1.08rem;
letter-spacing: -0.02em;
}
.simple-chat-response-dialog__head p {
margin: 6px 0 0;
color: var(--text-3);
font-size: 0.92rem;
line-height: 1.45;
}
.simple-chat-response-dialog__close,
.simple-chat-response-dialog__secondary,
.simple-chat-response-dialog__primary {
min-height: 42px;
border-radius: 14px;
}
.simple-chat-response-dialog__close,
.simple-chat-response-dialog__secondary {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 14px;
border: 1px solid rgba(157, 182, 236, 0.14);
background: rgba(255, 255, 255, 0.03);
color: var(--text-1);
cursor: pointer;
}
.simple-chat-response-dialog__primary {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 18px;
border: 1px solid transparent;
background: linear-gradient(180deg, #5b93ff 0%, #2f6ff4 100%);
color: #ffffff;
box-shadow: 0 14px 24px rgba(47, 111, 244, 0.24);
cursor: pointer;
}
.simple-chat-response-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
grid-auto-rows: 1fr;
margin-bottom: 18px;
}
.simple-chat-response-grid--triple {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.simple-chat-response-section + .simple-chat-response-section {
margin-top: 14px;
padding-top: 14px;
border-top: 1px solid rgba(157, 182, 236, 0.1);
}
.simple-chat-response-section__head {
margin-bottom: 10px;
}
.simple-chat-response-section__head strong {
display: block;
color: #f8fbff;
font-size: 0.95rem;
letter-spacing: -0.01em;
}
.simple-chat-response-section__head span {
display: block;
margin-top: 4px;
color: var(--text-3);
font-size: 0.84rem;
line-height: 1.45;
}
.simple-chat-response-option {
display: grid;
grid-template-rows: auto 1fr;
align-content: start;
gap: 6px;
min-height: 112px;
padding: 14px 14px 13px;
border: 1px solid rgba(157, 182, 236, 0.14);
border-radius: 18px;
background: rgba(7, 15, 30, 0.72);
color: var(--text-2);
text-align: left;
cursor: pointer;
position: relative;
overflow: hidden;
transition:
transform 160ms ease,
border-color 160ms ease,
background-color 160ms ease,
box-shadow 160ms ease;
}
.simple-chat-response-option::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(90deg, rgba(91, 147, 255, 0.92) 0%, rgba(56, 189, 248, 0.9) 100%);
opacity: 0;
transform: scaleX(0.35);
transform-origin: left center;
transition: opacity 160ms ease, transform 160ms ease;
}
.simple-chat-response-option strong {
color: #f8fbff;
font-size: 0.96rem;
letter-spacing: -0.01em;
line-height: 1.22;
}
.simple-chat-response-option span {
color: var(--text-3);
font-size: 0.84rem;
line-height: 1.42;
}
.simple-chat-response-option:hover {
transform: translateY(-1px);
border-color: rgba(125, 170, 255, 0.28);
box-shadow: 0 10px 20px rgba(2, 6, 23, 0.22);
}
.simple-chat-response-option:hover::before,
.simple-chat-response-option:focus-visible::before,
.simple-chat-response-option.is-active::before {
opacity: 1;
transform: scaleX(1);
}
.simple-chat-response-option.is-active {
border-color: rgba(91, 147, 255, 0.46);
background:
radial-gradient(circle at top right, rgba(56, 189, 248, 0.10), transparent 48%),
linear-gradient(180deg, rgba(15, 27, 50, 0.98) 0%, rgba(7, 15, 30, 0.98) 100%);
box-shadow:
0 12px 24px rgba(2, 6, 23, 0.22),
inset 0 0 0 1px rgba(91, 147, 255, 0.14);
}
.simple-chat-response-option.is-active strong {
color: #dfeaff;
}
.simple-chat-response-option[data-setting="chart"][data-value="bar"].is-active {
border-color: rgba(96, 165, 250, 0.44);
}
.simple-chat-response-option[data-setting="chart"][data-value="line"].is-active {
border-color: rgba(52, 211, 153, 0.42);
}
.simple-chat-response-option[data-setting="chart"][data-value="donut"].is-active {
border-color: rgba(251, 191, 36, 0.42);
}
.simple-chat-response-option[data-setting="complexity"][data-value="simple"].is-active {
border-color: rgba(96, 165, 250, 0.44);
}
.simple-chat-response-option[data-setting="complexity"][data-value="advanced"].is-active {
border-color: rgba(167, 139, 250, 0.42);
}
.simple-chat-response-option[data-setting="verbosity"][data-value="short"].is-active {
border-color: rgba(52, 211, 153, 0.42);
}
.simple-chat-response-option[data-setting="verbosity"][data-value="detailed"].is-active {
border-color: rgba(251, 191, 36, 0.42);
}
body.has-chat-settings-open {
overflow: hidden;
}
body.has-filter-multi-overlay-open {
overflow: hidden;
}
@media (min-width: 1280px) {
.simple-chat-inline-shell {
left: calc(314px + ((100vw - 314px) / 2));
width: min(1040px, calc(100vw - 354px));
max-width: calc(100vw - 354px);
}
.simple-chat-inline__minimize-toggle {
left: calc(-1 * (var(--simple-chat-toggle-size, 34px) + 12px));
top: 50%;
bottom: auto;
}

}
@media (max-width: 980px) {
body,
.simple-workspace-tabs {
--simple-chat-floating-bottom: 14px;
--simple-chat-floating-reserve: 160px;
}
.simple-workspace-tabs[data-active-tab="chat"] .simple-chat-thread {
max-height: 81vh;
}
.simple-chat-inline-shell {
width: calc(100vw - 20px);
max-width: calc(100vw - 20px);
}
.simple-chat-inline--floating {
padding: 10px;
 padding-left: calc(10px + var(--simple-chat-toggle-size, 34px) + 8px);
gap: 10px;
border-radius: 18px;
 --simple-chat-toggle-bottom-offset: 18px;
 --simple-chat-toggle-side-offset: 10px;
}
.simple-chat-inline__minimize-toggle {
position: fixed;
left: calc(10px + var(--simple-chat-toggle-side-offset, 10px));
top: auto;
bottom: calc(env(safe-area-inset-bottom, 0px) + var(--simple-chat-floating-bottom, 18px) + var(--simple-chat-toggle-bottom-offset, 76px));
transform: rotate(0deg);
}
.simple-chat-inline__minimize-toggle:hover {
transform: translateY(-1px) rotate(0deg);
}
.simple-chat-inline__minimize-toggle[disabled] {
transform: none;
}
.simple-chat-inline__minimize-toggle.is-minimized {
top: auto;
bottom: calc(env(safe-area-inset-bottom, 0px) + 10px);
transform: rotate(180deg);
}
body[data-workspace-tab="publications"] .simple-chat-inline__minimize-toggle {
transform: translateY(18px);
}
.simple-chat-inline--floating .simple-chat-inline__input,
.simple-chat-inline--floating .simple-chat-inline__button,
.simple-chat-inline__settings-toggle {
min-height: 50px;
}

}
@media (max-width: 720px) {
body,
.simple-workspace-tabs {
--simple-chat-floating-reserve: 206px;
}
.simple-chat-inline--floating {
grid-template-columns: minmax(0, 1fr) auto;
 --simple-chat-toggle-bottom-offset: 17px;
 --simple-chat-toggle-size: 32px;
 --simple-chat-toggle-side-offset: 8px;
}
.simple-chat-inline__minimize-toggle {
left: calc(10px + var(--simple-chat-toggle-side-offset, 8px));
}
.simple-chat-inline--floating .simple-chat-inline__input {
grid-column: 1 / -1;
}
.simple-chat-inline__settings-toggle {
grid-column: 1 / 2;
}
.simple-chat-inline--floating .simple-chat-inline__button {
grid-column: 2 / 3;
width: auto;
min-width: 0;
}
.simple-chat-response-overlay {
padding: 14px;
}
.simple-chat-response-dialog {
padding: 18px;
border-radius: 20px;
}
.simple-chat-response-grid {
gap: 10px;
margin-bottom: 14px;
}
.simple-chat-response-grid--triple {
grid-template-columns: 1fr;
}
.simple-chat-response-option {
min-height: 0;
padding: 13px 14px 12px;
}
.simple-chat-response-option span,
.simple-chat-response-section__head span {
font-size: 0.8rem;
}
.simple-chat-response-dialog__close {
align-self: flex-end;
}

}
.simple-chat-chart-card__svg .simple-chat-chart-card__bar-gloss {
pointer-events: none;
}
.simple-chat-chart-card__svg .simple-chat-chart-card__bar-rail,
.simple-chat-chart-card__svg .simple-chat-chart-card__bar {
pointer-events: auto;
cursor: help;
}
.simple-chat-message__chart[data-chart-key="sentiment_distribution"] {
border-color: rgba(148, 163, 184, 0.14);
background:
radial-gradient(circle at top right, rgba(125, 211, 252, 0.05), transparent 34%),
linear-gradient(180deg, rgba(7, 18, 36, 0.80) 0%, rgba(5, 13, 28, 0.92) 100%);
}
.simple-chat-message__chart[data-chart-key="sentiment_distribution"] .simple-chat-chart__summary {
margin-bottom: 14px;
}
.simple-chat-message__chart[data-chart-key="sentiment_distribution"] .simple-chat-chart__summary strong {
font-size: clamp(1rem, 0.95rem + 0.14vw, 1.1rem);
letter-spacing: -0.015em;
}
.simple-chat-message__chart[data-chart-key="sentiment_distribution"] .simple-chat-chart__summary span {
display: inline-block;
margin-top: 6px;
color: rgba(191, 219, 254, 0.74);
line-height: 1.45;
}
.simple-chat-message__chart[data-chart-key="sentiment_distribution"] .simple-chat-chart-card--sentiment {
border: 1px solid rgba(148, 163, 184, 0.12);
background: linear-gradient(180deg, rgba(8, 17, 34, 0.96) 0%, rgba(4, 10, 22, 0.99) 100%);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 18px 30px rgba(2, 6, 23, 0.18);
}
.simple-chat-message__chart[data-chart-key="sentiment_distribution"] .simple-chat-chart-card__head {
margin-bottom: 12px;
}
.simple-chat-message__chart[data-chart-key="sentiment_distribution"] .simple-chat-chart-card__head strong {
font-size: 0.98rem;
letter-spacing: -0.015em;
}
.simple-chat-message__chart[data-chart-key="sentiment_distribution"] .simple-chat-chart-card__head span {
padding: 3px 8px;
border-radius: 999px;
border: 1px solid rgba(148, 163, 184, 0.10);
background: rgba(15, 23, 42, 0.56);
color: rgba(226, 232, 240, 0.78);
font-size: 0.77rem;
font-weight: 650;
letter-spacing: 0.01em;
}
.simple-chat-message__chart[data-chart-key="sentiment_distribution"] .simple-chat-chart-card__svg {
border: 1px solid rgba(148, 163, 184, 0.09);
border-radius: 20px;
background:
radial-gradient(circle at top center, rgba(96, 165, 250, 0.06), transparent 40%),
linear-gradient(180deg, rgba(5, 11, 23, 0.96) 0%, rgba(3, 8, 18, 1) 100%);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025), inset 0 -12px 26px rgba(15, 23, 42, 0.14);
}
.simple-chat-message__chart[data-chart-key="sentiment_distribution"] .simple-chat-chart-card__meta {
margin-top: 12px;
padding-top: 10px;
border-top: 1px solid rgba(148, 163, 184, 0.10);
color: rgba(191, 219, 254, 0.72);
font-size: 0.82rem;
font-weight: 560;
letter-spacing: 0.01em;
}
.simple-chat-message__chart[data-chart-key="sentiment_distribution"] .simple-chat-chart-card__svg .simple-chat-chart-card__grid-line {
stroke: rgba(148, 163, 184, 0.10);
stroke-width: 1;
}
.simple-chat-message__chart[data-chart-key="sentiment_distribution"] .simple-chat-chart-card__svg .simple-chat-chart-card__grid-value {
fill: rgba(226, 232, 240, 0.72);
font-size: 18px;
font-weight: 650;
letter-spacing: -0.02em;
}
.simple-chat-message__chart[data-chart-key="sentiment_distribution"] .simple-chat-chart-card__svg .simple-chat-chart-card__axis-label {
font-size: 17px;
font-weight: 700;
letter-spacing: -0.02em;
}
.simple-chat-message__chart[data-chart-key="sentiment_distribution"] .simple-chat-chart-card__svg .simple-chat-chart-card__bar-rail {
fill-opacity: 0.56;
stroke-opacity: 0.42;
}
.simple-chat-message__chart[data-chart-key="sentiment_distribution"] .simple-chat-chart-card__svg .simple-chat-chart-card__bar {
filter: drop-shadow(0 10px 14px rgba(2, 6, 23, 0.16));
}
.simple-chat-message__chart[data-chart-key="sentiment_distribution"] .simple-chat-chart-card__svg .simple-chat-chart-card__bar-gloss {
opacity: 0.42;
}
.simple-chat-message__chart[data-chart-key="sentiment_distribution"] .simple-chat-chart-card__svg .simple-chat-chart-card__value-label {
font-size: 15px;
font-weight: 700;
letter-spacing: -0.02em;
paint-order: stroke;
stroke: rgba(3, 8, 18, 0.48);
stroke-width: 3px;
stroke-linejoin: round;
}
.simple-chat-message__chart[data-chart-key="sentiment_distribution"] {
padding: 20px 22px 18px;
border-radius: 20px;
border-color: rgba(148, 163, 184, 0.12);
background:
radial-gradient(120% 90% at 78% -18%, rgba(125, 211, 252, 0.06), transparent 52%),
linear-gradient(180deg, rgba(8, 18, 34, 0.78) 0%, rgba(4, 11, 24, 0.94) 100%);
}
.simple-chat-message__chart[data-chart-key="sentiment_distribution"] .simple-chat-chart__grid {
grid-template-columns: minmax(0, 1fr);
}
.simple-chat-message__chart[data-chart-key="sentiment_distribution"] .simple-chat-chart-card--sentiment {
width: min(100%, 1180px);
max-width: 1180px;
margin: 0 auto;
padding: 14px 16px 13px;
border-radius: 20px;
border-color: rgba(148, 163, 184, 0.1);
background: linear-gradient(180deg, rgba(8, 16, 32, 0.94) 0%, rgba(5, 11, 23, 0.98) 100%);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02), 0 14px 24px rgba(2, 6, 23, 0.14);
}
.simple-chat-message__chart[data-chart-key="sentiment_distribution"] .simple-chat-chart-card__head {
margin-bottom: 8px;
}
.simple-chat-message__chart[data-chart-key="sentiment_distribution"] .simple-chat-chart-card__head strong {
font-size: 0.93rem;
font-weight: 620;
letter-spacing: -0.01em;
}
.simple-chat-message__chart[data-chart-key="sentiment_distribution"] .simple-chat-chart-card__head span {
padding: 2px 7px;
font-size: 0.72rem;
font-weight: 560;
border-color: rgba(148, 163, 184, 0.08);
background: rgba(15, 23, 42, 0.4);
color: rgba(226, 232, 240, 0.68);
}
.simple-chat-message__chart[data-chart-key="sentiment_distribution"] .simple-chat-chart-card__svg--sentiment {
border-radius: 16px;
border-color: rgba(148, 163, 184, 0.08);
background:
linear-gradient(180deg, rgba(5, 12, 24, 0.96) 0%, rgba(3, 8, 18, 1) 100%);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.018);
}
.simple-chat-message__chart[data-chart-key="sentiment_distribution"] .simple-chat-chart-card__svg--sentiment {
min-height: 290px;
}
.simple-chat-message__chart[data-chart-key="sentiment_distribution"] .simple-chat-chart-card__svg--sentiment .simple-chat-chart-card__grid-line {
stroke: rgba(148, 163, 184, 0.08);
stroke-dasharray: 2 7;
stroke-linecap: round;
}
.simple-chat-message__chart[data-chart-key="sentiment_distribution"] .simple-chat-chart-card__svg--sentiment .simple-chat-chart-card__grid-value {
fill: rgba(191, 219, 254, 0.64);
font-size: 13px;
font-weight: 560;
letter-spacing: 0.01em;
}
.simple-chat-message__chart[data-chart-key="sentiment_distribution"] .simple-chat-chart-card__svg--sentiment .simple-chat-chart-card__axis-label {
font-size: 14px;
font-weight: 650;
letter-spacing: -0.01em;
}
.simple-chat-message__chart[data-chart-key="sentiment_distribution"] .simple-chat-chart-card__svg--sentiment .simple-chat-chart-card__bar-rail {
fill-opacity: 0.28;
stroke-opacity: 0.2;
}
.simple-chat-message__chart[data-chart-key="sentiment_distribution"] .simple-chat-chart-card__svg--sentiment .simple-chat-chart-card__bar {
filter: drop-shadow(0 7px 10px rgba(2, 6, 23, 0.13));
transform-box: fill-box;
transform-origin: center bottom;
animation: simple-sentiment-bar-rise 460ms cubic-bezier(0.2, 0.7, 0.2, 1) both;
}
.simple-chat-message__chart[data-chart-key="sentiment_distribution"] .simple-chat-chart-card__svg--sentiment .simple-chat-chart-card__bar-gloss {
opacity: 0.2;
}
.simple-chat-message__chart[data-chart-key="sentiment_distribution"] .simple-chat-chart-card__svg--sentiment .simple-chat-chart-card__value-label {
font-size: 12.5px;
font-weight: 640;
letter-spacing: 0;
stroke-width: 2px;
stroke: rgba(3, 8, 18, 0.3);
}
.simple-chat-message__chart[data-chart-key="sentiment_distribution"] .simple-chat-chart-card__meta {
margin-top: 9px;
padding-top: 8px;
font-size: 0.79rem;
color: rgba(191, 219, 254, 0.64);
}
@media (max-width: 1080px) {
.simple-chat-message__chart[data-chart-key="sentiment_distribution"] {
padding: 18px 18px 16px;
}
.simple-chat-message__chart[data-chart-key="sentiment_distribution"] .simple-chat-chart-card--sentiment {
width: 100%;
max-width: 100%;
}
.simple-chat-message__chart[data-chart-key="sentiment_distribution"] .simple-chat-chart-card__svg--sentiment {
min-height: 0;
}

}
@keyframes simple-sentiment-bar-rise {
0% {
transform: scaleY(0.84) translateY(8px);
opacity: 0.55;
}
100% {
transform: scaleY(1) translateY(0);
opacity: 1;
}
}
.simple-chat-chart-card--donut {
border: 1px solid rgba(148, 163, 184, 0.12);
background:
radial-gradient(circle at top center, rgba(96, 165, 250, 0.05), transparent 42%),
linear-gradient(180deg, rgba(8, 17, 34, 0.96) 0%, rgba(4, 10, 22, 0.99) 100%);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.03), 0 20px 36px rgba(2, 6, 23, 0.18);
}
.simple-chat-chart-card__svg--donut {
border: 1px solid rgba(148, 163, 184, 0.08);
border-radius: 22px;
background:
radial-gradient(circle at top center, rgba(56, 189, 248, 0.05), transparent 42%),
linear-gradient(180deg, rgba(5, 11, 23, 0.96) 0%, rgba(3, 8, 18, 1) 100%);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.025), inset 0 -12px 26px rgba(15, 23, 42, 0.14);
}
.simple-chat-chart-card__donut-track {
opacity: 0.92;
}
.simple-chat-chart-card__donut-segment {
cursor: help;
filter: drop-shadow(0 10px 18px rgba(2, 6, 23, 0.18));
transition: opacity 160ms ease;
}
.simple-chat-chart-card__donut-segment:hover {
opacity: 0.96;
}
.simple-chat-chart-card__donut-center-total {
fill: #f8fbff;
font-size: 1.72rem;
font-weight: 800;
letter-spacing: -0.04em;
}
.simple-chat-chart-card__donut-center-label {
fill: rgba(191, 219, 254, 0.72);
font-size: 0.82rem;
font-weight: 600;
letter-spacing: 0.02em;
text-transform: uppercase;
}
.simple-chat-chart__legend--donut {
margin-top: 14px;
}
.simple-chat-chart__legend-item--slice {
cursor: help;
}
.simple-chat-chart__grid--donuts {
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}
.simple-chat-chart-card--donut-scope {
padding: 16px 18px 14px;
}
.simple-chat-message__chart[data-chart-key="avg_likes"],
.simple-chat-message__chart[data-chart-key="avg_comments"] {
padding: 18px 18px 16px;
border-radius: 20px;
border-color: rgba(148, 163, 184, 0.12);
background:
radial-gradient(120% 95% at 82% -18%, rgba(125, 211, 252, 0.05), transparent 52%),
linear-gradient(180deg, rgba(8, 18, 34, 0.76) 0%, rgba(4, 11, 24, 0.94) 100%);
}
.simple-chat-message__chart[data-chart-key="avg_likes"] .simple-chat-chart-card,
.simple-chat-message__chart[data-chart-key="avg_comments"] .simple-chat-chart-card {
padding: 14px 16px 13px;
border-radius: 18px;
border-color: rgba(148, 163, 184, 0.1);
background: linear-gradient(180deg, rgba(8, 16, 32, 0.94) 0%, rgba(5, 11, 23, 0.98) 100%);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02), 0 12px 20px rgba(2, 6, 23, 0.12);
}
.simple-chat-message__chart[data-chart-key="avg_likes"] .simple-chat-chart-card__head,
.simple-chat-message__chart[data-chart-key="avg_comments"] .simple-chat-chart-card__head {
margin-bottom: 10px;
}
.simple-chat-message__chart[data-chart-key="avg_likes"] .simple-chat-chart-card__head strong,
.simple-chat-message__chart[data-chart-key="avg_comments"] .simple-chat-chart-card__head strong {
font-size: 0.97rem;
font-weight: 620;
letter-spacing: -0.01em;
}
.simple-chat-message__chart[data-chart-key="avg_likes"] .simple-chat-chart-card__head span,
.simple-chat-message__chart[data-chart-key="avg_comments"] .simple-chat-chart-card__head span {
padding: 3px 8px;
font-size: 0.74rem;
font-weight: 560;
border-radius: 999px;
border: 1px solid rgba(148, 163, 184, 0.08);
background: rgba(15, 23, 42, 0.44);
color: rgba(226, 232, 240, 0.7);
}
.simple-chat-message__chart[data-chart-key="avg_likes"] .simple-chat-chart-card__svg--comparison,
.simple-chat-message__chart[data-chart-key="avg_comments"] .simple-chat-chart-card__svg--comparison {
min-height: 248px;
border-radius: 16px;
border-color: rgba(148, 163, 184, 0.08);
background: linear-gradient(180deg, rgba(5, 12, 24, 0.96) 0%, rgba(3, 8, 18, 1) 100%);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.018);
}
.simple-chat-message__chart[data-chart-key="avg_likes"] .simple-chat-chart-card__svg--comparison .simple-chat-chart-card__grid-line,
.simple-chat-message__chart[data-chart-key="avg_comments"] .simple-chat-chart-card__svg--comparison .simple-chat-chart-card__grid-line {
stroke: rgba(148, 163, 184, 0.08);
stroke-dasharray: 2 7;
stroke-linecap: round;
}
.simple-chat-message__chart[data-chart-key="avg_likes"] .simple-chat-chart-card__svg--comparison .simple-chat-chart-card__grid-value,
.simple-chat-message__chart[data-chart-key="avg_comments"] .simple-chat-chart-card__svg--comparison .simple-chat-chart-card__grid-value {
fill: rgba(191, 219, 254, 0.62);
font-size: 13px;
font-weight: 560;
letter-spacing: 0.01em;
}
.simple-chat-message__chart[data-chart-key="avg_likes"] .simple-chat-chart-card__svg--comparison .simple-chat-chart-card__axis-label,
.simple-chat-message__chart[data-chart-key="avg_comments"] .simple-chat-chart-card__svg--comparison .simple-chat-chart-card__axis-label {
font-size: 14px;
font-weight: 640;
letter-spacing: -0.01em;
}
.simple-chat-message__chart[data-chart-key="avg_likes"] .simple-chat-chart-card__svg--comparison .simple-chat-chart-card__bar-rail,
.simple-chat-message__chart[data-chart-key="avg_comments"] .simple-chat-chart-card__svg--comparison .simple-chat-chart-card__bar-rail {
fill-opacity: 0.26;
stroke-opacity: 0.2;
}
.simple-chat-message__chart[data-chart-key="avg_likes"] .simple-chat-chart-card__svg--comparison .simple-chat-chart-card__bar,
.simple-chat-message__chart[data-chart-key="avg_comments"] .simple-chat-chart-card__svg--comparison .simple-chat-chart-card__bar {
filter: drop-shadow(0 7px 10px rgba(2, 6, 23, 0.12));
transform-box: fill-box;
transform-origin: center bottom;
animation: simple-comparison-bar-rise 420ms cubic-bezier(0.2, 0.7, 0.2, 1) both;
}
.simple-chat-message__chart[data-chart-key="avg_likes"] .simple-chat-chart-card__svg--comparison .simple-chat-chart-card__bar-gloss,
.simple-chat-message__chart[data-chart-key="avg_comments"] .simple-chat-chart-card__svg--comparison .simple-chat-chart-card__bar-gloss {
opacity: 0.22;
}
.simple-chat-message__chart[data-chart-key="avg_likes"] .simple-chat-chart-card__meta,
.simple-chat-message__chart[data-chart-key="avg_comments"] .simple-chat-chart-card__meta {
margin-top: 10px;
padding-top: 8px;
border-top: 1px solid rgba(148, 163, 184, 0.09);
font-size: 0.8rem;
color: rgba(191, 219, 254, 0.64);
}
.simple-chat-message__chart[data-chart-key="generated_compact_comparison"] {
padding: 16px 16px 14px;
border-radius: 20px;
border-color: rgba(148, 163, 184, 0.11);
background:
radial-gradient(120% 100% at 85% -18%, rgba(125, 211, 252, 0.04), transparent 52%),
linear-gradient(180deg, rgba(8, 17, 33, 0.74) 0%, rgba(4, 10, 22, 0.94) 100%);
}
.simple-chat-message__chart[data-chart-key="generated_compact_comparison"] .simple-chat-chart__grid {
grid-template-columns: minmax(0, 760px);
justify-content: center;
}
.simple-chat-message__chart[data-chart-key="generated_compact_comparison"] .simple-chat-chart-card {
padding: 14px 16px 12px;
border-radius: 18px;
border-color: rgba(148, 163, 184, 0.09);
background: linear-gradient(180deg, rgba(7, 15, 30, 0.94) 0%, rgba(4, 9, 20, 0.98) 100%);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02), 0 12px 20px rgba(2, 6, 23, 0.12);
}
.simple-chat-message__chart[data-chart-key="generated_compact_comparison"] .simple-chat-chart-card__head {
margin-bottom: 10px;
}
.simple-chat-message__chart[data-chart-key="generated_compact_comparison"] .simple-chat-chart-card__head strong {
font-size: 0.96rem;
font-weight: 620;
letter-spacing: -0.012em;
}
.simple-chat-message__chart[data-chart-key="generated_compact_comparison"] .simple-chat-chart-card__head span {
padding: 3px 8px;
font-size: 0.74rem;
font-weight: 560;
border-radius: 999px;
border: 1px solid rgba(148, 163, 184, 0.08);
background: rgba(15, 23, 42, 0.42);
color: rgba(226, 232, 240, 0.68);
}
.simple-chat-message__chart[data-chart-key="generated_compact_comparison"] .simple-chat-chart-card__svg--comparison {
min-height: 220px;
border-radius: 16px;
border-color: rgba(148, 163, 184, 0.08);
background: linear-gradient(180deg, rgba(5, 12, 24, 0.96) 0%, rgba(3, 8, 18, 1) 100%);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.018);
}
.simple-chat-message__chart[data-chart-key="generated_compact_comparison"] .simple-chat-chart-card__svg--comparison .simple-chat-chart-card__grid-line {
stroke: rgba(148, 163, 184, 0.07);
stroke-dasharray: 2 7;
stroke-linecap: round;
}
.simple-chat-message__chart[data-chart-key="generated_compact_comparison"] .simple-chat-chart-card__svg--comparison .simple-chat-chart-card__grid-value {
fill: rgba(191, 219, 254, 0.58);
font-size: 12px;
font-weight: 560;
}
.simple-chat-message__chart[data-chart-key="generated_compact_comparison"] .simple-chat-chart-card__svg--comparison .simple-chat-chart-card__axis-label {
font-size: 13px;
font-weight: 640;
letter-spacing: -0.01em;
}
.simple-chat-message__chart[data-chart-key="generated_compact_comparison"] .simple-chat-chart-card__svg--comparison .simple-chat-chart-card__bar-rail {
fill-opacity: 0.22;
stroke-opacity: 0.16;
}
.simple-chat-message__chart[data-chart-key="generated_compact_comparison"] .simple-chat-chart-card__svg--comparison .simple-chat-chart-card__bar {
filter: drop-shadow(0 7px 10px rgba(2, 6, 23, 0.12));
}
.simple-chat-message__chart[data-chart-key="generated_compact_comparison"] .simple-chat-chart-card__svg--comparison .simple-chat-chart-card__bar-gloss {
opacity: 0.2;
}
.simple-chat-message__chart[data-chart-key="generated_compact_comparison"] .simple-chat-chart-card__svg--comparison .simple-chat-chart-card__value-label {
font-size: 13px;
font-weight: 640;
}
.simple-chat-message__chart[data-chart-key="generated_compact_comparison"] .simple-chat-chart__note {
max-width: 760px;
margin-inline: auto;
}
@keyframes simple-comparison-bar-rise {
0% {
transform: scaleY(0.88) translateY(6px);
opacity: 0.62;
}
100% {
transform: scaleY(1) translateY(0);
opacity: 1;
}
}
.simple-workspace-tabs__nav-shell {
display: flex;
align-items: center;
gap: 10px;
width: 100%;
min-width: 0;
}
.simple-workspace-tabs__audit-actions {
display: none;
align-items: flex-end;
gap: 10px;
margin-left: auto;
flex: 0 0 auto;
}
.simple-workspace-tabs[data-active-tab="audit"] .simple-workspace-tabs__audit-actions {
display: inline-flex;
}
.simple-workspace-tabs__audit-save {
display: inline-flex;
align-items: center;
justify-content: center;
align-self: flex-end;
min-height: 38px;
padding: 0 16px;
border: 1px solid rgba(126, 164, 255, 0.22);
border-radius: 14px;
background: linear-gradient(180deg, rgba(101, 151, 255, 0.22) 0%, rgba(57, 102, 212, 0.2) 100%);
color: var(--text-1);
font: inherit;
font-weight: 700;
cursor: pointer;
white-space: nowrap;
}
.simple-workspace-tabs__audit-save:hover {
border-color: rgba(153, 185, 255, 0.34);
background: linear-gradient(180deg, rgba(113, 164, 255, 0.3) 0%, rgba(64, 112, 227, 0.26) 100%);
}
.simple-workspace-tabs__audit-delete {
display: inline-flex;
align-items: center;
justify-content: center;
align-self: flex-end;
min-height: 38px;
padding: 0 14px;
border: 1px solid rgba(255, 114, 114, 0.18);
border-radius: 14px;
background: rgba(92, 21, 32, 0.24);
color: #ffd7de;
font: inherit;
font-weight: 700;
cursor: pointer;
white-space: nowrap;
}
.simple-workspace-tabs__audit-delete:hover {
border-color: rgba(255, 136, 136, 0.3);
background: rgba(116, 28, 43, 0.34);
}
.simple-workspace-tabs__audit-delete:disabled {
opacity: 0.48;
cursor: not-allowed;
}
.simple-workspace-tabs__audit-saved {
display: grid;
gap: 6px;
min-width: 180px;
}
.simple-workspace-tabs__audit-saved span {
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: rgba(187, 206, 243, 0.72);
}
.simple-workspace-tabs__audit-select {
min-height: 38px;
padding: 0 36px 0 14px;
border: 1px solid rgba(157, 182, 236, 0.16);
border-radius: 14px;
background: rgba(16, 28, 52, 0.94);
color: var(--text-1);
font: inherit;
font-weight: 600;
cursor: pointer;
color-scheme: dark;
}
.simple-workspace-tabs__audit-select:focus {
outline: none;
border-color: rgba(126, 164, 255, 0.42);
box-shadow: 0 0 0 3px rgba(72, 122, 255, 0.16);
}
.simple-workspace-tabs__audit-select option {
background: #0f1a31;
color: #eef4ff;
}
.simple-workspace-tabs__audit-select option:checked,
.simple-workspace-tabs__audit-select option:hover {
background: #8fb8ee;
color: #0c1830;
}
.simple-workspace-tabs__nav-shell .simple-workspace-tabs__nav {
flex: 0 1 auto;
width: auto;
min-width: 0;
}
.simple-workspace-tabs__nav-shell .simple-workspace-tabs__tablist {
flex: 0 0 auto;
min-width: 0;
}
.simple-workspace-tabs__nav {
min-height: 58px;
padding: 6px;
}
.simple-workspace-tabs__tablist {
gap: 8px;
}
.simple-workspace-tabs__tablist .simple-workspace-tabs__button {
flex: 0 0 auto;
min-height: 38px;
padding: 0 16px;
font-size: 0.9rem;
}
.simple-workspace-tabs__button--filters,
.simple-feed-mobile-filter-close,
.simple-feed-mobile-filter-backdrop {
display: none;
}
@media (max-width: 1200px) {
.simple-feed-app-shell {
display: block;
padding: 8px 0 18px;
max-height: none;
}
.simple-feed-app-shell > .simple-feed-page {
width: min(1820px, calc(100vw - 14px));
margin: 0 auto;
padding: 0;
}
.simple-feed-app-shell > .simple-feed-page .simple-feed-grid-shell {
padding-top: 0;
}
.simple-feed-mobile-filter-backdrop {
display: block;
position: fixed;
inset: 0;
z-index: 160;
border: 0;
padding: 0;
background: rgba(2, 6, 23, 0.58);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
opacity: 0;
pointer-events: none;
transition: opacity 180ms ease;
}
.simple-feed-app-shell__sidebar {
position: fixed;
top: 0;
left: 0;
bottom: 0;
z-index: 170;
width: min(336px, calc(100vw - 34px));
max-width: calc(100vw - 34px);
margin: 0;
padding: 0;
transform: translateX(calc(-100% - 18px));
transition: transform 220ms ease;
overscroll-behavior: contain;
}
.simple-feed-app-shell__sidebar.is-mobile-open {
transform: translateX(0);
}
.simple-feed-app-shell__sidebar > .simple-feed-panel.simple-feed-filters {
width: 100%;
max-width: none;
height: 100dvh;
max-height: 100dvh;
margin: 0;
border-radius: 0 24px 24px 0;
overflow-y: auto;
overflow-x: hidden;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
touch-action: pan-y;
}
.simple-feed-mobile-filter-close {
display: inline-flex;
align-items: center;
justify-content: center;
align-self: flex-start;
min-width: 42px;
min-height: 42px;
margin-left: auto;
padding: 0 12px;
border: 1px solid rgba(157, 182, 236, 0.16);
border-radius: 14px;
background: rgba(255, 255, 255, 0.04);
color: var(--text-1);
cursor: pointer;
}
.simple-workspace-tabs__button--filters {
display: inline-flex;
flex: 0 0 auto;
align-items: center;
justify-content: center;
margin-left: auto;
white-space: nowrap;
border-style: dashed;
}
.simple-workspace-tabs[data-active-tab="audit"] .simple-workspace-tabs__button--filters {
margin-left: 0;
}
.simple-workspace-tabs__nav {
flex-wrap: nowrap;
overflow-x: auto;
scrollbar-width: none;
}
.simple-workspace-tabs__nav::-webkit-scrollbar {
display: none;
}
.simple-workspace-tabs__platforms {
display: none;
}
.simple-workspace-tabs__button {
white-space: nowrap;
}
@media (max-width: 980px) {
.simple-workspace-tabs__nav {
min-height: 52px;
padding: 5px;
}
.simple-workspace-tabs__audit-actions {
min-width: 0;
gap: 8px;
}
.simple-workspace-tabs__audit-saved {
min-width: 150px;
}
.simple-workspace-tabs__tablist {
gap: 6px;
}
.simple-workspace-tabs__tablist .simple-workspace-tabs__button {
min-height: 34px;
padding: 0 14px;
font-size: 0.84rem;
}
}
body.has-mobile-filters-open {
overflow: hidden;
}
body.has-mobile-filters-open .simple-feed-mobile-filter-backdrop {
opacity: 1;
pointer-events: auto;
}
body.has-mobile-filters-open .simple-feed-page,
body.has-mobile-filters-open .simple-feed-grid-workspace,
body.has-mobile-filters-open .simple-chat-thread {
overscroll-behavior: none;
}
}
@media (max-width: 980px) {
html {
font-size: 88%;
}
.simple-feed-grid-workspace,
.simple-workspace-panel--chat,
.simple-workspace-panel--publications {
padding: 3px !important;
}
.simple-workspace-tabs[data-active-tab="audit"] {
min-height: auto;
gap: 10px;
--audit-mobile-zoom: 0.84;
}
.simple-workspace-tabs[data-active-tab="audit"] .simple-workspace-tabs__nav-shell {
display: grid;
grid-template-columns: minmax(0, 1fr);
align-items: stretch;
gap: 10px;
}
.simple-workspace-tabs[data-active-tab="audit"] .simple-workspace-tabs__nav {
width: 100%;
flex-wrap: wrap;
overflow: visible;
}
.simple-workspace-tabs[data-active-tab="audit"] .simple-workspace-tabs__tablist {
flex: 1 1 auto;
min-width: 0;
}
.simple-workspace-tabs[data-active-tab="audit"] .simple-workspace-tabs__audit-actions {
width: 100%;
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
align-items: end;
gap: 8px;
margin-left: 0;
}
.simple-workspace-tabs[data-active-tab="audit"] .simple-workspace-tabs__audit-saved {
min-width: 0;
width: 100%;
}
.simple-workspace-tabs[data-active-tab="audit"] .simple-workspace-tabs__audit-select {
width: 100%;
min-width: 0;
}
.simple-workspace-tabs[data-active-tab="audit"] .simple-workspace-tabs__button--filters {
width: 100%;
margin-left: 0;
justify-content: center;
}
.simple-workspace-tabs[data-active-tab="audit"] .simple-workspace-panel--audit {
padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 18px);
}
.simple-workspace-tabs[data-active-tab="audit"] .audit-builder-canvas {
min-height: clamp(360px, 62dvh, 760px);
border-radius: 22px;
}
.simple-workspace-tabs[data-active-tab="audit"] .audit-builder-feed-scale-frame {
overflow: hidden;
}
.simple-workspace-tabs[data-active-tab="audit"] .audit-builder-feed-scale {
gap: 12px;
}
.simple-workspace-tabs[data-active-tab="audit"] .audit-builder-empty {
min-height: 140px;
padding: 20px;
border-radius: 18px;
}
.simple-workspace-tabs[data-active-tab="audit"] .audit-dataset-status {
border-radius: 22px;
padding: 18px;
}
.simple-workspace-tabs[data-active-tab="audit"] .audit-feed-block {
padding: 16px;
border-radius: 20px;
}
.simple-feed-grid {
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 14px;
}
.simple-chat-inline-shell {
width: calc(100vw - 12px);
max-width: calc(100vw - 12px);
}
.simple-chat-inline--floating {
padding: 8px;
 padding-left: calc(8px + var(--simple-chat-toggle-size, 32px) + 8px);
gap: 8px;
border-radius: 18px;
}
.simple-chat-inline__minimize-toggle {
left: calc(6px + var(--simple-chat-toggle-side-offset, 8px));
}
.simple-chat-inline--floating .simple-chat-inline__input,
.simple-chat-inline__settings-toggle,
.simple-chat-inline--floating .simple-chat-inline__button {
min-height: 46px;
}
.simple-chat-thread__message.is-assistant {
--assistant-mobile-zoom: 0.72;
padding: 8px 9px 9px;
border-radius: 14px;
}
.simple-chat-thread__message > strong {
margin-bottom: 4px;
font-size: 0.62rem;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-scale-frame {
overflow: hidden;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-scale {
gap: 8px;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body {
font-size: 0.9rem;
line-height: 1.54;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich {
gap: 8px;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__title--lg {
font-size: clamp(1.02rem, 0.94rem + 0.34vw, 1.18rem);
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__title--md {
font-size: clamp(0.94rem, 0.88rem + 0.2vw, 1.04rem);
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__title--sm {
font-size: 0.88rem;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__item {
padding: 8px 9px 8px 30px;
border-radius: 10px;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__item-head {
font-size: 0.84rem;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__list--ordered > .gemini-rich__item::before {
left: 7px;
top: 7px;
width: 16px;
height: 16px;
font-size: 0.5rem;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__list--unordered > .gemini-rich__item::before {
left: 12px;
top: 15px;
width: 5px;
height: 5px;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich__quote {
padding: 8px 9px;
border-radius: 0 10px 10px 0;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich.is-plain-flow .gemini-rich__p {
padding: 9px 10px;
border-radius: 10px;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-body .gemini-rich.is-plain-flow .gemini-rich__p:first-of-type {
padding: 10px 11px;
}
.simple-chat-thread__message.is-assistant .simple-chat-message__artifacts {
gap: 8px;
margin-top: 8px;
}
.simple-chat-thread__message.is-assistant .simple-chat-message__section {
padding: 7px;
border-radius: 10px;
}
.simple-chat-thread__message.is-assistant .simple-chat-message__section-head {
gap: 8px;
margin-bottom: 8px;
}
.simple-chat-thread__message.is-assistant .simple-chat-chart__summary,
.simple-chat-thread__message.is-assistant .simple-chat-chart__note {
margin-bottom: 8px;
}
.simple-chat-thread__message.is-assistant .simple-chat-chart__grid {
grid-template-columns: 1fr;
gap: 8px;
}
.simple-chat-thread__message.is-assistant .simple-chat-message__posts-grid:not(.is-single-post),
.simple-chat-thread__message.is-assistant .simple-chat-linked-posts__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
align-items: start;
}
.simple-chat-thread__message.is-assistant .simple-chat-message__posts-grid.is-single-post {
grid-template-columns: minmax(0, 1fr);
gap: 8px;
}
.simple-chat-thread__message.is-assistant .simple-chat-chart-card,
.simple-chat-thread__message.is-assistant .simple-chat-linked-post,
.simple-chat-thread__message.is-assistant .simple-chat-message__posts-grid .simple-chat-linked-post {
max-width: none;
padding: 7px 8px;
border-radius: 10px;
}
.simple-chat-thread__message.is-assistant .simple-chat-post-preview {
gap: 6px;
}
.simple-chat-thread__message.is-assistant .simple-chat-post-preview__head {
flex-direction: column;
align-items: stretch;
gap: 6px;
}
.simple-chat-thread__message.is-assistant .simple-chat-post-preview__meta {
gap: 4px 6px;
}
.simple-chat-thread__message.is-assistant .simple-chat-post-preview__meta .simple-post-account,
.simple-chat-thread__message.is-assistant .simple-chat-post-preview__meta .simple-post-date {
font-size: 0.6rem;
line-height: 1.2;
}
.simple-chat-thread__message.is-assistant .simple-chat-post-preview__head .simple-post-open {
width: 100%;
min-height: 24px;
padding: 0 8px;
font-size: 0.62rem;
}
.simple-chat-thread__message.is-assistant .simple-chat-post-preview__body {
grid-template-columns: 1fr;
gap: 6px;
}
.simple-chat-thread__message.is-assistant .simple-chat-post-preview__media,
.simple-chat-thread__message.is-assistant .simple-chat-post-preview__media.is-empty {
width: 100%;
min-width: 0;
height: 96px;
border-radius: 10px;
}
.simple-chat-thread__message.is-assistant .simple-chat-post-preview__copy {
gap: 6px;
}
.simple-chat-thread__message.is-assistant .simple-chat-post-preview__copy h2 {
font-size: 0.76rem;
line-height: 1.24;
-webkit-line-clamp: 3;
}
.simple-chat-thread__message.is-assistant .simple-chat-post-preview__published {
gap: 2px;
}
.simple-chat-thread__message.is-assistant .simple-chat-post-preview__published span {
font-size: 0.5rem;
letter-spacing: 0.05em;
}
.simple-chat-thread__message.is-assistant .simple-chat-post-preview__published strong {
font-size: 0.64rem;
line-height: 1.25;
}
.simple-chat-thread__message.is-assistant .simple-chat-post-preview__stats {
gap: 4px;
}
.simple-chat-thread__message.is-assistant .simple-chat-post-preview__stats span {
min-height: 22px;
padding: 0 7px;
font-size: 0.6rem;
}
.simple-chat-thread__message.is-assistant .simple-chat-post-preview__tags {
gap: 4px;
}
.simple-chat-thread__message.is-assistant .simple-chat-post-preview__tags .simple-post-tag {
max-width: 100%;
font-size: 0.56rem;
padding: 4px 6px;
}
.simple-chat-thread__message.is-assistant .simple-chat-chart-card__head {
gap: 6px;
margin-bottom: 6px;
}
.simple-chat-thread__message.is-assistant .simple-chat-chart-card__head strong {
font-size: 0.8rem;
}
.simple-chat-thread__message.is-assistant .simple-chat-chart-card__head span,
.simple-chat-thread__message.is-assistant .simple-chat-chart-card__meta,
.simple-chat-thread__message.is-assistant .simple-chat-chart-card__range,
.simple-chat-thread__message.is-assistant .simple-chat-chart-card__head-sub {
font-size: 0.66rem;
}
.simple-chat-thread__message.is-assistant .simple-chat-chart-card__svg {
border-radius: 8px;
}
.simple-chat-thread__message.is-assistant .simple-chat-thread__message-scale {
transform: scale(var(--assistant-mobile-zoom, 0.72));
width: calc(100% / var(--assistant-mobile-zoom, 0.72));
}
}
@media (max-width: 720px) {
.simple-chat-inline--floating {
grid-template-columns: minmax(0, 1fr) 46px auto;
}
.simple-chat-inline--floating .simple-chat-inline__input,
.simple-chat-inline__settings-toggle,
.simple-chat-inline--floating .simple-chat-inline__button {
grid-column: auto;
}
.simple-chat-inline--floating .simple-chat-inline__button {
width: auto;
min-width: 96px;
}
.simple-chat-thread__message.is-assistant {
--assistant-mobile-zoom: 0.66;
}
}
@media (max-width: 640px) {
html {
font-size: 82%;
}
.simple-workspace-tabs[data-active-tab="audit"] {
--audit-mobile-zoom: 0.74;
}
.simple-workspace-tabs[data-active-tab="audit"] .simple-workspace-tabs__nav-shell {
gap: 8px;
}
.simple-workspace-tabs[data-active-tab="audit"] .simple-workspace-tabs__audit-actions {
grid-template-columns: 82px minmax(0, 1fr) 82px;
gap: 6px;
}
.simple-workspace-tabs[data-active-tab="audit"] .simple-workspace-tabs__audit-save,
.simple-workspace-tabs[data-active-tab="audit"] .simple-workspace-tabs__audit-delete {
min-height: 36px;
padding: 0 10px;
font-size: 0.78rem;
}
.simple-workspace-tabs[data-active-tab="audit"] .simple-workspace-tabs__audit-saved span {
font-size: 0.64rem;
letter-spacing: 0.06em;
}
.simple-workspace-tabs[data-active-tab="audit"] .simple-workspace-tabs__audit-select {
min-height: 36px;
padding: 0 30px 0 10px;
font-size: 0.8rem;
}
.simple-workspace-tabs[data-active-tab="audit"] .simple-workspace-tabs__button--filters {
min-height: 36px;
}
.simple-workspace-tabs[data-active-tab="audit"] .audit-builder-canvas {
min-height: clamp(320px, 58dvh, 640px);
}
.simple-workspace-tabs[data-active-tab="audit"] .audit-builder-feed-scale {
gap: 10px;
}
.simple-workspace-tabs[data-active-tab="audit"] .audit-dataset-status__spinner {
width: 48px;
height: 48px;
}
.simple-feed-filter-head__logout {
min-height: 38px;
padding: 0 12px;
font-size: 0.8rem;
}
.simple-workspace-tabs__nav-shell {
gap: 6px;
}
.simple-feed-app-shell__sidebar {
width: min(312px, calc(100vw - 24px));
max-width: calc(100vw - 24px);
}
.simple-feed-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.simple-post-card {
padding: 14px;
gap: 12px;
border-radius: 18px;
}
.simple-post-head,
.simple-chat-post-preview__head {
flex-direction: row;
align-items: flex-start;
}
.simple-chat-thread__message.is-assistant {
--assistant-mobile-zoom: 0.6;
}
.simple-chat-thread__message.is-assistant .simple-chat-message__posts-grid:not(.is-single-post),
.simple-chat-thread__message.is-assistant .simple-chat-linked-posts__grid {
gap: 6px;
}
.simple-chat-thread__message.is-assistant .simple-chat-linked-post,
.simple-chat-thread__message.is-assistant .simple-chat-message__posts-grid .simple-chat-linked-post {
padding: 6px;
}
.simple-chat-thread__message.is-assistant .simple-chat-post-preview__media,
.simple-chat-thread__message.is-assistant .simple-chat-post-preview__media.is-empty {
height: 84px;
}
.simple-chat-thread__message.is-assistant .simple-chat-post-preview__copy h2 {
font-size: 0.72rem;
}
}
@media (max-width: 820px) {
.simple-feed-filter-presets-overlay {
padding: 14px;
}
.simple-feed-filter-presets-overlay__dialog {
padding: 18px;
border-radius: 20px;
}
.simple-feed-filter-presets-overlay__option {
padding-right: 50px;
}
.simple-feed-filter-presets-overlay__confirm-actions {
display: grid;
grid-template-columns: 1fr 1fr;
}
.simple-feed-filter-presets-overlay__danger,
.simple-feed-filter-presets-overlay__secondary {
width: 100%;
}
.simple-feed-filter-presets-overlay__footer {
flex-direction: column;
align-items: stretch;
}
.simple-feed-filter-presets-overlay__footer {
display: grid;
grid-template-columns: 1fr;
}
}
@media (min-width: 981px) {
.simple-feed-grid-workspace {
display: flex;
flex-direction: column;
min-height: calc(100dvh - 32px);
}
.simple-workspace-tabs {
flex: 1 1 auto;
height: 100%;
min-height: 0;
}
.simple-workspace-tabpanel,
.simple-workspace-tabpanel.is-active,
.simple-workspace-panel--chat,
.simple-workspace-panel--chat.is-active {
min-height: 0;
height: 100%;
}
.simple-workspace-panel--chat.is-active {
justify-content: flex-start;
overflow: hidden;
}
.simple-chat-thread,
.simple-workspace-tabs[data-active-tab="chat"] .simple-chat-thread {
flex: 1 1 auto;
min-height: 0;
height: auto;
max-height: none !important;
overflow-x: hidden;
overflow-y: auto;
padding-right: 0;
}
.simple-workspace-panel--chat,
.simple-chat-thread,
.simple-chat-thread__message,
.simple-chat-thread__message-scale-frame,
.simple-chat-thread__message-scale,
.simple-chat-thread__message-body,
.simple-chat-message__artifacts,
.simple-chat-message__section,
.simple-chat-message__chart,
.simple-audit-dashboard,
.simple-audit-dashboard__section,
.simple-audit-dashboard__charts,
.simple-audit-composite,
.simple-audit-composite__body,
.simple-audit-embedded-charts,
.simple-audit-comparison-grid,
.simple-audit-dashboard__split,
.simple-audit-dashboard__split-col,
.simple-audit-dashboard__section--table {
min-width: 0;
max-width: 100%;
}
.simple-chat-thread__message,
.simple-chat-message__section,
.simple-chat-message__chart,
.simple-audit-dashboard,
.simple-audit-dashboard__section {
overflow: hidden;
}
.simple-audit-dashboard__charts {
grid-template-columns: minmax(0, 1fr);
}
.simple-audit-composite__body,
.simple-audit-composite--overview .simple-audit-composite__body,
.simple-audit-composite--comparison .simple-audit-composite__body,
.simple-audit-composite--performance .simple-audit-composite__body,
.simple-audit-composite--recommendations .simple-audit-composite__body,
.simple-audit-comparison-grid {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.simple-audit-embedded-charts,
.simple-audit-dashboard__split {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.simple-chat-chart-card__svg,
.simple-chat-chart-card__svg--line,
.simple-chat-chart-card__svg--comparison,
.simple-chat-chart-card__svg--sentiment,
.simple-chat-chart-card__svg--donut {
max-width: 100%;
}
}
@media (min-width: 981px) and (max-width: 1380px) {
.simple-audit-composite__body,
.simple-audit-composite--overview .simple-audit-composite__body,
.simple-audit-composite--comparison .simple-audit-composite__body,
.simple-audit-composite--performance .simple-audit-composite__body,
.simple-audit-composite--recommendations .simple-audit-composite__body,
.simple-audit-embedded-charts,
.simple-audit-comparison-grid,
.simple-audit-dashboard__split {
grid-template-columns: minmax(0, 1fr);
}
}
@media (min-width: 1280px) {
.simple-feed-app-shell > .simple-feed-page .simple-feed-grid-workspace {
height: calc(100dvh - 16px);
min-height: calc(100dvh - 16px);
}
.simple-feed-app-shell > .simple-feed-page .simple-workspace-tabs {
height: calc(100dvh - 36px);
}
.simple-feed-app-shell > .simple-feed-page .simple-feed-grid-workspace.is-audit-workspace {
height: auto;
min-height: 0;
}
.simple-feed-app-shell > .simple-feed-page .simple-workspace-tabs.is-audit-workspace-tabs {
height: auto;
min-height: 0;
}
}
.simple-feed-filter-head__eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
margin: 0 0 12px;
padding: 7px 12px;
border: 1px solid rgba(116, 156, 255, 0.22);
border-radius: 999px;
background: rgba(13, 24, 44, 0.72);
color: rgba(226, 236, 255, 0.88);
font-size: 0.74rem;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.simple-feed-filter-gate-highlights {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
}
.simple-feed-filter-gate-highlight {
min-width: 0;
display: grid;
gap: 5px;
padding: 12px 13px;
border: 1px solid rgba(116, 156, 255, 0.14);
border-radius: 16px;
background:
linear-gradient(180deg, rgba(10, 19, 37, 0.9) 0%, rgba(7, 14, 28, 0.76) 100%);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}
.simple-feed-filter-gate-highlight strong {
color: #f6faff;
font-size: 0.8rem;
font-weight: 800;
letter-spacing: -0.01em;
}
.simple-feed-filter-gate-highlight span {
color: rgba(226, 236, 255, 0.68);
font-size: 0.75rem;
line-height: 1.4;
}
.simple-feed-filter-gate-highlight em {
font-style: normal;
color: #f6faff;
font-weight: 700;
}
body.has-filter-preset-overlay-open {
overflow: hidden;
}
.simple-feed-page.is-filter-gate {
min-height: 100vh;
display: grid;
place-items: center;
padding: 28px 16px;
background:
radial-gradient(circle at top center, rgba(59, 130, 246, 0.14), transparent 34%),
radial-gradient(circle at 16% 18%, rgba(96, 165, 250, 0.08), transparent 24%),
linear-gradient(180deg, #07101f 0%, #030916 100%);
}
.simple-feed-page.is-filter-gate .simple-feed-filters--gate {
width: min(920px, 100%);
margin: 0;
border-radius: 30px;
border: 1px solid rgba(96, 165, 250, 0.22);
background:
linear-gradient(180deg, rgba(7, 17, 34, 0.98) 0%, rgba(4, 10, 21, 0.96) 100%);
box-shadow: 0 28px 80px rgba(0, 0, 0, 0.38);
}
.simple-feed-page.is-filter-gate .simple-feed-filter-head--gate {
gap: 16px;
padding: 26px 28px 20px;
border-bottom-color: rgba(96, 165, 250, 0.14);
background:
radial-gradient(circle at top left, rgba(96, 165, 250, 0.16), transparent 44%),
linear-gradient(180deg, rgba(11, 21, 42, 0.82) 0%, rgba(7, 16, 31, 0.54) 100%);
}
.simple-feed-page.is-filter-gate .simple-feed-filter-head__top {
align-items: center;
gap: 12px;
}
.simple-feed-page.is-filter-gate .simple-feed-filter-head__copy {
display: inline-flex;
align-items: center;
max-width: none;
flex: 0 0 auto;
}
.simple-feed-page.is-filter-gate .simple-feed-filter-head__copy h2 {
margin-bottom: 10px;
font-size: clamp(2rem, 4vw, 3rem);
}
.simple-feed-page.is-filter-gate .simple-feed-filter-head__copy p {
max-width: 58ch;
font-size: 0.96rem;
line-height: 1.6;
color: rgba(234, 242, 255, 0.78);
}
.simple-feed-page.is-filter-gate .simple-feed-filter-head__actions {
display: inline-flex;
align-items: center;
padding-top: 0;
flex: 0 0 auto;
}
.simple-feed-page.is-filter-gate .simple-feed-filter-head__eyebrow,
.simple-feed-page.is-filter-gate .simple-feed-filter-head__logout {
min-height: 44px;
}
.simple-feed-page.is-filter-gate .simple-feed-filter-head__eyebrow {
margin: 0;
padding: 0 16px;
}
.simple-feed-page.is-filter-gate .simple-feed-filter-head__logout {
min-width: 112px;
}
.simple-feed-page.is-filter-gate .simple-feed-filter-fields {
grid-template-columns: repeat(5, minmax(0, 1fr));
padding: 20px 28px 12px;
gap: 14px 12px;
align-items: end;
}
.simple-feed-page.is-filter-gate .simple-feed-field--platform,
.simple-feed-page.is-filter-gate .simple-feed-field--type,
.simple-feed-page.is-filter-gate .simple-feed-field--country,
.simple-feed-page.is-filter-gate .simple-feed-field--franchise,
.simple-feed-page.is-filter-gate .simple-feed-field--date-range {
grid-column: span 1;
grid-row: 1;
}
.simple-feed-page.is-filter-gate .simple-feed-field--date-range {
grid-column: 5;
}
.simple-feed-page.is-filter-gate .simple-feed-date-custom {
grid-column: 1 / -1;
grid-row: 2;
}
.simple-feed-page.is-filter-gate .simple-feed-filter-fields > .simple-feed-filter-footer__right {
grid-column: 1 / -1;
grid-row: 3;
padding-top: 0;
gap: 8px;
justify-content: flex-start;
}
.simple-feed-page.is-filter-gate .simple-feed-filter-fields__multi-note {
grid-column: 1 / -1;
grid-row: 4;
margin: 0;
padding: 0 2px;
color: rgba(226, 236, 255, 0.62);
font-size: 0.74rem;
line-height: 1.4;
align-self: start;
}
.simple-feed-page.is-filter-gate .simple-feed-filter-footer {
display: flex;
justify-content: flex-end;
align-items: flex-start;
gap: 0;
margin-top: -94px;
padding: 0 28px 18px;
border-top: 0;
background: transparent;
position: relative;
z-index: 1;
pointer-events: none;
}
.simple-feed-page.is-filter-gate .simple-feed-filter-footer__left {
min-width: 0;
width: min(336px, 100%);
max-width: 336px;
margin-left: auto;
padding: 10px 12px;
border: 1px solid rgba(116, 156, 255, 0.1);
border-radius: 14px;
background:
linear-gradient(180deg, rgba(9, 18, 34, 0.72) 0%, rgba(7, 14, 28, 0.58) 100%);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
pointer-events: auto;
}
.simple-feed-page.is-filter-gate .simple-feed-filter-presets {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
grid-template-areas: "label controls";
align-items: center;
column-gap: 10px;
row-gap: 0;
max-width: none;
min-width: 0;
}
.simple-feed-page.is-filter-gate .simple-feed-filter-presets__label {
grid-area: label;
margin: 0;
font-size: 0.66rem;
letter-spacing: 0.1em;
}
.simple-feed-page.is-filter-gate .simple-feed-filter-presets__controls {
grid-area: controls;
min-width: 0;
}
.simple-feed-page.is-filter-gate .simple-feed-filter-presets__trigger {
min-height: 38px;
padding: 0 12px;
font-size: 0.84rem;
border-radius: 12px;
}
@media (max-width: 980px) {
.simple-feed-filter-gate-highlights {
grid-template-columns: 1fr;
gap: 6px;
}
.simple-feed-filter-gate-highlight {
position: relative;
gap: 4px;
padding: 10px 12px 10px 14px;
border-radius: 14px;
border-color: rgba(116, 156, 255, 0.16);
background:
linear-gradient(90deg, rgba(79, 140, 255, 0.1) 0, rgba(79, 140, 255, 0.1) 2px, transparent 2px),
linear-gradient(180deg, rgba(12, 22, 42, 0.94) 0%, rgba(7, 14, 28, 0.88) 100%);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.03),
0 6px 14px rgba(1, 8, 21, 0.12);
}
.simple-feed-filter-gate-highlight strong {
font-size: 0.78rem;
line-height: 1.22;
}
.simple-feed-filter-gate-highlight span {
font-size: 0.7rem;
line-height: 1.38;
max-width: none;
}
.simple-feed-page.is-filter-gate .simple-feed-filters--gate {
width: min(920px, calc(100vw - 20px));
}
.simple-feed-page.is-filter-gate .simple-feed-filter-footer {
margin-top: 0;
justify-content: flex-start;
}
.simple-feed-page.is-filter-gate .simple-feed-filter-footer__left {
margin-left: 0;
width: min(320px, 100%);
max-width: 320px;
}
}
@media (max-width: 860px) {
.simple-feed-page.is-filter-gate .simple-feed-filter-fields {
grid-template-columns: 1fr;
}
.simple-feed-page.is-filter-gate .simple-feed-field--platform,
.simple-feed-page.is-filter-gate .simple-feed-field--type,
.simple-feed-page.is-filter-gate .simple-feed-field--country,
.simple-feed-page.is-filter-gate .simple-feed-field--franchise,
.simple-feed-page.is-filter-gate .simple-feed-field--date-range,
.simple-feed-page.is-filter-gate .simple-feed-filter-fields__multi-note,
.simple-feed-page.is-filter-gate .simple-feed-filter-fields > .simple-feed-filter-footer__right {
grid-column: 1 / -1;
grid-row: auto;
}
.simple-feed-page.is-filter-gate .simple-feed-filter-fields > .simple-feed-filter-footer__right {
justify-content: flex-start;
}
}
@media (max-width: 720px) {
.simple-feed-page.is-filter-gate {
padding: 18px 10px;
}
.simple-feed-page.is-filter-gate .simple-feed-filter-head--gate {
padding: 22px 20px 18px;
}
.simple-feed-filter-gate-highlights {
gap: 6px;
}
.simple-feed-filter-gate-highlight {
gap: 4px;
padding: 9px 11px 9px 13px;
border-radius: 13px;
}
.simple-feed-filter-gate-highlight strong {
font-size: 0.75rem;
line-height: 1.2;
}
.simple-feed-filter-gate-highlight span {
font-size: 0.68rem;
line-height: 1.32;
}
.simple-feed-page.is-filter-gate .simple-feed-filter-fields {
padding: 20px 20px 16px;
}
.simple-feed-page.is-filter-gate .simple-feed-filter-footer {
padding: 0 20px 20px;
}
.simple-feed-page.is-filter-gate .simple-feed-filter-footer__left,
.simple-feed-page.is-filter-gate .simple-feed-filter-presets {
max-width: none;
}
.simple-feed-page.is-filter-gate .simple-feed-filter-footer__left {
width: 100%;
}
.simple-feed-page.is-filter-gate .simple-feed-filter-presets {
grid-template-columns: 1fr;
grid-template-areas:
"label"
"controls";
}
.simple-feed-multi-select__overlay {
padding: 12px;
}
.simple-feed-multi-select__dialog {
width: calc(100vw - 24px);
max-height: calc(100vh - 24px);
padding: 16px;
border-radius: 20px;
}
.simple-feed-multi-select__dialog-head {
gap: 10px;
}
.simple-feed-multi-select__options {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
}
.simple-feed-multi-select__option {
min-height: 44px;
padding: 8px 12px;
}
.simple-feed-multi-select__dialog-body {
padding: 4px 4px 6px 2px;
}
.simple-feed-multi-select__dialog-actions {
justify-content: stretch;
}
.simple-feed-multi-select__action {
flex: 1 1 0;
min-width: 0;
}
}
.simple-chat-response-dialog {
	    max-height: -webkit-fill-available;
    overflow: auto;
}
.simple-sidebar-tabpanel {
display: none;
}
.simple-sidebar-tabpanel.is-active {
display: block;
}
.simple-workspace-panel--audit {
padding: 0;
background: transparent;
border: 0;
box-shadow: none;
}
.simple-workspace-panel--audit.is-active {
display: block !important;
}
.simple-feed-filter-footer__stats {
display: flex;
align-items: center;
justify-content: flex-start;
padding: 10px 14px 12px;
border-top: 1px solid rgba(116, 156, 255, 0.08);
background:
linear-gradient(180deg, rgba(18, 31, 56, 0.58) 0%, rgba(9, 18, 34, 0.18) 100%);
}
.simple-feed-filter-footer__stats span {
display: inline-flex;
align-items: baseline;
gap: 8px;
margin: 0;
padding: 8px 12px;
border-radius: 999px;
border: 1px solid rgba(116, 156, 255, 0.14);
background: rgba(7, 18, 36, 0.72);
color: rgba(214, 230, 255, 0.76);
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 0.01em;
line-height: 1;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}
.simple-feed-filter-footer__stats strong {
color: #f8fbff;
font-size: 1.04rem;
font-weight: 800;
letter-spacing: -0.02em;
line-height: 1;
}
.audit-component-list {
min-height: 0;
display: grid;
gap: 12px;
padding: 0 0 18px;
}
.audit-dataset-status {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 14px;
padding: 24px;
border-radius: 28px;
background: rgba(8, 15, 31, 0.72);
backdrop-filter: blur(2px);
color: #dbeafe;
font-size: 0.82rem;
font-weight: 700;
line-height: 1.4;
text-align: center;
z-index: 3;
pointer-events: none;
}
.audit-dataset-status__spinner {
display: inline-block;
width: 56px;
height: 56px;
border-radius: 999px;
border: 4px solid rgba(143, 180, 255, 0.16);
border-top-color: #8fb4ff;
border-right-color: #dbeafe;
box-sizing: border-box;
flex: 0 0 auto;
filter: drop-shadow(0 0 12px rgba(96, 165, 250, 0.22));
}
.audit-dataset-status__label {
max-width: 320px;
color: #f8fbff;
font-size: 0.92rem;
letter-spacing: 0.01em;
}
.audit-tool-category {
border-radius: 18px;
border: 1px solid rgba(116, 156, 255, 0.14);
background: rgba(7, 14, 27, 0.42);
overflow: hidden;
}
.audit-tool-category__summary {
display: block;
padding: 14px 15px;
cursor: pointer;
list-style: none;
}
.audit-tool-category__summary::-webkit-details-marker {
display: none;
}
.audit-tool-category__summary::marker {
content: '';
}
.audit-tool-category__head {
display: grid;
gap: 4px;
position: relative;
padding-right: 26px;
}
.audit-tool-category__head::after {
content: '+';
position: absolute;
right: 0;
top: 0;
color: #aecdff;
font-size: 1rem;
font-weight: 700;
line-height: 1;
}
.audit-tool-category[open] .audit-tool-category__head::after {
content: '-';
}
.audit-tool-category__head strong {
color: #ffffff;
font-size: 0.96rem;
line-height: 1.25;
}
.audit-tool-category__head span {
color: rgba(226, 236, 255, 0.7);
font-size: 0.78rem;
line-height: 1.45;
}
.audit-tool-category__list {
display: grid;
gap: 12px;
padding: 0 15px 15px;
}
.audit-tool-category:not([open]) .audit-tool-category__list {
display: none;
}
.audit-tool-button {
display: grid;
gap: 8px;
width: 100%;
padding: 14px 15px;
border-radius: 18px;
border: 1px solid rgba(116, 156, 255, 0.16);
background: linear-gradient(180deg, rgba(9, 18, 35, 0.78) 0%, rgba(7, 14, 27, 0.92) 100%);
color: inherit;
text-align: left;
cursor: pointer;
transition: border-color 0.18s ease, transform 0.18s ease, background 0.18s ease;
}
.audit-tool-button:hover,
.audit-tool-button:focus-visible {
border-color: rgba(96, 165, 250, 0.42);
background: linear-gradient(180deg, rgba(13, 25, 48, 0.92) 0%, rgba(8, 16, 30, 0.98) 100%);
transform: translateY(-1px);
}
.audit-tool-button__top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}
.audit-tool-button__top strong {
color: #f8fbff;
font-size: 0.9rem;
line-height: 1.35;
}
.audit-tool-button__top em {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 24px;
padding: 0 9px;
border-radius: 999px;
background: rgba(79, 140, 255, 0.16);
border: 1px solid rgba(134, 177, 255, 0.18);
color: #dbeafe;
font-style: normal;
font-size: 0.68rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.audit-tool-button__body {
color: rgba(226, 236, 255, 0.74);
font-size: 0.78rem;
line-height: 1.5;
}
.audit-tool-button__action {
color: #aecdff;
font-size: 0.76rem;
font-weight: 700;
}
.audit-builder-page {
width: 100%;
min-height: calc(95vh - 430px);
box-sizing: border-box;
}
.audit-builder-canvas {
width: 100%;
min-height: calc(95vh - 466px);
display: grid;
gap: 16px;
align-content: start;
position: relative;
border-radius: 28px;
border: 1px dashed rgba(116, 156, 255, 0.18);
background: rgba(8, 15, 31, 0.24);
box-sizing: border-box;
}
.audit-builder-empty {
display: grid;
place-items: center;
min-height: 180px;
padding: 24px;
border-radius: 22px;
border: 1px dashed rgba(116, 156, 255, 0.16);
background: rgba(7, 14, 27, 0.36);
color: rgba(226, 236, 255, 0.68);
text-align: center;
line-height: 1.6;
}
.audit-builder-feed-scale-frame,
.audit-builder-feed-scale {
min-width: 0;
}
.audit-builder-feed-scale-frame {
display: block;
}
.audit-builder-feed-scale {
display: grid;
gap: 16px;
transform-origin: top left;
will-change: transform;
}
.audit-builder-feed {
display: grid;
gap: 14px;
}
.audit-feed-block {
display: grid;
gap: 14px;
padding: 18px;
border-radius: 24px;
border: 1px solid rgba(116, 156, 255, 0.14);
background:
radial-gradient(circle at top right, rgba(59, 130, 246, 0.12), transparent 34%),
linear-gradient(180deg, rgba(9, 18, 35, 0.92) 0%, rgba(7, 14, 27, 0.98) 100%);
box-shadow: 0 20px 44px rgba(2, 8, 20, 0.22);
}
.audit-feed-block__head {
display: flex;
align-items: start;
justify-content: space-between;
gap: 16px;
}
.audit-feed-block__title {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.audit-feed-block__title-input {
min-width: 0;
max-width: min(100%, 520px);
padding: 0;
border: 0;
background: transparent;
color: #ffffff;
font-size: 1rem;
font-weight: 800;
line-height: 1.35;
font-family: inherit;
box-shadow: none;
}
.audit-feed-block__title-input:focus {
outline: none;
box-shadow: inset 0 -2px 0 rgba(91, 147, 255, 0.42);
}
.audit-feed-block__title-input::placeholder {
color: rgba(255, 255, 255, 0.42);
}
.audit-feed-block__title span {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 26px;
padding: 0 10px;
border-radius: 999px;
background: rgba(148, 163, 184, 0.12);
border: 1px solid rgba(148, 163, 184, 0.14);
color: #d7e5ff;
font-size: 0.7rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.audit-feed-block__actions {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
flex-wrap: wrap;
}
.audit-feed-block__action {
min-height: 34px;
padding: 0 12px;
border-radius: 999px;
border: 1px solid rgba(116, 156, 255, 0.16);
background: rgba(8, 15, 31, 0.72);
color: #eaf2ff;
font: inherit;
font-size: 0.76rem;
font-weight: 700;
cursor: pointer;
}
.audit-feed-block__action:hover,
.audit-feed-block__action:focus-visible {
border-color: rgba(96, 165, 250, 0.4);
background: rgba(14, 27, 51, 0.92);
}
.audit-feed-block__description {
margin: 0;
color: rgba(226, 236, 255, 0.76);
line-height: 1.58;
font-size: 0.86rem;
}
.audit-feed-block__connectors,
.audit-connector-preview {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.audit-feed-block__connector-summary {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
color: rgba(226, 236, 255, 0.68);
font-size: 0.78rem;
line-height: 1.45;
}
.audit-feed-block__connector-chip {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 28px;
padding: 0 10px;
border-radius: 999px;
border: 1px solid rgba(116, 156, 255, 0.14);
background: rgba(9, 18, 35, 0.82);
color: #dbeafe;
font-size: 0.74rem;
font-weight: 700;
}
.audit-feed-block__canvas {
display: grid;
gap: 12px;
padding: 16px;
border-radius: 18px;
border: 1px dashed rgba(116, 156, 255, 0.14);
background: rgba(6, 14, 28, 0.42);
min-height: 120px;
}
.audit-feed-block__canvas-bar {
height: 18px;
width: min(220px, 70%);
border-radius: 999px;
background: linear-gradient(90deg, rgba(59, 130, 246, 0.22), rgba(148, 163, 184, 0.08));
}
.audit-feed-block__canvas-grid {
flex: 1 1 auto;
min-height: 64px;
border-radius: 14px;
background:
linear-gradient(rgba(116, 156, 255, 0.06) 1px, transparent 1px),
linear-gradient(90deg, rgba(116, 156, 255, 0.06) 1px, transparent 1px);
background-size: 100% 18px, 18px 100%;
background-position: center;
}
.audit-visual {
display: grid;
gap: 14px;
min-height: 120px;
}
.audit-visual__head {
display: flex;
align-items: start;
justify-content: space-between;
gap: 12px;
}
.audit-visual__copy {
display: grid;
gap: 4px;
}
.audit-visual__copy strong {
color: #f8fbff;
font-size: 0.96rem;
font-weight: 800;
letter-spacing: -0.02em;
}
.audit-visual__copy p {
margin: 0;
color: rgba(226, 236, 255, 0.68);
font-size: 0.8rem;
line-height: 1.5;
}
.audit-visual__stats {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
gap: 10px;
}
.audit-visual__stat {
display: grid;
gap: 6px;
padding: 12px 13px;
border-radius: 16px;
border: 1px solid rgba(116, 156, 255, 0.14);
background: rgba(9, 18, 35, 0.78);
}
.audit-visual__stat span {
color: rgba(206, 223, 255, 0.62);
font-size: 0.74rem;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.audit-visual__stat strong {
color: #f8fbff;
font-size: 1rem;
line-height: 1.2;
}
.audit-visual__line-shell {
width: 100%;
overflow: hidden;
padding-bottom: 4px;
}
.audit-visual__line-frame {
display: grid;
gap: 12px;
margin: 0 auto;
max-width: 100%;
padding: 16px 16px 12px;
border-radius: 18px;
border: 1px solid rgba(116, 156, 255, 0.14);
background:
radial-gradient(circle at top center, rgba(91, 147, 255, 0.08), transparent 42%),
rgba(8, 15, 31, 0.82);
box-sizing: border-box;
}
.audit-visual__line-svg {
display: block;
width: 100%;
height: auto;
overflow: visible;
}
.audit-visual__line-plot {
display: grid;
gap: 10px;
align-items: stretch;
}
.audit-visual__line-y-axis {
display: grid;
grid-template-rows: repeat(5, 1fr);
align-items: center;
justify-items: end;
padding: 18px 0 34px;
}
.audit-visual__line-y-axis span {
color: rgba(226, 236, 255, 0.62);
font-size: 0.72rem;
line-height: 1;
}
.audit-visual__line-grid {
stroke: rgba(148, 163, 184, 0.16);
stroke-width: 1;
}
.audit-visual__line-path {
fill: none;
stroke-width: 3;
stroke-linecap: round;
stroke-linejoin: round;
}
.audit-visual__line-path--compare {
stroke-dasharray: 8 6;
opacity: 0.96;
}
.audit-visual__line-area {
opacity: 0.18;
}
.audit-visual__line-dot {
stroke: rgba(255, 255, 255, 0.72);
stroke-width: 1.5;
pointer-events: none;
}
.audit-visual__line-dot--compare {
stroke: rgba(255, 244, 221, 0.92);
stroke-width: 1.3;
}
.audit-visual__line-point-hitbox {
cursor: pointer;
}
.audit-visual__line-axis {
display: grid;
gap: 10px;
align-items: start;
}
.audit-visual__line-axis-spacer {
display: block;
min-width: 0;
color: rgba(226, 236, 255, 0.72);
font-size: 0.72rem;
line-height: 1.4;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.audit-visual__line-axis-spacer {
visibility: hidden;
}
.audit-visual__line-axis-track {
position: relative;
min-height: 22px;
overflow: hidden;
}
.audit-visual__line-axis-track--vertical {
min-height: 84px;
}
.audit-visual__line-axis-label {
position: absolute;
left: 0;
bottom: 0;
display: block;
min-width: 0;
max-width: 72px;
color: rgba(226, 236, 255, 0.72);
font-size: 0.72rem;
line-height: 1.4;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
transform: translateX(-50%);
transform-origin: center bottom;
}
.audit-visual__line-axis-label--muted {
opacity: 0;
}
.audit-visual__line-axis-track--vertical .audit-visual__line-axis-label {
top: 50%;
bottom: auto;
line-height: 1;
text-overflow: clip;
}
.audit-visual__line-axis-track--vertical .audit-visual__line-axis-label:not(.audit-visual__line-axis-label--muted) {
transform: translateX(-50%) translateY(-50%) rotate(-90deg);
transform-origin: center center;
}
.audit-visual__line-legend {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.audit-visual__line-legend-item {
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 30px;
padding: 0 12px;
border-radius: 999px;
border: 1px solid rgba(116, 156, 255, 0.14);
background: rgba(9, 18, 35, 0.78);
color: #dbeafe;
font-size: 0.76rem;
font-weight: 700;
}
.audit-visual__line-legend-item--compare {
border-color: rgba(249, 115, 22, 0.28);
background: rgba(28, 17, 10, 0.82);
}
.audit-visual__line-legend-swatch {
width: 10px;
height: 10px;
border-radius: 50%;
flex: 0 0 auto;
}
.audit-visual__line-legend-swatch--compare {
box-shadow: 0 0 0 2px rgba(255, 244, 221, 0.18);
}
.audit-visual__column-frame .audit-visual__line-y-axis {
padding: 18px 0 14px;
}
.audit-visual__column-svg {
display: block;
width: 100%;
height: auto;
overflow: visible;
}
.audit-visual__column-baseline {
stroke: rgba(148, 163, 184, 0.26);
stroke-width: 1.2;
}
.audit-visual__column-bar-shape {
shape-rendering: geometricPrecision;
stroke-linejoin: round;
}
.audit-visual__column-hitbox {
cursor: pointer;
}
.audit-visual__column-axis .audit-visual__line-axis-track {
min-height: 34px;
}
.audit-visual__column-axis .audit-visual__line-axis-track--vertical {
min-height: 84px;
}
.audit-visual__column-axis .audit-visual__line-axis-label {
font-size: 0.7rem;
line-height: 1.25;
}
.audit-visual__grouped-columns {
display: grid;
gap: 12px;
align-items: end;
min-height: 260px;
padding: 12px 10px 6px;
border-radius: 18px;
border: 1px solid rgba(116, 156, 255, 0.14);
background:
linear-gradient(rgba(116, 156, 255, 0.05) 1px, transparent 1px),
linear-gradient(90deg, rgba(116, 156, 255, 0.05) 1px, transparent 1px),
rgba(8, 15, 31, 0.82);
background-size: 100% 20%, 64px 100%, auto;
overflow: hidden;
}
.audit-visual__grouped-columns--compact {
gap: 8px;
padding-inline: 8px;
}
.audit-visual__grouped-columns--stacked {
gap: 6px;
}
.audit-visual__group {
display: grid;
gap: 10px;
align-items: end;
min-width: 0;
}
.audit-visual__group-bars {
display: grid;
align-items: end;
gap: 6px;
min-height: 190px;
}
.audit-visual__group-bars--stacked {
display: flex;
flex-direction: column-reverse;
justify-content: flex-start;
gap: 0;
overflow: hidden;
}
.audit-visual__group-bar {
display: flex;
align-items: end;
justify-content: center;
height: 100%;
min-height: 20px;
cursor: help;
}
.audit-visual__group-bar--stacked {
height: auto;
min-height: 0;
width: 100%;
}
.audit-visual__group-bar-fill {
width: 100%;
min-height: 0;
border-radius: 10px 10px 4px 4px;
}
.audit-visual__group-bar-fill--stacked {
height: 100%;
border-radius: 0;
}
.audit-visual__group-bars--stacked .audit-visual__group-bar:first-child .audit-visual__group-bar-fill {
border-radius: 10px 10px 0 0;
}
.audit-visual__group-bars--stacked .audit-visual__group-bar:last-child .audit-visual__group-bar-fill {
border-radius: 0 0 4px 4px;
}
.audit-visual__group-label {
display: block;
min-width: 0;
color: rgba(226, 236, 255, 0.72);
font-size: 0.72rem;
line-height: 1.4;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.audit-visual__grouped-columns--compact .audit-visual__group-label {
font-size: 0.68rem;
}
.audit-visual__group-label--muted {
opacity: 0;
}
.audit-visual__bars {
display: grid;
gap: 10px;
}
.audit-visual__bar-row {
display: grid;
gap: 8px;
}
.audit-visual__bar-top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
}
.audit-visual__bar-label {
color: #f8fbff;
font-size: 0.82rem;
line-height: 1.45;
}
.audit-visual__bar-value {
color: #cfe0ff;
font-size: 0.82rem;
}
.audit-visual__bar-track {
height: 10px;
border-radius: 999px;
background: rgba(148, 163, 184, 0.12);
overflow: hidden;
}
.audit-visual__bar-fill {
height: 100%;
border-radius: inherit;
background: linear-gradient(90deg, #5b93ff 0%, #34d399 100%);
}
.audit-visual__columns {
display: grid;
grid-auto-flow: column;
grid-auto-columns: minmax(0, 1fr);
align-items: end;
gap: 10px;
min-height: 220px;
}
.audit-visual__column {
display: grid;
gap: 10px;
align-items: end;
justify-items: center;
min-width: 0;
height: 100%;
}
.audit-visual__column-bar {
width: 100%;
min-height: 8px;
border-radius: 14px 14px 6px 6px;
background: linear-gradient(180deg, rgba(91, 147, 255, 0.96) 0%, rgba(52, 211, 153, 0.88) 100%);
}
.audit-visual__column-label {
display: block;
width: 100%;
color: rgba(226, 236, 255, 0.72);
font-size: 0.7rem;
line-height: 1.4;
text-align: center;
word-break: break-word;
}
.audit-visual__column-value {
color: #f8fbff;
font-size: 0.78rem;
}
.audit-visual__donut-layout {
display: grid;
grid-template-columns: minmax(180px, 220px) 1fr;
gap: 18px;
align-items: center;
}
.audit-visual__donut-ring {
position: relative;
width: min(100%, 190px);
aspect-ratio: 1;
margin: 0 auto;
border-radius: 50%;
display: grid;
place-items: center;
overflow: hidden;
}
.audit-visual__donut-ring::after {
content: "";
position: absolute;
inset: 18px;
border-radius: 50%;
background: rgba(7, 14, 27, 0.96);
border: 1px solid rgba(116, 156, 255, 0.12);
}
.audit-visual__donut-svg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
z-index: 0;
overflow: visible;
}
.audit-visual__donut-slice {
cursor: pointer;
transition: opacity 160ms ease, filter 160ms ease;
}
.audit-visual__donut-slice:hover {
opacity: 0.92;
filter: brightness(1.06);
}
.audit-visual__donut-total {
position: relative;
z-index: 1;
color: #f8fbff;
font-size: 1.05rem;
}
.audit-visual__legend {
display: grid;
gap: 10px;
max-height: 360px;
overflow-y: auto;
padding-right: 4px;
}
.audit-visual__legend-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 10px 12px;
border-radius: 14px;
background: rgba(9, 18, 35, 0.72);
border: 1px solid rgba(116, 156, 255, 0.12);
}
.audit-visual__legend-row[role="button"],
.audit-visual__heatmap-cell[role="button"],
.audit-visual__table-row[role="button"],
.audit-visual__bar-row[role="button"],
.audit-visual__column[role="button"],
.audit-visual__scatter-point[role="button"] {
cursor: pointer;
}
.audit-visual__legend-row[role="button"]:hover,
.audit-visual__legend-row[role="button"]:focus-visible,
.audit-visual__heatmap-cell[role="button"]:hover,
.audit-visual__heatmap-cell[role="button"]:focus-visible,
.audit-visual__table-row[role="button"]:hover,
.audit-visual__table-row[role="button"]:focus-visible,
.audit-visual__bar-row[role="button"]:hover,
.audit-visual__bar-row[role="button"]:focus-visible,
.audit-visual__column[role="button"]:hover,
.audit-visual__column[role="button"]:focus-visible,
.audit-visual__scatter-point[role="button"]:focus-visible {
outline: none;
border-color: rgba(91, 147, 255, 0.28);
box-shadow: 0 0 0 3px rgba(91, 147, 255, 0.12);
}
.audit-visual__legend-copy {
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
color: #f8fbff;
font-size: 0.82rem;
}
.audit-visual__legend-copy span:last-child {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.audit-visual__legend-dot {
width: 10px;
height: 10px;
border-radius: 50%;
flex: 0 0 auto;
}
.audit-visual__heatmap {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
gap: 10px;
}
.audit-visual__heatmap-note {
margin: 0;
color: rgba(226, 236, 255, 0.64);
font-size: 0.8rem;
line-height: 1.5;
}
.audit-visual__heatmap-shell {
overflow: auto hidden;
padding-bottom: 4px;
}
.audit-visual__heatmap-grid {
display: grid;
gap: 8px;
align-items: stretch;
width: 100%;
min-width: 0;
box-sizing: border-box;
}
.audit-visual__heatmap-grid--compact {
gap: 6px;
}
.audit-visual__heatmap-grid--dense {
gap: 5px;
}
.audit-visual__heatmap-corner,
.audit-visual__heatmap-axis-label,
.audit-visual__heatmap-row-label {
display: flex;
align-items: center;
justify-content: center;
min-height: 38px;
padding: 8px 10px;
border-radius: 12px;
border: 1px solid rgba(116, 156, 255, 0.1);
background: rgba(8, 15, 31, 0.54);
color: rgba(226, 236, 255, 0.68);
font-size: 0.74rem;
line-height: 1.35;
text-align: center;
}
.audit-visual__heatmap-corner,
.audit-visual__heatmap-row-label {
justify-content: flex-start;
padding-inline: 12px;
}
.audit-visual__heatmap-axis-label {
font-weight: 700;
}
.audit-visual__heatmap-axis-label--vertical {
min-height: 74px;
padding: 6px 4px;
writing-mode: vertical-rl;
transform: rotate(180deg);
justify-content: flex-end;
letter-spacing: 0.02em;
}
.audit-visual__heatmap-cell {
display: grid;
gap: 6px;
align-content: end;
padding: 12px;
border-radius: 16px;
border: 1px solid rgba(116, 156, 255, 0.14);
min-height: 82px;
background: rgba(15, 23, 42, 0.72);
}
.audit-visual__heatmap-value {
color: #ffffff;
font-size: 1rem;
}
.audit-visual__heatmap-meta {
color: rgba(226, 236, 255, 0.6);
font-size: 0.72rem;
line-height: 1.35;
}
.audit-visual__heatmap-cell--empty {
border-color: rgba(116, 156, 255, 0.08);
background: rgba(9, 18, 35, 0.42);
}
.audit-visual__heatmap-cell--empty .audit-visual__heatmap-value,
.audit-visual__heatmap-cell--empty .audit-visual__heatmap-meta {
color: rgba(226, 236, 255, 0.42);
}
.audit-visual__heatmap-grid--compact .audit-visual__heatmap-corner,
.audit-visual__heatmap-grid--compact .audit-visual__heatmap-row-label {
padding-inline: 10px;
font-size: 0.7rem;
}
.audit-visual__heatmap-grid--compact .audit-visual__heatmap-cell {
gap: 4px;
padding: 9px 8px;
min-height: 72px;
border-radius: 14px;
}
.audit-visual__heatmap-grid--compact .audit-visual__heatmap-value {
font-size: 0.88rem;
}
.audit-visual__heatmap-grid--compact .audit-visual__heatmap-meta {
font-size: 0.66rem;
line-height: 1.2;
}
.audit-visual__heatmap-grid--dense .audit-visual__heatmap-axis-label {
font-size: 0.66rem;
}
.audit-visual__heatmap-grid--dense .audit-visual__heatmap-cell {
padding: 8px 7px;
min-height: 66px;
}
.audit-visual__heatmap-grid--dense .audit-visual__heatmap-value {
font-size: 0.82rem;
}
.audit-visual__heatmap-grid--dense .audit-visual__heatmap-meta {
font-size: 0.62rem;
}
.audit-visual__table {
display: grid;
border-radius: 16px;
border: 1px solid rgba(116, 156, 255, 0.14);
overflow: hidden;
}
.audit-visual__table-row {
display: grid;
grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) auto;
gap: 12px;
align-items: center;
padding: 12px 14px;
background: rgba(8, 15, 31, 0.74);
border-top: 1px solid rgba(116, 156, 255, 0.08);
}
.audit-visual__table-row:first-child {
border-top: 0;
}
.audit-visual__table-row--head {
background: rgba(11, 21, 41, 0.96);
color: rgba(226, 236, 255, 0.68);
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.audit-visual__table-row span,
.audit-visual__table-row strong {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.audit-visual__table-row strong {
color: #f8fbff;
}
.audit-visual__scatter {
position: relative;
min-height: 220px;
border-radius: 18px;
border: 1px solid rgba(116, 156, 255, 0.14);
background:
linear-gradient(rgba(116, 156, 255, 0.06) 1px, transparent 1px),
linear-gradient(90deg, rgba(116, 156, 255, 0.06) 1px, transparent 1px),
rgba(8, 15, 31, 0.82);
background-size: 100% 20%, 20% 100%, auto;
overflow: hidden;
}
.audit-visual__scatter-point {
position: absolute;
width: 12px;
height: 12px;
border-radius: 50%;
transform: translate(-50%, 50%);
border: 1px solid rgba(255, 255, 255, 0.44);
box-shadow: 0 0 0 4px rgba(8, 15, 31, 0.24);
}
.audit-visual__empty {
margin: 0;
color: rgba(226, 236, 255, 0.72);
font-size: 0.84rem;
line-height: 1.6;
}
.audit-feed-block__note {
width: 100%;
min-height: 104px;
padding: 14px 15px;
border-radius: 16px;
border: 1px solid rgba(116, 156, 255, 0.14);
background: rgba(8, 15, 31, 0.82);
color: #eef4ff;
font: inherit;
resize: vertical;
box-sizing: border-box;
}
.audit-feed-block__note::placeholder {
color: rgba(198, 214, 255, 0.42);
}
.audit-connector-overlay {
position: fixed;
inset: 0;
z-index: 1900;
display: flex;
align-items: center;
justify-content: center;
padding: 24px;
}
.audit-connector-overlay[hidden] {
display: none !important;
}
.audit-connector-overlay__backdrop {
position: absolute;
inset: 0;
background: rgba(2, 6, 23, 0.72);
backdrop-filter: blur(12px);
}
.audit-connector-dialog {
position: relative;
z-index: 1;
width: min(760px, 100%);
max-height: min(84vh, 820px);
display: grid;
gap: 18px;
padding: 22px;
border: 1px solid rgba(157, 182, 236, 0.16);
border-radius: 24px;
background: linear-gradient(180deg, rgba(10, 18, 33, 0.98) 0%, rgba(7, 14, 27, 0.98) 100%);
box-shadow: 0 28px 64px rgba(2, 6, 23, 0.38);
overflow: hidden;
}
.audit-connector-dialog__head,
.audit-connector-dialog__footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.audit-connector-dialog__copy {
display: grid;
gap: 6px;
}
.audit-connector-dialog__copy strong {
color: #f8fbff;
font-size: 1.05rem;
font-weight: 800;
letter-spacing: -0.02em;
}
.audit-connector-dialog__copy p {
margin: 0;
color: rgba(226, 236, 255, 0.68);
font-size: 0.84rem;
line-height: 1.5;
}
.audit-connector-dialog__close,
.audit-connector-dialog__secondary,
.audit-connector-dialog__primary {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 0 14px;
border-radius: 14px;
border: 1px solid rgba(157, 182, 236, 0.14);
font: inherit;
cursor: pointer;
}
.audit-connector-dialog__close,
.audit-connector-dialog__secondary {
background: rgba(255, 255, 255, 0.03);
color: var(--text-1);
}
.audit-connector-dialog__close {
width: 42px;
padding: 0;
font-size: 1rem;
line-height: 1;
}
.audit-connector-dialog__primary {
border-color: transparent;
background: linear-gradient(180deg, #5b93ff 0%, #2f6ff4 100%);
color: #ffffff;
box-shadow: 0 14px 24px rgba(47, 111, 244, 0.24);
}
.audit-connector-dialog__close:hover,
.audit-connector-dialog__close:focus-visible,
.audit-connector-dialog__secondary:hover,
.audit-connector-dialog__secondary:focus-visible,
.audit-connector-dialog__primary:hover,
.audit-connector-dialog__primary:focus-visible {
outline: none;
border-color: rgba(91, 147, 255, 0.34);
}
.audit-connector-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
.audit-connector-field {
display: grid;
gap: 8px;
}
.audit-connector-field--full {
grid-column: 1 / -1;
}
.audit-connector-field span {
color: #f8fbff;
font-size: 0.82rem;
font-weight: 700;
letter-spacing: 0.01em;
}
.audit-connector-field select,
.audit-connector-date-range input {
min-height: 46px;
padding: 0 13px;
border-radius: 14px;
border: 1px solid rgba(157, 182, 236, 0.14);
background: rgba(8, 16, 31, 0.82);
color: #eef4ff;
font: inherit;
}
.audit-connector-date-range {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.audit-connector-exclusions {
display: grid;
gap: 12px;
padding: 14px;
border-radius: 16px;
border: 1px solid rgba(157, 182, 236, 0.12);
background: rgba(8, 15, 31, 0.64);
}
.audit-connector-exclusion-toolbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.audit-connector-exclusion-toolbar-copy {
display: grid;
gap: 6px;
}
.audit-connector-exclusion-context {
display: inline-flex;
align-items: center;
justify-content: center;
justify-self: start;
min-height: 28px;
padding: 0 10px;
border-radius: 999px;
border: 1px solid rgba(91, 147, 255, 0.2);
background: rgba(25, 42, 76, 0.54);
color: #eaf2ff;
font-size: 0.74rem;
font-weight: 700;
}
.audit-connector-exclusion-note {
margin: 0;
color: rgba(226, 236, 255, 0.68);
font-size: 0.8rem;
line-height: 1.45;
}
.audit-connector-exclusion-summary-count {
display: flex;
align-items: center;
justify-content: center;
justify-self: start;
min-height: 28px;
padding: 0 10px;
border-radius: 999px;
border: 1px solid rgba(255, 122, 122, 0.18);
background: rgba(92, 18, 27, 0.26);
color: rgba(255, 220, 224, 0.92);
font-size: 0.72rem;
font-weight: 600;
}
.audit-connector-exclusion-actions {
position: relative;
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.audit-connector-exclusion-trigger,
.audit-connector-exclusion-menu-item,
.audit-connector-exclusion-selected-chip,
.audit-connector-exclusion-option,
.audit-connector-exclusion-clear,
.audit-connector-exclusion-clear-all {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 36px;
padding: 0 12px;
border-radius: 999px;
border: 1px solid rgba(157, 182, 236, 0.14);
background: rgba(12, 21, 39, 0.88);
color: #eef4ff;
font: inherit;
cursor: pointer;
transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease, transform 0.16s ease;
}
.audit-connector-exclusion-trigger {
padding: 0 14px;
font-weight: 700;
}
.audit-connector-exclusion-menu {
display: none;
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
gap: 10px;
padding: 12px;
border-radius: 14px;
border: 1px solid rgba(157, 182, 236, 0.12);
background: rgba(7, 14, 27, 0.92);
}
.audit-connector-exclusion-menu.is-open {
display: grid;
}
.audit-connector-exclusion-menu-item {
justify-content: space-between;
width: 100%;
padding: 0 12px;
}
.audit-connector-exclusion-menu-item.is-active {
border-color: rgba(91, 147, 255, 0.38);
background: linear-gradient(180deg, rgba(39, 73, 142, 0.72) 0%, rgba(17, 33, 63, 0.9) 100%);
}
.audit-connector-exclusion-menu-item-count {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 20px;
padding: 0 6px;
border-radius: 999px;
background: rgba(255, 122, 122, 0.16);
color: #ffd9de;
font-size: 0.72rem;
font-weight: 700;
}
.audit-connector-exclusion-selected {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.audit-connector-exclusion-selected-chip {
justify-content: flex-start;
padding-right: 14px;
border-color: rgba(255, 122, 122, 0.34);
background: linear-gradient(180deg, rgba(119, 24, 35, 0.72) 0%, rgba(64, 10, 20, 0.92) 100%);
color: #fff1f2;
}
.audit-connector-exclusion-selected-chip.is-included {
border-color: rgba(91, 147, 255, 0.34);
background: linear-gradient(180deg, rgba(39, 73, 142, 0.72) 0%, rgba(17, 33, 63, 0.92) 100%);
color: #eef4ff;
}
.audit-connector-exclusion-selected-chip span {
color: rgba(255, 214, 219, 0.88);
font-size: 0.72rem;
font-weight: 700;
}
.audit-connector-exclusion-selected-chip.is-included span {
color: rgba(214, 230, 255, 0.9);
}
.audit-connector-exclusion-selected-chip strong {
font-size: 0.78rem;
font-weight: 800;
}
.audit-connector-exclusion-panel {
display: grid;
gap: 12px;
padding: 14px;
border-radius: 16px;
border: 1px solid rgba(157, 182, 236, 0.12);
background: rgba(8, 16, 31, 0.74);
}
.audit-connector-exclusion-panel-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.audit-connector-exclusion-panel-head strong {
color: #f8fbff;
font-size: 0.84rem;
font-weight: 800;
}
.audit-connector-exclusion-panel-head span {
color: rgba(190, 210, 255, 0.72);
font-size: 0.74rem;
font-weight: 600;
}
.audit-connector-exclusion-empty {
display: flex;
align-items: center;
justify-content: center;
min-height: 74px;
padding: 14px;
border-radius: 14px;
border: 1px dashed rgba(157, 182, 236, 0.14);
background: rgba(8, 15, 31, 0.42);
color: rgba(226, 236, 255, 0.6);
font-size: 0.82rem;
line-height: 1.5;
text-align: center;
}
.audit-connector-exclusion-options {
display: flex;
flex-wrap: wrap;
gap: 10px;
max-height: 210px;
overflow: auto;
padding-right: 4px;
}
.audit-connector-exclusion-option:hover,
.audit-connector-exclusion-trigger:hover,
.audit-connector-exclusion-menu-item:hover,
.audit-connector-exclusion-selected-chip:hover,
.audit-connector-exclusion-clear:hover,
.audit-connector-exclusion-clear-all:hover,
.audit-connector-exclusion-trigger:focus-visible,
.audit-connector-exclusion-menu-item:focus-visible,
.audit-connector-exclusion-selected-chip:focus-visible,
.audit-connector-exclusion-option:focus-visible,
.audit-connector-exclusion-clear:focus-visible,
.audit-connector-exclusion-clear-all:focus-visible {
outline: none;
border-color: rgba(91, 147, 255, 0.34);
transform: translateY(-1px);
}
.audit-connector-exclusion-option.is-active {
border-color: rgba(255, 122, 122, 0.52);
background: linear-gradient(180deg, rgba(119, 24, 35, 0.82) 0%, rgba(64, 10, 20, 0.96) 100%);
color: #fff1f2;
box-shadow: 0 0 0 3px rgba(255, 122, 122, 0.12);
}
.audit-connector-exclusion-option.is-included {
border-color: rgba(91, 147, 255, 0.42);
background: linear-gradient(180deg, rgba(39, 73, 142, 0.78) 0%, rgba(17, 33, 63, 0.94) 100%);
color: #eef4ff;
box-shadow: 0 0 0 3px rgba(91, 147, 255, 0.12);
}
.audit-connector-exclusion-option-label {
font-size: 0.8rem;
font-weight: 700;
}
.audit-connector-exclusion-option-count {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 22px;
padding: 0 7px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.08);
color: rgba(234, 242, 255, 0.76);
font-size: 0.72rem;
font-weight: 700;
}
.audit-connector-exclusion-clear,
.audit-connector-exclusion-clear-all {
justify-self: start;
min-height: 34px;
padding: 0 11px;
color: rgba(255, 210, 214, 0.94);
}
.audit-connector-field select:disabled {
opacity: 0.56;
cursor: not-allowed;
}
.audit-connector-date-range input:disabled {
opacity: 0.56;
cursor: not-allowed;
}
.audit-connector-preview {
padding: 14px 16px;
border-radius: 18px;
border: 1px solid rgba(116, 156, 255, 0.14);
background: rgba(8, 15, 31, 0.82);
min-height: 56px;
align-content: flex-start;
}
body.has-audit-connector-open {
overflow: hidden;
}
.audit-detail-overlay {
position: fixed;
inset: 0;
z-index: 1910;
display: flex;
align-items: center;
justify-content: center;
padding: 24px;
}
.audit-detail-overlay[hidden] {
display: none !important;
}
.audit-detail-overlay__backdrop {
position: absolute;
inset: 0;
background: rgba(2, 6, 23, 0.88);
}
.audit-detail-dialog {
position: relative;
z-index: 1;
width: min(1180px, 100%);
height: min(88vh, 960px);
max-height: min(88vh, 960px);
display: grid;
grid-template-rows: auto auto auto minmax(0, 1fr);
gap: 18px;
padding: 22px;
border: 1px solid rgba(157, 182, 236, 0.16);
border-radius: 24px;
background: linear-gradient(180deg, rgba(10, 18, 33, 0.98) 0%, rgba(7, 14, 27, 0.98) 100%);
box-shadow: 0 18px 36px rgba(2, 6, 23, 0.26);
overflow: hidden;
box-sizing: border-box;
contain: layout paint;
}
.audit-detail-dialog__head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.audit-detail-dialog__copy {
display: grid;
gap: 6px;
}
.audit-detail-dialog__copy strong {
color: #f8fbff;
font-size: 1.05rem;
font-weight: 800;
letter-spacing: -0.02em;
}
.audit-detail-dialog__copy p {
margin: 0;
color: rgba(226, 236, 255, 0.68);
font-size: 0.84rem;
line-height: 1.5;
}
.audit-detail-dialog__close {
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
min-height: 42px;
padding: 0;
border-radius: 14px;
border: 1px solid rgba(157, 182, 236, 0.14);
background: rgba(255, 255, 255, 0.03);
color: var(--text-1);
font: inherit;
cursor: pointer;
}
.audit-detail-dialog__close:hover,
.audit-detail-dialog__close:focus-visible {
outline: none;
border-color: rgba(91, 147, 255, 0.34);
}
.audit-detail-dialog__summary {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.audit-detail-dialog__description {
display: grid;
gap: 6px;
padding: 14px 16px;
border-radius: 16px;
border: 1px solid rgba(116, 156, 255, 0.16);
background: linear-gradient(180deg, rgba(12, 22, 46, 0.92), rgba(8, 15, 31, 0.82));
}
.audit-detail-dialog__description strong {
color: #f8fbff;
font-size: 0.82rem;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.audit-detail-dialog__description p {
margin: 0;
color: rgba(232, 240, 255, 0.82);
font-size: 0.94rem;
line-height: 1.5;
}
.audit-detail-dialog__pill {
display: inline-grid;
gap: 4px;
min-width: 0;
padding: 10px 12px;
border-radius: 14px;
border: 1px solid rgba(116, 156, 255, 0.12);
background: rgba(8, 15, 31, 0.74);
}
.audit-detail-dialog__pill span {
color: rgba(226, 236, 255, 0.62);
font-size: 0.72rem;
line-height: 1;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.audit-detail-dialog__pill strong {
color: #f8fbff;
font-size: 0.86rem;
line-height: 1.25;
}
.audit-detail-dialog__body {
min-height: 0;
height: 100%;
overflow: auto;
padding-right: 8px;
overscroll-behavior: contain;
scrollbar-gutter: stable;
contain: layout paint;
}
.audit-detail-dialog__body::-webkit-scrollbar {
width: 10px;
height: 10px;
}
.audit-detail-dialog__body::-webkit-scrollbar-track {
background: rgba(8, 15, 31, 0.56);
border-radius: 999px;
}
.audit-detail-dialog__body::-webkit-scrollbar-thumb {
background: rgba(116, 156, 255, 0.34);
border-radius: 999px;
border: 2px solid rgba(8, 15, 31, 0.74);
}
.audit-detail-dialog__body::-webkit-scrollbar-thumb:hover {
background: rgba(116, 156, 255, 0.5);
}
.audit-detail-dialog__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 16px;
align-items: start;
}
.audit-detail-dialog__grid > .simple-post-card {
contain: layout paint;
content-visibility: auto;
contain-intrinsic-size: 420px;
}
.audit-detail-dialog__empty {
padding: 18px;
border-radius: 18px;
border: 1px solid rgba(116, 156, 255, 0.14);
background: rgba(8, 15, 31, 0.82);
color: rgba(226, 236, 255, 0.72);
font-size: 0.9rem;
line-height: 1.6;
}
.audit-save-overlay {
position: fixed;
inset: 0;
z-index: 1920;
display: flex;
align-items: center;
justify-content: center;
padding: 24px;
}
.audit-save-overlay[hidden] {
display: none !important;
}
.audit-save-overlay__backdrop {
position: absolute;
inset: 0;
background: rgba(2, 6, 23, 0.8);
backdrop-filter: blur(12px);
}
.audit-save-dialog {
position: relative;
z-index: 1;
width: min(520px, 100%);
display: grid;
gap: 18px;
padding: 22px;
border: 1px solid rgba(157, 182, 236, 0.16);
border-radius: 24px;
background: linear-gradient(180deg, rgba(10, 18, 33, 0.98) 0%, rgba(7, 14, 27, 0.98) 100%);
box-shadow: 0 24px 56px rgba(2, 6, 23, 0.38);
}
.audit-save-dialog__head,
.audit-save-dialog__footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.audit-save-dialog__head {
position: relative;
align-items: flex-start;
padding-right: 56px;
}
.audit-save-dialog__copy {
display: grid;
gap: 6px;
}
.audit-save-dialog__copy strong {
color: #f8fbff;
font-size: 1.05rem;
font-weight: 800;
letter-spacing: -0.02em;
}
.audit-save-dialog__copy p {
margin: 0;
color: rgba(226, 236, 255, 0.68);
font-size: 0.84rem;
line-height: 1.5;
}
.audit-save-dialog__close,
.audit-save-dialog__secondary,
.audit-save-dialog__primary {
min-height: 42px;
border-radius: 14px;
font: inherit;
}
.audit-save-dialog__close,
.audit-save-dialog__secondary {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 14px;
border: 1px solid rgba(157, 182, 236, 0.14);
background: rgba(255, 255, 255, 0.03);
color: var(--text-1);
cursor: pointer;
}
.audit-save-dialog__close {
position: absolute;
top: 0;
right: 0;
width: 42px;
padding: 0;
font-size: 1.35rem;
line-height: 1;
}
.audit-save-dialog__primary {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 18px;
border: 1px solid transparent;
background: linear-gradient(180deg, #5b93ff 0%, #2f6ff4 100%);
color: #ffffff;
box-shadow: 0 14px 24px rgba(47, 111, 244, 0.24);
cursor: pointer;
font-weight: 700;
}
.audit-save-dialog__body {
display: grid;
gap: 14px;
}
.audit-save-dialog__field {
display: grid;
gap: 8px;
}
.audit-save-dialog__field span {
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: rgba(187, 206, 243, 0.72);
}
.audit-save-dialog__field input {
width: 100%;
min-height: 48px;
padding: 0 16px;
border: 1px solid rgba(157, 182, 236, 0.16);
border-radius: 14px;
background: rgba(255, 255, 255, 0.04);
color: var(--text-1);
font: inherit;
}
.audit-save-dialog__field input:focus {
outline: none;
border-color: rgba(126, 164, 255, 0.42);
box-shadow: 0 0 0 3px rgba(72, 122, 255, 0.16);
}
.audit-save-dialog__error {
padding: 10px 12px;
border-radius: 12px;
border: 1px solid rgba(255, 114, 114, 0.24);
background: rgba(103, 24, 24, 0.34);
color: #ffc1c1;
font-size: 0.9rem;
line-height: 1.45;
}
body.has-audit-detail-open {
overflow: hidden;
}
body.has-audit-save-open {
overflow: hidden;
}
@media (max-width: 860px) {
.audit-feed-block__head {
flex-direction: column;
}
.audit-feed-block__actions {
justify-content: flex-start;
}
.audit-connector-overlay {
padding: 14px;
}
.audit-connector-dialog {
padding: 18px;
border-radius: 20px;
}
.audit-detail-overlay {
padding: 14px;
}
.audit-detail-dialog {
padding: 18px;
border-radius: 20px;
}
.audit-detail-dialog__head {
align-items: stretch;
flex-direction: column;
}
.audit-detail-dialog__grid {
grid-template-columns: 1fr;
}
.audit-connector-grid {
grid-template-columns: 1fr;
gap: 10px;
}
.audit-connector-date-range {
grid-template-columns: 1fr;
}
.audit-connector-exclusion-toolbar {
align-items: stretch;
flex-direction: column;
}
.audit-connector-exclusion-actions {
width: 100%;
}
.audit-connector-exclusion-trigger,
.audit-connector-exclusion-clear-all {
width: 100%;
justify-content: center;
}
.audit-connector-exclusion-menu {
grid-template-columns: 1fr;
}
.audit-connector-exclusion-panel-head {
align-items: stretch;
flex-direction: column;
}
.audit-connector-exclusion-options {
gap: 8px;
}
.audit-visual__donut-layout {
grid-template-columns: 1fr;
}
.audit-visual__table-row {
grid-template-columns: minmax(0, 1fr);
}
.audit-visual__columns {
grid-auto-columns: minmax(88px, 1fr);
overflow-x: auto;
padding-bottom: 6px;
}
.audit-connector-dialog__head,
.audit-connector-dialog__footer {
align-items: stretch;
flex-direction: column;
}
}
body[data-workspace-tab="audit"] .simple-chat-inline-shell,
body[data-workspace-tab="audit"] .simple-chat-inline--floating,
body[data-workspace-tab="audit"] .simple-chat-response-overlay {
display: none !important;
}


.audit-connector-dialog {
overflow: auto;
}

/* VS audit overview alignment cleanup */
.simple-audit-stack--overview .simple-audit-stack__intro {
display: grid;
gap: 12px;
align-items: start;
}
.simple-audit-stack--overview .simple-audit-stack__intro .simple-audit-narrative {
display: grid;
gap: 12px;
max-width: none;
}
.simple-audit-stack--overview .simple-audit-stack__intro .simple-audit-narrative__list,
.simple-audit-stack--overview .simple-audit-stack__intro .gemini-rich__list {
display: grid;
gap: 12px;
}
.simple-audit-stack--overview .simple-audit-stack__intro .simple-audit-narrative__list .gemini-rich__list--unordered,
.simple-audit-stack--overview .simple-audit-stack__intro .simple-audit-narrative__list .gemini-rich__list--ordered,
.simple-audit-stack--overview .simple-audit-stack__intro .gemini-rich__list--unordered,
.simple-audit-stack--overview .simple-audit-stack__intro .gemini-rich__list--ordered {
grid-template-columns: minmax(0, 1fr);
gap: 12px;
}
.simple-audit-stack--overview .simple-audit-stack__intro .gemini-rich__item,
.simple-audit-stack--overview .simple-audit-stack__intro .simple-audit-narrative__p {
width: 100%;
max-width: none;
min-height: 0;
margin: 0;
}
.simple-audit-stack--overview .simple-audit-stack__intro .simple-audit-narrative__p {
padding: 14px 16px;
border: 1px solid rgba(116, 156, 255, 0.14);
border-radius: 16px;
background: rgba(7, 18, 36, 0.64);
}

.simple-audit-overview-grid__cards {
min-width: 0;
}
.simple-audit-overview-grid__cards .simple-audit-dashboard__cards--vs-packs {
grid-template-columns: repeat(3, minmax(220px, 1fr));
justify-content: stretch;
align-content: start;
gap: 14px;
max-width: 980px;
}
.simple-audit-overview-grid__cards .simple-audit-card--vs-compact {
min-height: 0;
height: 100%;
}
.simple-audit-overview-grid__cards .simple-audit-card--vs {
justify-content: space-between;
}
.simple-audit-overview-grid__cards .simple-audit-card__vs {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
align-items: stretch;
}
.simple-audit-overview-grid__cards .simple-audit-card__side {
height: 100%;
}
.simple-audit-overview-grid__cards .simple-audit-card__delta-row {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 10px;
}
.simple-audit-overview-grid__cards .simple-audit-card__winner {
max-width: 100%;
}

@media (max-width: 1480px) {
.simple-audit-overview-grid__cards .simple-audit-dashboard__cards--vs-packs {
grid-template-columns: repeat(2, minmax(220px, 1fr));
max-width: 760px;
}
}

@media (max-width: 900px) {
.simple-audit-overview-grid__cards .simple-audit-dashboard__cards--vs-packs {
grid-template-columns: minmax(0, 1fr);
max-width: none;
}
.simple-audit-overview-grid__cards .simple-audit-card__delta-row {
grid-template-columns: minmax(0, 1fr);
}
}