@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--font-display:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--color-obsidian-matte:#0c0c0e;--color-cotton-white:#fafaf9;--color-charcoal-dark:#161618;--color-charcoal-hover:#222225;--color-platinum-line:#e5e5e6;--color-text-ink:#0c0c0e;--color-text-muted:#78716c;--color-accent-gold:#c5a880;--color-state-idle:#e5e5e6;--color-state-thinking:#a89f91;--color-state-speaking:#8c7e6c;--color-state-offline:#e5cdcd}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{background-color:var(--color-obsidian-matte);color:#fff;font-family:var(--font-sans);min-height:100vh;position:relative;overflow-x:hidden}.glass-panel{background:var(--color-cotton-white);border:1px solid var(--color-platinum-line);border-radius:16px;flex-direction:column;height:100%;padding:48px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 30px 60px #0006}.glass-panel:hover{transform:translateY(-2px);box-shadow:0 40px 80px #00000080}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;font-weight:500}.avatar-container{justify-content:center;align-items:center;width:320px;height:320px;margin:0 auto;display:flex;position:relative}.avatar-orb{z-index:2;background:radial-gradient(circle at 35% 35%,#fff 0%,#b8b5c0 30%,#5a5960 70%,#1a1a1c 100%);border-radius:50%;width:210px;height:210px;transition:all 1s cubic-bezier(.16,1,.3,1);position:absolute;box-shadow:0 15px 35px #0009,inset -10px -10px 25px #000c,inset 10px 10px 25px #fff6}.avatar-ring-outer{z-index:1;border:1px solid #ffffff0d;border-radius:50%;width:290px;height:290px;transition:all .8s;position:absolute}.avatar-ring-inner{z-index:1;border:1px solid #ffffff08;border-radius:50%;width:250px;height:250px;transition:all .8s;position:absolute}.state-idle .avatar-orb{background:radial-gradient(circle at 35% 35%,#fff 0%,#dcdad5 35%,#7a7672 70%,#1c1a18 100%);animation:4s ease-in-out infinite orb-idle}.state-thinking .avatar-orb{background:radial-gradient(circle at 30% 30%,#fafaf9 0%,#c5a880 30%,#78716c 70%,#1c1917 100%);animation:4s ease-in-out infinite orb-thinking;transform:scale(1.03)}.state-thinking .avatar-ring-outer{border-color:#c5a88026;width:300px;height:300px}.state-speaking .avatar-orb{background:radial-gradient(circle at 40% 40%,#fff 0%,#dcdad5 35%,#7a7672 70%,#1c1a18 100%);animation:1s ease-in-out infinite alternate orb-speaking}.state-speaking .avatar-ring-outer{animation:1.5s cubic-bezier(.1,.8,.3,1) infinite ring-ripple-outer-subtle}.state-speaking .avatar-ring-inner{animation:1s cubic-bezier(.2,.6,.4,1) infinite ring-ripple-inner-subtle}@keyframes orb-idle{0%,to{border-radius:50%;transform:scale(1)translate(0);box-shadow:0 15px 35px #0009,inset -10px -10px 25px #000c,inset 10px 10px 25px #fff6}50%{border-radius:48% 52% 47% 53%/52% 47% 53% 48%;transform:scale(1.07)translate(1px,-2px);box-shadow:0 20px 45px #c5a8802e,inset -8px -8px 20px #000c,inset 8px 8px 20px #fff6}}@keyframes orb-thinking{0%,to{border-radius:50%;transform:scale(1.02)translate(0)}50%{border-radius:46% 54% 50% 50%/53% 47%;transform:scale(1.04)translate(-1px,2px)}}@keyframes orb-speaking{0%{border-radius:46% 54% 48% 52%/54% 48% 52% 46%;transform:scale(.96)translate(-1px,2px);box-shadow:0 15px 35px #0009,inset -12px -12px 28px #000000d9,inset 12px 12px 28px #ffffff73}to{border-radius:54% 46% 52% 48%/46% 52% 48% 54%;transform:scale(1.06)translate(2px,-3px);box-shadow:0 25px 50px #c5a88038,inset -8px -8px 20px #000000bf,inset 8px 8px 20px #ffffff59}}@keyframes ring-ripple-outer-subtle{0%{opacity:.5;transform:scale(.9)}to{opacity:0;border-color:#ffffff03;transform:scale(1.22)}}@keyframes ring-ripple-inner-subtle{0%{opacity:.7;transform:scale(.92)}to{opacity:0;border-color:#ffffff03;transform:scale(1.15)}}.input-terminal{background:var(--color-charcoal-dark);border:1px solid var(--color-charcoal-dark);color:#fff;width:100%;font-family:var(--font-sans);resize:none;border-radius:12px;outline:none;min-height:64px;padding:20px;font-size:15px;line-height:1.6;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 2px 6px #0003}.input-terminal:focus{border-color:var(--color-text-muted);box-shadow:inset 0 2px 6px #0003}.input-terminal::placeholder{color:#57534e}.btn-ask{background:var(--color-charcoal-dark);color:#fff;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;cursor:pointer;white-space:nowrap;border:none;border-radius:30px;justify-content:center;align-items:center;gap:12px;height:56px;padding:0 28px;font-size:12px;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-ask:hover:not(:disabled){background:var(--color-charcoal-hover);transform:translateY(-2px)}.btn-ask:active:not(:disabled){transform:translateY(0)}.btn-ask:disabled{color:#d6d3d1;cursor:not-allowed;background:#f5f5f4}.chip-prompt{border:1px solid var(--color-platinum-line);color:var(--color-text-ink);font-family:var(--font-sans);text-transform:none;letter-spacing:.01em;cursor:pointer;text-align:left;background:0 0;border-radius:30px;padding:12px 24px;font-size:13px;line-height:1.4;transition:all .3s cubic-bezier(.16,1,.3,1)}.chip-prompt:hover{background:var(--color-cotton-white);border-color:var(--color-text-ink);transform:translateY(-2px)}.audio-player-glass{border:1px solid var(--color-platinum-line);background:#f5f5f4;border-radius:12px;align-items:center;gap:20px;padding:16px 24px;display:flex}.play-pause-btn{background:var(--color-charcoal-dark);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.play-pause-btn:hover{background:var(--color-charcoal-hover);transform:scale(1.05)}.audio-progress-bar-container{cursor:pointer;background:#e5e5e6;border-radius:2px;flex-grow:1;height:4px;position:relative;overflow:hidden}.audio-progress-bar-fill{background:var(--color-charcoal-dark);border-radius:2px;width:0%;height:100%;transition:width .1s linear}.fade-in{animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.avatar-container:hover{cursor:pointer}.avatar-container:hover .avatar-orb{transform:scale(1.08);box-shadow:0 25px 50px #c5a88040,inset -8px -8px 20px #000000b3,inset 8px 8px 20px #ffffff73}.avatar-container:hover .avatar-ring-outer{border-color:#c5a88040;transform:scale(1.06)}.avatar-container:hover .avatar-ring-inner{border-color:#c5a88026;transform:scale(1.04)}.split-workspace-grid{grid-template-columns:repeat(12,1fr);align-items:start;gap:40px 60px;width:100%;max-width:1200px;margin:0 auto;padding:40px 48px 80px;display:grid;position:relative}.workspace-hero-left{flex-direction:column;grid-column:span 7;justify-content:flex-start;min-height:calc(100vh - 80px);padding-top:95px;display:flex}.workspace-hero-right{z-index:5;flex-direction:column;grid-area:span 2/span 5;justify-content:flex-start;align-self:start;align-items:center;height:calc(100vh - 180px);padding-top:60px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:sticky;top:120px}.workspace-section-header{grid-column:span 12}.workspace-conversation-stream{flex-direction:column;grid-column:span 7;gap:24px;padding-bottom:200px;display:flex}.workspace-ask-left,.workspace-ask-right{width:100%}.eyebrow-link{color:#c5a880;cursor:pointer;border-bottom:1px dashed #c5a88066;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1)}.eyebrow-link:hover{color:#fafaf9;border-bottom:1px solid #fafaf9cc}.footer-link{color:#fafaf9;cursor:pointer;border-bottom:1px dashed #fafaf94d;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-block}.footer-link:hover{color:#c5a880;border-bottom:1px solid #c5a880cc}.desktop-nav{align-items:center;gap:30px;display:flex!important}.mobile-menu-btn{color:#78716c;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;transition:color .25s;display:none!important}.mobile-menu-btn:hover{color:#fafaf9}.mobile-menu-panel{-webkit-backdrop-filter:blur(20px);z-index:99;background:#0c0c0ef5;border-bottom:1px solid #ffffff0a;flex-direction:column;gap:24px;padding:30px 48px;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideDown;display:flex;position:fixed;top:71px;left:0;right:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.desktop-nav{display:none!important}.mobile-menu-btn{display:flex!important}.mobile-menu-panel{padding:24px!important;top:55px!important}.split-workspace-grid{grid-template-columns:1fr!important;gap:40px!important;padding:30px 24px!important}.workspace-hero-left,.workspace-hero-right,.workspace-conversation-stream,.workspace-ask-left,.workspace-ask-right{grid-area:auto/span 1!important;height:auto!important;min-height:auto!important;padding-top:0!important;padding-bottom:0!important;position:relative!important;top:auto!important}header{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;padding:16px 24px!important}.suggested-prompts-container{grid-template-columns:1fr!important}}