@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--ease-out:cubic-bezier(0,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.flex{display:flex}.hidden{display:none}.h-full{height:100%}.min-h-0{min-height:calc(var(--spacing)*0)}.flex-1{flex:1}.flex-col{flex-direction:column}.border{border-style:var(--tw-border-style);border-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}:root{--color-black:#050509;--color-crust:#0a0a12;--color-base:#0d0d16;--color-surface-0:#13131e;--color-surface-1:#1a1a28;--color-surface-2:#222234;--color-surface-3:#2a2a40;--color-text:#f5f5faeb;--color-text-secondary:#f5f5fa8c;--color-text-tertiary:#f5f5fa59;--color-text-ghost:#f5f5fa2e;--color-accent:#6366f1;--color-accent-bright:#818cf8;--color-accent-dim:#4f46e5;--color-accent-ghost:#6366f11a;--color-accent-glow:#6366f12e;--gradient-active:linear-gradient(135deg,#6366f1,#8b5cf6);--gradient-active-hover:linear-gradient(135deg,#818cf8,#a78bfa);--color-success:#34d399;--color-success-ghost:#34d3991a;--color-warning:#fbbf24;--color-warning-ghost:#fbbf241a;--color-error:#f87171;--color-error-ghost:#f871711a;--color-critical:#ef4444;--color-critical-ghost:#ef44441a;--color-info:#60a5fa;--color-info-ghost:#60a5fa1a;--color-peach:#fab387;--color-yellow:#fbbf24;--color-flamingo:#f2cdcd;--color-mauve:#c084fc;--bg-app:var(--color-crust);--bg-view:var(--color-base);--bg-card:var(--color-surface-0);--bg-elevated:var(--color-surface-1);--bg-interactive:var(--color-surface-2);--bg-active:var(--color-surface-3);--ring-subtle:0 0 0 1px #f5f5fa0f;--ring-default:0 0 0 1px #f5f5fa1a;--ring-strong:0 0 0 1px #f5f5fa29;--ring-accent:0 0 0 1px #6366f14d;--border-subtle:#f5f5fa0f;--border-default:#f5f5fa1a;--border-strong:#f5f5fa29;--glass-bg:#0d0d16a6;--glass-bg-elevated:#14141ecc;--glass-bg-accent:linear-gradient(135deg,#6366f114,#8b5cf60a);--glass-border:#f5f5fa14;--glass-blur:12px;--glass-blur-heavy:20px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--font-mono:"JetBrains Mono","SF Mono","Fira Code",monospace;--text-xs:clamp(.6875rem,.64rem + .25vw,.75rem);--text-sm:clamp(.75rem,.7rem + .25vw,.8125rem);--text-base:clamp(.8125rem,.76rem + .25vw,.9375rem);--text-lg:clamp(1rem,.92rem + .4vw,1.125rem);--text-xl:clamp(1.125rem,1rem + .5vw,1.375rem);--text-2xl:clamp(1.375rem,1.2rem + .75vw,1.75rem);--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--space-2xs:2px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-xs:0 1px 2px #00000080;--shadow-sm:0 2px 4px #0006,0 1px 2px #0000004d;--shadow-md:0 4px 8px #0006,0 2px 4px #0000004d;--shadow-lg:0 8px 24px #00000080,0 4px 8px #0000004d;--shadow-xl:0 16px 48px #0009,0 8px 16px #0000004d;--shadow-glow:0 0 20px var(--color-accent-glow);--shadow-glow-sm:0 0 10px var(--color-accent-glow);--ease-out:cubic-bezier(0,0,.2,1);--ease-in:cubic-bezier(.4,0,1,1);--ease-smooth:cubic-bezier(.4,0,.2,1);--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--spring-smooth:cubic-bezier(.34,1.56,.64,1);--spring-bouncy:cubic-bezier(.34,1.8,.64,1);--spring-smooth-duration:.6s;--spring-bouncy-duration:.8s;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--nav-height:60px;--header-height:56px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;height:100%;overflow:hidden}body{height:100%;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-crust);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{background:radial-gradient(ellipse 120% 60% at 50% -30%,#6366f10f 0%,transparent 60%),radial-gradient(ellipse 80% 50% at 100% 100%,#8b5cf608 0%,transparent 50%),linear-gradient(180deg,var(--color-base)0%,var(--color-crust)100%);flex-direction:column;height:100dvh;display:flex;overflow:hidden}::selection{color:var(--color-text);background:#6366f140}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-surface-2);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-surface-3)}*{scrollbar-width:thin;scrollbar-color:var(--color-surface-2)transparent}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}code,pre,.mono{font-family:var(--font-mono)}.view-header{align-items:center;gap:var(--space-md);padding:var(--space-md)var(--space-lg);padding-top:calc(var(--space-md) + var(--safe-top));background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:inset 0 -1px 0 0 var(--glass-border);min-height:var(--header-height);flex-shrink:0;display:flex}.view-header h1{font-size:var(--text-lg);letter-spacing:-.02em;font-weight:600}.header-actions{gap:var(--space-sm);margin-left:auto;display:flex}.logo-mark{background:var(--gradient-active);border-radius:var(--radius-sm);color:#fff;width:28px;height:28px;box-shadow:var(--shadow-glow-sm);flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-lg);box-shadow:var(--ring-default);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast)var(--ease-out);white-space:nowrap;-webkit-tap-highlight-color:transparent;border:none;font-weight:500;display:inline-flex}.btn:hover{background:var(--bg-interactive);box-shadow:var(--ring-strong)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-accent{background:var(--gradient-active);box-shadow:none;color:#fff;font-weight:600}.btn-accent:hover{background:var(--gradient-active-hover);box-shadow:var(--shadow-glow-sm)}.btn-success{background:linear-gradient(135deg,var(--color-success),#22b47a);box-shadow:none;color:var(--color-crust);font-weight:600}.btn-success:hover{box-shadow:0 0 12px #34d39959}.btn-error{background:var(--color-error-ghost);color:var(--color-error);box-shadow:0 0 0 1px #f8717140}.btn-error:hover{box-shadow:0 0 0 1px var(--color-error);background:#f871712e}.btn-ghost{box-shadow:none;color:var(--color-text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-elevated);color:var(--color-text);box-shadow:none}.btn-sm{padding:var(--space-xs)var(--space-sm);font-size:var(--text-xs);border-radius:var(--radius-sm)}.badge{border-radius:var(--radius-full);font-size:var(--text-xs);letter-spacing:.02em;align-items:center;padding:2px 8px;font-weight:600;display:inline-flex}.badge-accent{background:var(--color-accent-ghost);color:var(--color-accent-bright);box-shadow:0 0 0 1px #6366f133}.badge-success{background:var(--color-success-ghost);color:var(--color-success);box-shadow:0 0 0 1px #34d39933}.badge-warning{background:var(--color-warning-ghost);color:var(--color-warning);box-shadow:0 0 0 1px #fbbf2433}.badge-error{background:var(--color-error-ghost);color:var(--color-error);box-shadow:0 0 0 1px #f8717133}.badge-critical{background:var(--color-critical-ghost);color:var(--color-critical);box-shadow:0 0 0 1px #ef444433}.badge-info{background:var(--color-info-ghost);color:var(--color-info);box-shadow:0 0 0 1px #60a5fa33}.badge-neutral{color:var(--color-text-secondary);box-shadow:var(--ring-subtle);background:#f5f5fa0d}.session-pills{gap:var(--space-sm);padding:var(--space-md)var(--space-lg);-webkit-overflow-scrolling:touch;flex-shrink:0;display:flex;overflow-x:auto}.session-pills::-webkit-scrollbar{display:none}.session-pill{align-items:center;gap:var(--space-xs);padding:var(--space-xs)var(--space-md);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);box-shadow:var(--ring-subtle);border-radius:var(--radius-full);color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;transition:all var(--duration-fast)var(--ease-out);-webkit-tap-highlight-color:transparent;border:none;flex-shrink:0;font-weight:500;display:flex}.session-pill:hover{background:var(--glass-bg-elevated);color:var(--color-text);box-shadow:var(--ring-default)}.session-pill:active{transform:scale(.96)}.session-pill.active{background:var(--color-accent-ghost);box-shadow:var(--ring-accent);color:var(--color-accent-bright)}.session-pills-list{gap:var(--space-xs);padding:var(--space-sm)var(--space-lg);flex-direction:column;flex-shrink:0;max-height:180px;display:flex;overflow-y:auto}.session-pills-list::-webkit-scrollbar{display:none}.session-pill-wide{align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-md);background:var(--glass-bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;width:100%;box-shadow:var(--shadow-xs),inset 0 1px #f5f5fa08;transition:all var(--duration-fast)var(--ease-out);-webkit-tap-highlight-color:transparent;font-weight:500;display:flex}.session-pill-wide:hover{background:var(--glass-bg-elevated);box-shadow:var(--shadow-sm),inset 0 1px #f5f5fa0d;transform:translateY(-1px)}.session-pill-wide:active{transform:scale(.99)}.session-pill-wide.active{background:var(--color-accent-ghost);box-shadow:var(--ring-accent),inset 0 1px #6366f114;color:var(--color-accent-bright);border-color:#6366f14d}.session-pill-wide.active .pill-name{color:var(--color-accent-bright)}.pill-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.pill-model-badge{font-family:var(--font-sans);letter-spacing:.02em;border-radius:var(--radius-full);white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff14;flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:600}.pill-dot{background:var(--color-success);border-radius:50%;flex-shrink:0;width:6px;height:6px}.pill-dot.detached{background:var(--color-text-tertiary)}.model-picker-backdrop{z-index:90;position:fixed;inset:0}.model-picker{z-index:100;background:var(--glass-bg-elevated);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);min-width:260px;box-shadow:var(--shadow-md),0 0 40px #0000004d;padding:var(--space-sm);gap:var(--space-xs);flex-direction:column;display:flex;position:absolute;top:calc(100% + 8px);right:0}.model-picker-title{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em;padding:var(--space-xs)var(--space-sm);font-weight:600}.model-picker-option{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm)var(--space-md);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-sans);color:var(--color-text);transition:all var(--duration-fast)var(--ease-out);background:0 0;border:1px solid #0000;display:flex}.model-picker-option:hover{border-color:var(--glass-border);background:#ffffff0f}.model-tier-label{font-size:var(--text-sm);font-weight:600}.model-tier-version{font-size:10px;font-family:var(--font-mono);color:var(--color-text-tertiary)}.model-tier-opus .model-tier-label{color:var(--color-accent-bright)}.model-tier-sonnet .model-tier-label{color:var(--color-warning)}.model-tier-haiku .model-tier-label{color:var(--color-success)}.model-tier-opus:hover{border-color:#6366f14d}.model-tier-sonnet:hover{border-color:#eab3084d}.model-tier-haiku:hover{border-color:#22c55e4d}.control-bar{gap:var(--space-xs);padding:var(--space-sm)var(--space-lg);-webkit-overflow-scrolling:touch;flex-shrink:0;display:flex;overflow-x:auto}.control-bar::-webkit-scrollbar{display:none}.ctrl-key{padding:var(--space-xs)var(--space-sm);background:var(--color-surface-0);box-shadow:var(--ring-subtle);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;white-space:nowrap;transition:all var(--duration-fast)var(--ease-out);-webkit-tap-highlight-color:transparent;border:none;flex-shrink:0;font-weight:500}.ctrl-key:hover{background:var(--bg-interactive);color:var(--color-text);box-shadow:var(--ring-default)}.ctrl-key:active{background:var(--bg-active);transform:scale(.93)}.ctrl-key.danger{color:var(--color-error)}.ctrl-key.danger:hover{background:#f8717126}.output-wrap{flex:1;min-height:0;position:relative;overflow:hidden}.output-wrap:before{content:"";background:linear-gradient(180deg,var(--color-surface-0)0%,transparent 100%);pointer-events:none;z-index:1;height:16px;position:absolute;top:0;left:0;right:0}.output{height:100%;padding:20px var(--space-lg);font-family:var(--font-mono);white-space:pre-wrap;word-wrap:break-word;word-break:break-word;color:var(--color-text);-webkit-overflow-scrolling:touch;font-size:12.5px;line-height:1.7;overflow:hidden auto}.output:empty:after{content:"Select a session to begin...";color:var(--color-text-tertiary);font-style:italic;font-family:var(--font-sans)}.input-bar{gap:var(--space-sm);padding:var(--space-md)var(--space-lg);padding-bottom:calc(var(--space-md) + var(--safe-bottom));background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur-heavy));box-shadow:inset 0 1px 0 0 var(--glass-border);flex-shrink:0;display:flex}.input-field{padding:var(--space-sm)var(--space-md);background:var(--color-surface-0);box-shadow:var(--ring-default);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);resize:none;transition:box-shadow var(--duration-fast)var(--ease-out);border:none;outline:none;flex:1}.input-field:focus{box-shadow:var(--ring-accent)}.input-field::placeholder{color:var(--color-text-tertiary)}.send-btn{background:var(--gradient-active);border-radius:var(--radius-md);color:#fff;cursor:pointer;width:40px;height:40px;transition:all var(--duration-fast)var(--ease-out);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.send-btn:hover{box-shadow:var(--shadow-glow-sm)}.send-btn:active{transform:scale(.93)}.swipe-container{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;display:flex;overflow:auto hidden}.swipe-container::-webkit-scrollbar{display:none}.swipe-panel{scroll-snap-align:start;flex-direction:column;flex:0 0 100%;width:100%;height:100%;display:flex;overflow:hidden}.nav-bar{background:var(--glass-bg-elevated);-webkit-backdrop-filter:blur(var(--glass-blur-heavy));box-shadow:inset 0 1px 0 0 var(--glass-border);padding-bottom:var(--safe-bottom);flex-shrink:0;align-items:stretch;display:flex}.nav-tab{padding:var(--space-sm)var(--space-xs);color:var(--color-text-tertiary);font-family:var(--font-sans);cursor:pointer;transition:color var(--duration-fast)var(--ease-out);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:10px;font-weight:600;display:flex}.nav-tab:hover{color:var(--color-text-secondary)}.nav-tab.active{color:var(--color-accent-bright)}.nav-icon{justify-content:center;align-items:center;display:flex;position:relative}.nav-badge{background:var(--color-error);border-radius:var(--radius-full);color:#fff;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-4px;right:-8px}.nav-label{letter-spacing:.02em}.panel-overlay{-webkit-backdrop-filter:blur(4px);z-index:200;opacity:0;pointer-events:none;transition:opacity var(--duration-normal)var(--ease-out);background:#0000008c;position:fixed;inset:0}.panel-overlay.open{opacity:1;pointer-events:auto}.panel{background:var(--glass-bg-elevated);width:100%;max-width:480px;-webkit-backdrop-filter:blur(var(--glass-blur-heavy));box-shadow:var(--ring-default),var(--shadow-xl);z-index:201;transition:transform var(--spring-smooth-duration)var(--spring-smooth);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%)}.panel.open{transform:translate(0)}.panel-body{padding:var(--space-lg);flex:1;overflow-y:auto}.panel-close-btn{top:var(--space-sm);right:var(--space-sm);z-index:1;font-size:1.25rem;position:absolute}.panel-header-section{margin-bottom:var(--space-md)}.panel-title{font-size:var(--text-lg);color:var(--color-text);margin-bottom:var(--space-sm);padding-right:var(--space-xl);font-weight:600}.panel-badges{gap:var(--space-xs);flex-wrap:wrap;display:flex}.panel-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:var(--space-sm)0 var(--space-md)}.panel-meta{font-size:var(--text-xs);color:var(--color-text-tertiary);font-family:var(--font-mono);margin:var(--space-sm)0}.panel-section{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border-subtle)}.panel-section-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);margin-bottom:var(--space-sm);font-weight:700}.panel-section-text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.panel-footer{gap:var(--space-sm);padding:var(--space-md)var(--space-lg);padding-bottom:calc(var(--space-md) + var(--safe-bottom));box-shadow:inset 0 1px 0 0 var(--border-subtle);background:var(--glass-bg-elevated);flex-shrink:0;align-items:center;display:flex}.panel-meta-grid{gap:var(--space-xs);grid-template-columns:1fr;display:grid}.panel-meta-item{gap:var(--space-sm);font-size:var(--text-xs);line-height:var(--leading-relaxed);display:flex}.panel-meta-label{color:var(--color-text-tertiary);flex-shrink:0;min-width:80px;font-weight:600}.panel-meta-value{color:var(--color-text-secondary);font-family:var(--font-mono);word-break:break-word}.collapsible-header{align-items:center;gap:var(--space-sm);cursor:pointer;width:100%;color:var(--color-text-tertiary);-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0;display:flex}.collapsible-header:hover{color:var(--color-text-secondary)}.collapsible-header:active{opacity:.8}.collapsible-chevron{transition:transform var(--duration-fast)var(--ease-out);flex-shrink:0;justify-content:center;width:12px;font-size:8px;display:inline-flex}.collapsible-chevron.open{transform:rotate(90deg)}.collapsible-body{margin-top:var(--space-sm)}.assessment-card{margin-top:var(--space-md);padding:var(--space-md);background:var(--color-accent-ghost);border-radius:var(--radius-md);border-left:3px solid var(--color-accent)}.assessment-text{font-size:var(--text-sm);color:var(--color-text);line-height:var(--leading-relaxed)}.assessment-meta{gap:var(--space-xs);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.alert-scroll{padding:var(--space-lg);-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.alert-list{gap:var(--space-md);flex-direction:column;display:flex}.alert-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--ring-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:all var(--duration-fast)var(--ease-out);-webkit-tap-highlight-color:transparent}.alert-card:hover{box-shadow:var(--ring-strong);transform:translateY(-2px)}.alert-card:active{transform:scale(.98)}.alert-card.severity-critical{box-shadow:var(--ring-subtle),inset 3px 0 0 var(--color-critical)}.alert-card.severity-warning{box-shadow:var(--ring-subtle),inset 3px 0 0 var(--color-warning)}.alert-card.severity-info{box-shadow:var(--ring-subtle),inset 3px 0 0 var(--color-info)}.alert-header{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.alert-name{font-size:var(--text-base);color:var(--color-text);font-weight:600;line-height:var(--leading-tight)}.alert-summary{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:var(--leading-relaxed);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.alert-meta{gap:var(--space-xs);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.alert-time{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-sm)}.dashboard-scroll{padding:var(--space-lg);-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.bento-card{background:var(--glass-bg-elevated);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--shadow-md),inset 0 1px #f5f5fa0a;border-radius:var(--radius-lg);padding:var(--space-lg);transition:box-shadow .3s,transform .3s}.bento-card:hover{box-shadow:var(--shadow-lg),inset 0 1px #f5f5fa0f;transform:translateY(-1px)}.ring-row{justify-content:space-around;align-items:flex-start;width:100%;display:flex}.ring-chart{flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.ring-svg{width:56px;height:56px}.ring-svg .ring-progress{transition:stroke-dashoffset .6s var(--ease-out)}.ring-value{font-family:var(--font-mono);color:var(--color-text);font-size:10px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-70%)}.ring-label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.dash-greeting{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.greeting-text{flex:1;min-width:0}.greeting-title{font-size:var(--text-lg);color:var(--color-text);letter-spacing:-.02em;font-weight:600}.greeting-date{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-2xs)}.greeting-status{align-items:center;gap:var(--space-xs);flex-shrink:0;display:flex}.greeting-conn-label{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:500}.connection-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dash-section{margin-bottom:var(--space-lg)}.dash-section-label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-sm);font-weight:600}.dash-panel{background:var(--glass-bg-elevated);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-md),inset 0 1px #f5f5fa0a;transition:box-shadow .3s,transform .3s}.dash-panel:hover{box-shadow:var(--shadow-lg),inset 0 1px #f5f5fa0f;transform:translateY(-1px)}.dash-alert-grid{gap:var(--space-sm);grid-template-columns:repeat(2,1fr);display:grid}.dash-alert-card{padding:var(--space-md);border-radius:var(--radius-md);cursor:pointer;border:1px solid var(--glass-border);box-shadow:var(--shadow-sm),inset 0 1px #f5f5fa08;transition:transform var(--duration-fast)var(--ease-out),box-shadow var(--duration-fast)var(--ease-out)}.dash-alert-card:hover{box-shadow:var(--shadow-md),inset 0 1px #f5f5fa0d;transform:translateY(-2px)}.dash-alert-name{font-size:var(--text-sm);color:var(--color-text);margin-top:var(--space-xs);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.dash-alert-desc{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:var(--space-2xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.dash-no-alerts{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-xl);text-align:center;flex-direction:column;grid-column:span 2;display:flex}.no-alerts-icon{color:var(--color-success);opacity:.8;font-size:28px}.no-alerts-text{font-size:var(--text-sm);color:var(--color-text-secondary)}.dash-see-more{text-align:center;padding:var(--space-sm);font-size:var(--text-xs);color:var(--color-accent-bright);cursor:pointer;border-radius:var(--radius-md);grid-column:span 2;font-weight:600}.dash-see-more:hover{background:var(--color-accent-ghost)}.dash-term-grid{gap:var(--space-sm);grid-template-columns:repeat(2,1fr);display:grid}.dash-term-list{gap:var(--space-xs);flex-direction:column;display:flex}.dash-session-card{align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);cursor:pointer;border:1px solid var(--glass-border);box-shadow:var(--shadow-sm),inset 0 1px #f5f5fa08;transition:transform var(--duration-fast)var(--ease-out),box-shadow var(--duration-fast)var(--ease-out);display:flex}.dash-session-card:hover{box-shadow:var(--shadow-md),inset 0 1px #f5f5fa0d;transform:translateY(-2px)}.session-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dash-session-name{font-size:var(--text-sm);font-weight:600;font-family:var(--font-mono);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.dash-session-model{border-radius:var(--radius-full);white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff14;flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:600}.model-color-opus{color:var(--color-accent-bright);border-color:#6366f140}.model-color-sonnet{color:var(--color-warning);border-color:#eab30840}.model-color-haiku{color:var(--color-success);border-color:#22c55e40}.dash-session-state{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:capitalize;flex-shrink:0}.stats-bar{gap:var(--space-sm);font-family:var(--font-mono);margin-left:auto;display:flex}.stat-mini{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);box-shadow:var(--ring-subtle);border-radius:var(--radius-sm);flex-direction:column;align-items:center;min-width:38px;padding:2px 6px;display:flex}.stat-mini-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:7px;font-weight:600}.stat-mini-value{color:var(--color-success);font-size:10px;font-weight:700}.stat-mini-value.warn{color:var(--color-warning)}.stat-mini-value.danger{color:var(--color-error)}.more-scroll{padding:var(--space-lg);-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.more-scroll>*+*{margin-top:var(--space-md)}.library-section+.library-section{margin-top:var(--space-sm)}.analytics-grid{gap:var(--space-sm);grid-template-columns:repeat(3,1fr);display:grid}.stat-card-value{font-size:var(--text-xl);font-weight:700}.stat-card-label{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-2xs)}.color-accent{color:var(--color-accent-bright)}.color-success{color:var(--color-success)}.color-error{color:var(--color-error)}.color-warning{color:var(--color-warning)}.history-list{gap:var(--space-sm);flex-direction:column;display:flex}.history-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--ring-subtle);border-radius:var(--radius-md);padding:var(--space-md)}.history-card.resolved{box-shadow:var(--ring-subtle),inset 3px 0 0 var(--color-success)}.history-card.rejected{box-shadow:var(--ring-subtle),inset 3px 0 0 var(--color-text-tertiary)}.history-card-top{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.history-card-name{font-size:var(--text-sm);color:var(--color-text);font-weight:600}.history-card-time{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-xs)}.empty-state{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-3xl)var(--space-xl);text-align:center;color:var(--color-text-tertiary);flex-direction:column;display:flex}.empty-state svg{opacity:.3;width:48px;height:48px}.empty-state p{font-size:var(--text-sm);max-width:240px}.empty-state-mini{font-size:var(--text-sm);color:var(--color-text-tertiary);text-align:center;padding:var(--space-md)0}.hl-accent,.hl-accent-bright{color:var(--color-accent-bright)}.hl-dim{opacity:.5}.hl-success{color:var(--color-success)}.hl-error{color:var(--color-error)}.hl-warning{color:var(--color-warning)}.hl-yellow{color:var(--color-yellow)}.hl-peach{color:var(--color-peach)}.hl-flamingo{color:var(--color-flamingo)}.hl-input{color:var(--color-text);font-weight:500}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes critical-pulse{0%,to{box-shadow:var(--ring-subtle),inset 3px 0 0 var(--color-critical)}50%{box-shadow:var(--ring-subtle),inset 3px 0 0 var(--color-error),0 0 16px 2px #ef44441f}}@media(prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.quick-actions{gap:var(--space-sm);padding:var(--space-xs)0;scrollbar-width:none;display:flex;overflow-x:auto}.quick-actions::-webkit-scrollbar{display:none}.quick-action-btn{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--text-sm);font-family:var(--font-sans);white-space:nowrap;cursor:pointer;-webkit-backdrop-filter:blur(var(--glass-blur));align-items:center;gap:6px;padding:8px 16px;line-height:1;text-decoration:none;transition:all .2s;display:inline-flex}.quick-action-btn:hover{border-color:var(--color-accent);color:var(--color-text);box-shadow:var(--shadow-sm);background:#6366f10f;transform:translateY(-1px)}.quick-action-btn:active{transform:scale(.96)}.quick-action-btn svg{opacity:.7;width:14px;height:14px}.health-check-btn{color:var(--color-accent-bright);background:linear-gradient(135deg,#6366f11f,#8b5cf614);border-color:#6366f140}.health-check-btn:hover{background:linear-gradient(135deg,#6366f12e,#8b5cf61f);border-color:#6366f166}.health-check-btn.loading{pointer-events:none;animation:1.5s ease-in-out infinite health-pulse}@keyframes health-pulse{0%,to{box-shadow:0 0 #6366f100}50%{box-shadow:0 0 14px 3px #6366f140}}.service-health-section{margin-top:var(--space-xs)}.service-group-header{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em;padding:var(--space-xs)0 4px;font-size:10px;font-weight:600}.service-health-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:4px;display:grid}.service-tile{background:var(--glass-bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs),inset 0 1px #f5f5fa08;align-items:center;gap:6px;padding:5px 8px;transition:border-color .2s,box-shadow .2s;display:flex}.service-tile:hover{border-color:var(--border-default);box-shadow:var(--shadow-sm),inset 0 1px #f5f5fa0d}.service-tile .status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.service-tile .service-name{color:var(--color-text-secondary);flex:1;font-size:11px;line-height:1.3}.service-tile .service-uptime{font-size:10px;font-family:var(--font-mono);color:var(--color-text-tertiary)}.network-health-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.network-stat{background:var(--glass-bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm),inset 0 1px #f5f5fa08;padding:10px 12px;transition:border-color .2s,box-shadow .2s,transform .2s}.network-stat:hover{border-color:var(--border-default);box-shadow:var(--shadow-md),inset 0 1px #f5f5fa0d;transform:translateY(-1px)}.network-stat-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:10px;font-weight:500}.network-stat-value{font-size:var(--text-sm);font-family:var(--font-mono);color:var(--color-text)}.network-stat-sub{color:var(--color-text-tertiary);margin-top:2px;font-size:10px}.network-stat-row{align-items:center;gap:6px;display:flex}.net-wan-bar{background:var(--glass-bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm),inset 0 1px #f5f5fa08;align-items:center;gap:8px;margin-bottom:6px;padding:8px 12px;display:flex}.net-wan-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:600}.net-wan-value{font-size:var(--text-sm);font-family:var(--font-mono);color:var(--color-text)}.net-wan-stat{font-size:11px;font-family:var(--font-mono);color:var(--color-text-secondary);border-radius:var(--radius-sm);background:#f5f5fa0a;padding:1px 6px}.net-wan-loss{color:var(--color-warning)}.net-iface-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px;margin-bottom:6px;display:grid}.net-iface-card{background:var(--glass-bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm),inset 0 1px #f5f5fa08;padding:10px 12px;transition:border-color .2s,box-shadow .2s,transform .2s}.net-iface-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-md),inset 0 1px #f5f5fa0d;transform:translateY(-1px)}.net-iface-header{align-items:center;gap:6px;margin-bottom:6px;display:flex}.net-iface-name{font-size:var(--text-sm);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.net-iface-speed{font-size:10px;font-family:var(--font-mono);color:var(--color-text-tertiary);border-radius:var(--radius-sm);background:#f5f5fa0a;flex-shrink:0;padding:1px 5px}.net-iface-traffic{font-size:11px;font-family:var(--font-mono);gap:10px;display:flex}.net-traffic-up{color:var(--color-accent-bright)}.net-traffic-up:before{content:"↑";font-size:10px}.net-traffic-down{color:var(--color-success)}.net-traffic-down:before{content:"↓";font-size:10px}.net-iface-devices{color:var(--color-text-tertiary);margin-top:4px;font-size:10px}.net-wifi-bar{background:var(--glass-bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm),inset 0 1px #f5f5fa08;margin-bottom:6px;padding:10px 12px}.net-wifi-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.net-wifi-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:600}.net-wifi-clients{font-size:var(--text-sm);font-family:var(--font-mono);color:var(--color-text);margin-left:auto}.net-wifi-aps{flex-wrap:wrap;gap:12px;display:flex}.net-wifi-ap{align-items:center;gap:5px;font-size:11px;display:flex}.net-wifi-ap-name{color:var(--color-text-secondary)}.net-wifi-ap-clients{font-family:var(--font-mono);color:var(--color-text-tertiary);font-size:10px}.net-wifi-ap-clients:after{content:" clients"}.net-dns-row{flex-wrap:wrap;gap:6px;display:flex}.net-dns-stat{background:var(--glass-bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-md);min-width:70px;box-shadow:var(--shadow-sm),inset 0 1px #f5f5fa08;text-align:center;flex:1;padding:8px 10px}.net-dns-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;font-size:9px;font-weight:600;display:block}.net-dns-value{font-size:var(--text-sm);font-family:var(--font-mono);color:var(--color-text);font-weight:500;display:block}.net-dns-sub{color:var(--color-text-tertiary);font-size:10px;display:block}.gradient-top-border{position:relative;overflow:hidden}.gradient-top-border:before{content:"";background:var(--gradient-active);opacity:.5;border-radius:var(--radius-md)var(--radius-md)0 0;height:2px;position:absolute;top:0;left:0;right:0}.health-results-panel{background:var(--glass-bg-elevated);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-sm);box-shadow:var(--shadow-md),inset 0 1px #f5f5fa0a;animation:.3s slide-in}@keyframes slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.cluster-health-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.cluster-health-row:last-child{border-bottom:none}.cluster-name{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.cluster-count{font-size:var(--text-sm);font-family:var(--font-mono)}.glow-success{box-shadow:var(--shadow-md),0 0 12px #34d39926,inset 0 1px #34d39914}.glow-warning{box-shadow:var(--shadow-md),0 0 12px #fbbf2426,inset 0 1px #fbbf2414}.glow-danger{box-shadow:var(--shadow-md),0 0 12px #f8717126,inset 0 1px #f8717114}.health-empty-state{text-align:center;padding:var(--space-md);color:var(--color-text-tertiary);font-size:var(--text-sm)}.health-spinner{border:2px solid var(--color-accent-ghost);border-top-color:var(--color-accent);border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.chat-messages-container{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.chat-empty-state{padding:var(--space-3xl);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.chat-empty-icon{margin-bottom:var(--space-md);opacity:.5;font-size:48px}.chat-empty-title{font-size:var(--text-lg);color:var(--color-text);margin-bottom:var(--space-xs);font-weight:500}.chat-empty-subtitle{font-size:var(--text-sm);color:var(--color-text-tertiary);max-width:320px}.chat-messages-scroll{padding:var(--space-md);gap:var(--space-md);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-message{gap:var(--space-md);align-items:flex-start;animation:.3s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-message-avatar{background:var(--glass-bg);border-radius:var(--radius-md);border:1px solid var(--glass-border);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;display:flex}.chat-message.assistant .chat-message-avatar{background:var(--color-accent-ghost);border-color:#6366f133}.chat-message-content{gap:var(--space-xs);flex-direction:column;flex:1;display:flex}.chat-message-role{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.chat-message-text{font-size:var(--text-base);color:var(--color-text);line-height:var(--leading-relaxed);white-space:pre-wrap;word-wrap:break-word}.chat-message-time{font-size:var(--text-xs);color:var(--color-text-tertiary);opacity:.6}.chat-loading{padding:var(--space-sm)0;gap:6px;display:flex}.chat-loading-dot{background:var(--color-accent);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite chatDotPulse}.chat-loading-dot:nth-child(2){animation-delay:.2s}.chat-loading-dot:nth-child(3){animation-delay:.4s}@keyframes chatDotPulse{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.chat-error{padding:var(--space-md);background:var(--color-error-ghost);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm);align-items:center;gap:var(--space-sm);margin:var(--space-md);border:1px solid #f8717133;margin-top:0;display:flex}.chat-input-form{gap:var(--space-sm);padding:var(--space-md);background:var(--glass-bg);border-top:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));display:flex}.chat-input{background:var(--color-surface-0);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--color-text);font-size:var(--text-base);font-family:var(--font-sans);flex:1;padding:12px 16px;transition:all .2s}.chat-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-ghost);outline:none}.chat-input:disabled{opacity:.5;cursor:not-allowed}.chat-input::placeholder{color:var(--color-text-tertiary)}.chat-submit-btn{background:var(--gradient-active);border-radius:var(--radius-lg);color:#fff;cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;transition:all .2s;display:flex}.chat-submit-btn:hover:not(:disabled){background:var(--gradient-active-hover);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.chat-submit-btn:active:not(:disabled){transform:scale(.96)}.chat-submit-btn:disabled{opacity:.4;cursor:not-allowed;background:var(--color-surface-2)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}