.panel-page{--panel-bg:#e0eaea;--panel-teal:#cbdfe0;--panel-accent:#e86b6b;--panel-lavender:#d4d0e0;--panel-mint:#c8e6d8;background-color:var(--panel-bg);color:#1a1a1a;min-height:100vh;position:relative}.panel-page:before{content:"";opacity:.045;mix-blend-mode:multiply;pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;position:fixed;inset:0}.panel-page>*{z-index:2;position:relative}.panel-grain{position:relative}.panel-grain:after{content:"";opacity:.06;mix-blend-mode:multiply;pointer-events:none;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:128px 128px;position:absolute;inset:0}.panel-lavender{background-color:var(--panel-lavender)}@keyframes panel-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes panel-fade-in{0%{opacity:0}to{opacity:1}}@keyframes panel-typing-dot{0%,80%,to{opacity:.2}40%{opacity:1}}@keyframes panel-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes panel-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.panel-thinking{align-items:center;gap:8px;padding:8px 0;display:flex}.panel-thinking-indicator{background:var(--panel-accent,#e86b6b);border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite panel-pulse}.panel-thinking-text{background:linear-gradient(90deg,#96969666 0%,#96969626 40%,#96969666 60%,#96969626 100%) 0 0/200% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:13px;animation:2s linear infinite panel-shimmer}.panel-streaming-cursor:after{content:"▊";color:var(--panel-accent,#e86b6b);margin-left:1px;font-size:.85em;animation:1s ease-in-out infinite panel-pulse;display:inline}