:root{--primary-color: #2196f3;--primary-color-rgb: 33, 150, 243;--primary-color-light: rgba(var(--primary-color-rgb), .18);--primary-color-dark: #1565c0;--background-color: #f5f5f5;--background-color-hover: rgba(0, 0, 0, .08);--surface-color: #ffffff;--text-primary: rgba(0, 0, 0, .87);--text-secondary: rgba(0, 0, 0, .6);--text-muted: rgba(0, 0, 0, .4);--border-color: rgba(0, 0, 0, .12);--border-color-light: rgba(0, 0, 0, .08);--error-color: #f44336;--error-color-dark: #d32f2f;--success-color: #4caf50;--warning-color: #ffc107;--text-success: var(--success-color);--text-danger: var(--error-color);--radius-xs: 8px;--radius-sm: 10px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--radius-full: 999px;--shadow-card: 0 2px 4px rgba(0, 0, 0, .1);--shadow-hover-lift: 0 4px 10px rgba(0, 0, 0, .12);--shadow-raised: 0 8px 24px rgba(0, 0, 0, .18);--shadow-overlay: 0 24px 70px rgba(16, 24, 40, .18), 0 2px 8px rgba(16, 24, 40, .06);--ease-standard: cubic-bezier(.4, 0, .2, 1);--font-app: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}[data-theme=dark]{--background-color: #121212;--background-color-hover: rgba(255, 255, 255, .08);--surface-color: #1e1e1e;--text-primary: rgba(255, 255, 255, .87);--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--border-color: rgba(255, 255, 255, .12);--border-color-light: rgba(255, 255, 255, .08)}html,body{height:100%}body{margin:0;font-family:var(--font-app);background-color:var(--background-color);color:var(--text-secondary);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pio-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px}.pio-input,.pio-textarea,.pio-select{width:100%;border:1px solid var(--border-color);border-radius:8px;padding:.55rem .65rem;background:var(--background-color);color:var(--text-primary);font:inherit}.pio-btn{border:1px solid var(--border-color);border-radius:8px;padding:.55rem .9rem;font:inherit;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.pio-btn-primary{background:var(--primary-color);color:#fff}.pio-btn-neutral{background:var(--background-color);color:var(--text-primary)}.pio-btn-danger{background:var(--error-color);color:#fff;border-color:var(--error-color)}.pio-muted{color:var(--text-secondary)}.pio-tabular-nums{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-cyrillic-ext-wght-normal-IYF56FF6.woff2") format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-cyrillic-wght-normal-JEOLYBOO.woff2") format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-greek-ext-wght-normal-EOVOK2B5.woff2") format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-greek-wght-normal-IRE366VL.woff2") format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-vietnamese-wght-normal-CE5GGD3W.woff2") format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-latin-ext-wght-normal-HA22NDSG.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-latin-wght-normal-NRMW37G5.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--sat: var(--safe-area-inset-top, env(safe-area-inset-top, 0px));--sar: var(--safe-area-inset-right, env(safe-area-inset-right, 0px));--sab: var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));--sal: var(--safe-area-inset-left, env(safe-area-inset-left, 0px));--io-rose: #e91e63;--io-rose-rgb: 233, 30, 99;--io-rose-light: #f06292;--io-rose-dark: #c2185b;--io-rose-glow: rgba(233, 30, 99, .25);--io-rose-text: #f06292;--io-ai: #ab47bc;--io-ai-rgb: 171, 71, 188;--io-ai-soft: rgba(171, 71, 188, .12);--bg-app: #0d0d1a;--bg-primary: #0d0d1a;--bg-sidebar: #111127;--bg-chat: #0f0f20;--bg-surface: #14142b;--bg-raised: #1a1a2e;--bg-card: rgba(26, 26, 46, .72);--bg-input: #16162b;--bg-hover: rgba(255, 255, 255, .04);--bg-hover-strong: rgba(255, 255, 255, .08);--bg-active: rgba(233, 30, 99, .08);--glass-bg: rgba(26, 26, 46, .72);--glass-border: rgba(255, 255, 255, .06);--glass-blur: 12px;--text-primary: rgba(255, 255, 255, .92);--text-secondary: rgba(255, 255, 255, .55);--text-muted: rgba(255, 255, 255, .5);--text-on-rose: #ffffff;--border-color: rgba(255, 255, 255, .06);--border-color-light:rgba(255, 255, 255, .03);--online: #4caf50;--offline: rgba(255, 255, 255, .2);--bubble-sent-bg: linear-gradient(135deg, #e91e63, #c2185b);--bubble-received-bg:#1e1e38;--bubble-ai-bg: linear-gradient(135deg, rgba(171,71,188,.15), rgba(233,30,99,.08));--bubble-ai-border: rgba(171, 71, 188, .25);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 8px 32px rgba(0,0,0,.5);--shadow-glow: 0 0 20px rgba(233, 30, 99, .15);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--sidebar-width: 320px;--header-height: 64px;--input-height: 64px;--font-family: "Inter Variable", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;color-scheme:dark}[data-theme=light],body.light-mode{--io-rose: #e91e63;--io-rose-rgb: 233, 30, 99;--io-rose-light: #f06292;--io-rose-dark: #c2185b;--io-rose-glow: rgba(233, 30, 99, .2);--io-rose-text: #c2185b;--io-ai: #8e24aa;--io-ai-rgb: 142, 36, 170;--io-ai-soft: rgba(142, 36, 170, .08);--bg-app: #f5f6fa;--bg-primary: #f5f6fa;--bg-sidebar: #ffffff;--bg-chat: #f8f9fc;--bg-surface: #ffffff;--bg-raised: #ffffff;--bg-card: rgba(255, 255, 255, .92);--bg-input: #eef1f6;--bg-hover: rgba(0, 0, 0, .04);--bg-hover-strong: rgba(0, 0, 0, .07);--bg-active: rgba(233, 30, 99, .08);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(0, 0, 0, .08);--glass-blur: 14px;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #646b77;--text-on-rose: #ffffff;--border-color: rgba(0, 0, 0, .08);--border-color-light:rgba(0, 0, 0, .04);--online: #10b981;--offline: rgba(0, 0, 0, .25);--bubble-sent-bg: linear-gradient(135deg, #e91e63, #d81b60);--bubble-received-bg:#ffffff;--bubble-ai-bg: linear-gradient(135deg, rgba(142, 36, 170, .08), rgba(233, 30, 99, .04));--bubble-ai-border: rgba(142, 36, 170, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 14px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px rgba(233, 30, 99, .14);color-scheme:light}[data-theme=dark]{color-scheme:dark}[data-theme=light] ::-webkit-scrollbar-thumb{background:#0000001f}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#00000038}[data-theme=light] .message-bubble.received{border:1px solid rgba(0,0,0,.07);box-shadow:0 1px 4px #0000000a}[data-theme=light] .date-separator span{background:#e5e7eb;color:var(--text-secondary)}[data-theme=light] .ephemeral-badge{background:#e91e6314;color:var(--io-rose-dark)}[data-theme=light] .request-badge{background:#e91e631a;color:var(--io-rose-dark);border-color:#e91e6340}[data-theme=light] .empty-chat-icon{background:#0000000a;color:var(--text-muted)}[data-theme=light] .suggestion-chip{background:#fff;border-color:#0000001a;box-shadow:0 1px 4px #0000000d}[data-theme=light] .waiting-consent-pill{background:#f59e0b1f;border-color:#f59e0b4d;color:#b45309}[data-theme=light] .consent-card{box-shadow:0 8px 30px #00000014;border-color:#e91e6333}[data-theme=light] .input-area.disabled{background:#f0f2f7cc}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-family);background:var(--bg-app);color:var(--text-primary);line-height:1.5;min-height:100vh;min-height:-webkit-fill-available;min-height:100dvh}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#fff3}.material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;font-size:24px;vertical-align:middle;display:inline-block;width:1em;height:1em;line-height:1;overflow:hidden}.icons-loading .material-symbols-rounded{color:transparent!important;border-radius:30%;background:var(--bg-hover-strong)}.skeleton{display:block;background:linear-gradient(90deg,var(--bg-hover-strong) 25%,var(--bg-hover) 50%,var(--bg-hover-strong) 75%);background-size:300% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}.material-symbols-rounded.filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.text-rose{color:var(--io-rose)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.bg-glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes sparkle{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes countdownPulse{0%,to{box-shadow:0 0 #e91e634d}50%{box-shadow:0 0 0 4px #e91e6300}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-smooth) both}.animate-slide-up{animation:slideUp var(--duration-slow) var(--ease-spring) both}.animate-slide-left{animation:slideInLeft var(--duration-normal) var(--ease-smooth) both}.animate-stagger>*:nth-child(1){animation-delay:0ms}.animate-stagger>*:nth-child(2){animation-delay:40ms}.animate-stagger>*:nth-child(3){animation-delay:80ms}.animate-stagger>*:nth-child(4){animation-delay:.12s}.animate-stagger>*:nth-child(5){animation-delay:.16s}.animate-stagger>*:nth-child(6){animation-delay:.2s}.animate-stagger>*:nth-child(7){animation-delay:.24s}.animate-stagger>*:nth-child(8){animation-delay:.28s}.animate-stagger>*:nth-child(9){animation-delay:.32s}.animate-stagger>*:nth-child(10){animation-delay:.36s}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:var(--radius-full);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth)}a.btn-icon{text-decoration:none}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-icon.rose:hover{background:#e91e631a;color:var(--io-rose)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:var(--radius-full);background:var(--io-rose);color:var(--text-on-rose);font-family:var(--font-family);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);box-shadow:var(--shadow-glow)}.btn-primary:hover{background:var(--io-rose-light);transform:translateY(-1px);box-shadow:0 0 30px #e91e6340}.btn-primary:active{transform:translateY(0)}.btn-primary-sm{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1.125rem;border:none;border-radius:var(--radius-full);background:var(--io-rose);color:var(--text-on-rose, #fff);font-family:var(--font-family);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);box-shadow:0 2px 8px #e91e6340}.btn-primary-sm:hover{background:var(--io-rose-light);transform:translateY(-1px);box-shadow:0 4px 12px #e91e6359}.btn-primary-sm:active{transform:translateY(0)}.btn-ghost{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-full);background:transparent;color:var(--text-secondary);font-family:var(--font-family);font-size:.8125rem;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth)}.btn-ghost:hover{border-color:var(--io-rose);color:var(--io-rose);background:#e91e630d}.btn-ghost-sm{display:inline-flex;align-items:center;gap:.375rem;padding:.4375rem .875rem;border:1px solid var(--border-color);border-radius:var(--radius-full);background:transparent;color:var(--text-secondary);font-family:var(--font-family);font-size:.8125rem;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth)}.btn-ghost-sm:hover{border-color:var(--io-rose);color:var(--io-rose);background:#e91e630d}.input-base{width:100%;padding:.625rem 1rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-primary);font-family:var(--font-family);font-size:.875rem;outline:none;transition:border-color var(--duration-fast) var(--ease-smooth)}.input-base::placeholder{color:var(--text-muted)}.input-base:focus{border-color:#e91e6366;box-shadow:0 0 0 3px #e91e6314}.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);overflow:visible;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full);overflow:hidden;display:block}.avatar-sm{width:32px;height:32px}.avatar-md{width:40px;height:40px}.avatar-lg{width:48px;height:48px}.avatar-xl{width:64px;height:64px}.avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--io-rose),var(--io-rose-dark));color:#fff;font-weight:600;font-size:1rem;border-radius:var(--radius-full);overflow:hidden}.avatar-sm .avatar-fallback{font-size:.75rem}.avatar-xl .avatar-fallback{font-size:1.5rem}.status-dot{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-sidebar);z-index:2}.status-dot.online{background:var(--online)}.status-dot.offline{background:var(--offline)}.ephemeral-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);background:#e91e6314;color:var(--io-rose-light);font-size:.6875rem;font-weight:500;letter-spacing:.02em;white-space:nowrap}.ephemeral-badge .material-symbols-rounded{font-size:14px}@media(max-width:768px){:root{--sidebar-width: 100vw}}