body,html{margin:0;padding:0;background:#04040A;overflow:hidden;height:100%}body{font-family:Space Grotesk,sans-serif;color:#E8E6F5}*{box-sizing:border-box}a{color:#7DE3F4;text-decoration:none}a:hover{color:#B8A6F5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:rgba(139,123,216,.25);border-radius:3px}::-webkit-scrollbar-track{background:transparent}textarea{font-family:Space Grotesk,sans-serif}input::placeholder,textarea::placeholder{color:#8D8AAD}button{font-family:inherit;cursor:pointer}@keyframes riseIn{0%{opacity:0;transform:translate(-50%,26px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes itemIn{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes panelIn{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes panelInY{0%{opacity:0;transform:translateY(calc(-50% + 14px)) scale(.98)}to{opacity:1;transform:translateY(-50%) scale(1)}}@keyframes panelInX{0%{opacity:0;transform:translate(-50%,14px) scale(.98)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes slideL{0%{opacity:0;transform:translateX(28px)}to{opacity:1;transform:translateX(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01s!important;animation-delay:0s!important;transition-duration:.01s!important}}.app{position:fixed;inset:0}.scene{position:absolute;inset:0;overflow:hidden}.topbar{position:absolute;top:0;left:0;right:0;justify-content:space-between;padding:20px 28px;pointer-events:none;animation:fadeIn .9s 2s both;z-index:20}.topbar,.topbar-left{display:flex;align-items:center}.topbar-left{gap:26px}.brand{pointer-events:auto;cursor:pointer;font-family:Michroma,sans-serif;font-size:15px;letter-spacing:.55em;color:#E8E6F5}.crumbs{pointer-events:auto}.crumb-wrap,.crumbs{display:flex;align-items:center}.crumb-line{width:22px;height:1px;background:linear-gradient(90deg,rgba(139,123,216,.5),rgba(125,227,244,.5));margin:0 6px}.crumb{cursor:pointer;display:flex;align-items:center;gap:7px;padding:4px 2px}.crumb-dot{width:7px;height:7px;border-radius:50%;border:1px solid rgba(139,123,216,.5)}.crumb span{font-size:11px;letter-spacing:.22em;text-transform:uppercase}.topbar-right{gap:10px;pointer-events:auto}.pill,.topbar-right{display:flex;align-items:center}.pill{gap:8px;padding:6px 14px;border:1px solid rgba(139,123,216,.22);border-radius:999px;background:rgba(10,10,28,.5)}.pill-dot{width:6px;height:6px;border-radius:50%;animation:pulseDot 2.4s infinite}.pill span{letter-spacing:.14em}.btn-ghost,.pill span{font-size:11px;text-transform:uppercase;color:#B8B5D6}.btn-ghost{letter-spacing:.12em;background:rgba(10,10,28,.5);border:1px solid rgba(139,123,216,.22);border-radius:999px;padding:7px 14px}.btn-ghost:hover{color:#E8E6F5;border-color:rgba(184,166,245,.5)}.focus-card{position:absolute;top:84px;right:28px;width:250px;padding:16px 18px;border:1px solid rgba(139,123,216,.2);border-radius:14px;background:rgba(9,9,26,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;animation:fadeIn .8s 2.6s both;z-index:15}.focus-card:hover{border-color:rgba(184,166,245,.5)}.fc-label{font-size:9.5px;letter-spacing:.3em;color:#8D8AAD;margin-bottom:9px}.fc-title{font-size:15px;font-weight:500;line-height:1.3;margin-bottom:9px}.fc-warn{font-size:11.5px;color:#F5B761;margin-bottom:3px}.fc-meta{font-size:11px;color:#8D8AAD}.tooltip{position:absolute;transform:translate(-50%,18px);padding:8px 13px;border:1px solid rgba(139,123,216,.3);border-radius:10px;background:rgba(9,9,26,.85);pointer-events:none;z-index:30;animation:fadeIn .16s both}.tt-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#E8E6F5}.tt-sub{font-size:10.5px;color:#8D8AAD;margin-top:3px}.brief{position:absolute;right:44px;top:50%;transform:translateY(-50%);width:330px;z-index:18;animation:panelInY .4s both;max-height:calc(100vh - 140px);overflow-y:auto}.brief-inner{padding:22px 24px;border:1px solid rgba(139,123,216,.24);border-radius:18px;background:linear-gradient(160deg,rgba(13,13,33,.78),rgba(6,6,18,.82));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 0 60px rgba(90,70,180,.12)}.b-status{font-size:10px;letter-spacing:.26em;text-transform:uppercase;animation:itemIn .4s .05s both}.b-title{font-family:Michroma,sans-serif;font-size:19px;letter-spacing:.14em;margin:10px 0 14px;animation:itemIn .4s .12s both}.b-sec-label{font-size:10px;letter-spacing:.2em;color:#8D8AAD;margin-bottom:4px}.b-objective{font-size:13.5px;line-height:1.45;color:#D6D3EE}.b-metric{margin-top:15px;animation:itemIn .4s .28s both}.b-metric-row{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.2em;color:#8D8AAD;margin-bottom:6px}.b-bar{background:rgba(139,123,216,.18)}.b-bar,.b-bar-fill{height:3px;border-radius:2px}.b-bar-fill{background:linear-gradient(90deg,#8B7BD8,#7DE3F4);transition:width 1.1s cubic-bezier(.22,1,.36,1)}.b-item{display:flex;gap:9px;align-items:baseline;font-size:12.5px;line-height:1.5;color:#C9C6E4;margin-bottom:6px;animation:itemIn .45s both}.b-bullet{font-size:9px}.b-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;animation:itemIn .45s .46s both}.btn-primary{font-size:11px;letter-spacing:.1em;color:#04040A;background:linear-gradient(135deg,#8B7BD8,#7DE3F4);border:1px solid transparent;border-radius:999px;padding:8px 15px;transition:all .18s}.btn-primary:hover{filter:brightness(1.15)}.btn-outline{font-size:11px;letter-spacing:.1em;color:#B8B5D6;background:transparent;border:1px solid rgba(139,123,216,.3);border-radius:999px;padding:8px 15px;transition:all .18s}.btn-outline:hover{border-color:rgba(125,227,244,.8);color:#7DE3F4}.flow{margin-top:16px;animation:itemIn .4s .4s both}.flow-steps{gap:4px}.flow-step,.flow-steps{display:flex;align-items:center}.flow-step{flex-direction:column;gap:5px;flex:1 1}.flow-dot{width:9px;height:9px;border-radius:50%;border:1px solid rgba(139,123,216,.4);transition:all .4s}.flow-name{font-size:8.5px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.approval-box{margin-top:12px;padding:11px 13px;border:1px solid rgba(245,183,97,.4);border-radius:11px;background:rgba(245,183,97,.07);animation:itemIn .3s both}.approval-box p{font-size:11.5px;color:#F5B761;margin:0 0 8px}.approval-btns{display:flex;gap:8px}.btn-amber{flex:1 1;font-size:11px;letter-spacing:.1em;color:#04040A;background:#F5B761;border:none;border-radius:8px;padding:7px 0}.btn-amber:hover{background:#F8CB8B}.btn-amber-outline{flex:1 1;font-size:11px;letter-spacing:.1em;color:#B8B5D6;background:transparent;border:1px solid rgba(139,123,216,.3);border-radius:8px;padding:7px 0}.btn-amber-outline:hover{color:#E8E6F5}.flow-done{margin-top:12px;font-size:11.5px;color:#6EE7A8;animation:itemIn .3s both}.resp{position:absolute;left:50%;bottom:128px;transform:translateX(-50%);width:min(620px,calc(100% - 48px));z-index:22;animation:panelInX .35s both}.resp-inner{padding:16px 20px;border:1px solid rgba(125,227,244,.22);border-radius:16px;background:rgba(9,9,26,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.resp-steps{display:flex;flex-direction:column;gap:7px}.resp-step{display:flex;align-items:center;gap:10px;font-size:12px}.spinner{width:10px;height:10px;border-radius:50%;border:1.5px solid;border-top-color:transparent!important}.resp-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.resp-brand{font-size:9.5px;letter-spacing:.28em;color:#7DE3F4}.resp-dismiss{cursor:pointer;font-size:11px;color:#8D8AAD;padding:2px 6px}.resp-dismiss:hover{color:#E8E6F5}.resp-text{font-size:13.5px;line-height:1.6;color:#DEDCF2}.resp-sources{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.src-chip{font-family:JetBrains Mono,monospace;font-size:10px;color:#8D8AAD;border:1px solid rgba(139,123,216,.25);border-radius:6px;padding:3px 8px}.composer-wrap{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);width:min(680px,calc(100% - 40px));z-index:24;animation:riseIn .8s 2.25s both}.chip-row{display:flex;margin-bottom:8px}.chip{display:flex;align-items:center;gap:8px;padding:5px 11px;border:1px solid rgba(125,227,244,.3);border-radius:999px;background:rgba(125,227,244,.06);font-size:11px;color:#7DE3F4}.chip-x{cursor:pointer;color:#8D8AAD;font-size:12px;line-height:1}.chip-x:hover{color:#E8E6F5}.atts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.att{gap:10px;padding:8px 12px;border:1px solid rgba(139,123,216,.28);border-radius:12px;background:rgba(10,10,28,.75);animation:panelIn .3s both;min-width:210px}.att,.att-icon{display:flex;align-items:center}.att-icon{width:32px;height:32px;border-radius:9px;border:1px solid rgba(184,166,245,.3);justify-content:center;font-family:JetBrains Mono,monospace;font-size:8.5px;color:#B8A6F5;flex:none}.att-body{flex:1 1;min-width:0}.att-name{font-family:JetBrains Mono,monospace;font-size:10.5px;color:#DEDCF2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.att-meta{font-size:10px;margin-top:2px}.att-bar{background:rgba(139,123,216,.18);margin-top:4px}.att-bar,.att-bar-fill{height:2px;border-radius:1px}.att-bar-fill{background:linear-gradient(90deg,#8B7BD8,#7DE3F4);transition:width .3s}.att-x{cursor:pointer;color:#8D8AAD;font-size:14px;padding:2px 4px;flex:none}.att-x:hover{color:#F56184}.composer{position:relative;display:flex;align-items:flex-end;gap:6px;padding:10px 12px;border:1px solid rgba(139,123,216,.24);border-radius:19px;background:rgba(11,11,29,.78);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 40px rgba(0,0,0,.4);transition:border-color .3s}.composer.listening{border-color:rgba(125,227,244,.55)}.icon-btn{flex:none;width:34px;height:34px;border-radius:50%;border:1px solid rgba(139,123,216,.3);background:transparent;color:#B8B5D6;font-size:17px;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .25s}.icon-btn:hover{border-color:rgba(184,166,245,.6);color:#E8E6F5}.icon-btn.active{border-color:#7DE3F4;background:rgba(125,227,244,.15);color:#7DE3F4}.composer textarea{flex:1 1;resize:none;border:none;outline:none;background:transparent;color:#E8E6F5;font-size:14px;line-height:1.5;padding:7px 4px;max-height:140px;min-height:20px}.send-btn{flex:none;width:34px;height:34px;border-radius:50%;border:none;background:linear-gradient(135deg,#8B7BD8,#7DE3F4);color:#04040A;display:flex;align-items:center;justify-content:center}.send-btn:hover{filter:brightness(1.15)}.attach-menu{position:absolute;bottom:56px;left:0;width:216px;padding:7px;border:1px solid rgba(139,123,216,.3);border-radius:14px;background:rgba(11,11,29,.94);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:panelIn .22s both;z-index:5}.menu-item{cursor:pointer;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;font-size:12.5px;color:#C9C6E4}.menu-item:hover{background:rgba(139,123,216,.14);color:#E8E6F5}.menu-icon{font-size:13px;color:#8D8AAD;width:16px;text-align:center}.hints{display:flex;justify-content:center;gap:18px;margin-top:8px;font-size:10px;color:#5F5C7E}.states-panel{position:absolute;left:28px;bottom:26px;width:212px;padding:14px;border:1px solid rgba(139,123,216,.28);border-radius:16px;background:rgba(10,10,28,.85);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:26;animation:panelIn .25s both}.states-label{font-size:9.5px;letter-spacing:.26em;color:#8D8AAD;margin-bottom:10px}.states-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}.state-btn{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#B8B5D6;background:transparent;border:1px solid rgba(139,123,216,.3);border-radius:8px;padding:7px 4px}.state-btn:hover{border-color:rgba(184,166,245,.6)}.state-btn.active{color:#04040A;background:#B8A6F5;border-color:transparent}.conv{position:absolute;top:74px;right:24px;bottom:110px;width:348px;display:flex;flex-direction:column;border:1px solid rgba(139,123,216,.25);border-radius:18px;background:rgba(8,8,22,.86);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:21;animation:slideL .35s both}.conv-head{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-bottom:1px solid rgba(139,123,216,.16)}.conv-title{font-size:10px;letter-spacing:.26em;color:#8D8AAD}.conv-x{cursor:pointer;color:#8D8AAD;font-size:15px}.conv-x:hover{color:#E8E6F5}.conv-body{flex:1 1;overflow-y:auto;padding:14px 18px;gap:13px}.conv-body,.msg{display:flex;flex-direction:column}.msg{gap:4px}.msg-head{display:flex;gap:7px;align-items:center;font-size:9px;letter-spacing:.2em;color:#5F5C7E}.msg-bubble{max-width:88%;padding:9px 13px;border-radius:13px;font-size:12.5px;line-height:1.55;color:#DEDCF2}.msg-meta{font-size:10px;color:#8D8AAD}.palette-overlay{position:absolute;inset:0;background:rgba(4,4,10,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:40;animation:fadeIn .15s both}.palette{position:absolute;left:50%;top:16%;transform:translateX(-50%);width:min(540px,calc(100% - 48px));border:1px solid rgba(139,123,216,.35);border-radius:18px;background:rgba(10,10,28,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;animation:panelInX .22s both;box-shadow:0 30px 80px rgba(0,0,0,.6)}.palette input{width:100%;outline:none;background:transparent;color:#E8E6F5;font-family:inherit;font-size:15px;padding:17px 20px;border:none;border-bottom:1px solid rgba(139,123,216,.18)}.pal-list{max-height:320px;overflow-y:auto;padding:7px}.pal-item{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:10px 13px;border-radius:10px}.pal-item.active{background:rgba(139,123,216,.16)}.pal-item span:first-child{font-size:13px;color:#C9C6E4}.pal-item.active span:first-child{color:#E8E6F5}.pal-hint{font-family:JetBrains Mono,monospace;font-size:9.5px;color:#5F5C7E;letter-spacing:.1em}.drop-overlay{position:absolute;inset:0;background:rgba(4,4,10,.72);z-index:50;animation:fadeIn .2s both;pointer-events:none}.drop-overlay,.drop-ring{display:flex;align-items:center;justify-content:center}.drop-ring{width:340px;height:340px;border:1.5px dashed rgba(125,227,244,.5);border-radius:50%;flex-direction:column;gap:14px;background:radial-gradient(circle,rgba(125,227,244,.08),transparent 70%)}.drop-ring b{font-family:Michroma,sans-serif;font-size:15px;letter-spacing:.3em;font-weight:400;color:#E8E6F5}.drop-ring b.cy{color:#7DE3F4}.drop-ring i{font-size:11px;color:#8D8AAD;letter-spacing:.1em;font-style:normal}.ws{position:absolute;inset:0;z-index:32;background:rgba(5,5,14,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:scaleIn .45s cubic-bezier(.22,1,.36,1) both;display:flex;flex-direction:column}.ws-head{display:flex;align-items:center;gap:18px;padding:18px 28px;border-bottom:1px solid rgba(139,123,216,.16)}.ws-back{font-size:11px;letter-spacing:.14em;color:#B8B5D6;background:transparent;border:1px solid rgba(139,123,216,.3);border-radius:999px;padding:7px 15px}.ws-back:hover{color:#7DE3F4;border-color:rgba(125,227,244,.6)}.ws-title{font-family:Michroma,sans-serif;font-size:15px;letter-spacing:.2em}.ws-status{font-size:10px;letter-spacing:.2em;color:#6EE7A8;border:1px solid rgba(110,231,168,.35);border-radius:999px;padding:4px 11px}.ws-grid{flex:1 1;display:grid;grid-template-columns:220px 1fr 330px;min-height:0}.ws-rail{border-right:1px solid rgba(139,123,216,.14);padding:20px 16px;overflow-y:auto}.ws-label{font-size:9.5px;letter-spacing:.26em;color:#5F5C7E;margin-bottom:11px}.rail-item{cursor:pointer;font-size:12.5px;color:#8D8AAD;padding:7px 10px;border-radius:8px;margin-bottom:2px}.rail-item:hover{color:#E8E6F5;background:rgba(139,123,216,.1)}.rail-item.active{color:#E8E6F5;background:rgba(139,123,216,.14)}.ws-main{padding:26px 32px;overflow-y:auto}.ws-obj-label{font-size:10px;letter-spacing:.22em;color:#8D8AAD;margin-bottom:5px;animation:itemIn .4s .1s both}.ws-objective{font-size:19px;font-weight:500;margin-bottom:20px;animation:itemIn .4s .15s both}.ws-metric{margin-bottom:24px;max-width:420px;animation:itemIn .4s .2s both}.ws-metric-row{display:flex;justify-content:space-between;font-size:10.5px;letter-spacing:.18em;color:#8D8AAD;margin-bottom:7px}.ws-metric-row b{color:#7DE3F4;font-size:13px;font-weight:500}.ws-bar{background:rgba(139,123,216,.16)}.ws-bar,.ws-bar-fill{height:4px;border-radius:2px}.ws-bar-fill{background:linear-gradient(90deg,#8B7BD8,#7DE3F4);transition:width 1.2s cubic-bezier(.22,1,.36,1)}.ws-cols{display:grid;grid-template-columns:1fr 1fr;grid-gap:22px;gap:22px;max-width:720px}.ws-col-label{font-size:10px;letter-spacing:.22em;margin-bottom:10px}.blocker,.recent{display:flex;gap:9px;align-items:baseline;font-size:12.5px;line-height:1.5;color:#C9C6E4;padding:8px 11px;border-radius:10px;margin-bottom:7px}.blocker{border:1px solid rgba(245,183,97,.2)}.blocker .b-bullet{color:#F5B761;font-size:8px}.recent{border:1px solid rgba(139,123,216,.18)}.recent .b-bullet{color:#6EE7A8;font-size:9px}.ws-actions{display:flex;gap:9px;margin-top:26px;animation:itemIn .4s .35s both}.ws-side{border-left:1px solid rgba(139,123,216,.14);padding:20px;overflow-y:auto}.act-row{display:flex;gap:11px;margin-bottom:12px;animation:itemIn .35s both}.act-time{font-family:JetBrains Mono,monospace;font-size:10px;color:#5F5C7E;padding-top:2px;flex:none}.act-text{font-size:12px;line-height:1.45;color:#D6D3EE}.act-meta{display:flex;gap:8px;margin-top:3px;font-size:9.5px;letter-spacing:.08em}.act-proj{color:#5F5C7E}.toast{position:absolute;right:28px;bottom:30px;z-index:60;padding:12px 17px;border:1px solid rgba(110,231,168,.35);border-radius:13px;background:rgba(9,9,26,.9);font-size:12.5px;color:#DEDCF2;animation:panelIn .3s both;max-width:320px}