:root{--t-bg-page:#f5f5f8;--t-bg-page-end:#ecedf2;--t-bg-page-gradient:#f5f2fb;--t-surface:#00000008;--t-surface-elevated:#0000000d;--t-surface-hover:#00000012;--t-border:#0000001a;--t-border-medium:#00000024;--t-text-primary:#1a1a2e;--t-text-secondary:#4a4a60;--t-text-muted:#7a7a90;--t-text-dim:#a0a0b4;--t-text-faint:#b8b8c8;--t-glass:#ffffffd1;--t-glass-light:#ffffffb3;--t-overlay:#fffffff5;--t-overlay-soft:#fffffff0;--t-input-bg:#f0eef5;--t-input-bg-focus:#e8e6ed;--t-input-placeholder:#b0b0c0;--t-sidebar-bg:#f0eef5;--t-sidebar-solid:#f0eef5;--t-sidebar-shadow:2px 0 24px #00000014;--t-bubble-user:linear-gradient(135deg, #e5e7eb 0%, #d1d5db 100%);--t-bubble-user-shadow:0 1px 3px #0f172a0f, 0 1px 1px #0f172a0a;--t-bubble-user-text:var(--t-text-primary);--t-scrollbar-thumb:#0000001a;--t-scrollbar-thumb-hover:#0000002e;--t-code-bg:#0000000a;--t-code-text:#1a1a2e;--t-card-border:#10182814;--t-surface-card:linear-gradient(180deg, #ffffffeb 0%, #ffffffb8 100%);--t-surface-card-hover:linear-gradient(180deg, #fffffff7 0%, #fffc 100%);--t-shadow-card:0 1px 2px #1018280a, 0 10px 28px -14px #10182824;--t-shadow-card-hover:0 2px 6px #10182812, 0 22px 44px -18px #10182833;--t-surface-panel:#ffffffdb;--t-surface-panel-hover:#fffffff2;--t-accent-gradient:linear-gradient(135deg, #6366f1 0%, #818cf8 50%, #a78bfa 100%);--t-accent-shadow:0 4px 18px #6366f14d;--t-glow-brand:radial-gradient(circle, #6366f129, transparent 70%);--t-accent-ink:#4f46e5}[data-theme=dark]{--t-bg-page:#0d0d0f;--t-bg-page-end:#131316;--t-bg-page-gradient:#0d0d0f;--t-surface:#ffffff08;--t-surface-elevated:#ffffff0d;--t-surface-hover:#ffffff12;--t-border:#ffffff0f;--t-border-medium:#ffffff14;--t-text-primary:#f2f2f4;--t-text-secondary:#a6a6ab;--t-text-muted:#6f6f76;--t-text-dim:#4c4c52;--t-text-faint:#3a3a40;--t-glass:#121214bf;--t-glass-light:#16161999;--t-overlay:#101012f2;--t-overlay-soft:#101012eb;--t-input-bg:#1a1a1d;--t-input-bg-focus:#202024;--t-input-placeholder:#4c4c52;--t-sidebar-bg:linear-gradient(180deg, #18181bf0 0%, #0e0e10f7 100%);--t-sidebar-solid:#161618;--t-sidebar-shadow:2px 0 32px #0006;--t-bubble-user:linear-gradient(135deg, #ffffff14 0%, #ffffff0d 100%);--t-bubble-user-shadow:0 2px 10px #0000002e, 0 1px 2px #0000002e;--t-bubble-user-text:var(--t-text-primary);--t-scrollbar-thumb:#ffffff14;--t-scrollbar-thumb-hover:#ffffff24;--t-code-bg:#00000059;--t-code-text:#e6e6ea;--t-card-border:#ffffff14;--t-surface-card:linear-gradient(180deg, #ffffff0d 0%, #ffffff06 100%);--t-surface-card-hover:linear-gradient(180deg, #ffffff14 0%, #ffffff0a 100%);--t-shadow-card:0 1px 2px #0006, 0 14px 34px -16px #0000008c;--t-shadow-card-hover:0 2px 6px #00000080, 0 24px 50px -18px #000000a8;--t-surface-panel:#ffffff0e;--t-surface-panel-hover:#ffffff16;--t-accent-gradient:linear-gradient(135deg, #6366f1 0%, #818cf8 50%, #a78bfa 100%);--t-accent-shadow:0 4px 20px #6366f173;--t-glow-brand:radial-gradient(circle, #818cf833, transparent 70%);--t-accent-ink:#a5b4fc}*{box-sizing:border-box}html,body{font-family:var(--font-sans,ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);background:var(--t-bg-page);color:var(--t-text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}@keyframes msg-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-msg-in{animation:.35s cubic-bezier(.22,1,.36,1) both msg-in}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:.3s ease-out fade-in}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes cial-gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}.cial-logo{letter-spacing:-.01em;-webkit-text-fill-color:#0000;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;font-weight:700;transition:filter .4s}.cial-logo--idle{background-image:linear-gradient(135deg,#818cf8,#a78bfa,#6366f1,#818cf8);animation:6s ease-in-out infinite cial-gradient-shift}.home-sidebar-bg{background:var(--t-sidebar-bg);border:1px solid var(--t-border);box-shadow:0 6px 24px #0f172a14,0 1px 2px #0f172a0a}[data-theme=dark] .home-sidebar-bg{box-shadow:0 8px 32px #00000080,0 1px 2px #0000004d}.cial-avatar{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#818cf8 50%,#a78bfa 100%);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:.75rem;font-weight:600;display:flex}.composer-shell{background:var(--t-input-bg);border:1px solid var(--t-border);transition:border-color .2s,background .2s,box-shadow .2s}.composer-shell:focus-within{background:var(--t-input-bg-focus);border-color:#6366f166;box-shadow:0 0 0 3px #6366f11f,0 8px 28px #00000040}.send-button{color:#fff;background:var(--t-surface-hover);opacity:.4;cursor:not-allowed;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;transition:opacity .15s;display:flex}.send-button--ready{opacity:1;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#818cf8 50%,#a78bfa 100%);box-shadow:0 4px 18px #6366f173}@property --glow-from{syntax:"<color>";inherits:true;initial-value:#818cf8}@property --glow-via{syntax:"<color>";inherits:true;initial-value:#a5b4fc}@property --glow-shadow{syntax:"<color>";inherits:true;initial-value:#818cf859}@property --glow-shadow-soft{syntax:"<color>";inherits:true;initial-value:#818cf833}@property --glow-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes glow-pulse{0%,to{filter:drop-shadow(0 0 10px var(--glow-shadow)) drop-shadow(0 0 22px var(--glow-shadow-soft))}50%{filter:drop-shadow(0 0 16px var(--glow-shadow)) drop-shadow(0 0 32px var(--glow-shadow))}}@keyframes glow-spin{to{--glow-angle:360deg}}.glow-border{transition:--glow-from .6s,--glow-via .6s,--glow-shadow .6s,--glow-shadow-soft .6s;position:relative}.glow-border:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(var(--glow-angle,0deg), var(--glow-from), var(--glow-via), var(--glow-from));opacity:0;transition:opacity .4s;animation:6s linear infinite glow-spin;position:absolute;inset:0}.glow-border.glow-active{animation:2.5s ease-in-out infinite glow-pulse}.glow-border.glow-active:before{opacity:1}.active-notch{z-index:1;background:#fff;position:relative}[data-theme=dark] .active-notch{background:var(--t-bg-page)}@keyframes stream-dot-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.6)}}.cial-static-dot{background:#818cf8;border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 6px #818cf880}.cial-stream-dot{background:#818cf8;border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:background .4s,box-shadow .4s;animation:1.6s ease-in-out infinite stream-dot-pulse;box-shadow:0 0 8px #818cf899}.cial-stream-dot--thinking{background:#818cf8;animation:2s ease-in-out infinite stream-dot-pulse;box-shadow:0 0 8px #818cf899}.cial-stream-dot--researching{background:#60a5fa;animation:1.2s ease-in-out infinite stream-dot-pulse;box-shadow:0 0 8px #60a5fa99}.cial-stream-dot--editing{background:#f59e0b;animation:.8s ease-in-out infinite stream-dot-pulse;box-shadow:0 0 8px #f59e0b99}.cial-stream-dot--executing{background:#10b981;animation:.6s ease-in-out infinite stream-dot-pulse;box-shadow:0 0 8px #10b98199}.cial-stream-dot--delegating{background:#a78bfa;animation:1.5s ease-in-out infinite stream-dot-pulse;box-shadow:0 0 8px #a78bfa99}.cial-stream-dot--browsing{background:#0ea5e9;animation:1.2s ease-in-out infinite stream-dot-pulse;box-shadow:0 0 8px #0ea5e999}.cial-stream-dot--writing{background:#38bdf8;animation:2s ease-in-out infinite stream-dot-pulse;box-shadow:0 0 8px #38bdf899}.cial-stream-dot--working{background:#fb923c;animation:1s ease-in-out infinite stream-dot-pulse;box-shadow:0 0 8px #fb923c99}.cial-stream-dot--checking{background:#22d3ee;animation:1.4s ease-in-out infinite stream-dot-pulse;box-shadow:0 0 8px #22d3ee99}.cial-title-shine{-webkit-text-fill-color:#0000;color:#0000;background-image:linear-gradient(135deg,#818cf8,#c4b5fd,#a78bfa,#818cf8);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:3s ease-in-out infinite cial-gradient-shift}@media (prefers-reduced-motion:reduce){.cial-title-shine{animation:none}}.cial-stream-name{-webkit-text-fill-color:#0000;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;transition:filter .4s}.cial-stream-name--thinking{background-image:linear-gradient(135deg,#818cf8,#a78bfa,#c4b5fd,#818cf8);animation:4s ease-in-out infinite cial-gradient-shift}.cial-stream-name--researching{filter:brightness(1.05);background-image:linear-gradient(135deg,#60a5fa,#818cf8,#93c5fd,#60a5fa);animation:2s ease-in-out infinite cial-gradient-shift}.cial-stream-name--editing{filter:brightness(1.1);background-image:linear-gradient(135deg,#fbbf24,#f59e0b,#fcd34d,#fbbf24);animation:1.2s ease-in-out infinite cial-gradient-shift}.cial-stream-name--executing{filter:brightness(1.1);background-image:linear-gradient(135deg,#34d399,#10b981,#6ee7b7,#34d399);animation:1s ease-in-out infinite cial-gradient-shift}.cial-stream-name--delegating{background-image:linear-gradient(135deg,#a78bfa,#c084fc,#d8b4fe,#a78bfa);animation:2.5s ease-in-out infinite cial-gradient-shift}.cial-stream-name--browsing{filter:brightness(1.05);background-image:linear-gradient(135deg,#38bdf8,#0ea5e9,#7dd3fc,#38bdf8);animation:2s ease-in-out infinite cial-gradient-shift}.cial-stream-name--writing{background-image:linear-gradient(135deg,#38bdf8,#818cf8,#60a5fa,#38bdf8);animation:3s ease-in-out infinite cial-gradient-shift}.cial-stream-name--working{filter:brightness(1.1);background-image:linear-gradient(135deg,#fb923c,#fdba74,#fed7aa,#fb923c);animation:1.4s ease-in-out infinite cial-gradient-shift}.cial-stream-name--checking{filter:brightness(1.05);background-image:linear-gradient(135deg,#22d3ee,#67e8f9,#a5f3fc,#22d3ee);animation:2s ease-in-out infinite cial-gradient-shift}@keyframes bubble-active-sweep{0%,to{background-position:0%}50%{background-position:100%}}@keyframes bubble-active-glow{0%,to{box-shadow:var(--t-bubble-user-shadow),0 0 0 0 #818cf800}50%{box-shadow:var(--t-bubble-user-shadow),0 0 16px 1px #818cf852}}.bubble-user{background:var(--t-bubble-user);box-shadow:var(--t-bubble-user-shadow);color:var(--t-bubble-user-text);overflow-wrap:break-word;word-break:break-word;min-width:0}.bubble-user--active{color:#1a1a2e;background-image:linear-gradient(110deg,#bfdbfe 0%,#c7d2fe 25%,#a5b4fc 50%,#c7d2fe 75%,#bfdbfe 100%);background-size:300% 100%;animation:25s ease-in-out infinite bubble-active-sweep,5s ease-in-out infinite bubble-active-glow}[data-theme=dark] .bubble-user--active{color:#e0e7ff;background-image:linear-gradient(110deg,#1e1b4b 0%,#312e81 25%,#4338ca 50%,#312e81 75%,#1e1b4b 100%)}@keyframes cb-orbit{to{transform:rotate(360deg)}}@keyframes cb-orbit-rev{to{transform:rotate(-360deg)}}.cb-orbit{will-change:transform;animation:9s linear infinite cb-orbit}.cb-orbit-rev{will-change:transform;animation:9s linear infinite cb-orbit-rev}@media (prefers-reduced-motion:reduce){.cb-orbit,.cb-orbit-rev{animation:none!important}}@keyframes cial-badge-glow{0%,to{box-shadow:0 0 6px 0 var(--cial-badge-glow,transparent),0 1px 2px 0 #00000026}50%{box-shadow:0 0 16px 2px var(--cial-badge-glow,transparent),0 1px 2px 0 #00000026}}.cial-badge-glow-pulse{animation:1.6s ease-in-out infinite cial-badge-glow}.cial-badge-glow-static{box-shadow:0 0 12px 1px var(--cial-badge-glow,transparent),0 1px 2px 0 #00000026}@keyframes cial-badge-shine{0%{background-position:200% 0}to{background-position:0 0}}.cial-badge-shine{background-image:linear-gradient(100deg, var(--cial-badge-text,currentColor) 0%, var(--cial-badge-text,currentColor) 42%, #fff 50%, var(--cial-badge-text,currentColor) 58%, var(--cial-badge-text,currentColor) 100%);-webkit-text-fill-color:#0000;color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:1.6s linear infinite cial-badge-shine}@keyframes timeline-step-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes timeline-dot-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--t-accent) 50%, transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb, var(--t-accent) 0%, transparent)}}.animate-timeline-step-in{animation:.35s cubic-bezier(.22,1,.36,1) both timeline-step-in}.timeline-dot{background:var(--t-text-dim,#6f6f76);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:5px;transition:all .3s}.timeline-dot--done{background:var(--t-success,#34d399);box-shadow:0 0 6px color-mix(in srgb, var(--t-success,#34d399) 45%, transparent)}.timeline-dot--active{background:var(--t-accent,#6366f1);animation:1.5s ease-in-out infinite timeline-dot-pulse}.timeline-dot--failed{background:var(--t-danger,#f87171);box-shadow:0 0 6px color-mix(in srgb, var(--t-danger,#f87171) 45%, transparent)}.timeline-line{background:linear-gradient(to bottom, var(--t-border-medium,#ffffff24), transparent);width:1px;min-height:6px;margin:3px 0}.streaming-timeline{margin-bottom:.5rem;margin-left:.125rem}@keyframes cial-thinking-caret{0%,to{opacity:1}50%{opacity:.18}}.cial-thinking-cursor{background:var(--t-text-secondary,#a6a6ab);vertical-align:middle;width:2px;height:1.1em;animation:1.2s ease-in-out infinite cial-thinking-caret;display:inline-block}.session-row{transition:background-color .15s}.session-row:hover:not(.session-row--active){background:var(--t-surface,#ffffff0a)}.session-row--active{background:var(--t-surface-hover,#ffffff12)}.session-row-active-bar{pointer-events:none}@media (prefers-reduced-motion:reduce){.glow-border.glow-active,.glow-border:before,.cial-badge-glow-pulse,.cial-badge-shine,.animate-timeline-step-in,.timeline-dot--active,.cial-thinking-cursor,.cial-stream-dot,.cial-stream-name,.cial-title-shine,.cial-logo--idle,.bubble-user--active,.animate-spin,.animate-pulse{animation:none!important}.cial-stream-name,.cial-title-shine,.cial-logo--idle{-webkit-text-fill-color:currentColor;color:var(--t-text-primary,#f2f2f4);background:0 0}}.cial-input{border:1px solid var(--t-border);background:var(--t-input-bg);width:100%;color:var(--t-text-primary);border-radius:.75rem;padding:.625rem .875rem;font-size:13.5px;transition:border-color .16s,background .16s,box-shadow .16s}.cial-input::placeholder{color:var(--t-input-placeholder)}.cial-input:focus{background:var(--t-input-bg-focus);border-color:#6366f180;outline:none;box-shadow:0 0 0 3px #6366f12e}.cial-input:disabled{opacity:.55;cursor:not-allowed}select.cial-input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--t-text-muted) 50%),linear-gradient(135deg, var(--t-text-muted) 50%, transparent 50%);background-position:calc(100% - 16px) 18px,calc(100% - 11px) 18px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:2rem}.cial-btn-ghost,.cial-btn-secondary,.cial-btn-primary{cursor:pointer;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:13px;font-weight:500;transition:background .16s,border-color .16s,box-shadow .16s,transform 80ms,color .16s;display:inline-flex}.cial-btn-ghost:disabled,.cial-btn-secondary:disabled,.cial-btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.cial-btn-ghost:active:not(:disabled),.cial-btn-secondary:active:not(:disabled),.cial-btn-primary:active:not(:disabled){transform:scale(.98)}.cial-btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#818cf8 50%,#a78bfa 100%);border:none;box-shadow:0 4px 18px #6366f159}.cial-btn-primary:hover:not(:disabled){box-shadow:0 6px 22px #6366f180}.cial-btn-secondary{border:1px solid var(--t-border);background:var(--t-surface);color:var(--t-text-primary)}.cial-btn-secondary:hover:not(:disabled){background:var(--t-surface-hover);border-color:var(--t-border-medium)}.cial-btn-ghost{color:var(--t-text-secondary);background:0 0;border:1px solid #0000}.cial-btn-ghost:hover:not(:disabled){background:var(--t-surface);color:var(--t-text-primary)}