:root{--bg: #fff8ef;--bg-soft: #fff1dc;--bg-elevated: rgba(255, 250, 243, .76);--surface: rgba(255, 255, 255, .7);--surface-strong: rgba(255, 250, 243, .9);--surface-muted: rgba(255, 246, 236, .8);--surface-dark: #4a2900;--surface-dark-soft: rgba(74, 41, 0, .84);--line: rgba(255, 176, 71, .2);--line-strong: rgba(217, 119, 6, .28);--text: #4d340c;--text-strong: #2f1c00;--text-muted: #7b4a00;--text-faint: #b06d1c;--primary: #d97706;--primary-strong: #c26a14;--primary-soft: rgba(217, 119, 6, .12);--accent: #e8b46a;--accent-strong: #f0cf87;--accent-soft: rgba(232, 180, 106, .18);--danger: #d95d39;--danger-soft: rgba(217, 93, 57, .14);--warning: #d98b00;--warning-soft: rgba(217, 139, 0, .14);--success: #c96b00;--success-soft: rgba(201, 107, 0, .14);--radius-2xl: 32px;--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px;--radius-xs: 10px;--shadow-soft: 0 28px 80px rgba(217, 119, 6, .1);--shadow-card: 0 18px 40px rgba(194, 106, 20, .1), 0 0 10px rgba(232, 180, 106, .06);--shadow-float: 0 18px 44px rgba(194, 106, 20, .16), 0 0 10px rgba(217, 119, 6, .12);--blur-panel: blur(16px);--page-background: radial-gradient(circle at 0% 0%, rgba(232, 180, 106, .18), transparent 24%), radial-gradient(circle at 100% 10%, rgba(217, 119, 6, .12), transparent 20%), radial-gradient(circle at 100% 100%, rgba(240, 207, 135, .12), transparent 26%), linear-gradient(180deg, #fffdf9 0%, #fff7ed 44%, #fff1dc 100%);--page-grid: linear-gradient(rgba(255, 255, 255, .24) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .24) 1px, transparent 1px);--page-grid-opacity: .48;--page-orb: rgba(217, 119, 6, .14);--focus-ring: rgba(217, 119, 6, .14);--selection-text: #fff;--selection-bg: rgba(217, 119, 6, .68);--scrollbar-thumb: rgba(91, 104, 128, .28);--button-primary-text: #fffaf3;--button-primary-bg: linear-gradient(135deg, #e8b46a 0%, #d98b29 46%, #c26a14 100%);--button-primary-shadow: 0 0 5px rgba(217, 119, 6, .18), 0 14px 28px rgba(194, 106, 20, .18);--button-ghost-bg: rgba(255, 255, 255, .58);--button-ghost-border: rgba(232, 180, 106, .24);--button-ghost-hover-bg: rgba(255, 255, 255, .82);--button-ghost-hover-border: rgba(217, 119, 6, .22);--button-ghost-hover-shadow: 0 0 5px rgba(217, 119, 6, .08);--button-danger-text: #fff;--button-danger-bg: linear-gradient(135deg, #ea7a52 0%, #d95d39 100%);--button-danger-shadow: 0 0 5px rgba(217, 93, 57, .2), 0 16px 32px rgba(217, 93, 57, .16);--button-danger-hover-shadow: 0 18px 38px rgba(216, 79, 104, .24);--field-border: rgba(148, 163, 184, .18);--field-bg: rgba(255, 255, 255, .86);--field-hover-border: rgba(217, 119, 6, .2);--field-focus-border: rgba(217, 119, 6, .36);--field-focus-ring: rgba(217, 119, 6, .1);--field-focus-glow: rgba(217, 119, 6, .08);--field-focus-bg: rgba(255, 255, 255, .96);--inline-error-border: rgba(216, 79, 104, .18);--inline-error-bg: rgba(255, 244, 246, .92);--inline-error-text: #b43b53;--ui-pill-bg: rgba(255, 255, 255, .78);--ui-pill-border: rgba(255, 176, 71, .16);--ui-tab-bg: rgba(255, 255, 255, .72);--ui-tab-border: rgba(255, 176, 71, .16);--ui-tab-active-bg: rgba(255, 247, 236, .92);--ui-tab-active-border: rgba(217, 119, 6, .22);--ui-panel-bg: rgba(255, 255, 255, .58);--ui-panel-border: rgba(255, 176, 71, .14);--ui-soft-card-bg: rgba(255, 247, 236, .86);--ui-soft-card-border: rgba(255, 176, 71, .14);--ui-code-row-bg: rgba(255, 255, 255, .72);--ui-inline-feedback-bg: rgba(255, 249, 242, .88);--ui-inline-feedback-border: rgba(255, 176, 71, .22);--ui-inline-feedback-success-bg: rgba(255, 247, 236, .92);--ui-inline-feedback-success-border: rgba(201, 107, 0, .2);--ui-accent-shadow: rgba(194, 106, 20, .14);--ui-accent-shadow-strong: rgba(194, 106, 20, .18);--workspace-hero-bg: radial-gradient(circle at top left, rgba(255, 179, 71, .16), transparent 30%), linear-gradient(180deg, rgba(255, 255, 255, .8) 0%, rgba(255, 248, 240, .9) 100%);--workspace-card-bg: linear-gradient(180deg, rgba(255, 255, 255, .8) 0%, rgba(255, 247, 238, .84) 100%);--workspace-card-hover-border: rgba(255, 140, 0, .2);--workspace-card-hover-shadow: 0 0 5px rgba(255, 140, 0, .12), 0 18px 42px rgba(123, 74, 0, .1);--workspace-accent-pill-bg: rgba(217, 119, 6, .1);--workspace-tab-active-bg: linear-gradient(135deg, rgba(255, 192, 120, .28), rgba(255, 236, 214, .98));--workspace-tab-active-border: rgba(201, 107, 0, .28);--workspace-tab-active-shadow: 0 10px 24px rgba(201, 107, 0, .1);--workspace-subtle-surface-bg: rgba(255, 249, 242, .88);--workspace-subtle-surface-strong-bg: rgba(255, 247, 236, .92);--workspace-subtle-surface-border: rgba(255, 176, 71, .14);--workspace-table-divider: rgba(255, 176, 71, .14);--workspace-table-head-bg: rgba(255, 243, 230, .94);--workspace-switch-off-bg: rgba(217, 93, 57, .22);--workspace-switch-on-bg: rgba(201, 107, 0, .34);--workspace-code-inline-bg: rgba(255, 246, 236, .88);--workspace-code-inline-strong-bg: rgba(255, 246, 236, .92);--workspace-code-inline-border: rgba(255, 176, 71, .14);--workspace-code-bg: #4a2900;--workspace-code-text: #fff5e8;--workspace-modal-backdrop: rgba(18, 27, 30, .44);--workspace-accent-gradient-bg: linear-gradient(90deg, rgba(232, 180, 106, .92) 0%, rgba(217, 139, 41, .88) 52%, rgba(240, 207, 135, .86) 100%);--shell-sidebar-bg: radial-gradient(circle at top left, rgba(255, 179, 71, .22), transparent 34%), linear-gradient(180deg, rgba(255, 249, 242, .76) 0%, rgba(255, 239, 221, .68) 100%);--shell-sidebar-border: rgba(255, 176, 71, .2);--shell-sidebar-toggle-bg: rgba(255, 255, 255, .42);--shell-sidebar-toggle-border: rgba(255, 176, 71, .18);--shell-nav-item-bg: rgba(255, 255, 255, .34);--shell-nav-item-hover-bg: rgba(255, 255, 255, .5);--shell-nav-item-hover-border: rgba(217, 119, 6, .18);--shell-nav-item-hover-shadow: 0 0 5px rgba(217, 119, 6, .06);--shell-nav-item-active-bg: linear-gradient(135deg, rgba(217, 119, 6, .1) 0%, rgba(232, 180, 106, .16) 100%);--shell-nav-item-active-border: rgba(217, 119, 6, .18);--shell-nav-item-active-shadow: 0 0 5px rgba(217, 119, 6, .08);--shell-nav-badge-bg: rgba(217, 119, 6, .1);--shell-sidebar-user-bg: rgba(255, 255, 255, .4);--shell-sidebar-action-bg: rgba(255, 255, 255, .46);--shell-sidebar-action-border: rgba(255, 176, 71, .18);--shell-sidebar-action-hover-bg: rgba(255, 255, 255, .58);--shell-sidebar-action-hover-border: rgba(217, 119, 6, .18);--shell-sidebar-action-active-bg: rgba(255, 255, 255, .58);--shell-sidebar-action-active-border: rgba(217, 119, 6, .18);--shell-sidebar-action-active-shadow: inset 0 0 0 1px rgba(217, 119, 6, .08);--shell-runtime-banner-bg: rgba(232, 180, 106, .16);--shell-runtime-banner-border: rgba(194, 106, 20, .18);--mobile-tabbar-bg: rgba(255, 251, 246, .92);--mobile-tabbar-border: rgba(217, 119, 6, .14);--mobile-tabbar-active-bg: linear-gradient(135deg, rgba(217, 119, 6, .12) 0%, rgba(232, 180, 106, .16) 100%);--mobile-tabbar-icon-bg: rgba(217, 119, 6, .1);--chart-canvas-fill: #ffffff;--chart-export-fill: #ffffff;--chart-card-border: rgba(232, 180, 106, .24);--chart-card-bg: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(255, 248, 241, .82));--chart-table-shell-border: rgba(232, 180, 106, .18);--chart-table-shell-bg: rgba(255, 255, 255, .76);--chart-table-divider: rgba(232, 180, 106, .12);--chart-table-head-bg: rgba(255, 244, 229, .94);--chart-badge-bg: rgba(232, 180, 106, .18);--chart-switch-border: rgba(232, 180, 106, .24);--chart-switch-bg: rgba(255, 255, 255, .74);--chart-switch-active-text: #fffaf3;--chart-switch-active-bg: linear-gradient(135deg, #e8b46a 0%, #d98b29 46%, #c26a14 100%);--chart-switch-active-shadow: 0 12px 26px rgba(194, 106, 20, .18);--chart-fullscreen-backdrop: rgba(47, 28, 0, .34);--chat-timeline-bg: radial-gradient(circle at top right, rgba(255, 215, 0, .12), transparent 28%), linear-gradient(180deg, rgba(255, 255, 255, .78) 0%, rgba(255, 248, 240, .9) 100%);--chat-question-action-text: rgba(63, 38, 0, .78);--chat-question-action-hover-text: rgba(63, 38, 0, .9);--chat-question-action-border: rgba(217, 119, 6, .12);--chat-question-action-shadow: 0 6px 14px rgba(194, 106, 20, .08);--chat-question-bubble-bg: linear-gradient(135deg, rgba(255, 255, 255, .34) 0%, rgba(255, 244, 228, .68) 36%, rgba(244, 202, 143, .5) 100%);--chat-question-bubble-border: rgba(217, 119, 6, .16);--chat-question-bubble-text: rgba(63, 38, 0, .92);--chat-question-bubble-secondary-text: rgba(63, 38, 0, .82);--chat-question-bubble-label: rgba(81, 49, 8, .66);--chat-question-bubble-label-secondary: rgba(81, 49, 8, .56);--chat-question-evidence-bg: rgba(255, 255, 255, .42);--chat-question-evidence-border: rgba(217, 119, 6, .12);--chat-answer-streaming-border: rgba(217, 119, 6, .18);--chat-answer-streaming-shadow: 0 0 5px rgba(217, 119, 6, .08), 0 16px 34px rgba(194, 106, 20, .08);--chat-content-section-bg: rgba(255, 247, 238, .76);--chat-stage-current-border: rgba(217, 119, 6, .14);--chat-stage-current-bg: linear-gradient(135deg, rgba(255, 255, 255, .92) 0%, rgba(255, 243, 230, .92) 100%);--chat-stage-pill-done-bg: rgba(255, 245, 232, .92);--chat-stage-pill-done-border: rgba(217, 119, 6, .12);--chat-stage-pill-done-dot: rgba(217, 119, 6, .88);--chat-stage-pill-active-bg: linear-gradient(135deg, rgba(255, 248, 240, .98) 0%, rgba(244, 202, 143, .22) 100%);--chat-stage-pill-active-border: rgba(194, 106, 20, .22);--chat-stage-pill-active-dot: rgba(194, 106, 20, .92);--chat-stage-pill-active-shadow: 0 0 5px rgba(217, 119, 6, .08);--chat-composer-bg: radial-gradient(circle at top left, rgba(255, 179, 71, .14), transparent 34%), linear-gradient(180deg, rgba(255, 255, 255, .78) 0%, rgba(255, 248, 240, .9) 100%);--chat-composer-evidence-bg: rgba(255, 252, 247, .94);--chat-composer-icon-bg: radial-gradient(circle at top left, rgba(255, 179, 71, .14), transparent 40%), linear-gradient(180deg, rgba(255, 255, 255, .82) 0%, rgba(255, 248, 240, .92) 100%);--chat-composer-inline-active-bg: rgba(217, 119, 6, .12);--chat-composer-inline-active-border: rgba(217, 119, 6, .22);--chat-composer-icon-primary-bg: linear-gradient(135deg, rgba(255, 248, 240, .98) 0%, rgba(244, 202, 143, .34) 100%);--chat-composer-icon-primary-border: rgba(217, 119, 6, .22);--chat-loading-ring-border: rgba(217, 119, 6, .18);--chat-loading-ring-top: rgba(194, 106, 20, .96);--chat-mobile-composer-shadow: 0 18px 40px rgba(194, 106, 20, .14);--avatar-shell-bg: linear-gradient(145deg, rgba(255, 214, 153, .82), rgba(217, 119, 6, .28));--avatar-shell-shadow: inset 0 1px 0 rgba(255, 255, 255, .42), 0 8px 22px rgba(150, 90, 15, .12);--avatar-surface-border: rgba(255, 255, 255, .52);--avatar-surface-bg: radial-gradient(circle at 28% 24%, rgba(255, 255, 255, .9), transparent 42%), linear-gradient(160deg, rgba(255, 249, 242, .94), rgba(255, 234, 207, .72));--avatar-head-fill: #9b5d19;--avatar-body-fill: #7b4a00;--avatar-emblem-border: rgba(255, 255, 255, .7);--avatar-emblem-bg: linear-gradient(135deg, rgba(255, 227, 158, .96), rgba(232, 180, 106, .94));--avatar-emblem-shadow: 0 0 0 2px rgba(255, 248, 240, .95), 0 0 10px rgba(217, 119, 6, .14);--avatar-emblem-fill: #8b4d07;--avatar-admin-shell-bg: linear-gradient(145deg, rgba(255, 208, 138, .88), rgba(194, 106, 20, .4));--avatar-admin-shell-shadow: inset 0 1px 0 rgba(255, 255, 255, .48), 0 10px 24px rgba(150, 90, 15, .16);--avatar-admin-surface-bg: radial-gradient(circle at 28% 24%, rgba(255, 255, 255, .94), transparent 42%), linear-gradient(160deg, rgba(255, 248, 238, .96), rgba(255, 225, 184, .76));--font-sans: "Plus Jakarta Sans", "IBM Plex Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-display: "Sora", "Plus Jakarta Sans", "IBM Plex Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono: "Fira Code", "JetBrains Mono", Consolas, Monaco, "Courier New", monospace;--color-text-secondary: var(--text-muted);--color-border: var(--line);--color-surface-soft: var(--surface-muted);--text-xs: clamp(.6875rem, .65rem + .18vw, .75rem);--text-sm: clamp(.75rem, .7rem + .25vw, .875rem);--text-base: clamp(.875rem, .8rem + .37vw, 1rem);--text-lg: clamp(1rem, .95rem + .25vw, 1.125rem);--text-xl: clamp(1.125rem, 1.05rem + .37vw, 1.25rem);--text-2xl: clamp(1.25rem, 1.15rem + .5vw, 1.5rem);--text-3xl: clamp(1.5rem, 1.35rem + .75vw, 1.875rem);--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--space-page: 16px;--nav-height: 0px}:root[data-theme=ocean]{--bg: #eef7ff;--bg-soft: #dceeff;--bg-elevated: rgba(240, 247, 255, .78);--surface: rgba(255, 255, 255, .78);--surface-strong: rgba(248, 252, 255, .94);--surface-muted: rgba(235, 245, 255, .86);--surface-dark: #0d2e4d;--surface-dark-soft: rgba(13, 46, 77, .88);--line: rgba(71, 154, 255, .18);--line-strong: rgba(43, 127, 227, .28);--text: #23405f;--text-strong: #102842;--text-muted: #58738d;--text-faint: #6f93b6;--primary: #2c7be5;--primary-strong: #1f67c4;--primary-soft: rgba(44, 123, 229, .12);--accent: #7cc6ff;--accent-strong: #b9e2ff;--accent-soft: rgba(124, 198, 255, .2);--success: #1d8a73;--success-soft: rgba(29, 138, 115, .14);--shadow-soft: 0 28px 80px rgba(44, 123, 229, .12);--shadow-card: 0 18px 40px rgba(31, 103, 196, .1), 0 0 10px rgba(124, 198, 255, .08);--shadow-float: 0 18px 44px rgba(31, 103, 196, .16), 0 0 10px rgba(44, 123, 229, .14);--page-background: radial-gradient(circle at 0% 0%, rgba(124, 198, 255, .18), transparent 22%), radial-gradient(circle at 100% 12%, rgba(44, 123, 229, .1), transparent 22%), radial-gradient(circle at 100% 100%, rgba(185, 226, 255, .14), transparent 26%), linear-gradient(180deg, #f9fcff 0%, #eef6ff 44%, #dceeff 100%);--page-grid: linear-gradient(rgba(255, 255, 255, .34) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .34) 1px, transparent 1px);--page-orb: rgba(124, 198, 255, .22);--focus-ring: rgba(44, 123, 229, .14);--selection-bg: rgba(44, 123, 229, .68);--scrollbar-thumb: rgba(91, 132, 176, .3);--button-primary-text: #f7fbff;--button-primary-bg: linear-gradient(135deg, #8ad2ff 0%, #4da2ff 48%, #2c7be5 100%);--button-primary-shadow: 0 0 5px rgba(44, 123, 229, .18), 0 14px 28px rgba(31, 103, 196, .18);--button-ghost-bg: rgba(255, 255, 255, .7);--button-ghost-border: rgba(124, 198, 255, .28);--button-ghost-hover-bg: rgba(255, 255, 255, .9);--button-ghost-hover-border: rgba(44, 123, 229, .22);--button-ghost-hover-shadow: 0 0 5px rgba(44, 123, 229, .08);--field-hover-border: rgba(44, 123, 229, .2);--field-focus-border: rgba(44, 123, 229, .34);--field-focus-ring: rgba(44, 123, 229, .1);--field-focus-glow: rgba(44, 123, 229, .08);--ui-pill-border: rgba(124, 198, 255, .18);--ui-tab-border: rgba(124, 198, 255, .18);--ui-tab-active-bg: rgba(236, 245, 255, .94);--ui-tab-active-border: rgba(44, 123, 229, .24);--ui-panel-border: rgba(124, 198, 255, .16);--ui-soft-card-bg: rgba(238, 247, 255, .9);--ui-soft-card-border: rgba(124, 198, 255, .16);--ui-inline-feedback-bg: rgba(244, 249, 255, .9);--ui-inline-feedback-border: rgba(124, 198, 255, .2);--ui-inline-feedback-success-bg: rgba(236, 245, 255, .94);--ui-inline-feedback-success-border: rgba(44, 123, 229, .18);--ui-accent-shadow: rgba(31, 103, 196, .14);--ui-accent-shadow-strong: rgba(31, 103, 196, .18);--workspace-hero-bg: radial-gradient(circle at top left, rgba(124, 198, 255, .18), transparent 30%), linear-gradient(180deg, rgba(255, 255, 255, .82) 0%, rgba(236, 245, 255, .92) 100%);--workspace-card-bg: linear-gradient(180deg, rgba(255, 255, 255, .84) 0%, rgba(238, 247, 255, .88) 100%);--workspace-card-hover-border: rgba(44, 123, 229, .2);--workspace-card-hover-shadow: 0 0 5px rgba(44, 123, 229, .1), 0 18px 42px rgba(31, 103, 196, .1);--workspace-accent-pill-bg: rgba(44, 123, 229, .1);--workspace-tab-active-bg: linear-gradient(135deg, rgba(124, 198, 255, .24), rgba(255, 255, 255, .98));--workspace-tab-active-border: rgba(44, 123, 229, .24);--workspace-tab-active-shadow: 0 10px 24px rgba(31, 103, 196, .12);--workspace-subtle-surface-bg: rgba(244, 249, 255, .9);--workspace-subtle-surface-strong-bg: rgba(236, 245, 255, .94);--workspace-subtle-surface-border: rgba(124, 198, 255, .16);--workspace-table-divider: rgba(124, 198, 255, .12);--workspace-table-head-bg: rgba(236, 245, 255, .96);--workspace-switch-off-bg: rgba(71, 154, 255, .18);--workspace-switch-on-bg: rgba(44, 123, 229, .34);--workspace-code-inline-bg: rgba(236, 245, 255, .88);--workspace-code-inline-strong-bg: rgba(236, 245, 255, .94);--workspace-code-inline-border: rgba(124, 198, 255, .16);--workspace-code-bg: #0d2e4d;--workspace-code-text: #f2f7ff;--workspace-modal-backdrop: rgba(16, 40, 66, .34);--workspace-accent-gradient-bg: linear-gradient(90deg, rgba(124, 198, 255, .92) 0%, rgba(76, 162, 255, .88) 52%, rgba(185, 226, 255, .86) 100%);--shell-sidebar-bg: radial-gradient(circle at top left, rgba(124, 198, 255, .22), transparent 34%), linear-gradient(180deg, rgba(247, 251, 255, .82) 0%, rgba(228, 241, 255, .72) 100%);--shell-sidebar-border: rgba(71, 154, 255, .18);--shell-sidebar-toggle-bg: rgba(255, 255, 255, .56);--shell-sidebar-toggle-border: rgba(124, 198, 255, .2);--shell-nav-item-bg: rgba(255, 255, 255, .44);--shell-nav-item-hover-bg: rgba(255, 255, 255, .7);--shell-nav-item-hover-border: rgba(44, 123, 229, .18);--shell-nav-item-hover-shadow: 0 0 5px rgba(44, 123, 229, .06);--shell-nav-item-active-bg: linear-gradient(135deg, rgba(44, 123, 229, .12) 0%, rgba(124, 198, 255, .18) 100%);--shell-nav-item-active-border: rgba(44, 123, 229, .18);--shell-nav-item-active-shadow: 0 0 5px rgba(44, 123, 229, .08);--shell-nav-badge-bg: rgba(44, 123, 229, .1);--shell-sidebar-user-bg: rgba(255, 255, 255, .54);--shell-sidebar-action-bg: rgba(255, 255, 255, .58);--shell-sidebar-action-border: rgba(124, 198, 255, .18);--shell-sidebar-action-hover-bg: rgba(255, 255, 255, .76);--shell-sidebar-action-hover-border: rgba(44, 123, 229, .18);--shell-sidebar-action-active-bg: rgba(235, 245, 255, .92);--shell-sidebar-action-active-border: rgba(44, 123, 229, .18);--shell-sidebar-action-active-shadow: inset 0 0 0 1px rgba(44, 123, 229, .08);--shell-runtime-banner-bg: rgba(124, 198, 255, .16);--shell-runtime-banner-border: rgba(44, 123, 229, .18);--mobile-tabbar-bg: rgba(247, 251, 255, .94);--mobile-tabbar-border: rgba(44, 123, 229, .14);--mobile-tabbar-active-bg: linear-gradient(135deg, rgba(44, 123, 229, .12) 0%, rgba(124, 198, 255, .16) 100%);--mobile-tabbar-icon-bg: rgba(44, 123, 229, .1);--chart-canvas-fill: #f6fbff;--chart-export-fill: #f6fbff;--chart-card-border: rgba(124, 198, 255, .22);--chart-card-bg: linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(236, 245, 255, .84));--chart-table-shell-border: rgba(124, 198, 255, .18);--chart-table-shell-bg: rgba(255, 255, 255, .82);--chart-table-divider: rgba(124, 198, 255, .12);--chart-table-head-bg: rgba(236, 245, 255, .96);--chart-badge-bg: rgba(124, 198, 255, .18);--chart-switch-border: rgba(124, 198, 255, .22);--chart-switch-bg: rgba(255, 255, 255, .8);--chart-switch-active-text: #f7fbff;--chart-switch-active-bg: linear-gradient(135deg, #8ad2ff 0%, #4da2ff 48%, #2c7be5 100%);--chart-switch-active-shadow: 0 12px 26px rgba(31, 103, 196, .18);--chart-fullscreen-backdrop: rgba(16, 40, 66, .3);--chat-timeline-bg: radial-gradient(circle at top right, rgba(124, 198, 255, .18), transparent 28%), linear-gradient(180deg, rgba(255, 255, 255, .8) 0%, rgba(239, 247, 255, .92) 100%);--chat-question-action-text: rgba(16, 40, 66, .78);--chat-question-action-hover-text: rgba(16, 40, 66, .92);--chat-question-action-border: rgba(44, 123, 229, .12);--chat-question-action-shadow: 0 6px 14px rgba(31, 103, 196, .08);--chat-question-bubble-bg: linear-gradient(135deg, rgba(255, 255, 255, .46) 0%, rgba(231, 243, 255, .78) 38%, rgba(185, 226, 255, .5) 100%);--chat-question-bubble-border: rgba(44, 123, 229, .16);--chat-question-bubble-text: rgba(16, 40, 66, .92);--chat-question-bubble-secondary-text: rgba(16, 40, 66, .82);--chat-question-bubble-label: rgba(35, 79, 122, .66);--chat-question-bubble-label-secondary: rgba(35, 79, 122, .56);--chat-question-evidence-bg: rgba(255, 255, 255, .5);--chat-question-evidence-border: rgba(44, 123, 229, .12);--chat-answer-streaming-border: rgba(44, 123, 229, .18);--chat-answer-streaming-shadow: 0 0 5px rgba(44, 123, 229, .08), 0 16px 34px rgba(31, 103, 196, .08);--chat-content-section-bg: rgba(239, 247, 255, .82);--chat-stage-current-border: rgba(44, 123, 229, .14);--chat-stage-current-bg: linear-gradient(135deg, rgba(255, 255, 255, .92) 0%, rgba(236, 245, 255, .92) 100%);--chat-stage-pill-done-bg: rgba(236, 245, 255, .92);--chat-stage-pill-done-border: rgba(44, 123, 229, .12);--chat-stage-pill-done-dot: rgba(44, 123, 229, .88);--chat-stage-pill-active-bg: linear-gradient(135deg, rgba(255, 255, 255, .98) 0%, rgba(185, 226, 255, .22) 100%);--chat-stage-pill-active-border: rgba(31, 103, 196, .22);--chat-stage-pill-active-dot: rgba(31, 103, 196, .92);--chat-stage-pill-active-shadow: 0 0 5px rgba(44, 123, 229, .08);--chat-composer-bg: radial-gradient(circle at top left, rgba(124, 198, 255, .14), transparent 34%), linear-gradient(180deg, rgba(255, 255, 255, .82) 0%, rgba(239, 247, 255, .92) 100%);--chat-composer-evidence-bg: rgba(247, 251, 255, .94);--chat-composer-icon-bg: radial-gradient(circle at top left, rgba(124, 198, 255, .14), transparent 40%), linear-gradient(180deg, rgba(255, 255, 255, .86) 0%, rgba(239, 247, 255, .94) 100%);--chat-composer-inline-active-bg: rgba(44, 123, 229, .12);--chat-composer-inline-active-border: rgba(44, 123, 229, .22);--chat-composer-icon-primary-bg: linear-gradient(135deg, rgba(255, 255, 255, .98) 0%, rgba(185, 226, 255, .34) 100%);--chat-composer-icon-primary-border: rgba(44, 123, 229, .22);--chat-loading-ring-border: rgba(44, 123, 229, .18);--chat-loading-ring-top: rgba(31, 103, 196, .96);--chat-mobile-composer-shadow: 0 18px 40px rgba(31, 103, 196, .14);--avatar-shell-bg: linear-gradient(145deg, rgba(191, 228, 255, .88), rgba(44, 123, 229, .28));--avatar-shell-shadow: inset 0 1px 0 rgba(255, 255, 255, .52), 0 8px 22px rgba(31, 103, 196, .12);--avatar-surface-border: rgba(255, 255, 255, .68);--avatar-surface-bg: radial-gradient(circle at 28% 24%, rgba(255, 255, 255, .94), transparent 42%), linear-gradient(160deg, rgba(247, 251, 255, .96), rgba(220, 238, 255, .74));--avatar-head-fill: #3a70a4;--avatar-body-fill: #234f7a;--avatar-emblem-border: rgba(255, 255, 255, .78);--avatar-emblem-bg: linear-gradient(135deg, rgba(226, 242, 255, .98), rgba(124, 198, 255, .94));--avatar-emblem-shadow: 0 0 0 2px rgba(244, 249, 255, .95), 0 0 10px rgba(44, 123, 229, .14);--avatar-emblem-fill: #1f67c4;--avatar-admin-shell-bg: linear-gradient(145deg, rgba(182, 224, 255, .92), rgba(31, 103, 196, .38));--avatar-admin-shell-shadow: inset 0 1px 0 rgba(255, 255, 255, .56), 0 10px 24px rgba(31, 103, 196, .16);--avatar-admin-surface-bg: radial-gradient(circle at 28% 24%, rgba(255, 255, 255, .96), transparent 42%), linear-gradient(160deg, rgba(245, 250, 255, .98), rgba(210, 233, 255, .78))}:root[data-device=mobile]{--space-page: 12px;--nav-height: 72px;--mobile-page-eyebrow-size: 11px;--mobile-page-title-size: 20px;--mobile-page-subtitle-size: 13px;--mobile-hero-title-size: 28px;--mobile-overview-label-size: 11px;--mobile-overview-value-size: 18px;--mobile-section-title-size: 18px;--mobile-panel-title-size: 15px;--mobile-modal-title-size: 22px;--mobile-stat-value-size: 18px;--mobile-stat-label-size: 11px}:root[data-device=desktop]{--space-page: 16px;--nav-height: 0px}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}html{scroll-behavior:smooth;text-size-adjust:100%;-webkit-text-size-adjust:100%}body{position:relative;font-family:var(--font-sans);color:var(--text);font-size:var(--text-base);line-height:var(--leading-relaxed);word-wrap:break-word;overflow-wrap:break-word;background:var(--page-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html[data-device=mobile] body{overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:var(--page-grid);background-size:38px 38px;-webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,.52),transparent 84%);mask-image:radial-gradient(circle at center,rgba(0,0,0,.52),transparent 84%);opacity:var(--page-grid-opacity)}body:after{content:"";position:fixed;inset:auto auto -120px -120px;width:320px;height:320px;border-radius:50%;background:var(--page-orb);filter:blur(28px);pointer-events:none}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:var(--leading-tight);color:var(--text-strong);margin-top:0;overflow-wrap:break-word}h1{font-size:var(--text-3xl);letter-spacing:-.02em}h2{font-size:var(--text-2xl);letter-spacing:-.015em}h3{font-size:var(--text-xl);letter-spacing:-.01em}h4{font-size:var(--text-lg)}h5{font-size:var(--text-base)}h6{font-size:var(--text-sm)}pre,code,kbd,samp{font-family:var(--font-mono);font-size:.9em;direction:ltr}pre{overflow-x:auto;-webkit-overflow-scrolling:touch;line-height:var(--leading-normal)}table{width:100%;border-collapse:collapse}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}button,a,input,textarea,select{transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;box-shadow:0 0 0 4px var(--focus-ring)}::selection{color:var(--selection-text);background:var(--selection-bg)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:var(--scrollbar-thumb);background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}.page-shell{min-height:100vh;min-height:100dvh}.panel-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);backdrop-filter:var(--blur-panel);-webkit-backdrop-filter:var(--blur-panel)}.primary-button,.ghost-button,.danger-button{min-height:44px;border-radius:999px;border:1px solid transparent;padding:0 18px;font-weight:700;letter-spacing:-.01em}.primary-button{color:var(--button-primary-text);background:var(--button-primary-bg);box-shadow:var(--button-primary-shadow)}.ghost-button{color:var(--text);background:var(--button-ghost-bg);border-color:var(--button-ghost-border)}.danger-button{color:var(--button-danger-text);background:var(--button-danger-bg);box-shadow:var(--button-danger-shadow)}.primary-button:hover,.ghost-button:hover,.danger-button:hover{transform:translateY(-1px)}.primary-button:hover{box-shadow:var(--shadow-float)}.ghost-button:hover{border-color:var(--button-ghost-hover-border);background:var(--button-ghost-hover-bg);box-shadow:var(--button-ghost-hover-shadow)}.danger-button:hover{box-shadow:var(--button-danger-hover-shadow)}.field-label{display:block;margin-bottom:8px;color:var(--text-faint);font-size:var(--text-xs);font-weight:800;letter-spacing:.1em;text-transform:uppercase}.text-input,.text-area,.select-input{width:100%;border:1px solid var(--field-border);border-radius:var(--radius-md);background:var(--field-bg);color:var(--text);padding:13px 15px;outline:none;font-size:16px}.text-input:hover,.text-area:hover,.select-input:hover{border-color:var(--field-hover-border)}.text-input:focus,.text-area:focus,.select-input:focus{border-color:var(--field-focus-border);box-shadow:0 0 0 4px var(--field-focus-ring),0 0 8px var(--field-focus-glow);background:var(--field-focus-bg)}.text-area{min-height:92px;resize:vertical}.inline-error{border-radius:18px;border:1px solid var(--inline-error-border);background:var(--inline-error-bg);color:var(--inline-error-text);padding:13px 15px;font-size:var(--text-sm);line-height:var(--leading-relaxed)}.status-pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 12px;font-size:var(--text-xs);font-weight:800;letter-spacing:.02em}.status-pill:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.status-pill.success{background:var(--success-soft);color:var(--success)}.status-pill.unknown{background:var(--warning-soft);color:var(--warning)}.status-pill.error{background:var(--danger-soft);color:var(--danger)}.empty-state{padding:56px 24px;text-align:center;color:var(--text-muted);line-height:1.8}:root[data-theme=ocean] .brand-logo__mark{filter:hue-rotate(168deg) saturate(.92) brightness(1.05)}:root[data-theme=ocean] .login-page .hero-panel,:root[data-theme=custom] .login-page .hero-panel{background:var(--workspace-hero-bg);border-color:var(--ui-pill-border)}:root[data-theme=ocean] .login-page .hero-panel:after,:root[data-theme=custom] .login-page .hero-panel:after{background:var(--page-orb)}:root[data-theme=ocean] .login-page .hero-mark-shell,:root[data-theme=custom] .login-page .hero-mark-shell{border-color:var(--ui-pill-border);box-shadow:0 16px 32px var(--ui-accent-shadow)}:root[data-theme=ocean] .login-page :is(.hero-point,.login-card-tag),:root[data-theme=custom] .login-page :is(.hero-point,.login-card-tag){background:var(--ui-pill-bg);border-color:var(--ui-soft-card-border)}:root[data-theme=ocean] .login-page .login-card,:root[data-theme=custom] .login-page .login-card{background:var(--workspace-card-bg);border-color:var(--ui-pill-border)}:root[data-theme=ocean] .login-page .login-tips,:root[data-theme=custom] .login-page .login-tips{background:var(--workspace-subtle-surface-bg);border-color:var(--workspace-subtle-surface-border)}:root[data-theme=ocean] .init-page .init-badge,:root[data-theme=custom] .init-page .init-badge{background:var(--workspace-accent-pill-bg)}:root[data-theme=ocean] .init-page .init-spinner,:root[data-theme=custom] .init-page .init-spinner{border-color:var(--chat-loading-ring-border);border-right-color:var(--chat-loading-ring-top);box-shadow:0 0 0 10px #ffffff80}:root[data-theme=ocean] .init-page .init-progress-bar,:root[data-theme=custom] .init-page .init-progress-bar{background:var(--workspace-accent-pill-bg)}:root[data-theme=ocean] .init-page .init-progress-fill,:root[data-theme=custom] .init-page .init-progress-fill{background:var(--workspace-accent-gradient-bg)}:root[data-theme=ocean] :is(.training-page,.terminology-page) :is(.toolbar-stat,.toolbar-tab){border-color:#7cc6ff2e;background:#ffffffc7}:root[data-theme=ocean] :is(.training-page,.terminology-page) .toolbar-tab--active{background:linear-gradient(135deg,#7cc6ff3d,#fffffffa);border-color:#2c7be53d;box-shadow:0 10px 24px #1f67c41f}:root[data-theme=ocean] :is(.training-page,.terminology-page) :is(.toolbar-panel,.experience-meta-item,.review-panel,.detail-block,.radio-card){background:#ffffffb3;border-color:#7cc6ff29}:root[data-theme=ocean] :is(.training-page,.terminology-page) :is(.inline-feedback,.empty-synonym){border-color:#7cc6ff33;background:#f4f9ffeb}:root[data-theme=ocean] :is(.training-page,.terminology-page) .inline-feedback.success{border-color:#2c7be52e;background:#ecf5fff0}:root[data-theme=ocean] :is(.training-page,.terminology-page) :is(.mobile-meta-item,.training-table th,.training-table td,.term-table th,.term-table td){border-color:#7cc6ff1f}:root[data-theme=ocean] :is(.training-page,.terminology-page) :is(.sql-snippet,.sql-code){background:#ecf5ffe0;border-color:#7cc6ff24}:root[data-theme=ocean] .training-page :is(.experience-pill--pending,.experience-pill--warning){color:var(--primary-strong);background:#7cc6ff47}:root[data-theme=ocean] :is(.training-page,.terminology-page) .switch-control input:checked+.switch-slider{background:#2c7be557}:root[data-theme=ocean] .chat-page .history-item:hover{border-color:#2c7be52e;box-shadow:0 0 5px #2c7be514,0 14px 28px #1f67c41a}:root[data-theme=ocean] .chat-page .history-item.active{border-color:#2c7be52e;background:linear-gradient(180deg,#7cc6ff1f,#fffffff5);box-shadow:0 0 5px #2c7be514}:root[data-theme=ocean] .chat-page .topbar-datasource-select{box-shadow:0 0 5px #2c7be50a}:root[data-theme=ocean] .chat-page .chat-timeline{background:radial-gradient(circle at top right,rgba(124,198,255,.18),transparent 28%),linear-gradient(180deg,#fffc,#eff7ffeb)}:root[data-theme=ocean] .chat-page .gemini-chip:hover{border-color:#7cc6ff3d;box-shadow:0 4px 12px #2c7be514}:root[data-theme=ocean] .chat-page :is(.guide-source-chip,.knowledge-chip){background:#2c7be51a}:root[data-theme=ocean] .chat-page .composer-prompts-tab{background:#2c7be514}:root[data-theme=ocean] .chat-page .composer-prompts-tab:hover{border-color:#2c7be529;background:#2c7be51f}:root[data-theme=ocean] .chat-page .composer-prompts-tab--active{border-color:#2c7be533;background:#2c7be529;box-shadow:0 0 5px #2c7be50f}:root[data-theme=ocean] .chat-page .suggestion-chip:hover{border-color:#2c7be52e;box-shadow:0 0 5px #2c7be50f}:root[data-theme=ocean] .chat-page .suggestion-chip--subtle{background:#eff7ffeb}:root[data-theme=ocean] .chat-page .question-bubble-action{color:#102842c7;border-color:#2c7be51f;box-shadow:0 6px 14px #1f67c414}:root[data-theme=ocean] .chat-page .question-bubble-action:hover{color:#102842eb}:root[data-theme=ocean] .chat-page .question-edit-button--primary{border-color:#2c7be538}:root[data-theme=ocean] .chat-page .question-bubble{border-color:#2c7be529;background:linear-gradient(135deg,#ffffff75,#e7f3ffc7 38%,#b9e2ff80);color:#143657;box-shadow:0 0 5px #2c7be50f,0 12px 22px #1f67c41a}:root[data-theme=ocean] .chat-page :is(.bubble-label,.bubble-label--secondary){color:#234f7aa8}:root[data-theme=ocean] .chat-page :is(.bubble-content,.bubble-content--secondary,.question-edit-input){color:#102842eb}:root[data-theme=ocean] .chat-page .question-evidence-panel{border-color:#2c7be51f;background:#ffffff80}:root[data-theme=ocean] .chat-page .answer-block-streaming{border-color:#2c7be52e;box-shadow:0 0 5px #2c7be514,0 16px 34px #1f67c414}:root[data-theme=ocean] .chat-page .code-block{background:#0d2e4d;color:#f2f7ff}:root[data-theme=ocean] .chat-page .result-table th{background:#ecf5fff5}:root[data-theme=ocean] .chat-page .result-fullscreen{background:#10284247}:root[data-theme=ocean] .chat-page .chart-fill{background:linear-gradient(90deg,#7cc6ffeb,#4ca2ffe0 52%,#b9e2ffdb)}:root[data-theme=ocean] .chat-page .stage-current-card{border-color:#2c7be524;background:linear-gradient(135deg,#ffffffeb,#ecf5ffeb)}:root[data-theme=ocean] .chat-page .stage-pill--done{border-color:#2c7be51f;background:#ecf5ffeb}:root[data-theme=ocean] .chat-page .stage-pill--done .stage-pill-dot{background:#2c7be5e0}:root[data-theme=ocean] .chat-page .stage-pill--active{border-color:#1f67c438;background:linear-gradient(135deg,#fffffffa,#b9e2ff38);box-shadow:0 0 5px #2c7be514}:root[data-theme=ocean] .chat-page .stage-pill--active .stage-pill-dot{background:#1f67c4eb}@media(max-width:900px){.panel-card{border-radius:24px}}
