:root{--bg: #ffffff;--bg-2: #f9f9f9;--bg-3: #f3f3f3;--bg-box: #f7f7f7;--surface: #ffffff;--surface-hover: #f3f3f3;--bg-linear: linear-gradient(to top, #ffffff 0%, rgba(255, 255, 255, .9) 38%, rgba(255, 255, 255, .68) 72%, rgba(255, 255, 255, 0) 100%);--bg-progress: linear-gradient(#343434, #343434);--file-bg-radial: radial-gradient(ellipse at top left, rgba(225, 225, 225, .34) 0%, rgba(247, 247, 247, .34) 36%, #ffffff 78%);--bg-header-rgba: rgba(255, 255, 255, .92);--bg-skeleton: linear-gradient(to right, #f3f3f3 0%, #e5e5e5 50%, #f3f3f3 100%);--border: #e5e5e5;--border-2: #eeeeee;--border-strong: #d1d1d1;--textarea: #f7f7f7;--text: #171717;--text-2: #3f3f3f;--text-3: #737373;--text-4: #a3a3a3;--text-5: #d4d4d4;--white: #ffffff;--dark: #171717;--accent: #303030;--accent-1: #737373;--accent-hover: #171717;--accent-fg: #ffffff;--danger: #ef4444;--danger-hover: #dc2626;--danger-light: #fef2f2;--success: #10b981;--color-link-decoration: #bdbdbd;--color-muted: #525252;--color-caret: #303030;--color-file-badge-bg: #f3f3f3;--color-border-suggestion: #e5e5e5;--color-warning-bg: #fffbeb;--color-warning-text: #92400e;--color-warning-bg-light: #fef3c7;--color-error-bg: #fef2f2;--color-error-outline: #fca5a5;--color-error-indicator: #fea9b4;--color-toggle-bg: #d4d4d4;--color-toggle-pill: #ffffff;--radius: 12px;--radius-fixed: 10px;--radius-sm: 7px;--radius-lg: 16px;--radius-pill: 9999px;--radius-rd: 50px;--webkit-mask: linear-gradient(to bottom, #000000 0%, #000000 50%, rgba(0, 0, 0, .95) 60%, rgba(0, 0, 0, .8) 70%, rgba(0, 0, 0, .55) 80%, rgba(0, 0, 0, .25) 90%, rgba(0, 0, 0, .08) 96%, transparent 100%);--image-mask: linear-gradient(to bottom, #000000 0%, #000000 50%, rgba(0, 0, 0, .95) 60%, rgba(0, 0, 0, .8) 70%, rgba(0, 0, 0, .55) 80%, rgba(0, 0, 0, .25) 90%, rgba(0, 0, 0, .08) 96%, transparent 100%);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08);--shadow-sh: 0 -12px 30px 0 rgba(255, 255, 255, .94), 0 -4px 16px 0 rgba(0, 0, 0, .035);--shadow-input-fog: 0 -20px 60px -16px rgba(255, 255, 255, .98), 0 -42px 72px -24px rgba(255, 255, 255, .82);--shadow-box: 0 2px 4px rgba(0, 0, 0, .04);--shadow-pop-footer: 0 4px 20px 20px rgba(255, 255, 255, .94);--shadow-float: 0 10px 20px -3px rgba(0, 0, 0, .08);--shadow-pill: 0 1px 3px rgba(0, 0, 0, .06);--shadow-slider-thumb: 0 2px 4px rgba(0, 0, 0, .1);--shadow-focus: 0 0 0 3px #e5e5e5;--shadow-card: 0 1px 3px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .03);--shadow-suggestion: 0 4px 12px rgba(0, 0, 0, .06);--shadow-overlay: rgba(0, 0, 0, .4);--font: "Chirp Regular", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Google Sans Code", "Fira Code", monospace;--font-size-base: 15px;--font-size-sm: 13px;--font-size-xs: 12px;--font-size-lg: 14px;--font-size-h1: 22px;--sidebar-w: 300px;--header-h: 45px;--input-area-h: auto;--transition: .2s cubic-bezier(.4, 0, .2, 1);--bg-header: #f3f3f3;--bg-body: #f9f9f9;--bdr: var(--border-2);--title-c: #525252;--copy-c: #737373;--copy-hover: #171717;--copy-ok: #171717;--ln-c: #a3a3a3;--ln-bdr: #e5e5e5;--code-c: #171717}:root[data-theme=pink-mist]{--bg: #ffffff;--bg-2: #fff9fb;--bg-3: #f8edf1;--bg-box: #fffdfd;--surface: #ffffff;--surface-hover: #fff5f8;--bg-linear: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 247, 243, .6) 40%, rgba(255, 247, 250, .88) 70%, #ffffff 100%);--bg-progress: linear-gradient(#a94f76, #a94f76);--file-bg-radial: linear-gradient(225deg, rgba(240, 214, 224, .32) 0%, #fff5f8 22%, rgba(255, 253, 253, .36) 50%, #ffffff 80%);--bg-header-rgba: rgba(255, 255, 255, .9);--bg-skeleton: linear-gradient(to right, rgba(169, 79, 118, .03) 0%, rgba(169, 79, 118, .08) 50%, rgba(169, 79, 118, .03) 100%);--border: #f0d6e0;--border-2: #f7e6ec;--border-strong: #e9c2d1;--textarea: #fff9fb;--text: #392731;--text-2: #604655;--text-3: #876b7a;--text-4: #ad91a0;--text-5: #c9b3bf;--white: #ffffff;--dark: #22121b;--accent: #a94f76;--accent-1: #c17c99;--accent-hover: #8f3e63;--accent-fg: #ffffff;--danger: #ef4444;--danger-hover: #dc2626;--danger-light: #fef2f2;--success: #10b981;--color-link-decoration: #d9adbf;--color-muted: #604655;--color-caret: #753c58;--color-file-badge-bg: rgba(169, 79, 118, .06);--color-border-suggestion: #f0d6e0;--color-warning-bg: #fffbeb;--color-warning-text: #92400e;--color-warning-bg-light: #fef3c7;--color-error-bg: #fef2f2;--color-error-outline: #fca5a5;--color-error-indicator: #fea9b4;--color-toggle-bg: #f0d6e0;--color-toggle-pill: #ffffff;--radius: 12px;--radius-fixed: 10px;--radius-sm: 7px;--radius-lg: 16px;--radius-pill: 9999px;--radius-rd: 50px;--webkit-mask: linear-gradient(to bottom, #000000 0%, #000000 50%, rgba(0, 0, 0, .95) 60%, rgba(0, 0, 0, .8) 70%, rgba(0, 0, 0, .55) 80%, rgba(0, 0, 0, .25) 90%, rgba(0, 0, 0, .08) 96%, transparent 100%);--image-mask: linear-gradient(to bottom, #000000 0%, #000000 50%, rgba(0, 0, 0, .95) 60%, rgba(0, 0, 0, .8) 70%, rgba(0, 0, 0, .55) 80%, rgba(0, 0, 0, .25) 90%, rgba(0, 0, 0, .08) 96%, transparent 100%);--shadow-sm: 0 1px 2px rgba(169, 79, 118, .05);--shadow: 0 4px 6px -1px rgba(169, 79, 118, .08);--shadow-lg: 0 8px 10px -3px rgba(169, 79, 118, .1);--shadow-sh: 0 -8px 28px -18px rgba(169, 79, 118, .18);--shadow-box: 0 4px 6px -1px rgba(169, 79, 118, .05);--shadow-pop-footer: 0px 5px 10px 30px rgba(255, 255, 255, .9);--shadow-float: 0 10px 15px -3px rgba(169, 79, 118, .1);--shadow-pill: 0 1px 3px rgba(169, 79, 118, .1);--shadow-slider-thumb: 0 2px 4px rgba(169, 79, 118, .15);--shadow-focus: 0 0 0 3px rgba(169, 79, 118, .15);--shadow-card: 0 1px 3px rgba(169, 79, 118, .08);--shadow-suggestion: 0 2px 15px rgba(169, 79, 118, .1);--shadow-overlay: rgba(57, 39, 49, .15);--font: "Chirp Regular", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Google Sans Code", "Fira Code", monospace;--font-size-base: 15px;--font-size-sm: 13px;--font-size-xs: 12px;--font-size-lg: 14px;--font-size-h1: 22px;--sidebar-w: 300px;--header-h: 45px;--input-area-h: auto;--transition: .2s cubic-bezier(.4, 0, .2, 1);--bg-header: #f8edf1;--bg-body: #fff9fb;--bdr: var(--border-2);--title-c: rgba(57, 39, 49, .45);--copy-c: rgba(57, 39, 49, .35);--copy-hover: rgba(57, 39, 49, .8);--copy-ok: #a94f76;--ln-c: rgba(57, 39, 49, .2);--ln-bdr: rgba(57, 39, 49, .05);--code-c: #4a3340}:root[data-theme=soft-green]{--bg: #ffffff;--bg-2: #f9fcf9;--bg-3: #edf4ee;--bg-box: #fcfefc;--surface: #ffffff;--surface-hover: #f4faf5;--bg-linear: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(246, 251, 247, .68) 45%, #ffffff 100%);--bg-progress: linear-gradient(#4f805b, #4f805b);--file-bg-radial: linear-gradient(225deg, rgba(213, 231, 216, .32) 0%, #f4faf5 22%, rgba(252, 254, 252, .36) 50%, #ffffff 80%);--bg-header-rgba: rgba(255, 255, 255, .9);--bg-skeleton: linear-gradient(to right, rgba(79, 128, 91, .03) 0%, rgba(79, 128, 91, .08) 50%, rgba(79, 128, 91, .03) 100%);--border: #d5e7d8;--border-2: #e5f0e6;--border-strong: #bdd7c2;--textarea: #f9fcf9;--text: #263b2c;--text-2: #405c47;--text-3: #68826d;--text-4: #91a895;--text-5: #b2c4b5;--white: #ffffff;--dark: #121f15;--accent: #4f805b;--accent-1: #79a783;--accent-hover: #3e6b49;--accent-fg: #ffffff;--danger: #ef4444;--danger-hover: #dc2626;--danger-light: #fef2f2;--success: #10b981;--color-link-decoration: #a9c5ae;--color-muted: #405c47;--color-caret: #365b3f;--color-file-badge-bg: rgba(79, 128, 91, .06);--color-border-suggestion: #d5e7d8;--color-warning-bg: #fffbeb;--color-warning-text: #92400e;--color-warning-bg-light: #fef3c7;--color-error-bg: #fef2f2;--color-error-outline: #fca5a5;--color-error-indicator: #fea9b4;--color-toggle-bg: #d5e7d8;--color-toggle-pill: #ffffff;--radius: 12px;--radius-fixed: 10px;--radius-sm: 7px;--radius-lg: 16px;--radius-pill: 9999px;--radius-rd: 50px;--webkit-mask: linear-gradient(to bottom, #000000 0%, #000000 50%, rgba(0, 0, 0, .95) 60%, rgba(0, 0, 0, .8) 70%, rgba(0, 0, 0, .55) 80%, rgba(0, 0, 0, .25) 90%, rgba(0, 0, 0, .08) 96%, transparent 100%);--image-mask: linear-gradient(to bottom, #000000 0%, #000000 50%, rgba(0, 0, 0, .95) 60%, rgba(0, 0, 0, .8) 70%, rgba(0, 0, 0, .55) 80%, rgba(0, 0, 0, .25) 90%, rgba(0, 0, 0, .08) 96%, transparent 100%);--shadow-sm: 0 1px 2px rgba(79, 128, 91, .05);--shadow: 0 4px 6px -1px rgba(79, 128, 91, .08);--shadow-lg: 0 8px 10px -3px rgba(79, 128, 91, .1);--shadow-sh: 0 -8px 28px -18px rgba(79, 128, 91, .15);--shadow-box: 0 4px 6px -1px rgba(79, 128, 91, .05);--shadow-pop-footer: 0px 5px 10px 30px rgba(255, 255, 255, .9);--shadow-float: 0 10px 15px -3px rgba(79, 128, 91, .1);--shadow-pill: 0 1px 3px rgba(79, 128, 91, .1);--shadow-slider-thumb: 0 2px 4px rgba(79, 128, 91, .15);--shadow-focus: 0 0 0 3px rgba(79, 128, 91, .15);--shadow-card: 0 1px 3px rgba(79, 128, 91, .08);--shadow-suggestion: 0 2px 15px rgba(79, 128, 91, .1);--shadow-overlay: rgba(38, 59, 44, .15);--font: "Chirp Regular", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Google Sans Code", "Fira Code", monospace;--font-size-base: 15px;--font-size-sm: 13px;--font-size-xs: 12px;--font-size-lg: 14px;--font-size-h1: 22px;--sidebar-w: 300px;--header-h: 45px;--input-area-h: auto;--transition: .2s cubic-bezier(.4, 0, .2, 1);--bg-header: #edf4ee;--bg-body: #f9fcf9;--bdr: var(--border-2);--title-c: rgba(38, 59, 44, .45);--copy-c: rgba(38, 59, 44, .35);--copy-hover: rgba(38, 59, 44, .8);--copy-ok: #4f805b;--ln-c: rgba(38, 59, 44, .2);--ln-bdr: rgba(38, 59, 44, .05);--code-c: #2f4935}:root[data-theme=soft-lavender]{--bg: #ffffff;--bg-2: #fbfaff;--bg-3: #f0edf6;--bg-box: #fdfcff;--surface: #ffffff;--surface-hover: #f7f4fb;--bg-linear: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(250, 248, 253, .7) 45%, #ffffff 100%);--bg-progress: linear-gradient(#76639b, #76639b);--file-bg-radial: linear-gradient(225deg, rgba(221, 213, 237, .32) 0%, #f7f4fb 22%, rgba(253, 252, 255, .36) 50%, #ffffff 80%);--bg-header-rgba: rgba(255, 255, 255, .9);--bg-skeleton: linear-gradient(to right, rgba(118, 99, 155, .03) 0%, rgba(118, 99, 155, .08) 50%, rgba(118, 99, 155, .03) 100%);--border: #ddd5ed;--border-2: #ece7f5;--border-strong: #c9bddf;--textarea: #fbfaff;--text: #302b40;--text-2: #4f4864;--text-3: #756e89;--text-4: #9c94af;--text-5: #bebace;--white: #ffffff;--dark: #191524;--accent: #76639b;--accent-1: #9b89bd;--accent-hover: #624f87;--accent-fg: #ffffff;--danger: #ef4444;--danger-hover: #dc2626;--danger-light: #fef2f2;--success: #10b981;--color-link-decoration: #bfb2d8;--color-muted: #4f4864;--color-caret: #594a7c;--color-file-badge-bg: rgba(118, 99, 155, .06);--color-border-suggestion: #ddd5ed;--color-warning-bg: #fffbeb;--color-warning-text: #92400e;--color-warning-bg-light: #fef3c7;--color-error-bg: #fef2f2;--color-error-outline: #fca5a5;--color-error-indicator: #fea9b4;--color-toggle-bg: #ddd5ed;--color-toggle-pill: #ffffff;--radius: 12px;--radius-fixed: 10px;--radius-sm: 7px;--radius-lg: 16px;--radius-pill: 9999px;--radius-rd: 50px;--webkit-mask: linear-gradient(to bottom, #000000 0%, #000000 50%, rgba(0, 0, 0, .95) 60%, rgba(0, 0, 0, .8) 70%, rgba(0, 0, 0, .55) 80%, rgba(0, 0, 0, .25) 90%, rgba(0, 0, 0, .08) 96%, transparent 100%);--image-mask: linear-gradient(to bottom, #000000 0%, #000000 50%, rgba(0, 0, 0, .95) 60%, rgba(0, 0, 0, .8) 70%, rgba(0, 0, 0, .55) 80%, rgba(0, 0, 0, .25) 90%, rgba(0, 0, 0, .08) 96%, transparent 100%);--shadow-sm: 0 1px 2px rgba(118, 99, 155, .05);--shadow: 0 4px 6px -1px rgba(118, 99, 155, .08);--shadow-lg: 0 8px 10px -3px rgba(118, 99, 155, .1);--shadow-sh: 0 -8px 28px -18px rgba(118, 99, 155, .15);--shadow-box: 0 4px 6px -1px rgba(118, 99, 155, .05);--shadow-pop-footer: 0px 5px 10px 30px rgba(255, 255, 255, .9);--shadow-float: 0 10px 15px -3px rgba(118, 99, 155, .1);--shadow-pill: 0 1px 3px rgba(118, 99, 155, .1);--shadow-slider-thumb: 0 2px 4px rgba(118, 99, 155, .15);--shadow-focus: 0 0 0 3px rgba(118, 99, 155, .15);--shadow-card: 0 1px 3px rgba(118, 99, 155, .08);--shadow-suggestion: 0 2px 15px rgba(118, 99, 155, .1);--shadow-overlay: rgba(48, 43, 64, .15);--font: "Chirp Regular", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Google Sans Code", "Fira Code", monospace;--font-size-base: 15px;--font-size-sm: 13px;--font-size-xs: 12px;--font-size-lg: 14px;--font-size-h1: 22px;--sidebar-w: 300px;--header-h: 45px;--input-area-h: auto;--transition: .2s cubic-bezier(.4, 0, .2, 1);--bg-header: #f0edf6;--bg-body: #fbfaff;--bdr: var(--border-2);--title-c: rgba(48, 43, 64, .45);--copy-c: rgba(48, 43, 64, .35);--copy-hover: rgba(48, 43, 64, .8);--copy-ok: #76639b;--ln-c: rgba(48, 43, 64, .2);--ln-bdr: rgba(48, 43, 64, .05);--code-c: #39334d}:root[data-theme=violet-rose]{--bg: #ffffff;--bg-2: #fcf9fc;--bg-3: #f2eaf0;--bg-box: #fefcff;--surface: #ffffff;--surface-hover: #faf3f8;--bg-linear: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(252, 247, 250, .7) 45%, #ffffff 100%);--bg-progress: linear-gradient(#985b85, #985b85);--file-bg-radial: linear-gradient(225deg, rgba(232, 211, 225, .32) 0%, #faf3f8 22%, rgba(254, 252, 255, .36) 50%, #ffffff 80%);--bg-header-rgba: rgba(255, 255, 255, .9);--bg-skeleton: linear-gradient(to right, rgba(152, 91, 133, .03) 0%, rgba(152, 91, 133, .08) 50%, rgba(152, 91, 133, .03) 100%);--border: #e8d3e1;--border-2: #f2e5ee;--border-strong: #d8bad0;--textarea: #fcf9fc;--text: #392b39;--text-2: #5c4358;--text-3: #80667b;--text-4: #a88fa2;--text-5: #c7b5c3;--white: #ffffff;--dark: #211321;--accent: #985b85;--accent-1: #b27ca1;--accent-hover: #80476e;--accent-fg: #ffffff;--danger: #ef4444;--danger-hover: #dc2626;--danger-light: #fef2f2;--success: #10b981;--color-link-decoration: #d0adc4;--color-muted: #5c4358;--color-caret: #704563;--color-file-badge-bg: rgba(152, 91, 133, .06);--color-border-suggestion: #e8d3e1;--color-warning-bg: #fffbeb;--color-warning-text: #92400e;--color-warning-bg-light: #fef3c7;--color-error-bg: #fef2f2;--color-error-outline: #fca5a5;--color-error-indicator: #fea9b4;--color-toggle-bg: #e8d3e1;--color-toggle-pill: #ffffff;--radius: 12px;--radius-fixed: 10px;--radius-sm: 7px;--radius-lg: 16px;--radius-pill: 9999px;--radius-rd: 50px;--webkit-mask: linear-gradient(to bottom, #000000 0%, #000000 50%, rgba(0, 0, 0, .95) 60%, rgba(0, 0, 0, .8) 70%, rgba(0, 0, 0, .55) 80%, rgba(0, 0, 0, .25) 90%, rgba(0, 0, 0, .08) 96%, transparent 100%);--image-mask: linear-gradient(to bottom, #000000 0%, #000000 50%, rgba(0, 0, 0, .95) 60%, rgba(0, 0, 0, .8) 70%, rgba(0, 0, 0, .55) 80%, rgba(0, 0, 0, .25) 90%, rgba(0, 0, 0, .08) 96%, transparent 100%);--shadow-sm: 0 1px 2px rgba(152, 91, 133, .05);--shadow: 0 4px 6px -1px rgba(152, 91, 133, .08);--shadow-lg: 0 8px 10px -3px rgba(152, 91, 133, .1);--shadow-sh: 0 -8px 28px -18px rgba(152, 91, 133, .15);--shadow-box: 0 4px 6px -1px rgba(152, 91, 133, .05);--shadow-pop-footer: 0px 5px 10px 30px rgba(255, 255, 255, .9);--shadow-float: 0 10px 15px -3px rgba(152, 91, 133, .1);--shadow-pill: 0 1px 3px rgba(152, 91, 133, .1);--shadow-slider-thumb: 0 2px 4px rgba(152, 91, 133, .15);--shadow-focus: 0 0 0 3px rgba(152, 91, 133, .15);--shadow-card: 0 1px 3px rgba(152, 91, 133, .08);--shadow-suggestion: 0 2px 15px rgba(152, 91, 133, .1);--shadow-overlay: rgba(57, 43, 57, .15);--font: "Chirp Regular", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Google Sans Code", "Fira Code", monospace;--font-size-base: 15px;--font-size-sm: 13px;--font-size-xs: 12px;--font-size-lg: 14px;--font-size-h1: 22px;--sidebar-w: 300px;--header-h: 45px;--input-area-h: auto;--transition: .2s cubic-bezier(.4, 0, .2, 1);--bg-header: #f2eaf0;--bg-body: #fcf9fc;--bdr: var(--border-2);--title-c: rgba(57, 43, 57, .45);--copy-c: rgba(57, 43, 57, .35);--copy-hover: rgba(57, 43, 57, .8);--copy-ok: #985b85;--ln-c: rgba(57, 43, 57, .2);--ln-bdr: rgba(57, 43, 57, .05);--code-c: #493544}:root[data-theme=orange-white]{--bg: #ffffff;--bg-2: #fffaf6;--bg-3: #f8eee6;--bg-box: #fffdfb;--surface: #ffffff;--surface-hover: #fff5ed;--bg-linear: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 244, 232, .72) 40%, rgba(255, 248, 246, .92) 70%, #ffffff 100%);--bg-progress: linear-gradient(#c66b35, #c66b35);--file-bg-radial: linear-gradient(225deg, rgba(240, 223, 209, .32) 0%, #fff5ed 22%, rgba(255, 253, 251, .36) 50%, #ffffff 80%);--bg-header-rgba: rgba(255, 255, 255, .92);--bg-skeleton: linear-gradient(to right, rgba(198, 107, 53, .03) 0%, rgba(198, 107, 53, .08) 50%, rgba(198, 107, 53, .03) 100%);--border: #f0dfd1;--border-2: #f7eee7;--border-strong: #e6c7ad;--textarea: #fffaf6;--text: #36251b;--text-2: #573e30;--text-3: #7d604f;--text-4: #a38776;--text-5: #c9b2a3;--white: #ffffff;--dark: #24140a;--accent: #c66b35;--accent-1: #df9668;--accent-hover: #a95327;--accent-fg: #ffffff;--danger: #ef4444;--danger-hover: #dc2626;--danger-light: #fef2f2;--success: #10b981;--color-link-decoration: #e3b99a;--color-muted: #573e30;--color-caret: #8b4b2c;--color-file-badge-bg: rgba(198, 107, 53, .06);--color-border-suggestion: #f0dfd1;--color-warning-bg: #fffbeb;--color-warning-text: #92400e;--color-warning-bg-light: #fef3c7;--color-error-bg: #fef2f2;--color-error-outline: #fca5a5;--color-error-indicator: #fea9b4;--color-toggle-bg: #f0dfd1;--color-toggle-pill: #ffffff;--radius: 12px;--radius-fixed: 10px;--radius-sm: 7px;--radius-lg: 16px;--radius-pill: 9999px;--radius-rd: 50px;--webkit-mask: linear-gradient(to bottom, #000000 0%, #000000 50%, rgba(0, 0, 0, .95) 60%, rgba(0, 0, 0, .8) 70%, rgba(0, 0, 0, .55) 80%, rgba(0, 0, 0, .25) 90%, rgba(0, 0, 0, .08) 96%, transparent 100%);--image-mask: linear-gradient(to bottom, #000000 0%, #000000 50%, rgba(0, 0, 0, .95) 60%, rgba(0, 0, 0, .8) 70%, rgba(0, 0, 0, .55) 80%, rgba(0, 0, 0, .25) 90%, rgba(0, 0, 0, .08) 96%, transparent 100%);--shadow-sm: 0 1px 2px rgba(198, 107, 53, .05);--shadow: 0 4px 6px -1px rgba(198, 107, 53, .08);--shadow-lg: 0 8px 10px -3px rgba(198, 107, 53, .1);--shadow-sh: 0 -8px 28px -18px rgba(198, 107, 53, .2);--shadow-box: 0 4px 6px -1px rgba(198, 107, 53, .05);--shadow-pop-footer: 0px 5px 10px 30px rgba(255, 255, 255, .9);--shadow-float: 0 10px 15px -3px rgba(198, 107, 53, .1);--shadow-pill: 0 1px 3px rgba(198, 107, 53, .1);--shadow-slider-thumb: 0 2px 4px rgba(198, 107, 53, .15);--shadow-focus: 0 0 0 3px rgba(198, 107, 53, .15);--shadow-card: 0 1px 3px rgba(198, 107, 53, .08);--shadow-suggestion: 0 2px 15px rgba(198, 107, 53, .1);--shadow-overlay: rgba(54, 37, 27, .15);--font: "Chirp Regular", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Google Sans Code", "Fira Code", monospace;--font-size-base: 15px;--font-size-sm: 13px;--font-size-xs: 12px;--font-size-lg: 14px;--font-size-h1: 22px;--sidebar-w: 300px;--header-h: 45px;--input-area-h: auto;--transition: .2s cubic-bezier(.4, 0, .2, 1);--bg-header: #f8eee6;--bg-body: #fffaf6;--bdr: var(--border-2);--title-c: rgba(54, 37, 27, .45);--copy-c: rgba(54, 37, 27, .35);--copy-hover: rgba(54, 37, 27, .8);--copy-ok: #c66b35;--ln-c: rgba(54, 37, 27, .2);--ln-bdr: rgba(54, 37, 27, .05);--code-c: #402d23}:root[data-theme=blue-smooth]{--bg: #ffffff;--bg-2: #f8fbff;--bg-3: #edf3f9;--bg-box: #fcfdff;--surface: #ffffff;--surface-hover: #f2f7fc;--bg-linear: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(239, 247, 253, .72) 42%, #ffffff 100%);--bg-progress: linear-gradient(#4e789d, #4e789d);--file-bg-radial: linear-gradient(225deg, rgba(215, 228, 239, .32) 0%, #f2f7fc 22%, rgba(252, 253, 255, .36) 50%, #ffffff 80%);--bg-header-rgba: rgba(255, 255, 255, .92);--bg-skeleton: linear-gradient(to right, rgba(78, 120, 157, .03) 0%, rgba(78, 120, 157, .08) 50%, rgba(78, 120, 157, .03) 100%);--border: #d7e4ef;--border-2: #e8f0f6;--border-strong: #bfd3e3;--textarea: #f8fbff;--text: #1d2c38;--text-2: #344858;--text-3: #586f81;--text-4: #8198ab;--text-5: #abbccb;--white: #ffffff;--dark: #0f1921;--accent: #4e789d;--accent-1: #7fa5c5;--accent-hover: #3d6589;--accent-fg: #ffffff;--danger: #ef4444;--danger-hover: #dc2626;--danger-light: #fef2f2;--success: #10b981;--color-link-decoration: #a9c5dc;--color-muted: #344858;--color-caret: #355d7e;--color-file-badge-bg: rgba(78, 120, 157, .06);--color-border-suggestion: #d7e4ef;--color-warning-bg: #fffbeb;--color-warning-text: #92400e;--color-warning-bg-light: #fef3c7;--color-error-bg: #fef2f2;--color-error-outline: #fca5a5;--color-error-indicator: #fea9b4;--color-toggle-bg: #d7e4ef;--color-toggle-pill: #ffffff;--radius: 12px;--radius-fixed: 10px;--radius-sm: 7px;--radius-lg: 16px;--radius-pill: 9999px;--radius-rd: 50px;--webkit-mask: linear-gradient(to bottom, #000000 0%, #000000 50%, rgba(0, 0, 0, .95) 60%, rgba(0, 0, 0, .8) 70%, rgba(0, 0, 0, .55) 80%, rgba(0, 0, 0, .25) 90%, rgba(0, 0, 0, .08) 96%, transparent 100%);--image-mask: linear-gradient(to bottom, #000000 0%, #000000 50%, rgba(0, 0, 0, .95) 60%, rgba(0, 0, 0, .8) 70%, rgba(0, 0, 0, .55) 80%, rgba(0, 0, 0, .25) 90%, rgba(0, 0, 0, .08) 96%, transparent 100%);--shadow-sm: 0 1px 2px rgba(78, 120, 157, .05);--shadow: 0 4px 6px -1px rgba(78, 120, 157, .08);--shadow-lg: 0 8px 10px -3px rgba(78, 120, 157, .1);--shadow-sh: 0 -8px 28px -18px rgba(78, 120, 157, .18);--shadow-box: 0 4px 6px -1px rgba(78, 120, 157, .05);--shadow-pop-footer: 0px 5px 10px 30px rgba(255, 255, 255, .9);--shadow-float: 0 10px 15px -3px rgba(78, 120, 157, .1);--shadow-pill: 0 1px 3px rgba(78, 120, 157, .1);--shadow-slider-thumb: 0 2px 4px rgba(78, 120, 157, .15);--shadow-focus: 0 0 0 3px rgba(78, 120, 157, .15);--shadow-card: 0 1px 3px rgba(78, 120, 157, .08);--shadow-suggestion: 0 2px 15px rgba(78, 120, 157, .1);--shadow-overlay: rgba(29, 44, 56, .15);--font: "Chirp Regular", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Google Sans Code", "Fira Code", monospace;--font-size-base: 15px;--font-size-sm: 13px;--font-size-xs: 12px;--font-size-lg: 14px;--font-size-h1: 22px;--sidebar-w: 300px;--header-h: 45px;--input-area-h: auto;--transition: .2s cubic-bezier(.4, 0, .2, 1);--bg-header: #edf3f9;--bg-body: #f8fbff;--bdr: var(--border-2);--title-c: rgba(29, 44, 56, .45);--copy-c: rgba(29, 44, 56, .35);--copy-hover: rgba(29, 44, 56, .8);--copy-ok: #4e789d;--ln-c: rgba(29, 44, 56, .2);--ln-bdr: rgba(29, 44, 56, .05);--code-c: #1f2328}@font-face{font-family:Chirp Regular;font-display:swap;src:url(/assets/Geist-Regular-CBiHZt9m.ttf) format("truetype")}@font-face{font-family:Google Sans Code;font-display:swap;src:url(/assets/GeistMono-Regular-DLqb_3QR.ttf) format("truetype")}*,*:before,*:after{box-sizing:border-box;cursor:default!important;margin:0;padding:0}html{font-size:var(--font-size-base);-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--text);line-height:1.6;height:100dvh;overflow-x:hidden;overflow-y:clip;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none!important}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,abbr,acronym,address,big,cite,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,template,audio,video{font-family:var(--font);font-variant-numeric:tabular-nums}code,mark,pre{font-family:var(--font-mono)}img,svg{user-select:none;pointer-events:none}a{text-decoration-line:underline;text-decoration-color:var(--color-link-decoration)!important;color:var(--text);text-decoration-thickness:1px;text-underline-offset:2px;transition:text-decoration-color .2s ease}a:hover{text-decoration-line:none}::selection{background-color:var(--bg-3);color:var(--text-3)}::-moz-selection{background-color:var(--bg-3);color:var(--text-3)}input,textarea{caret-color:var(--color-caret);font-weight:500}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}hr{margin:8px 0;border:1px solid var(--bg-2)}.app{display:flex;height:100dvh;overflow:hidden;position:relative}.sidebar{width:var(--sidebar-w);max-height:100%;background:var(--bg-2);display:flex;flex-direction:column;flex-shrink:0;box-shadow:none;border-right:none;transition:transform var(--transition);z-index:50}.sidebar-overlay{display:none;position:fixed;inset:0;background:transparent;z-index:49}.chat-btn{display:flex;align-items:center;gap:8px;margin:0 10px 0 6px;padding:16px 10px 6px;background:transparent;color:var(--text-3);border:none;font-family:var(--font);font-size:13px;font-weight:500;width:calc(100% - 20px)}.chat-btn .icon{background:var(--bg);border-radius:var(--radius-rd);padding:3px;display:flex;align-items:center}.chat-btn:hover{color:var(--text)}.sidebar-search{display:flex;align-items:center;gap:8px;margin:15px 10px 4px;padding:7px 8px 6px 13px;height:39px;background:var(--bg);border-radius:var(--radius);color:var(--text-4)}.sidebar-search-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--font);font-size:13px;color:var(--text);min-width:0}.sidebar-search-input::placeholder{color:var(--text-4)}.sidebar-search-clear{display:flex;align-items:center;border:none;color:var(--text-4);padding:6px;flex-shrink:0;background:transparent;transition:color var(--transition)}.sidebar-search-clear:hover{color:var(--text);background:var(--bg-2);border-radius:var(--radius-rd)}.sidebar-not-query{padding:10px;height:100%;font-size:13px;color:var(--text-4);text-align:center;display:flex;align-items:center;justify-content:center}.sidebar-sessions{flex:1;overflow-y:auto;padding:4px 8px}.sessions-label{font-size:13px;font-weight:500;text-transform:capitalize;letter-spacing:0;color:var(--text-4);padding:12px 10px 6px}.session-item{display:flex;align-items:center;gap:6px;margin-bottom:5px;font-size:13px;padding:8px 10px;border-radius:var(--radius-sm);transition:background var(--transition);position:relative}.session-item:hover{background:var(--surface-hover)}.session-item.active{background:var(--bg-3)}.session-item.active .session-title{color:var(--text-3);font-weight:500}.session-title{flex:1;font-size:13px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-actions{display:none;gap:2px}.session-item:hover .session-actions{display:flex}.session-action-btn{padding:0 4px;background:none;border:none;color:var(--text-4);display:flex;align-items:center}.session-action-btn:hover{color:var(--color-muted)}.session-action-btn.delete:hover{color:var(--danger)}.sidebar-footer{padding:10px;gap:6px}.sidebar-footer .brand-icon{width:100%;height:60px;object-fit:cover;border-radius:var(--radius-sm);transition:transform var(--transition)}.sidebar-footer .brand-icon:active{transform:scale(.98)}.main{flex:1;display:flex;flex-direction:column;background:transparent;height:100%;min-width:0;overflow:hidden;position:relative;z-index:0}.header{height:var(--header-h);padding:0 14px;display:flex;align-items:center;background:var(--bg);justify-content:space-between;flex-shrink:0;z-index:10}.header:before{content:"";position:absolute;top:0;left:0;right:0;height:calc(var(--header-h) + 50px);pointer-events:none;z-index:-1;background:var(--bg-header-rgba);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);-webkit-mask-image:var(--webkit-mask);mask-image:var(--image-mask);transition:opacity .3s ease}.header-left{display:flex;align-items:center;gap:8px;min-width:0}.menu-btn{display:none;padding:4px 5px;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-sm);transition:background var(--transition)}.menu-btn svg{color:var(--text-4)}.menu-btn:hover{background:var(--surface-hover)}.header-title{font-size:13px;font-weight:500;color:var(--text);overflow:hidden;width:150px;text-overflow:ellipsis;white-space:nowrap}.header-model-badge{background:var(--bg-2);padding:2px 10px;border-radius:var(--radius-rd);border:none;flex-shrink:0;display:flex;align-items:center;gap:6px;font-family:var(--font);width:100%;max-width:100px;box-sizing:border-box}.header-model-badge svg{flex-shrink:0;width:15px;height:15px;color:var(--text-3)}.header-model-badge .text-model{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.2px;font-weight:500;color:var(--text-3)}.header-right{display:flex;align-items:center;gap:6px}.messages-area{flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding:24px 0 40px;display:flex;flex-direction:column}.messages-inner{width:100%;max-width:720px;margin:0 auto;padding:0 16px;display:flex;flex-direction:column;gap:4px}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;gap:12px}.empty-icon{width:50px;height:50px;padding:0;display:flex;margin-bottom:5px;align-items:center;justify-content:center;color:var(--text-3)}.empty-title{font-size:var(--font-size-h1);font-weight:600;color:var(--text);letter-spacing:-.5px}.empty-sub{font-size:13px;color:var(--text-3);max-width:320px;line-height:1.5}.empty-suggestions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:8px;max-width:600px}.suggestion-chip{padding:7px 14px;background:var(--bg-2);border:none;border-radius:var(--radius-rd);font-size:13px;color:var(--text-3);font-family:var(--font);transition:all var(--transition);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;display:inline-block}.suggestion-chip:hover{background:var(--bg-3);border-color:var(--color-border-suggestion);color:var(--text)}.css-spinner{width:16px;height:16px;border:2px solid rgba(156,163,175,.35);border-top-color:#000;border-radius:50%;animation:cssSpin .75s linear infinite;flex-shrink:0}.ai-loading-container{display:flex;flex-direction:column;gap:10px;padding:6px 0}.ai-loading-badge{display:inline-flex;align-items:center;gap:10px;color:var(--text-3);font-size:.88rem;font-weight:500}.ai-loading-text{letter-spacing:.2px;background:linear-gradient(90deg,#6b7280,#e5e7eb,#6b7280);background-size:200% auto;color:transparent;-webkit-background-clip:text;background-clip:text;animation:shineText 2s linear infinite}.ai-skeleton-bars{display:flex;flex-direction:column;gap:6px;width:100%;max-width:280px}.skeleton-line{height:10px;border-radius:var(--radius-rd);background:var(--bg-skeleton);background-size:200% 100%;animation:shimmer 1.5s infinite linear}.skeleton-line.short{width:65%}.skeleton-line.medium{width:90%}.reasoning-card{margin-bottom:12px;border-radius:10px;border:1px solid var(--bg-header-rgba);background:var(--bg-header-rgba);backdrop-filter:blur(8px);overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.reasoning-card.is-active{border-color:var(--border);box-shadow:var(--shadow-box)}.reasoning-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:transparent;border:none;cursor:pointer;color:var(--text-3);font-size:.85rem;font-weight:500;transition:background .2s ease,color .2s ease}.reasoning-header:hover{background:var(--bg-3);color:var(--white)}.reasoning-title{display:flex;align-items:center;gap:10px}.reasoning-icon-wrapper{display:flex;align-items:center;justify-content:center;color:var(--text-3)}.reasoning-label{letter-spacing:.2px;color:var(--text-3)}.chevron-icon{transition:transform .3s cubic-bezier(.4,0,.2,1);opacity:.6;color:var(--text-3)}.chevron-icon.is-open{transform:rotate(180deg)}.reasoning-body{padding:0 12px 10px;border-top:1px dashed var(--bg-header-rgba)}.reasoning-text{font-size:.86rem;line-height:1.5;color:var(--bg-3);padding-top:8px}.reasoning-skeleton{display:flex;align-items:center;gap:5px;padding:10px 0 4px}.skeleton-dot{width:6px;height:6px;border-radius:50%;background-color:var(--bg-3);animation:dotPulse 1.4s infinite ease-in-out both}.skeleton-dot:nth-child(1){animation-delay:-.32s}.skeleton-dot:nth-child(2){animation-delay:-.16s}.accordion-enter-active,.accordion-leave-active{transition:all .3s cubic-bezier(.4,0,.2,1);max-height:800px;opacity:1;overflow:hidden}.accordion-enter-from,.accordion-leave-to{max-height:0;opacity:0;padding-top:0;padding-bottom:0;overflow:hidden}@keyframes cssSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shineText{0%{background-position:200% center}to{background-position:0% center}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes dotPulse{0%,80%,to{transform:scale(0);opacity:.3}40%{transform:scale(1);opacity:1}}.message-span{margin-bottom:150px}.message-row{display:flex;align-items:flex-start;padding:2px 7px}.message-row.user{flex-direction:row-reverse}.message-content{display:flex;flex-direction:column;min-width:0;flex:1}.message-row.user .message-content{align-items:flex-end}.message-row.assistant .message-content{align-items:flex-start}.message-file-container{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px;width:100%}.message-file-card{max-width:280px;width:fit-content}.message-row.user .message-content{display:flex;justify-content:flex-end}.message-bubble{font-size:13px;line-height:1.65;word-break:break-word}.message-bubble.ai{color:var(--text);width:100%;padding:0;overflow-wrap:anywhere;user-select:text;word-break:normal}.message-bubble.user{background:var(--bg-2);user-select:text;color:var(--text);border-radius:var(--radius);width:fit-content;max-width:480px;padding:8px 14px;display:flex;flex-direction:column;white-space:pre-wrap;align-items:flex-start;margin-left:auto}.message-bubble.streaming{position:relative}.cursor-blink{display:inline-block;width:2px;height:1em;background:var(--text-3);margin-left:2px;vertical-align:text-bottom;border-radius:1px;animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.message-file-container{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px;width:100%}.message-row.user .message-file-container{justify-content:flex-end}.message-row.assistant .message-file-container{justify-content:flex-start}.ai-bottom-bar{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:10px;margin-bottom:5px;user-select:none;-webkit-user-select:none;animation:fadeIn .25s cubic-bezier(.16,1,.3,1)}.ai-action-capsule{display:inline-flex;align-items:center;background:var(--bg-2);border-radius:var(--radius-fixed);padding:3px;position:relative;gap:0;user-select:none;-webkit-user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background var(--transition)}.ai-action-capsule-pill{position:absolute;top:3px;left:3px;width:calc(50% - 3px);bottom:3px;background:var(--color-toggle-pill);border-radius:calc(var(--radius-fixed) - 2px);box-shadow:var(--shadow-pill);pointer-events:none;z-index:0;will-change:transform;transform:translateZ(0);transition:transform .28s cubic-bezier(.25,1,.5,1)}.ai-action-capsule:has(.reload-btn:hover) .ai-action-capsule-pill,.ai-action-capsule:has(.reload-btn:active) .ai-action-capsule-pill,.ai-action-capsule--reload .ai-action-capsule-pill{transform:translate3d(100%,0,0)}.ai-action-capsule:has(.ai-capsule-btn:not(.reload-btn):hover) .ai-action-capsule-pill,.ai-action-capsule:has(.ai-capsule-btn:not(.reload-btn):active) .ai-action-capsule-pill{transform:translateZ(0)!important}.ai-capsule-btn{width:30px;height:26px;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-4);border-radius:calc(var(--radius-fixed) - 2px);transition:color .22s ease,transform .15s ease;position:relative;z-index:1;cursor:pointer!important;padding:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ai-capsule-btn.active,.ai-capsule-btn:hover:not(:disabled),.ai-capsule-btn:active:not(:disabled){color:var(--text)}.ai-action-capsule:has(.reload-btn:hover) .ai-capsule-btn:not(.reload-btn):not(:hover),.ai-action-capsule:has(.reload-btn:active) .ai-capsule-btn:not(.reload-btn):not(:active){color:var(--text-4)}.ai-action-capsule:has(.ai-capsule-btn:not(.reload-btn):hover) .reload-btn:not(:hover),.ai-action-capsule:has(.ai-capsule-btn:not(.reload-btn):active) .reload-btn:not(:active){color:var(--text-4)}.ai-capsule-btn:disabled{opacity:.35;cursor:not-allowed!important}.ai-capsule-btn.reload-btn:hover:not(:disabled) .capsule-icon,.ai-capsule-btn.reload-btn:active:not(:disabled) .capsule-icon{transform:rotate(180deg)}.ai-capsule-btn.is-copied{color:var(--success, #10b981)!important}.capsule-icon{display:inline-flex;pointer-events:none;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.ai-stats-row{display:inline-flex;align-items:center;flex-wrap:wrap;gap:15px;font-size:12px;line-height:1.4;margin-left:8px;letter-spacing:-.01em}.ai-stat-text{color:var(--text-4);font-family:var(--font);font-weight:400;transition:color .18s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:12ch}.ai-stat-text:hover{color:var(--text-2)}.ai-stat-speed{color:#10b981!important;font-weight:500}.message-bubble.ai p{margin:.6em 0}.message-bubble.ai h1,.message-bubble.ai h2,.message-bubble.ai h3,.message-bubble.ai h4{font-weight:600;line-height:1.3;margin:1.2em 0 .4em;letter-spacing:-.3px}.message-bubble.ai h1:first-child,.message-bubble.ai h2:first-child,.message-bubble.ai h3:first-child{margin-top:0}.message-bubble.ai h1{font-size:1.4rem;padding-bottom:.1em}.message-bubble.ai h2{font-size:1.2rem;padding-top:.5rem;padding-bottom:.5rem}.message-bubble.ai h3{font-size:1.1rem;padding-top:.5rem;padding-bottom:.5rem}.message-bubble.ai a{color:var(--text);text-decoration-line:underline;text-decoration-color:var(--border-strong);text-decoration-thickness:1px;text-underline-offset:2px;cursor:pointer!important;white-space:pre-wrap;word-break:break-all}.message-bubble.ai a:hover{text-decoration:none}.message-bubble.ai :not(pre)>code{font-family:var(--font-mono);font-size:12px;background:var(--bg-2);color:var(--text-3);padding:2.2px 8px;margin:2.5px;border-radius:var(--radius-sm);border:none;white-space:pre-wrap;word-break:break-word}.message-bubble.ai ul,.message-bubble.ai ol{margin:.5em 0;padding-left:0}.message-bubble.ai ul{list-style-type:"–　";padding-left:1.6em}.message-bubble.ai ol{list-style-type:none;counter-reset:id-counter}.message-bubble.ai li{margin:.4em 0;position:relative}.message-bubble.ai ol>li{padding-left:2.8em}.message-bubble.ai ol>li:before{counter-increment:id-counter;content:counter(id-counter);position:absolute;left:0;top:0;min-width:20px;height:20px;padding:0 7px;background-color:var(--bg-3);color:var(--text-3);font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-rd)}.message-bubble.ai ul>li::marker{color:var(--text-4)}.message-bubble.ai ul+.safe-code-placeholder{margin-left:1.5em;width:calc(100% - 1.5em)}.message-bubble.ai ol+.safe-code-placeholder{margin-left:2.8em;width:calc(100% - 2.8em)}.message-bubble.ai blockquote{position:relative;margin:1em 0;color:var(--text-3);font-style:italic;padding:5px 1px 1px 15px;border-left:none}.message-bubble.ai blockquote:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;background-color:var(--border-strong);border-radius:50px}.message-bubble.ai blockquote>:first-child{margin-top:0!important;padding-top:0!important}.message-bubble.ai table{width:100%;overflow-x:auto;border-collapse:collapse;margin:1.5em 0}.message-bubble.ai th{text-align:left;color:var(--text);font-weight:600;padding:12px;border-bottom:1px solid var(--border)}.message-bubble.ai td{padding:12px;border-bottom:1px solid var(--border);color:var(--text-2)}.message-bubble.ai tr:last-child td{border-bottom:none}.message-bubble.ai img{display:inline-block;width:100%;max-height:300px;height:auto!important;vertical-align:middle;margin:4px 4px 4px 0;border-radius:var(--radius);padding:0;background:var(--bg-2)}.message-bubble.ai p:only-child img,.message-bubble.ai img[alt*=screenshot],.message-bubble.ai img:not([src*="shields.io"]):not([src*=badge]){display:block;margin:1.2em 0;object-fit:cover}.message-bubble.ai hr{border:.5px solid var(--border-2);margin:20px 0}.message-bubble.ai .katex-display{margin:1.2em 0;overflow-x:auto;overflow-y:hidden;width:100%;padding:20px 0}.message-bubble.ai details{margin:1.1em 0}.message-bubble.ai h2+details,.message-bubble.ai h3+details,.message-bubble.ai p+details{margin-top:1.5em}.message-bubble.ai summary{display:flex;align-items:center;cursor:pointer;list-style:none;font-weight:600;color:var(--text-3);margin-left:-24px}.message-bubble.ai summary::-webkit-details-marker{display:none}.message-bubble.ai summary:before{content:"›";font-size:1.5rem;line-height:1;margin-right:12px;color:var(--text-3);font-family:var(--font-mono);transition:transform .2s ease;display:inline-block;width:12px;text-align:center}.message-bubble.ai details[open] summary:before{transform:rotate(90deg)}.message-bubble.ai details,.message-bubble.ai *>*:not(summary){box-sizing:border-box}.message-bubble.ai audio{background:var(--bg-2);width:400px;height:45px;border-radius:var(--radius);border:none;outline:none}.message-bubble.ai audio::-webkit-media-controls-panel{border-radius:var(--radius);background:var(--bg-2);border:none;outline:none}.message-bubble.ai audio::-webkit-media-controls-volume-slider{background:var(--bg-2);border-radius:var(--radius);border:none;outline:none}.message-bubble.ai video{width:100%;height:200px;object-fit:cover;background:var(--bg-2);border-radius:var(--radius);border:none;outline:none}.message-bubble.ai audio::-webkit-media-controls-panel{background-color:transparent!important}.message-bubble.ai audio::-webkit-media-controls-enclosure{background-color:transparent!important}.input-area{position:absolute;bottom:0;left:0;right:0;background:var(--bg-linear);box-shadow:var(--shadow-input-fog);padding:0 16px;padding-bottom:calc(10px + env(safe-area-inset-bottom));z-index:20;pointer-events:none}.input-area>*{pointer-events:auto}.input-inner{max-width:720px;margin:0 auto;position:relative}.input-box{display:flex;overflow:hidden;flex-direction:column;background:var(--bg);box-shadow:var(--shadow-box);border:1.2px solid var(--border-2);border-radius:18px;width:100%;padding:10px 10px 8px}.input-textarea{width:100%;background:transparent;border:none;outline:none;color:var(--text);font-size:13px;font-family:var(--font);font-weight:500;line-height:1.5;resize:none;padding:4px 2px;display:block;box-sizing:border-box;overflow-y:hidden;min-height:24px;max-height:160px}.input-textarea::placeholder{color:var(--text-4)}.input-bottom-bar{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.input-toggle{display:flex;align-items:center;background:var(--bg-2);border-radius:var(--radius-fixed);padding:3px;position:relative;gap:0;user-select:none;-webkit-user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background var(--transition)}.input-toggle-pill{position:absolute;top:3px;left:3px;width:calc(50% - 3px);bottom:3px;background:var(--color-toggle-pill);border-radius:calc(var(--radius-fixed) - 2px);box-shadow:var(--shadow-pill);pointer-events:none;z-index:0;will-change:transform;transform:translateZ(0);transition:transform .28s cubic-bezier(.25,1,.5,1)}.input-toggle--upload .input-toggle-pill{transform:translate3d(100%,0,0)}.input-toggle:has(.input-toggle-btn--upload:hover) .input-toggle-pill,.input-toggle:has(.input-toggle-btn--upload:active) .input-toggle-pill{transform:translate3d(100%,0,0)}.input-toggle:has(.input-toggle-btn--mic:hover) .input-toggle-pill,.input-toggle:has(.input-toggle-btn--mic:active) .input-toggle-pill{transform:translateZ(0)!important}.input-toggle-btn{width:35px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-3);border-radius:calc(var(--radius-fixed) - 2px);transition:color .22s ease,transform .15s ease;position:relative;z-index:1;cursor:pointer!important;padding:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.input-toggle-btn.active,.input-toggle-btn:hover:not(:disabled),.input-toggle-btn:active:not(:disabled){color:var(--text)}.input-toggle:has(.input-toggle-btn--upload:hover) .input-toggle-btn--mic:not(:hover),.input-toggle:has(.input-toggle-btn--upload:active) .input-toggle-btn--mic:not(:active){color:var(--text-4)}.input-toggle:has(.input-toggle-btn--mic:hover) .input-toggle-btn--upload:not(:hover),.input-toggle:has(.input-toggle-btn--mic:active) .input-toggle-btn--upload:not(:active){color:var(--text-4)}.input-bottom-btn:disabled{opacity:.4}.input-toggle-btn--recording{color:var(--danger)!important;background:var(--color-error-bg)!important;animation:mic-pulse 1.4s ease-in-out infinite}@keyframes mic-pulse{0%,to{opacity:1}50%{opacity:.55}}.input-hint--recording{color:var(--text-3);font-weight:500}.send-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-3);border:none;border-radius:var(--radius-fixed);color:var(--accent);transition:all var(--transition);flex-shrink:0}.send-btn:hover:not(:disabled){background:var(--bg-2)}.send-btn:disabled{opacity:.35;cursor:not-allowed}.send-btn:active:not(:disabled){transform:scale(.92)}.stop-btn{background:var(--bg-3)!important}.stop-btn:hover{background:var(--bg-3)!important;opacity:1!important}.input-hint{font-size:11px;color:var(--text-4);text-align:center;margin-top:8px}.input-hint a{color:var(--text-4)}.api-warning{padding:8px 14px;background:var(--bg-2);border:none;border-radius:var(--radius) var(--radius) 0 0;font-size:12px;color:var(--text-3);display:flex;align-items:center;gap:7px;margin:0 15px;width:auto;animation:fadeIn .6s;transition:all .5s ease-in}.api-warning:hover{background:var(--bg-3)}.api-warning svg{flex-shrink:0}.api-warning span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.error-utility{display:flex;margin-top:10px;align-items:flex-start;gap:12px;background:var(--bg);box-shadow:var(--shadow-box);border-radius:var(--radius);border:1px solid var(--border-2);padding:5px 15px 6px 6px;width:fit-content;max-width:100%;justify-self:end;bottom:15px;position:relative;z-index:10}.error-utility-tag{background:var(--bg-2);color:var(--color-error-indicator);font-size:12px;font-weight:200;padding:4px 10px;border-radius:8px;flex-shrink:0;font-family:var(--font-mono);display:flex;align-items:center;margin-top:1px}.error-utility-text{font-size:12px;color:var(--text-3);font-weight:500;word-wrap:break-word;flex:1;min-width:0;margin-top:1px;display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;user-select:text}.error-float-enter-active,.error-float-leave-active{transition:opacity .3s ease,transform .3s cubic-bezier(.4,0,.2,1)}.error-float-enter-from,.error-float-leave-to{opacity:0;transform:translateY(12px) scale(.98)}.file-preview-container{display:flex;align-items:center;gap:8px;overflow-x:auto;overflow-y:hidden;width:calc(100% + 12px);box-sizing:border-box;padding:8px 6px 12px;margin:-8px -6px -1px;scrollbar-width:none}.file-preview-container::-webkit-scrollbar{display:none}.file-card{display:flex;align-items:center;justify-content:space-between;width:fit-content;max-width:250px;background:var(--bg);border:1px solid var(--border-2);border-radius:var(--radius);padding:5px 6px 5px 10px;flex-shrink:0;z-index:1;position:relative;transition:all .2s ease}.file-card:hover{box-shadow:var(--shadow-box);z-index:2}.file-card-content{display:flex;flex-direction:column;justify-content:center;gap:2px;overflow:hidden;padding-right:12px}.file-card-title{font-size:12px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.file-card-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-3)}.file-card-mime{text-transform:lowercase;font-weight:500}.file-card-dot{font-size:8px;opacity:.6}.file-card-size{font-weight:400}.file-card-right{display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-card-thumb-wrapper,.file-card-icon-wrapper{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--bg-2);display:flex;align-items:center;justify-content:center;overflow:hidden}.file-card-thumb{width:100%;height:100%;object-fit:cover}.file-card-icon-wrapper{color:var(--text-3)}.file-card-remove{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:var(--radius-rd);background:var(--accent);color:var(--white);border:3px solid var(--bg);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s ease,transform .15s ease;padding:0}.file-card:hover .file-card-remove{opacity:1}.file-card-remove:hover{background:var(--accent-hover)}.form-input,.form-textarea,.form-select{padding:9px 12px;background:var(--bg-2);border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font);font-size:13.5px;color:var(--text);transition:border-color var(--transition);width:100%;outline:none}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--border-strong);box-shadow:var(--shadow-focus)}.form-input.mono{font-family:var(--font-mono);font-size:12.5px}.input-password-wrap{position:relative;display:flex;align-items:center}.input-password-wrap .form-input{padding-right:38px}.eye-btn{position:absolute;right:10px;background:none;border:none;cursor:pointer;color:var(--text-4);display:flex;align-items:center;padding:2px;border-radius:4px;transition:color var(--transition)}.eye-btn:hover{color:var(--text-2)}.form-textarea{resize:none;min-height:140px}.form-hint{font-size:11.5px;color:var(--text-4);line-height:1.4}.btn{padding:7px 15px;border-radius:var(--radius-sm);font-family:var(--font);font-size:12.5px;font-weight:500;gap:8px;display:flex;align-items:center;justify-content:center;transition:all var(--transition);border:none;outline:none}.btn-primary{background:var(--accent);color:var(--accent-fg)}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-2);color:var(--text-3)}.btn-secondary:hover{background:var(--surface-hover);color:var(--text)}.btn-danger{background:var(--color-error-bg);padding:7px 15px;width:fit-content;color:var(--danger)}.btn-danger:hover{background:var(--color-error-indicator);color:var(--bg)}.export-row{display:flex;gap:8px}.export-row .btn{flex:1;text-align:center}.loading-screen{position:fixed;inset:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:200;flex-direction:column;gap:16px}.loading-screen .loading-spinner{width:32px;height:32px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.loading-screen span{font-size:13px;color:var(--text-3)}@keyframes spin{to{transform:rotate(360deg)}}.session-rename-input{flex:1;background:transparent;border:none;border-bottom:1.5px solid var(--accent-1);outline:none;font-family:var(--font);font-size:13.5px;color:var(--text);padding:1px 0}.margin-top{margin-top:8px}.message-row{animation:fadeInUp .18s ease forwards}.pop-backdrop{position:fixed;inset:0;z-index:299}.pop{position:fixed;z-index:300;width:450px;height:auto;max-height:80%;background:var(--surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-float);display:flex;flex-direction:column;opacity:0;transform:translateY(12px) scale(.96);pointer-events:none;transition:opacity .16s ease,transform .16s ease;overflow:hidden}.pop--open{opacity:1;transform:translate(-2.4px) scale(1);pointer-events:auto}.pop-header{padding:16px 16px 12px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.pop-title{font-size:14px;font-weight:600;color:var(--text)}.pop-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-3);border-radius:50%;transition:background var(--transition)}.pop-close:hover{background:var(--surface-hover)}.pop-body{flex:1;overflow-y:auto;padding:0 16px 16px;display:flex;flex-direction:column;gap:12px}.pop-section{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--text-4);padding-top:8px}.pop-field{display:flex;flex-direction:column;gap:6px}.pop-label{font-size:12.5px;font-weight:500;color:var(--text-2)}.pop-label-row{display:flex;align-items:center;justify-content:space-between}.pop-badge{font-size:11px;font-family:var(--font-mono);color:var(--text-3);background:var(--bg-3);padding:2px 8px;border-radius:var(--radius-rd)}.pop-btn-pill{padding:0 16px 12px;flex-shrink:0}.pop-hint{font-size:11px;color:var(--text-4);line-height:1.4}.pop-hint--err{color:var(--danger)}.pop-slider-wrap{display:flex;align-items:center;gap:10px}.pop-slider{flex:1;-webkit-appearance:none;appearance:none;height:4px;background:var(--bg-3);border-radius:var(--radius-rd);outline:none}.pop-slider::-webkit-slider-thumb{-webkit-appearance:none;width:23px;height:23px;background:var(--accent);border-radius:var(--radius-rd);border:4px solid var(--bg);transition:transform var(--transition)}.pop-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.pop-slider-val{font-size:12px;font-family:var(--font-mono);font-weight:600;color:var(--text-2);min-width:36px;text-align:right}.pop-refresh{display:flex;align-items:center;gap:6px;background:var(--bg-3);border:none;font-family:var(--font);font-size:11.5px;font-weight:500;color:var(--text-2);padding:4px 10px;border-radius:var(--radius-rd);transition:background var(--transition)}.pop-refresh:hover{background:var(--surface-hover)}.pop-refresh:disabled{opacity:.5}.pop-spin{animation:spin .8s linear infinite}.pop-model-list{overflow:hidden;margin-top:8px;background:var(--bg-2);padding:0;box-sizing:content-box;border-radius:var(--radius-sm)}.pop-model-search-wrap{position:relative;display:flex;align-items:center}.pop-model-search-icon{position:absolute;left:15px;color:var(--text-4);pointer-events:none;flex-shrink:0}.pop-model-search{width:100%;padding:12px 15px 12px 38px;border:none;outline:none;font-family:var(--font);font-size:12px;color:var(--text-3);background:var(--bg-2)}.pop-model-search::placeholder{color:var(--text-3)}.pop-model-items{max-height:240px;overflow-y:auto}.pop-model-item{width:calc(100% - 12px);display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;margin:6px;box-sizing:border-box;background:none;border:none;transition:background var(--transition);text-align:left;border-radius:var(--radius-sm)}.pop-model-item:hover{background:var(--surface-hover)}.pop-model-item--active{background:var(--bg-3);color:var(--text-3)}.pop-model-id{font-family:var(--font-mono);font-size:12px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pop-model-owner{font-size:11px;color:var(--text-4);flex-shrink:0;display:flex;justify-content:center;align-items:center;background:var(--bg);padding:2px 8px;border-radius:var(--radius-rd)}.pop-row{display:flex;gap:8px}.pop-about{background:var(--bg-2);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:4px}.pop-about-name{font-size:13px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:8px}.pop-about-ver{font-size:10px;font-weight:600;background:var(--accent);color:var(--accent-fg);padding:2px 10px;font-family:var(--font-mono);border-radius:var(--radius-rd)}.pop-about-desc{font-size:11.5px;color:var(--text-3);line-height:1.4}.pop-footer{padding:12px 16px;display:flex;gap:8px;justify-content:flex-end;flex-shrink:0}.sf-toggle-wrap{display:flex;flex-direction:column;gap:8px}.sf-toggle{position:relative;display:flex;background:var(--bg-3);border-radius:var(--radius-sm);padding:3px;width:100%;gap:0;user-select:none;-webkit-user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background var(--transition)}.sf-toggle-pill{position:absolute;top:3px;left:3px;width:calc(50% - 3px);bottom:3px;background:var(--color-toggle-pill);border-radius:var(--radius-sm);box-shadow:var(--shadow-pill);pointer-events:none;z-index:0;will-change:transform;transform:translateZ(0);transition:transform .28s cubic-bezier(.25,1,.5,1)}.sf-toggle-pill--right{transform:translate3d(100%,0,0)}.sf-toggle:has(.sf-toggle-btn--notif:hover) .sf-toggle-pill,.sf-toggle:has(.sf-toggle-btn--notif:active) .sf-toggle-pill{transform:translate3d(100%,0,0)}.sf-toggle:has(.sf-toggle-btn--settings:hover) .sf-toggle-pill,.sf-toggle:has(.sf-toggle-btn--settings:active) .sf-toggle-pill{transform:translateZ(0)!important}.sf-toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:7px 10px;background:transparent;border:none;font-family:var(--font);font-size:12px;font-weight:500;color:var(--text-4);border-radius:var(--radius-sm);transition:color .22s ease,transform .15s ease;position:relative;z-index:1;white-space:nowrap;cursor:pointer!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.sf-toggle-btn.active,.sf-toggle-btn:hover:not(:disabled),.sf-toggle-btn:active:not(:disabled){color:var(--text)}.sf-toggle:has(.sf-toggle-btn--notif:hover) .sf-toggle-btn--settings:not(:hover),.sf-toggle:has(.sf-toggle-btn--notif:active) .sf-toggle-btn--settings:not(:active){color:var(--text-4)}.sf-toggle:has(.sf-toggle-btn--settings:hover) .sf-toggle-btn--notif:not(:hover),.sf-toggle:has(.sf-toggle-btn--settings:active) .sf-toggle-btn--notif:not(:active){color:var(--text-4)}.sf-notif-info{font-size:11px;color:var(--text-4);line-height:1.45;padding:0 2px;text-align:center}.pop-tabs{display:flex;background:var(--bg-3);border-radius:var(--radius-sm);padding:3px;gap:0;position:relative;margin-bottom:4px;flex-shrink:0;user-select:none;-webkit-user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.pop-tab-pill{position:absolute;top:3px;bottom:3px;background:var(--color-toggle-pill);border-radius:var(--radius-sm);box-shadow:var(--shadow-pill);will-change:left,width;transition:left .28s cubic-bezier(.25,1,.5,1),width .28s cubic-bezier(.25,1,.5,1);pointer-events:none;z-index:0}.pop-tab-btn{flex:1;padding:6px 8px;background:none;border:none;font-family:var(--font);font-size:11.5px;font-weight:500;color:var(--text-4);border-radius:var(--radius-sm);transition:color .22s ease,transform .15s ease;position:relative;z-index:1;white-space:nowrap;text-align:center;cursor:pointer!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.theme-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 20px;padding:18px 0 0}.theme-description{max-width:36ch;color:var(--text-3);font-size:11px;line-height:1.45}.theme-swatch-option{display:flex;min-width:0;flex-direction:column;align-items:center;gap:8px;padding:2px 4px;border:0;background:transparent;color:var(--text-2);cursor:pointer!important;-webkit-tap-highlight-color:transparent}.theme-swatch{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border:2px solid var(--surface);border-radius:50%;box-shadow:0 0 0 1px var(--border-strong),var(--shadow-sm);color:#fff;transition:transform var(--transition),box-shadow var(--transition)}.theme-swatch-option:hover .theme-swatch{transform:scale(1.06)}.theme-swatch-option[aria-pressed=true] .theme-swatch{box-shadow:0 0 0 2px var(--accent),var(--shadow-sm)}.theme-swatch-option:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}.theme-swatch--default{background:linear-gradient(135deg,#fff 0 50%,#e8ebef 50% 100%);color:#374151}.theme-swatch-label{width:100%;color:var(--text-3);font-size:11px;line-height:1.3;text-align:center;overflow-wrap:anywhere}.pop-tab-btn.active,.pop-tab-btn:hover:not(:disabled),.pop-tab-btn:active:not(:disabled){color:var(--text)}.pop-about-card{display:flex;align-items:center;gap:10px;background:var(--bg-2);border-radius:var(--radius);padding:8px;margin-top:4px}.pop-about-logo{padding:6px 10px;background:var(--bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:40px;overflow:visible;border-radius:var(--radius-sm)}.pop-about-info{display:flex;flex-direction:column;gap:2px;min-width:0}.pop-about-name{font-size:13px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:6px}.pop-about-ver{font-size:10px;font-weight:600;background:var(--accent);color:var(--accent-fg);padding:1px 6px;border-radius:var(--radius-rd)}.pop-about-desc{font-size:11px;color:var(--text-4);line-height:1.4}.pop-social-row{display:flex;gap:8px;margin-top:6px}.pop-social-btn{display:flex;align-items:center;gap:6px;text-decoration:none;color:var(--text-3);font-size:11.5px;font-weight:500;background:var(--bg-3);padding:4px 10px;border-radius:var(--radius-sm);transition:background var(--transition),color var(--transition)}.pop-social-btn:hover{background:var(--surface-hover);color:var(--text)}.pop-footer-sm{padding:8px 12px 10px;display:flex;gap:6px;justify-content:flex-end;flex-shrink:0;box-shadow:var(--shadow-pop-footer)}.pop-btn-sm{padding:7px 14px;border-radius:var(--radius-rd);font-family:var(--font);font-size:12.5px;font-weight:500;border:none;transition:all var(--transition)}.pop-btn-sm--ghost{background:var(--bg-3);color:var(--text-2)}.pop-btn-sm--ghost:hover{background:var(--surface-hover)}.pop-btn-sm--solid{background:var(--accent);color:var(--accent-fg)}.pop-btn-sm--solid:hover{background:var(--accent-hover)}.mode-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mode-header .pop-label{margin-bottom:0}.auto-mode-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;color:var(--text-4);font-weight:500}.toggle-switch{position:relative;width:36px;height:20px;background-color:var(--bg-3);border-radius:var(--radius-rd);transition:background-color .3s ease}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background-color:var(--bg);border-radius:50%;transition:transform .3s ease}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sr-only:checked+.toggle-switch{background-color:var(--accent)}.sr-only:checked+.toggle-switch:after{transform:translate(16px)}.mode-card-container{display:flex;gap:8px;margin-bottom:8px;width:100%}.mode-card{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 8px;background:var(--bg-2);border:1px solid transparent;outline:none;border-radius:var(--radius-sm);color:var(--text-3);cursor:pointer;transition:all .2s ease;font-size:11px;font-weight:500}.mode-card svg{stroke:currentColor;transition:all .2s ease}.mode-card:hover{opacity:.85}.mode-card:disabled{cursor:not-allowed!important;opacity:.5}.mode-card--active{background:var(--file-bg-radial);border:1px solid var(--border-2);color:var(--text)}.storage-card{display:flex;flex-direction:column;margin:10px 0;padding:8px;background:var(--bg-2);border-radius:var(--radius);gap:10px;font-family:var(--font)}.storage-card-header{display:flex;align-items:center;gap:12px}.storage-icon-wrap{display:flex;align-items:center;justify-content:center;width:39px;height:37px;background:var(--bg);border-radius:var(--radius-sm);color:var(--text-3);flex-shrink:0}.storage-details{display:flex;flex-direction:column;flex:1;min-width:0}.storage-title{font-size:12px;font-weight:600;color:var(--text);line-height:1.2}.storage-subtitle{font-size:11px;color:var(--text-4);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.storage-clear-btn{background:transparent;border:none;color:var(--danger);font-size:12px;font-weight:500;cursor:pointer;padding:4px 10px;border-radius:var(--radius-sm);font-family:var(--font);transition:background-color .2s ease,opacity .2s ease}.storage-clear-btn:hover{background:var(--danger-light);opacity:.9}.storage-stats-row{display:flex;justify-content:space-between;align-items:center;margin:8px 0 0}.storage-stat-label{color:var(--text-4);font-weight:500;font-size:11px;gap:8px;align-items:center;display:flex}.storage-stat-val{color:var(--text-4);font-weight:500;font-size:11px}.storage-progress-track{width:100%;height:10px;background:var(--bg-2);border-radius:3px;overflow:hidden;border:2px solid var(--bg-2);position:relative}.storage-progress-bar{height:100%;background:var(--bg-progress);background-repeat:no-repeat;border-radius:2px;min-width:0;transition:background-color .2s ease,width .3s cubic-bezier(.4,0,.2,1);animation:highlights 1s forwards}@keyframes highlights{0%{background-size:0%}to{background-size:100%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.suggest-popup{position:absolute;bottom:calc(100% + 10px);left:0;right:0;background:var(--bg);border-radius:var(--radius);box-shadow:var(--shadow-suggestion);max-height:280px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;margin-bottom:4px;z-index:200;padding:0 6px}.suggest-header{background:var(--bg);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:capitalize;color:var(--text-4);padding:12px 10px 6px}.suggest-item{width:100%;display:flex;align-items:center;gap:10px;padding:8px 14px;background:none;border:none;text-align:left;margin-top:6px;margin-bottom:6px;transition:background .15s ease;border-radius:var(--radius-sm)}.suggest-item:hover,.suggest-item--active{background:var(--bg-2)}.suggest-icon{font-size:16px;flex-shrink:0;width:22px;text-align:center;line-height:1}.suggest-label{font-size:12px;font-weight:600;color:var(--text-2);text-transform:lowercase;flex-shrink:0;font-family:var(--font-mono);min-width:90px}.suggest-desc{font-size:12px;color:var(--text-4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggest-pop-enter-active{transition:opacity .18s ease,transform .18s cubic-bezier(.25,1,.5,1)}.suggest-pop-leave-active{transition:opacity .14s ease,transform .14s ease}.suggest-pop-enter-from{opacity:0;transform:translateY(6px)}.suggest-pop-leave-to{opacity:0;transform:translateY(4px)}@media(max-width:768px){.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;transform:translate(-100%);background:var(--bg);box-shadow:var(--shadow-lg);border-right:1px solid var(--border-2)}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block}.menu-btn{display:flex}.messages-inner{padding:0 12px}.input-area{padding:0 16px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}.empty-title{font-size:20px}.pop{width:calc(100vw - 20px);left:10px!important;bottom:10px!important;max-height:80dvh;border-radius:var(--radius)}.pop--open{transform:translate(0) scale(1)}.message-bubble.user{max-width:calc(100vw - 80px)}.chat-btn .icon,.session-item.active,.sidebar-search{background:var(--bg-2)}.sidebar-search-clear:hover{background:var(--bg-3)}.sf-toggle{background:var(--bg-2)}.message-bubble.ai audio{width:100%}.message-bubble.ai img{max-height:fit-content}.ai-bottom-bar{margin-top:10px;gap:8px 12px}.ai-stats-row{gap:15px;font-size:12px}.ai-stat-text{max-width:6ch}.ai-capsule-btn{width:28px;height:25px}}