.cl-demo{--cl-bg:#faf9f5;--cl-side:#f4f3ee;--cl-raised:#fff;--cl-bubble:#f0eee6;--cl-text:#141413;--cl-text-2:#3d3d3a;--cl-muted:#73726c;--cl-line:#1f1e1d21;--cl-hover:#1f1e1d0e;--cl-accent:#c6613f;--cl-spark:#d97757;--cl-chrome:#e8e7e2;--cl-field:#fff;--cl-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--cl-serif:ui-serif, Charter, "Bitstream Charter", "Iowan Old Style", Georgia, Cambria, serif;--k-surface:#fff;--k-text:#1d1d1a;--k-text-2:#5d5c56;--k-line:#e7e5dd;--k-tone:#6647b3;--k-tone-soft:#eee9f9;position:relative;container:cl/inline-size}html[data-theme=dark] .cl-demo{--cl-bg:#262624;--cl-side:#1f1e1d;--cl-raised:#30302e;--cl-bubble:#141413;--cl-text:#faf9f5;--cl-text-2:#c2c0b6;--cl-muted:#9c9a92;--cl-line:#dedcd121;--cl-hover:#dedcd10f;--cl-chrome:#191918;--cl-field:#2b2b29;--k-surface:#1c1c1a;--k-text:#edece7;--k-text-2:#aeaca4;--k-line:#31312e;--k-tone:#b7a2ec;--k-tone-soft:#262038}.cl-window{border:1px solid var(--line);background:var(--cl-bg);color:var(--cl-text);font-family:var(--cl-sans);text-align:left;-webkit-font-smoothing:antialiased;border-radius:14px;overflow:hidden;box-shadow:0 2px 4px #282b250a,0 40px 90px -40px #282b2559}html[data-theme=dark] .cl-window{box-shadow:0 40px 90px -40px #000}.cl-fading{opacity:0}.cl-bar{border-bottom:1px solid var(--cl-line);background:var(--cl-chrome);height:42px;color:var(--cl-muted);align-items:center;gap:14px;padding:0 14px;display:flex}.cl-lights{gap:7px;display:flex}.cl-lights i{background:#ff5f57;border-radius:50%;width:11px;height:11px}.cl-lights i:nth-child(2){background:#febc2e}.cl-lights i:nth-child(3){background:#28c840}.cl-nav{gap:6px;display:flex}.cl-url{background:var(--cl-field);width:min(440px,100%);min-width:0;height:28px;color:var(--cl-text-2);border-radius:8px;justify-content:center;align-items:center;gap:6px;margin:0 auto;padding:0 12px;font-size:12.5px;display:flex}.cl-url>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cl-bar-end{flex-shrink:1;width:99px}.cl-app{height:620px;transition:opacity .5s;display:flex}.cl-side{border-right:1px solid var(--cl-line);background:var(--cl-side);width:248px;color:var(--cl-text-2);flex-direction:column;flex-shrink:0;gap:2px;padding:10px 10px 12px;font-size:14px;display:flex}.cl-side-top{height:38px;color:var(--cl-muted);align-items:center;gap:12px;margin-bottom:8px;padding:0 8px;display:flex}.cl-wordmark{color:var(--cl-text);font-family:var(--cl-serif);letter-spacing:-.02em;font-size:21px;font-weight:500}.cl-side-link{border-radius:8px;align-items:center;gap:11px;height:34px;padding:0 8px;display:flex}.cl-side-new{color:var(--cl-text);margin-bottom:4px;font-weight:500}.cl-plus{background:var(--cl-accent);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;margin-left:-3px;display:grid}.cl-recents{flex-direction:column;gap:1px;min-height:0;margin-top:18px;display:flex;overflow:hidden}.cl-recents-label{color:var(--cl-muted);padding:0 8px 6px;font-size:12px}.cl-recent{text-overflow:ellipsis;white-space:nowrap;border-radius:8px;padding:7px 8px;font-size:13.5px;overflow:hidden}.cl-recent-active{background:var(--cl-hover);color:var(--cl-text);animation:.35s both cl-in}.cl-user{border-top:1px solid var(--cl-line);color:var(--cl-muted);align-items:center;gap:10px;margin-top:auto;padding:12px 8px 0;display:flex}.cl-avatar{background:var(--cl-text-2);width:30px;height:30px;color:var(--cl-bg);border-radius:50%;place-items:center;font-size:12px;font-weight:600;display:grid}.cl-user-name{flex:1;line-height:1.3;display:grid}.cl-user-name b{color:var(--cl-text);font-size:13.5px;font-weight:500}.cl-user-name small{font-size:12px}.cl-main{flex-direction:column;flex:1;min-width:0;display:flex}.cl-main-new{justify-content:center;align-items:center;padding:0 32px 48px}.cl-greeting{color:var(--cl-text);font-family:var(--cl-serif);letter-spacing:-.02em;align-items:center;gap:14px;margin-bottom:30px;font-size:38px;font-weight:400;display:flex}.cl-spark{color:var(--cl-spark)}.cl-spark-busy{animation:2.2s cubic-bezier(.6,0,.4,1) infinite cl-spark}.cl-composer{border:1px solid var(--cl-line);background:var(--cl-raised);border-radius:20px;width:100%;max-width:672px;padding:14px 14px 10px;box-shadow:0 4px 20px #00000009}.cl-input{min-height:50px;color:var(--cl-text);padding:2px 4px 0;font-size:16px;line-height:1.5}.cl-placeholder{color:var(--cl-muted)}.cl-caret{background:var(--cl-text);width:1.5px;height:1.15em;margin:0 1px -.2em;animation:1s step-end infinite cl-blink;display:inline-block}.cl-composer-row{align-items:center;gap:8px;margin-top:10px;display:flex}.cl-icon-btn{border:1px solid var(--cl-line);width:32px;height:32px;color:var(--cl-text-2);border-radius:8px;place-items:center;display:grid}.cl-model{color:var(--cl-text-2);align-items:center;gap:4px;margin-left:auto;padding:0 6px;font-size:13.5px;display:flex}.cl-send{background:var(--cl-accent);color:#fff;border-radius:8px;place-items:center;width:32px;height:32px;transition:transform .12s,opacity .2s;display:grid}.cl-send-idle{opacity:.5}.cl-pressed{transform:scale(.9)}.cl-chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.cl-chips span{border:1px solid var(--cl-line);height:32px;color:var(--cl-text-2);border-radius:8px;align-items:center;gap:7px;padding:0 11px;font-size:13.5px;display:flex}.cl-head{flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 18px;display:flex}.cl-title{color:var(--cl-text);align-items:center;gap:6px;font-size:14px;transition:opacity .4s;display:flex}.cl-title-empty{opacity:0}.cl-share{border:1px solid var(--cl-line);color:var(--cl-text);border-radius:8px;padding:6px 12px;font-size:13px;font-weight:500}.cl-scroll{scroll-behavior:smooth;flex:1;min-height:0;overflow:hidden}.cl-thread{flex-direction:column;gap:22px;max-width:672px;margin:0 auto;padding:8px 24px 24px;display:flex}.cl-you{background:var(--cl-bubble);max-width:82%;color:var(--cl-text);border-radius:16px;align-self:flex-end;padding:10px 16px;font-size:15px;line-height:1.5;animation:.3s both cl-in}.cl-reply{color:var(--cl-text);font-family:var(--cl-serif);flex-direction:column;gap:14px;font-size:16.5px;line-height:1.62;display:flex}.cl-tools{border:1px solid var(--cl-line);font-family:var(--cl-sans);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.cl-tool{height:40px;color:var(--cl-text-2);align-items:center;gap:10px;padding:0 12px;font-size:14px;animation:.3s both cl-in;display:flex}.cl-tool+.cl-tool{border-top:1px solid var(--cl-line)}.cl-tool-icon{--paper:var(--cl-raised);border:1px solid var(--cl-line);background:var(--cl-raised);width:20px;height:20px;color:var(--cl-text);border-radius:5px;place-items:center;display:grid}.cl-tool[data-state=running] .cl-tool-name{background:linear-gradient(90deg, var(--cl-muted) 30%, var(--cl-text) 50%, var(--cl-muted) 70%) 0 0 / 250% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:1.3s linear infinite cl-shimmer}.cl-tool-meta{color:var(--cl-muted);font-size:13px;animation:.3s both cl-fade}.cl-tool-chev{color:var(--cl-muted);margin-left:auto}.cl-ask{border:1px solid var(--cl-line);background:var(--cl-raised);color:var(--cl-text);font-family:var(--cl-sans);border-radius:12px;padding:14px;font-size:14px;animation:.35s both cl-in;box-shadow:0 8px 28px #00000012}.cl-ask-head{align-items:center;gap:10px;display:flex}.cl-ask-head b{font-weight:600}.cl-ask-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.cl-btn{border:1px solid var(--cl-line);border-radius:8px;padding:7px 12px;font-size:13px;font-weight:500;transition:transform .12s}.cl-btn-ghost{color:var(--cl-text-2);border-color:#0000}.cl-btn-primary{border-color:var(--cl-text);background:var(--cl-text);color:var(--cl-bg)}.cl-widget{border:1px solid var(--cl-line);background:var(--k-surface);color:var(--k-text);font-family:"DM Sans", var(--cl-sans);border-radius:12px;font-size:14px;line-height:1.3;animation:.35s both cl-in;overflow:hidden}.cl-widget-head{border-bottom:1px solid var(--k-line);align-items:center;gap:10px;padding:11px 14px;display:flex}.cl-widget-mark{--paper:var(--k-text);background:var(--k-text);width:28px;height:28px;color:var(--k-surface);border-radius:7px;place-items:center;display:grid}.cl-widget-who{flex:1;min-width:0;display:grid}.cl-widget-who b{font-size:13.5px;font-weight:600}.cl-widget-who small{color:var(--k-text-2);font-size:12px}.cl-widget-open{border:1px solid var(--k-line);white-space:nowrap;border-radius:7px;align-items:center;gap:4px;padding:6px 10px;font-size:12.5px;font-weight:500;display:flex}.cl-week{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;padding:12px 14px 14px;display:grid}.cl-day{flex-direction:column;gap:5px;min-width:0;display:flex}.cl-day-name{color:var(--k-text-2);padding-left:2px;font-size:11.5px;font-weight:500}.cl-event{background:var(--k-tone-soft);border-radius:6px;flex-direction:column;justify-content:center;gap:1px;min-width:0;height:42px;padding:0 7px;font-size:11.5px;animation:.28s cubic-bezier(.2,.9,.3,1.25) both cl-pop;display:flex}.cl-event time{color:var(--k-tone);font-variant-numeric:tabular-nums;font-weight:600}.cl-event span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cl-event-empty{border:1px dashed var(--k-line);background:0 0;animation:none}.cl-reply-foot{min-height:30px;font-family:var(--cl-sans);align-items:center;gap:12px;display:flex}.cl-actions{color:var(--cl-muted);gap:2px;animation:.3s both cl-fade;display:flex}.cl-actions svg{box-sizing:content-box;padding:6px}.cl-disclaimer{color:var(--cl-muted);text-align:right;margin-left:auto;font-size:12px;animation:.3s both cl-fade}.cl-dock{flex-shrink:0;justify-content:center;padding:0 24px 18px;display:flex}.cl-dock .cl-input{min-height:30px}.cl-pointer{z-index:3;pointer-events:none;transition:transform .75s cubic-bezier(.45,.05,.25,1),opacity .5s;position:absolute;top:0;left:0}.cl-pointer svg{filter:drop-shadow(0 1px 2px #0000004d);margin:-2px 0 0 -5px;transition:transform .12s;display:block}.cl-clicking svg{transform:scale(.85)}@keyframes cl-in{0%{opacity:0;transform:translateY(6px)}}@keyframes cl-fade{0%{opacity:0}}@keyframes cl-pop{0%{opacity:0;transform:scale(.85)}}@keyframes cl-blink{50%{opacity:0}}@keyframes cl-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@keyframes cl-spark{50%{transform:rotate(180deg)scale(.8)}to{transform:rotate(360deg)}}@container cl (max-width:980px){.cl-side{align-items:center;width:58px;padding-inline:8px}.cl-side :is(.cl-wordmark,.cl-side-link>span:last-child,.cl-recents,.cl-user-name,.cl-user>svg){display:none}.cl-side-top,.cl-side-link{justify-content:center;width:38px;padding:0}.cl-plus{margin:0}.cl-user{padding:12px 0 0}}@container cl (max-width:640px){.cl-side,.cl-nav,.cl-bar-end,.cl-icon-search,.cl-disclaimer,.cl-widget-open,.cl-chips span:nth-child(n+4){display:none}.cl-app{height:560px}.cl-bar{gap:10px;padding:0 10px}.cl-url{font-size:11.5px}.cl-main-new{padding:0 14px 32px}.cl-greeting{gap:10px;margin-bottom:22px;font-size:28px}.cl-head{padding:0 14px}.cl-thread{gap:18px;padding:4px 14px 16px}.cl-you{font-size:14px}.cl-reply{font-size:15px}.cl-dock{padding:0 12px 12px}.cl-input{font-size:15px}.cl-week{gap:4px;padding:10px}.cl-event{align-items:center;height:26px;padding:0}.cl-event span{display:none}}@media (prefers-reduced-motion:reduce){.cl-demo *,.cl-demo{transition:none!important;animation:none!important}}