:root{--electric:#007aff;--electric-soft:#eaf3ff;--agent-glow:#007aff1c}.os-shell{background:radial-gradient(ellipse at 82% 0%,#eff6ff33,transparent 42%),white}.os-topbar{background:#ffffffdd;backdrop-filter:blur(25px);z-index:20}.os-pill,.os-icon,.btn,.starter-actions button,.opened-surface,.chip,.mission,.noteitem,.os-send{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background .25s,border-color .25s,color .25s;position:relative;overflow:hidden}.os-pill:hover,.starter-actions button:hover,.opened-surface:hover{transform:translateY(-2px);box-shadow:0 6px 15px #00000006;border-color:#bcd5f4}.os-icon:hover{transform:scale(1.07);background:#eef5ff;color:#007aff}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 5px 15px #007aff20!important;background:#303030}.os-send{background:linear-gradient(145deg,#343434,#111);box-shadow:0 2px 5px #0002}.os-send:hover{background:#007aff;transform:scale(1.09);box-shadow:0 0 0 5px #007aff0c}.os-send:active{transform:scale(.88)}.os-composer{position:relative;transition:box-shadow .3s,background .3s,border-color .3s}.os-composer:focus-within{border-color:#b9cfea;box-shadow:0 0 0 3px #007aff05,0 8px 35px #006aff09;background:#fff}.os-composer.sending{animation:sendGlow .65s ease}.os-language{border:0;background:#f5f5f5;border-radius:8px;padding:7px 9px;color:#6e6e6e;font-size:11px;letter-spacing:.3px;cursor:pointer}.os-language:hover{background:#eaf3ff;color:#007aff}.agent-team-toggle{display:flex;align-items:center;gap:7px;font-size:11px;color:#777;padding:6px 9px;border-radius:8px}.agent-team-toggle:hover{background:#f2f6fc}.agent-team-toggle .icon{width:14px;height:14px}.caria-emote{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;isolation:isolate;vertical-align:middle}.caria-emote>img{position:relative;z-index:1;transform-origin:50% 70%;transition:transform .5s cubic-bezier(.2,1.5,.4,1);animation:cariaBreathe 5s ease-in-out infinite}.caria-emote:after{content:'';position:absolute;inset:-8px;border-radius:50%;background:radial-gradient(circle,#007aff12,transparent 70%);z-index:0;opacity:0;transition:opacity .4s}.caria-emote:hover>img{animation:cariaWave .8s ease-in-out;transform:rotate(-12deg)}.caria-emote:hover:after{opacity:1}.caria-emote.working>img{animation:cariaThink 1.4s ease-in-out infinite}.caria-emote.working:after{opacity:1;animation:haloPulse 1.6s ease-in-out infinite}.caria-emote.success>img{animation:cariaCelebrate .85s cubic-bezier(.2,.9,.4,1)}.caria-emote .task-emoji{position:absolute;right:-7px;bottom:-6px;z-index:2;font-size:10px;line-height:1;background:#fff;border-radius:50%;height:15px;width:15px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 5px #0001;animation:emojiIn .35s ease}.welcome-logo{width:52px;height:52px;border-radius:17px;box-shadow:0 4px 18px #00000005;transition:transform .3s,box-shadow .3s}.welcome-logo:hover{transform:translateY(-3px) rotate(-4deg);box-shadow:0 10px 25px #007aff10}.welcome-logo img{width:34px;height:34px}.welcome-logo .task-emoji{font-size:13px;width:20px;height:20px;right:-11px;bottom:-9px}.agent-turn{animation:responseEnter .55s cubic-bezier(.2,.8,.2,1)}.user-turn{animation:messageSend .4s cubic-bezier(.2,.9,.2,1)}.workspace-canvas{animation:surfaceReveal .55s cubic-bezier(.18,.8,.15,1);box-shadow:-10px 0 50px #00000002}.canvas-bar{backdrop-filter:blur(20px);background:#ffffffed}.canvas-title>.icon{color:#007aff}.canvas-scroll>*{animation:contentReveal .45s ease both}.canvas-scroll>*:nth-child(2){animation-delay:.035s}.canvas-scroll>*:nth-child(3){animation-delay:.07s}.canvas-scroll>*:nth-child(4){animation-delay:.1s}.artifact{animation:artifactReveal .45s cubic-bezier(.2,.8,.2,1);box-shadow:0 4px 18px #00000002}.opened-surface{background:linear-gradient(110deg,#fff,#f7faff);border-color:#e2e9f3}.opened-surface>.icon{color:#468bd9}.opened-surface:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 10%,#dbeaff44 50%,transparent 90%);transform:translateX(-110%);transition:transform .65s}.opened-surface:hover:after{transform:translateX(110%)}.ripple{position:absolute;pointer-events:none;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,#007aff28,transparent 65%);transform:translate(-50%,-50%) scale(0);animation:rippleWave .7s ease-out forwards;z-index:3}.mission:active,.opened-surface:active,.starter-actions button:active{transform:scale(.975)}.tabs button{transition:color .2s,border-color .2s}.tabs button.selected{border-color:#007aff;color:#1a1a1a}.badge.green{color:#34805b;background:#ebf8f0}.toast{animation:toastSpring .45s cubic-bezier(.15,1.5,.4,1);box-shadow:0 10px 35px #0002}.agent-live{padding:13px 17px;border:1px solid #e2ecf8;border-radius:12px;margin:15px 0;background:linear-gradient(120deg,#fafdff,#fff);display:flex;align-items:center;gap:11px;animation:contentReveal .3s ease}.agent-live-avatar{width:31px;height:31px;border-radius:10px;background:#eaf3ff;display:flex;align-items:center;justify-content:center;font-size:16px;position:relative}.agent-live-avatar:after{content:'';position:absolute;inset:-3px;border:1px solid #007aff33;border-top-color:#007aff;border-radius:12px;animation:agentOrbit 2s linear infinite}.agent-live-copy{flex:1}.agent-live-copy strong{font-size:12px;font-weight:600;color:#434343}.agent-live-copy p{font-size:11px;margin:4px 0 0;color:#999}.agent-live-bars{display:flex;gap:3px;height:16px;align-items:center}.agent-live-bars i{width:2px;height:5px;background:#5299e9;border-radius:2px;animation:signalBars .85s ease-in-out infinite}.agent-live-bars i:nth-child(2){animation-delay:.12s}.agent-live-bars i:nth-child(3){animation-delay:.24s}.agent-live-bars i:nth-child(4){animation-delay:.36s}.agent-roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.agent-profile{border:1px solid #e4e4e4;background:white;border-radius:12px;padding:21px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}.agent-profile:hover{transform:translateY(-3px);box-shadow:0 12px 28px #00000006}.agent-profile-top{display:flex;align-items:center;gap:12px}.agent-emoji{width:39px;height:39px;border-radius:12px;background:#f4f7fb;display:flex;align-items:center;justify-content:center;font-size:21px;transition:transform .3s}.agent-profile:hover .agent-emoji{transform:rotate(-8deg) scale(1.13)}.agent-profile h3{font-size:15px;color:#333;margin:0}.agent-profile small{font-size:10px;color:#969696;letter-spacing:.7px;text-transform:uppercase}.agent-profile p{font-size:13px;line-height:1.75;color:#818181;margin:17px 0}.agent-profile .btn{width:100%;font-size:12px}.team-orchestrator{border:1px solid #e1e8f1;background:linear-gradient(120deg,#fbfdff,#fff);border-radius:14px;padding:23px;margin-bottom:22px;display:flex;gap:17px;align-items:center}.team-orchestrator img{width:38px;height:38px}.team-orchestrator p{font-size:13px;color:#828282;line-height:1.6;margin:5px 0 0}.team-orchestrator h2{font-size:19px!important}.onboarding{max-width:600px!important;border-radius:24px!important;border:1px solid #ffffffaa!important;box-shadow:0 30px 120px #1d354b25!important;overflow:hidden;background:white}.onboarding::backdrop{background:#dfe6ed66;backdrop-filter:blur(12px)}.onboard-main{padding:38px 42px 30px;min-height:485px;display:flex;flex-direction:column;animation:contentReveal .4s ease}.onboard-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.onboard-count{font-size:11px;color:#a0a0a0;letter-spacing:.7px}.onboard-close{color:#999;font-size:12px}.onboard-mark{width:62px;height:62px;border:1px solid #e9e9e9;border-radius:20px;background:#fff;box-shadow:0 6px 24px #007aff08;display:flex;align-items:center;justify-content:center;margin:5px 0 23px}.onboard-mark img{width:42px;height:42px;animation:cariaWave 1.4s ease both}.onboard-main h1{font-size:31px;letter-spacing:-1px;line-height:1.15;margin:0 0 14px;color:#252525;font-weight:550}.onboard-main>p{font-size:14px;color:#858585;line-height:1.8;margin:0 0 23px}.onboard-langs{display:flex;background:#f4f4f4;border-radius:10px;padding:4px;width:100%;gap:4px;margin:2px 0 22px}.onboard-langs button{flex:1;padding:11px;font-size:13px;color:#8b8b8b;border-radius:7px}.onboard-langs button.active{background:white;color:#333;box-shadow:0 2px 5px #00000008}.onboard-input{border:1px solid #e1e1e1;border-radius:10px;padding:13px 15px;width:100%;font-size:14px;outline:none;background:#fff}.onboard-input:focus{border-color:#9dc5f4;box-shadow:0 0 0 3px #007aff06}.onboard-footer{margin-top:auto;padding-top:26px;display:flex;justify-content:space-between;align-items:center;gap:12px}.onboard-dots{display:flex;gap:6px}.onboard-dots i{width:5px;height:5px;border-radius:50%;background:#ddd;transition:width .2s,background .2s}.onboard-dots i.active{background:#333;width:17px;border-radius:4px}.onboard-next{background:#202020;color:white;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 18px;font-size:13px}.onboard-next:hover{background:#007aff;box-shadow:0 5px 20px #007aff20}.onboard-next .icon{width:15px;height:15px}.onboard-goals{display:grid;gap:9px}.onboard-goals button{border:1px solid #e5e5e5;border-radius:10px;padding:14px;text-align:left;display:flex;align-items:center;gap:11px;font-size:13px;color:#777}.onboard-goals button.selected{border-color:#a4c8f4;background:#f5faff;color:#326496}.onboard-goals .icon{width:17px;height:17px}.onboard-agent-row{display:flex;gap:7px;align-items:center;margin:18px 0 2px}.onboard-agent-row span{font-size:20px;width:38px;height:38px;border-radius:12px;background:#f4f7fa;display:flex;align-items:center;justify-content:center;animation:emojiIn .45s both}.onboard-agent-row span:nth-child(2){animation-delay:.08s}.onboard-agent-row span:nth-child(3){animation-delay:.16s}.onboard-agent-row span:nth-child(4){animation-delay:.24s}.onboard-mode{display:grid;gap:9px}.onboard-mode button{border:1px solid #e5e5e5;border-radius:10px;padding:13px 15px;text-align:left}.onboard-mode button.selected{border-color:#a4c8f4;background:#f6faff}.onboard-mode strong{font-size:13px;font-weight:550;display:block;color:#424242}.onboard-mode small{font-size:12px;color:#909090;display:block;margin-top:5px;line-height:1.5}.onboard-fine{font-size:10px;color:#aaa;text-align:center;margin:20px 0 0;line-height:1.5}.launch-celebration{position:fixed;inset:0;pointer-events:none;z-index:90;display:flex;align-items:center;justify-content:center;animation:celebrationFade 1.6s forwards}.launch-core{padding:25px;background:#ffffffee;border:1px solid #e9eef5;border-radius:25px;box-shadow:0 20px 90px #2b60931a;display:flex;align-items:center;gap:16px;backdrop-filter:blur(20px)}.launch-core img{width:48px;height:48px;animation:cariaCelebrate 1s ease}.launch-core strong{font-size:19px;font-weight:550}.launch-core small{display:block;font-size:12px;color:#999;margin-top:6px}.celebration-particle{position:absolute;width:5px;height:5px;background:#007aff;border-radius:50%;animation:particleBurst 1.2s ease-out both;opacity:0}.onboard-replay{font-size:11px;color:#929292}.os-composer-tools button:hover{color:#007aff}.caria-success-dot{position:absolute;right:-4px;bottom:-4px;background:#28ba71;color:#fff;width:13px;height:13px;border-radius:50%;font-size:9px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px white;animation:emojiIn .35s ease}.agent-response .execution-step .icon{color:#739681}.os-caption{color:#929292}.agent-profile .switchline{display:flex;align-items:center;justify-content:space-between;margin-top:13px;font-size:11px;color:#999}.agent-profile input[type=checkbox]{accent-color:#007aff}@keyframes cariaBreathe{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-1px) rotate(2deg)}}@keyframes cariaWave{0%,100%{transform:rotate(0)}20%{transform:rotate(-16deg)}45%{transform:rotate(12deg)}65%{transform:rotate(-8deg)}80%{transform:rotate(5deg)}}@keyframes cariaThink{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-3px) rotate(7deg)}}@keyframes cariaCelebrate{0%{transform:scale(.9)}30%{transform:translateY(-7px) scale(1.12) rotate(-12deg)}55%{transform:translateY(0) scale(.97) rotate(8deg)}80%{transform:scale(1.04) rotate(-3deg)}100%{transform:scale(1)}}@keyframes haloPulse{50%{transform:scale(1.2);opacity:.5}}@keyframes emojiIn{from{opacity:0;transform:scale(.2) rotate(-25deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes messageSend{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes responseEnter{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}@keyframes surfaceReveal{from{opacity:0;transform:translateX(38px) scale(.985);filter:blur(3px)}to{opacity:1;transform:translateX(0) scale(1);filter:blur(0)}}@keyframes contentReveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes artifactReveal{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes rippleWave{0%{transform:translate(-50%,-50%) scale(0);opacity:.8}100%{transform:translate(-50%,-50%) scale(4);opacity:0}}@keyframes sendGlow{30%{box-shadow:0 0 0 5px #007aff09,0 0 40px #007aff10;border-color:#007aff66}100%{box-shadow:0 4px 14px #00000003}}@keyframes agentOrbit{to{transform:rotate(360deg)}}@keyframes signalBars{50%{height:16px;opacity:.5}}@keyframes toastSpring{from{opacity:0;transform:translateY(15px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes celebrationFade{0%{opacity:0}20%,70%{opacity:1}100%{opacity:0}}@keyframes particleBurst{0%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2)}}@media(max-width:1050px){.agent-roster{grid-template-columns:1fr}.agent-team-toggle span{display:none}}@media(max-width:760px){.onboard-main{padding:27px;min-height:440px}.onboard-main h1{font-size:27px}.os-language{font-size:10px;padding:7px}.agent-team-toggle{display:none}.onboard-agent-row span{width:34px;height:34px;font-size:18px}.onboarding{width:94vw!important}.agent-live{padding:11px}.launch-core{padding:20px}.launch-core strong{font-size:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.launch-celebration{display:none}.agent-live-avatar:after{border-color:#007aff33}.os-composer.sending{border-color:#007aff66}}
