.chatgpt-demo{--story-accent:var(--brand-burgundy);--story-glow:var(--chatgpt-demo-story-glow);width:100%;min-width:0;color:var(--chatgpt-demo-color);font-family:var(--font-sans);margin:0}.chatgpt-demo[data-scenario=after]{--story-accent:var(--chatgpt-demo-story-accent);--story-glow:var(--chatgpt-demo-story-glow-2)}@font-face{font-family:Caveat Annotation;src:url(/fonts/caveat-medium.ttf)format("truetype");font-style:normal;font-weight:500;font-display:swap}.chatgpt-story-banner{padding:var(--space-22) var(--space-26) var(--space-26);background:var(--story-accent);color:var(--brand-cream);transition:background var(--duration-700) var(--ease-default);border-radius:18px 18px 0 0;position:relative;overflow:hidden}.chatgpt-story-stage{justify-content:space-between;align-items:center;gap:var(--space-18);display:flex}.chatgpt-story-copy{animation:story-stage-in var(--duration-800) var(--ease-entrance) both}.chatgpt-story-title{font-family:var(--font-editorial);letter-spacing:-.045em;font-size:48px;font-weight:600;line-height:1}.chatgpt-story-description{margin-top:var(--space-10);color:var(--chatgpt-story-description-color);font-size:14px;line-height:1.5}.chatgpt-story-symbol{fill:none;stroke:currentColor;stroke-width:1.5px;flex-shrink:0;width:64px;height:64px}.chatgpt-story-symbol>circle{stroke-opacity:.35}.chatgpt-face-eyes{fill:currentColor;stroke:none}.chatgpt-face-mouth{transform-origin:32px 39px;transition:transform var(--duration-850) var(--ease-standard)}.chatgpt-demo[data-scenario=after] .chatgpt-face-mouth{transform:scaleY(-1)}.chatgpt-story-symbol path{stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;animation:story-symbol-in var(--duration-650) var(--ease-out) var(--duration-250) both}.chatgpt-marker{padding:var(--space-2) var(--space-1);background:linear-gradient(var(--chatgpt-marker-background), var(--chatgpt-marker-background)) no-repeat left 70% / 0 75%;color:var(--chatgpt-marker-color);-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size var(--duration-900) var(--ease-artwork);font-weight:600}.chatgpt-window[data-phase=complete] .chatgpt-marker{background-size:100% 75%}.chatgpt-circled-brand{white-space:nowrap;font-weight:600;display:inline-block;position:relative}.chatgpt-circled-brand svg{pointer-events:none;width:calc(100% + 18px);height:calc(100% + 10px);color:var(--brand-burgundy);position:absolute;inset:-5px -9px;overflow:visible}.chatgpt-circled-brand path,.chatgpt-annotation path{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1px}.chatgpt-window[data-phase=complete] .chatgpt-circled-brand path{animation:annotation-draw var(--duration-650) var(--ease-out) forwards}.chatgpt-window[data-phase=complete] .chatgpt-recommendations li:nth-child(2) path{animation-delay:var(--duration-500)}.chatgpt-window[data-phase=complete] .chatgpt-recommendations li:nth-child(3) path{animation-delay:var(--duration-1000)}.chatgpt-annotation{align-items:center;gap:var(--space-4);min-height:64px;padding:var(--space-2) var(--space-8) 0 0;color:var(--brand-burgundy);display:flex}.chatgpt-annotation svg{flex-shrink:0;align-self:flex-start;width:40px;height:40px;margin-top:-4px}.chatgpt-handwritten{font-family:var(--font-annotation);clip-path:inset(0 100% 0 -5%);font-size:27px;font-weight:500;line-height:1.05;display:block;transform:rotate(-4deg)}.chatgpt-window[data-phase=complete] .chatgpt-annotation path{animation:annotation-draw var(--duration-450) var(--ease-out) var(--duration-1500) forwards}.chatgpt-window[data-phase=complete] .chatgpt-handwritten{animation:annotation-write var(--duration-950) var(--ease-out) var(--duration-1850) forwards}.chatgpt-demo[data-scenario=after] .chatgpt-annotation{color:var(--chatgpt-demo-color-2)}.chatgpt-demo[data-scenario=after] .chatgpt-annotation path{animation-delay:var(--duration-200)}.chatgpt-demo[data-scenario=after] .chatgpt-handwritten{animation-delay:var(--duration-450)}.chatgpt-demo[data-scenario=after] .chatgpt-recommendations li{animation:recommendation-in var(--duration-700) var(--ease-out) both}.chatgpt-demo[data-scenario=after] .chatgpt-recommendations li:nth-child(2){animation-delay:var(--duration-120)}.chatgpt-demo[data-scenario=after] .chatgpt-recommendations li:nth-child(3){animation-delay:var(--duration-240)}.chatgpt-window{border:1px solid var(--story-accent);background:var(--surface-white);height:580px;box-shadow:0 20px 60px var(--story-glow), 0 2px 6px var(--chatgpt-window-box-shadow);transition:border-color var(--duration-700), box-shadow var(--duration-700);border-top:0;border-radius:0 0 18px 18px;flex-direction:column;display:flex;overflow:hidden}.chatgpt-toolbar{align-items:center;gap:var(--space-16);min-height:60px;padding:0 var(--space-20);color:var(--chatgpt-toolbar-color);display:flex}.chatgpt-sidebar-icon,.chatgpt-new-chat,.chatgpt-send,.chatgpt-profile{flex-shrink:0;place-items:center;display:grid}.chatgpt-chatgpt-name{align-items:center;gap:var(--space-5);color:var(--chatgpt-chatgpt-name-color);letter-spacing:-.035em;font-size:18px;font-weight:600;display:flex}.chatgpt-chatgpt-name svg{width:16px;height:16px;color:var(--chatgpt-chatgpt-name-color-2)}.chatgpt-new-chat{margin-left:auto}.chatgpt-new-chat svg{width:18px;height:18px}.chatgpt-profile{background:var(--chatgpt-profile-background);width:28px;height:28px;color:var(--chatgpt-profile-color);border-radius:50%;font-size:11px;font-weight:600}.chatgpt-messages{scrollbar-width:thin;min-height:0;padding:var(--space-18) var(--space-25) var(--space-10);flex:1;position:relative;overflow-y:auto}.chatgpt-welcome{justify-content:center;align-items:center;gap:var(--space-18);height:100%;padding-bottom:var(--space-20);flex-direction:column;display:flex}.chatgpt-welcome p{letter-spacing:-.04em;font-size:clamp(18px,1.7vw,25px);font-weight:600}.chatgpt-user-message{width:fit-content;max-width:90%;margin:0 0 var(--space-25) auto;padding:var(--space-12) var(--space-17);background:var(--chatgpt-user-message-background);animation:message-in var(--duration-250) var(--ease-out);border-radius:22px;font-size:14px;line-height:1.5}.chatgpt-assistant{align-items:flex-start;gap:var(--space-12);animation:message-in var(--duration-250) var(--ease-out);display:flex}.chatgpt-assistant-logo{margin-top:var(--space-1);flex-shrink:0}.chatgpt-response{overflow-wrap:break-word;min-width:0;font-size:14px;line-height:1.65}.chatgpt-response ol{margin:var(--space-12) 0;padding-left:var(--space-20);list-style:decimal}.chatgpt-response li{padding-left:var(--space-3);margin-bottom:var(--space-4)}.chatgpt-thinking{background:linear-gradient(100deg, var(--chatgpt-thinking-background) 15%, var(--chatgpt-thinking-background-2) 40%, var(--chatgpt-thinking-background) 65%);-webkit-text-fill-color:transparent;animation:thinking-shimmer var(--duration-1800) var(--ease-linear) infinite;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;display:inline-block}.chatgpt-thinking-dots{animation:cursor-blink var(--duration-1200) steps(2, start) infinite;display:inline-block}.chatgpt-stream-dot{width:8px;height:8px;margin:var(--space-4) 0 0 var(--space-2);background:var(--chatgpt-demo-color);animation:breathing var(--duration-1000) var(--ease-in-out) infinite;border-radius:50%;display:inline-block}.chatgpt-composer-area{padding:var(--space-12) var(--space-18) var(--space-11)}.chatgpt-composer{padding:var(--space-15) var(--space-16) var(--space-10);border:1px solid var(--chatgpt-composer-border);background:var(--chatgpt-composer-background);border-radius:25px}.chatgpt-input-text{min-height:22px;color:var(--chatgpt-toolbar-color);font-size:14px;line-height:1.5}.chatgpt-has-input{color:var(--chatgpt-demo-color)}.chatgpt-caret{width:1px;height:15px;margin-left:var(--space-1);vertical-align:-2px;animation:cursor-blink var(--duration-900) steps(2, start) infinite;background:currentColor;display:inline-block}.chatgpt-composer-tools{align-items:center;gap:var(--space-10);margin-top:var(--space-14);color:var(--chatgpt-composer-tools-color);display:flex}.chatgpt-tools-label{font-size:12px}.chatgpt-send{background:var(--chatgpt-send-background);width:32px;height:32px;color:var(--chatgpt-toolbar-color);transition:color var(--duration-200), background var(--duration-200);border-radius:50%;margin-left:auto}.chatgpt-send-active{background:var(--chatgpt-demo-color);color:var(--surface-white)}.chatgpt-send svg{width:20px;height:20px}.chatgpt-stop-square{background:currentColor;border-radius:2px;width:11px;height:11px}.chatgpt-disclaimer{margin-top:var(--space-10);color:var(--chatgpt-toolbar-color);text-align:center;font-size:12px;line-height:1.4}.chatgpt-caption{justify-content:space-between;align-items:center;gap:var(--space-12);min-height:36px;padding-inline:var(--space-5);color:var(--text-muted);font-size:12px;display:flex}.chatgpt-playback-controls{align-items:center;gap:var(--space-3);display:flex}.chatgpt-playback-controls button{width:44px;height:44px;color:var(--chatgpt-playback-controls-color);transition:color var(--duration-200), background var(--duration-200);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.chatgpt-playback-controls button:hover{background:var(--chatgpt-playback-controls-background);color:var(--text-primary)}.chatgpt-playback-controls svg{width:13px;height:13px}.chatgpt-demo[data-paused=true] *{animation-play-state:paused}@keyframes annotation-draw{to{stroke-dashoffset:0}}@keyframes story-stage-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes story-symbol-in{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes annotation-write{to{clip-path:inset(0 -5%)}}@keyframes recommendation-in{0%{opacity:0;filter:blur(2px);transform:translateY(7px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes message-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes cursor-blink{to{opacity:0}}@keyframes thinking-shimmer{to{background-position:-220% 0}}@keyframes breathing{50%{opacity:.45;transform:scale(.8)}}@media (max-width:1150px){.chatgpt-toolbar{min-height:54px;padding-inline:var(--space-16);gap:var(--space-13)}.chatgpt-messages{padding-inline:var(--space-18)}.chatgpt-response,.chatgpt-user-message,.chatgpt-input-text{font-size:12px}.chatgpt-assistant{gap:var(--space-10)}.chatgpt-assistant-logo{width:23px;height:23px}.chatgpt-composer-area{padding-inline:var(--space-12)}.chatgpt-disclaimer{font-size:12px}}@media (min-width:601px) and (max-width:800px){.chatgpt-window{height:640px}.chatgpt-messages{padding-inline:var(--space-14)}.chatgpt-toolbar{gap:var(--space-10);padding-inline:var(--space-13)}.chatgpt-assistant{gap:var(--space-8)}.chatgpt-assistant-logo{width:20px;height:20px}}@media (max-width:600px){.chatgpt-story-banner{padding:var(--space-20);border-radius:15px 15px 0 0}.chatgpt-story-title{font-size:40px}.chatgpt-story-description{max-width:200px;min-height:39px;font-size:13px}.chatgpt-story-symbol{width:48px;height:48px}.chatgpt-handwritten{font-size:25px}.chatgpt-demo{justify-self:center;max-width:480px}.chatgpt-window{border-radius:0 0 15px 15px;height:630px}.chatgpt-user-message{padding:var(--space-11) var(--space-14)}.chatgpt-response{font-size:12.5px}.chatgpt-caption{font-size:12px}}@media (max-width:360px){.chatgpt-window{height:660px}.chatgpt-messages{padding-inline:var(--space-14)}.chatgpt-response{font-size:12px}}@media (prefers-reduced-motion:reduce){.chatgpt-demo *,.chatgpt-marker{transition:none;animation:none}.chatgpt-playback-controls{display:none}.chatgpt-story-copy,.chatgpt-story-symbol path{animation:none}.chatgpt-demo .chatgpt-face-mouth{transition:none}.chatgpt-window[data-phase=complete] .chatgpt-annotation path{stroke-dashoffset:0;animation:none}.chatgpt-window[data-phase=complete] .chatgpt-handwritten{clip-path:none;animation:none}.chatgpt-demo[data-scenario=after] .chatgpt-recommendations li{animation:none}}