:root{color-scheme:dark;--bg:#080e18;--panel:rgba(20,31,47,.61);--line:rgba(180,205,234,.11);--text:#ecf4ff;--muted:#95a7bf;--cyan:#86e5f6;--blue:#a9cfff;--radius:22px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 52% -10%,#163453 0,transparent 45%),radial-gradient(ellipse at 98% 82%,#102b34 0,transparent 32%),var(--bg);color:var(--text);min-height:100vh;line-height:1.5}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0}button:disabled{opacity:.5;cursor:wait}a{color:var(--cyan);text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid #69b5d6;outline-offset:1px}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1{font-size:32px;line-height:1.2;letter-spacing:-1.15px;font-weight:550;margin-bottom:9px}h2{font-size:19px;letter-spacing:-.3px;font-weight:550;margin-bottom:6px}h3{font-size:16px;font-weight:550;margin-bottom:6px}p{color:var(--muted)}svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}small,.small-text{font-size:13px;color:var(--muted)}.muted{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;color:#91adca;margin:0 0 12px}.glass{background:linear-gradient(145deg,rgba(43,64,87,.42),rgba(16,26,41,.65));border:1px solid var(--line);border-top-color:rgba(217,238,255,.2);border-radius:var(--radius);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 35px #00000012;backdrop-filter:blur(24px)}
.sidebar{width:224px;position:fixed;inset:0 auto 0 0;padding:33px 18px 20px;background:rgba(7,13,23,.75);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20;backdrop-filter:blur(30px)}.brand{display:flex;align-items:center;gap:12px;color:var(--text);font-size:20px;letter-spacing:3px;font-weight:600;padding:0 10px}.brand small{display:block;letter-spacing:1.65px;font-size:8px;color:#7791ae;margin-top:3px}.brand-mark{width:39px;height:43px;display:grid;place-items:center;flex-shrink:0;font-size:25px;font-weight:400;letter-spacing:-4px;padding-right:5px;border:1px solid #86d9f86b;border-radius:12px;background:linear-gradient(135deg,#84daed25,#6d9feb09);box-shadow:inset 0 0 14px #85d9f820,0 0 20px #409bcd12;color:#bceeff}.workspace-label{font-size:10px;color:#607793;letter-spacing:1.6px;margin:49px 13px 16px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;background:transparent;color:#91a6bf;text-align:left;border-radius:12px;font-size:14px;padding:12px 14px;margin:3px 0;border:1px solid transparent;transition:background .2s,color .2s}.nav-item:hover{background:#90c7ff0b;color:#d8eaff}.nav-item.active{color:#dbf4ff;border-color:#a8d6ff1c;background:linear-gradient(110deg,#88cfff20,#75b7e008);box-shadow:inset 0 1px 0 #ffffff0a}.nav-item.active svg{color:#9adeff}.sidebar-bottom{margin-top:auto;padding-top:30px}.owner{display:flex;gap:11px;align-items:center;margin-top:17px;padding:21px 5px 0;border-top:1px solid var(--line)}.owner strong{font-size:13px;font-weight:500}.owner span:not(.avatar){display:block;font-size:11px;color:var(--muted)}.owner .icon-button{margin-left:auto;width:26px}.avatar{display:grid;place-items:center;width:35px;height:35px;background:linear-gradient(140deg,#6c859f,#34465e);color:#edf8ff;border:1px solid #b3c7df3b;border-radius:50%;font-size:14px;font-weight:500;flex-shrink:0}.avatar.small{width:31px;height:31px;font-size:12px}.shell{margin-left:224px}.topbar{height:91px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid #c3e6ff09}.context-switch{display:flex;border:1px solid #a8d6ff14;padding:4px;background:#070c1580;border-radius:14px;gap:3px}.context-switch button{font-size:13px;padding:8px 20px;background:transparent;border-radius:10px;color:#859cb5;display:flex;gap:8px;align-items:center}.context-switch svg{width:15px;height:15px}.context-switch button.active{background:linear-gradient(145deg,#a8d6ff25,#7eaece15);color:#e1f6ff;box-shadow:inset 0 1px 0 #d0e6ff29,0 2px 5px #0003}.top-right{display:flex;align-items:center;gap:15px}.prototype-badge{font-size:11px;letter-spacing:.3px;border:1px solid #a8d6ff1b;background:#d0ecff05;border-radius:20px;padding:5px 11px;color:#91a7bd}.icon-button{width:35px;height:35px;display:grid;place-items:center;background:transparent;color:#94abc3;border-radius:10px}.icon-button:hover{background:#a1d3ff12;color:white}.mobile-menu{display:none}main{max-width:1550px;margin:auto;padding:35px 42px 20px;min-height:calc(100vh - 148px)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.page-heading p{font-size:14px;margin-bottom:0}.date-label{font-size:12px;color:#8fa8c3;display:flex;align-items:center;gap:9px;white-space:nowrap}.date-label svg{width:15px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.64fr) minmax(280px,1fr);gap:20px}.orb-panel{position:relative;min-height:366px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 42%,#152c4270,transparent 60%),linear-gradient(125deg,#152b3f50,#101a2c70)}.panel-label{position:absolute;top:21px;left:23px;display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:1.3px;color:#a6c5df}.status-dot{width:5px;height:5px;border-radius:50%;background:#7995b0;display:inline-block}.status-dot.local{background:#91d6cd;box-shadow:0 0 9px #71e4d35c}.orb-stage{width:258px;height:258px;position:relative;display:grid;place-items:center;margin-top:10px}.orb-stage:before{content:"";position:absolute;width:230px;height:230px;border:1px solid #94e8ff14;border-radius:50%;box-shadow:0 0 90px #3abfe512}.orb-video{position:absolute;width:340px;height:340px;object-fit:cover;mix-blend-mode:screen;opacity:.88;mask-image:radial-gradient(circle,#000 42%,transparent 69%);-webkit-mask-image:radial-gradient(circle,#000 42%,transparent 69%)}.orb-fallback{position:absolute;width:172px;height:172px;border-radius:50%;border:1px solid #9edcff88;background:radial-gradient(circle at 38% 28%,#b9f2ff70,transparent 25%),radial-gradient(circle at 40% 60%,#65d9ff16,#081222 65%);box-shadow:inset -15px -12px 27px #99eaff28,inset 7px 8px 30px #72cbef80,0 0 45px #6ee5ff25;animation:breathe 7s ease-in-out infinite}.orb-fallback:after{content:"";position:absolute;inset:-30px -45px;border:1px solid #afecff66;border-radius:50%;transform:rotate(-29deg) scaleY(.4);box-shadow:0 0 20px #75d1ff2b}.orb-panel h2{font-size:19px;font-weight:400;margin:-5px 0 3px;z-index:1}.orb-panel p{font-size:12px;margin:0 0 22px;color:#809ab6;z-index:1}.orb-bottom{display:flex;gap:17px;align-items:center;width:100%;justify-content:center;padding:11px;background:#0208152e;border-top:1px solid #afe6ff0a;font-size:10px;color:#8098b3;letter-spacing:.4px;position:relative;z-index:1;margin-top:auto}.orb-bottom span{display:flex;align-items:center;gap:6px}.focus-panel{padding:23px;display:flex;flex-direction:column}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.panel-header h2{margin:0}.panel-header .icon-button{width:27px;height:27px}.pill{font-size:10px;border-radius:30px;padding:4px 8px;border:1px solid #83c7ff26;color:#aacde7;white-space:nowrap}.focus-empty{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:flex-start;padding:12px 0}.focus-empty .empty-icon{margin:0 0 17px}.focus-empty h3{font-size:17px}.focus-empty p{font-size:13px;max-width:230px;line-height:1.7}.empty-icon{width:46px;height:46px;border-radius:15px;background:#83bbef0e;border:1px solid #aad6fb1b;display:grid;place-items:center;color:#a8c9e4}.primary,.secondary,.text-button{font-size:13px;font-weight:500;border-radius:11px;padding:11px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:filter .2s,background .2s}.primary{color:#092332;background:linear-gradient(135deg,#b2e8f4,#86bacf);box-shadow:inset 0 1px 0 #fff8,0 3px 15px #74d2eb0d}.primary:hover{filter:brightness(1.13)}.primary svg,.secondary svg{width:16px;height:16px}.secondary{color:#c6dbee;border:1px solid #b1d3f226;background:#a9d6ff09}.secondary:hover{background:#a9d6ff18}.text-button{background:transparent;padding:5px 0;color:#a6c9e6}.wide{width:100%}.card-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:14px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#93a8c0}.card-foot svg{height:14px;width:14px}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0}.stat{padding:16px 19px;display:flex;gap:13px;align-items:center;border-radius:16px}.stat>svg{color:#8daccc;width:20px}.stat span{display:block;color:#8ea5bf;font-size:11px}.stat strong{font-weight:500;font-size:18px;color:#e3f2ff}.stat small{font-size:11px;margin-left:6px;font-weight:400}.lower-grid{display:grid;grid-template-columns:minmax(0,1.64fr) minmax(280px,1fr);gap:20px}.chat-panel{padding:22px;display:flex;flex-direction:column;min-height:279px}.chat-panel .panel-header{margin-bottom:12px}.chat-state{display:flex;align-items:center;gap:7px;font-size:11px;color:#8fa8c0}.messages{overflow:auto;max-height:400px;min-height:90px;scroll-behavior:smooth;padding:5px 0 14px}.chat-intro{display:flex;align-items:flex-start;gap:12px;padding:8px 0 4px}.chat-intro .mini-orb{background:radial-gradient(circle at 35% 25%,#d1fcff,#61a7c0 27%,#15354d 65%);width:27px;height:27px;border-radius:50%;box-shadow:0 0 15px #6edcff20;flex-shrink:0;margin-top:3px}.chat-intro p{font-size:14px;color:#b7cade;margin:0;max-width:480px;line-height:1.8}.chat-message{max-width:93%;font-size:14px;padding:12px 15px;border-radius:14px;background:#112335;border:1px solid #a5d3f011;margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere}.chat-message.user{margin-left:auto;background:#88c7ed11;color:#d2eaff}.chat-message.assistant{color:#bfd1e4}.chat-message img{width:min(100%,340px);display:block;border-radius:12px;margin-top:12px}.quick-prompts{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.quick-prompts button{background:#a8d7ff06;border:1px solid #b8dcff19;padding:7px 10px;font-size:11px;color:#9cb8d0;border-radius:8px}.quick-prompts button:hover{background:#a8d7ff17}.composer{border:1px solid #a9d6ff28;background:#07132255;border-radius:14px;padding:11px;display:flex;gap:9px;align-items:center;margin-top:auto}.composer input{width:100%;background:transparent;border:0;color:#e3f3ff;padding:6px;font-size:14px;min-width:0;outline:none}.composer input:focus{outline:0}.composer input::placeholder{color:#667f9a}.composer .send{width:32px;height:32px;border-radius:9px;background:#a6d5e6;color:#15364b;display:grid;place-items:center;flex-shrink:0}.composer select{width:100px;min-width:80px;border:0;padding:5px;color:#9cbed6;background:transparent;font-size:11px}.composer-note{font-size:10px;color:#6d849e;margin:9px 2px 0}.activity-panel{padding:22px}.timeline{padding:7px 0 0}.timeline-item{position:relative;padding:0 0 23px 22px;color:#a9bdd1;font-size:12px}.timeline-item:before{content:"";width:5px;height:5px;border:1px solid #94cfe9;border-radius:50%;position:absolute;left:0;top:5px}.timeline-item:after{content:"";width:1px;background:#98bce520;position:absolute;left:3px;top:13px;bottom:4px}.timeline-item:last-child:after{display:none}.timeline-item small{display:block;font-size:10px;color:#667f9a;margin-top:4px}.activity-panel .text-button{font-size:12px}footer{max-width:1550px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:auto;padding:16px 42px 22px;font-size:9px;letter-spacing:.3px;color:#61778e}footer b{font-weight:400;color:#496078;margin-left:6px}footer #connectionStatus{display:flex;align-items:center;gap:6px}footer #connectionStatus:before{content:"";width:4px;height:4px;border-radius:50%;background:#638d8f}
.section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.section-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card{padding:23px;display:flex;flex-direction:column;min-height:210px}.service-card .service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.service-icon{border-radius:13px;display:grid;place-items:center;width:43px;height:43px;background:#abd2ed12;color:#bcdbef;border:1px solid #bddbf216}.service-icon svg{width:23px}.service-card p{font-size:13px;line-height:1.7;flex:1}.service-card .secondary{margin-top:8px;align-self:flex-start}.info-banner{padding:16px 20px;border:1px solid #8db9e622;background:#6689bb0b;border-radius:14px;color:#9fb9d1;font-size:13px;margin-bottom:23px;display:flex;gap:12px;align-items:flex-start}.info-banner svg{width:18px;height:18px;margin-top:1px}.empty-state{text-align:center;padding:60px 25px;grid-column:1/-1}.empty-state .empty-icon{margin:0 auto 20px}.empty-state p{font-size:14px;margin:10px auto 24px;max-width:420px}.task-row{display:flex;align-items:center;gap:14px;padding:18px 20px;border-bottom:1px solid var(--line)}.task-row:last-child{border-bottom:0}.task-check{width:24px;height:24px;border:1px solid #aacfea4d;background:transparent;border-radius:7px;flex-shrink:0;display:grid;place-items:center}.task-check.done{background:#96d5d22b;color:#a6e7dc}.task-check svg{width:15px}.task-row strong{font-weight:450;font-size:14px;display:block;overflow-wrap:anywhere}.task-row small{font-size:11px}.task-row select{margin-left:auto;width:125px;font-size:12px}.task-row.compact{padding:12px 0}.task-row.compact strong{font-size:13px}.memory-card{padding:23px}.memory-card .panel-header{margin-bottom:14px}.memory-card p{font-size:14px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;margin:13px 0 20px}.memory-card .card-foot{font-size:10px}.card-actions{display:flex;gap:5px}.model-card code{font-size:11px;color:#9bbcd7;overflow-wrap:anywhere}.model-card .model-title{display:flex;justify-content:space-between;align-items:start;gap:12px}.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:23px}.route-card{padding:19px;border:1px solid #b1d5f023;border-radius:15px;background:#658aa70a}.route-card strong{font-size:14px;display:block;margin:8px 0 3px;font-weight:500}.route-card p{font-size:12px;margin:0;line-height:1.6}.route-card .number{color:#7894b0;font-size:11px}.settings-panel{padding:25px;max-width:850px;margin-bottom:20px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:19px 0;border-bottom:1px solid var(--line)}.settings-row:last-child{border-bottom:0}.settings-row h3{font-size:14px}.settings-row p{font-size:12px;margin:4px 0 0;max-width:500px}.settings-row select{width:155px}.toggle{display:inline-flex;align-items:center;gap:12px;font-size:13px;color:#a4bcd4;cursor:pointer}.toggle input{accent-color:#98d7e5;width:19px;height:19px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{margin-bottom:16px}.field label{display:block;margin-bottom:6px;font-size:12px;color:#b3c8de}.field p{font-size:11px;margin:6px 0 0}.field input,.field select,.field textarea,input,select,textarea{width:100%;border:1px solid #9dc2e333;background:#0c1726;color:#dceeff;padding:11px 12px;border-radius:9px;min-width:0}textarea{resize:vertical;min-height:100px}input::placeholder,textarea::placeholder{color:#648098}select{cursor:pointer}form .primary{min-height:41px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:9px}.danger{color:#e8a7ad}.form-error{color:#f1afb4;font-size:13px}.form-error:empty{display:none}.model-summary{display:flex;align-items:center;justify-content:space-between;margin:28px 0 15px;gap:15px}.model-summary p{font-size:12px;margin:0}.cost{font-variant-numeric:tabular-nums;color:#bed6e9}dialog{border:1px solid #b7dcf83d;background:#111e2df5;color:var(--text);border-radius:22px;width:min(620px,calc(100vw - 30px));padding:25px;max-height:90vh;box-shadow:0 25px 120px #000a;backdrop-filter:blur(24px)}dialog::backdrop{background:#020811b0;backdrop-filter:blur(7px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.modal-heading h2{font-size:21px}#modalContent>p{font-size:14px;line-height:1.8}#toast{position:fixed;bottom:26px;left:calc(50% + 112px);transform:translate(-50%,15px);z-index:100;background:#21374bec;border:1px solid #a2d4f14a;box-shadow:0 10px 35px #0006;border-radius:13px;padding:13px 22px;font-size:13px;color:#dfedf9;opacity:0;transition:.2s;pointer-events:none;max-width:calc(100vw - 32px);backdrop-filter:blur(20px)}#toast.visible{opacity:1;transform:translate(-50%,0)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:25px}.login-card{width:400px;max-width:100%;padding:35px}.login-card .brand-mark{margin-bottom:27px}.login-card label{font-size:13px;display:block;margin:25px 0 8px}.login-card button{width:100%;margin-top:15px}.login-card #loginError{font-size:13px;color:#ecacb0;margin:15px 0 0}.table-wrap{overflow:auto}.usage-table{width:100%;border-collapse:collapse;font-size:12px}.usage-table td,.usage-table th{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line);white-space:nowrap}.usage-table th{color:#829bb4;font-weight:450}.usage-table td{color:#bad0e4}.muted-divider{margin:28px 0;border:0;border-top:1px solid var(--line)}
@keyframes breathe{50%{transform:scale(1.035);filter:brightness(1.2)}}.reduced-motion *{animation:none!important;scroll-behavior:auto!important;transition:none!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}@media(min-width:1650px){main{padding-top:45px}.orb-panel{min-height:410px}.orb-stage{width:280px;height:280px}.orb-video{width:375px;height:375px}}@media(max-width:1150px){.sidebar{width:196px;padding-left:12px;padding-right:12px}.shell{margin-left:196px}.topbar{padding:0 26px}main{padding:29px 26px 18px}.hero-grid,.lower-grid{grid-template-columns:minmax(0,1.45fr) minmax(265px,1fr)}h1{font-size:27px}.date-label{font-size:11px}.section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}footer{padding:15px 26px;font-size:8px}.orb-bottom{gap:11px;font-size:9px}#toast{left:calc(50% + 98px)}}@media(max-width:930px){.sidebar{width:78px;padding:28px 12px}.brand{padding:0;justify-content:center}.brand>span:last-child,.workspace-label,.nav-item>span,.owner>div:not(.avatar),.owner>.icon-button{display:none}.nav-item{justify-content:center;padding:13px}.brand-mark{width:35px;height:39px}#navigation{margin-top:38px}.owner{justify-content:center}.shell{margin-left:78px}.date-label{display:none}.hero-grid,.lower-grid{grid-template-columns:1fr 280px}.top-right{gap:9px}.chat-state{display:none}#toast{left:calc(50% + 39px)}footer>span:nth-child(2){display:none}}@media(max-width:760px){.hero-grid,.lower-grid{grid-template-columns:1fr}.focus-panel{min-height:210px}.focus-empty{padding:5px 0 18px}.focus-empty p{max-width:none}.focus-empty .empty-icon{display:none}.orb-panel{min-height:365px}.stats-row{gap:9px}.stat{padding:13px 11px;gap:8px}.stat>svg{display:none}.stat strong{font-size:16px}.stat span{font-size:10px}.section-grid,.section-grid.two{grid-template-columns:1fr}.route-grid{grid-template-columns:1fr}.route-card{padding:14px 17px}.route-card .number{float:right}.route-card strong{margin-top:0}.page-heading{align-items:flex-start}.page-heading .primary{font-size:11px;padding:10px}.page-heading h1{font-size:26px}.activity-panel{min-height:200px}.topbar{height:78px}main{min-height:calc(100vh - 135px)}}@media(max-width:520px){.sidebar{transform:translateX(-100%);width:224px;transition:transform .2s}.sidebar.open{transform:translateX(0);box-shadow:30px 0 60px #0008}.sidebar.open .brand>span:last-child,.sidebar.open .workspace-label,.sidebar.open .nav-item>span,.sidebar.open .owner>div:not(.avatar),.sidebar.open .owner>.icon-button{display:block}.sidebar.open .brand{justify-content:flex-start;padding-left:10px}.sidebar.open .nav-item{justify-content:flex-start}.sidebar.open #navigation{margin-top:0}.shell{margin-left:0}.topbar{padding:0 17px;gap:8px}.mobile-menu{display:grid}.context-switch button{padding:7px 10px;font-size:12px}.context-switch svg{width:13px}.top-right{gap:4px}.top-right .prototype-badge,.top-right .avatar{display:none}.top-right .icon-button{width:30px}main{padding:27px 17px 14px}.page-heading p{font-size:13px}.page-heading h1{font-size:27px}.page-heading{margin-bottom:23px}.orb-panel{min-height:343px}.orb-stage{width:230px;height:230px}.orb-video{width:315px;height:315px}.orb-panel h2{font-size:18px}.orb-panel p{font-size:11px}.orb-bottom{font-size:9px;gap:12px;padding:12px 8px}.stats-row{margin:16px 0}.stat small{display:none}.stat strong{font-size:17px}.chat-panel,.activity-panel,.focus-panel{padding:19px}.composer{padding:8px}.composer select{width:75px;min-width:68px;font-size:10px}.composer input{font-size:13px}.quick-prompts button{font-size:10px}.composer-note{font-size:9px}.page-heading .primary svg{display:none}.task-row{padding:15px 13px;gap:10px}.task-row select{width:98px;font-size:11px;padding:8px}.field-grid{grid-template-columns:1fr}.settings-panel{padding:19px}.settings-row{gap:15px}.settings-row p{font-size:11px}.settings-row select{width:130px}footer{padding:14px 17px 24px;font-size:8px}#toast{left:50%;font-size:12px;width:max-content}.model-summary{align-items:flex-start}.model-summary p{max-width:230px}}
/* Knowledge vault, graph and observed work route */
.memory-toolbar{display:flex;gap:14px;align-items:center;padding:16px 20px;margin-bottom:18px}.memory-toolbar input{flex:1;min-width:120px}.memory-tabs{display:flex;padding:4px;border-radius:14px;background:rgba(0,0,0,.18);gap:4px}.memory-tabs button,.filter-chip{color:#a6b9cc;background:transparent;border:0;border-radius:10px;padding:9px 14px;white-space:nowrap}.memory-tabs button.active,.filter-chip.active{background:rgba(139,193,236,.16);color:#eff8ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}.memory-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.filter-chip{border:1px solid rgba(180,215,255,.1);display:flex;align-items:center;gap:7px;font-size:12px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0;background:#9feab2}.dot.memory{background:#76baff}.dot.hermes{background:#a0a3ff}.dot.conversation{background:#5bd8cf}.dot.report{background:#cfa0ff}.dot.skill{background:#f8c478}.dot.note{background:#9feab2}.memory-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:20px;margin-bottom:24px}.memory-map{overflow:hidden;padding:0;min-width:0;background:radial-gradient(ellipse at 50% 45%,rgba(19,59,80,.5),rgba(7,18,31,.8));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 24px 70px rgba(0,0,0,.16)}.map-top,.map-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px}.map-top .eyebrow{margin:0}.map-bottom{border-top:1px solid rgba(145,190,219,.07);font-size:11px;color:#8ea6ba}.map-bottom .text-button{margin:0}#memoryCanvas{display:block;width:100%;height:470px;touch-action:none;cursor:grab}#memoryCanvas[hidden],#knowledgeList[hidden]{display:none}.note-preview{padding:28px;overflow:hidden}.note-preview h2{font-size:24px;line-height:1.25;margin:14px 0}.note-preview p{font-size:13px;color:#a1b7cb;line-height:1.8}.legend{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:30px 0}.legend span{display:flex;align-items:center;gap:8px;color:#b4c8d9;font-size:12px}.note-path{font-family:ui-monospace,monospace;font-size:11px!important;overflow-wrap:anywhere;opacity:.8}.note-text{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:13px;line-height:1.8;color:#c5d5e5;max-height:330px;overflow:auto;background:rgba(0,0,0,.12);padding:16px;border-radius:12px}.note-text.full{max-height:65vh}.note-relations{margin-top:24px}.note-relations h3{font-size:13px;margin:0 0 12px}.knowledge-list{max-height:470px;overflow:auto;padding:8px 14px}.knowledge-row{width:100%;display:flex;align-items:center;text-align:left;gap:12px;color:#d9e6ef;background:transparent;border:0;border-bottom:1px solid rgba(170,210,240,.07);padding:16px 8px}.knowledge-row:hover{background:rgba(140,199,240,.06);border-radius:10px}.knowledge-row>span:nth-child(2){min-width:0;flex:1}.knowledge-row strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.knowledge-row small{display:block;font-size:10px;color:#8da7bd;margin-top:6px;overflow:hidden;text-overflow:ellipsis}.knowledge-row .pill{font-size:10px}.vault-panel{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:26px 30px;margin-bottom:24px}.vault-panel p{font-size:13px;line-height:1.7;color:#9db3c8;max-width:650px}.vault-panel h2{font-size:21px}.vault-panel a.secondary{display:flex;align-items:center;gap:10px;white-space:nowrap;text-decoration:none}.vault-panel a svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6}.memory-empty{padding:40px;text-align:center;color:#93abc0}.live-work{display:flex;gap:14px;align-items:center;border:1px solid rgba(139,199,241,.15);border-radius:18px;padding:17px 22px;margin:0 0 24px;background:linear-gradient(110deg,rgba(58,112,154,.16),rgba(102,79,145,.08));backdrop-filter:blur(20px)}.live-work>div{flex:1}.live-work strong{font-size:13px}.live-work p{margin:5px 0 0;font-size:12px;color:#a8bfd3}.live-light{width:8px;height:8px;border-radius:50%;background:#6ed6cc;box-shadow:0 0 18px #6ed6cc}.is-running .live-light{animation:routePulse 1.4s infinite}.live-work .text-button{margin:0}.work-run{margin-bottom:18px;padding:0 26px}.work-run summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;cursor:pointer;list-style:none}.work-run summary::-webkit-details-marker{display:none}.work-run summary h2{font-size:17px;margin:8px 0 0;overflow-wrap:anywhere}.run-status{padding:7px 12px;border-radius:20px;background:rgba(113,175,204,.12);font-size:11px;white-space:nowrap;color:#a8c9df}.run-status.running{color:#91e5d6;background:rgba(67,165,144,.12)}.run-status.error{color:#ffc2ba;background:rgba(189,91,74,.15)}.work-steps{list-style:none;padding:0;margin:0 0 22px}.work-step{display:flex;gap:18px;padding:0 0 24px;position:relative}.work-step:not(:last-child):before{content:'';position:absolute;top:30px;bottom:4px;left:14px;width:1px;background:linear-gradient(#537a96,#233e52)}.step-number{position:relative;display:flex;align-items:center;justify-content:center;height:29px;width:29px;flex-shrink:0;border:1px solid rgba(140,197,237,.2);border-radius:50%;background:#112739;color:#9fcee8;font-size:11px}.work-step>div{min-width:0;flex:1;padding-top:5px}.work-step strong{font-size:13px}.work-step p{font-size:12px;color:#97b0c7;margin:7px 0;line-height:1.6;overflow-wrap:anywhere}.work-step small{color:#657f96;font-size:10px;display:block;margin-top:9px}.source-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.source-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(126,187,222,.16);border-radius:10px;background:rgba(100,160,197,.06);color:#b9d5e7;font-size:11px;max-width:100%;overflow-wrap:anywhere}.source-chip svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.5;flex-shrink:0}.note-relations .source-chip{margin:4px 4px 0 0}.work-step.error .step-number{border-color:#b2706a;color:#e3a69d}@keyframes routePulse{50%{opacity:.35;box-shadow:0 0 8px #6ed6cc}}.reduced-motion .is-running .live-light{animation:none}
@media(max-width:1050px){.memory-layout{grid-template-columns:minmax(0,1fr)}.note-preview{padding:24px}.note-text{max-height:260px}.memory-toolbar{flex-wrap:wrap}.memory-toolbar input{order:3;width:100%;flex-basis:100%}.vault-panel{align-items:flex-start;flex-direction:column;gap:10px}}
@media(max-width:650px){#memoryCanvas{height:360px}.memory-toolbar{padding:14px;gap:10px}.memory-tabs button{padding:8px 11px}.memory-toolbar>.secondary{margin-left:auto;font-size:12px}.map-top,.map-bottom{padding:16px}.map-bottom{flex-wrap:wrap}.memory-filters{gap:6px}.filter-chip{padding:7px 9px;font-size:11px}.knowledge-row .pill{display:none}.live-work{padding:16px;flex-wrap:wrap}.live-work .text-button{margin-left:22px}.work-run{padding:0 17px}.work-run summary{gap:10px}.work-run summary h2{font-size:15px}.vault-panel{padding:22px}.vault-panel a.secondary{white-space:normal}}
/* 1.2 · abonnementen en kosten */
.plans-panel{max-width:none}.plans-panel>p{font-size:13px;line-height:1.7;max-width:900px}.plan-card{min-height:0}.plan-card h2{margin:0 0 6px}.plan-card .service-top{margin-bottom:14px}.plan-card .service-icon{font-weight:600;font-size:18px}.plan-steps{margin:6px 0 14px;padding-left:20px;font-size:13px;line-height:1.8;color:#b6cadd}.plan-steps code,.plan-card code{font-size:11px;background:#0c1726;border:1px solid #9dc2e322;border-radius:6px;padding:2px 6px;overflow-wrap:anywhere}.plan-steps a{color:#a6dcf2;overflow-wrap:anywhere}.device-code{font-size:26px;letter-spacing:4px;font-weight:600;color:#e6f7ff;margin:8px 0;font-variant-numeric:tabular-nums}.plan-models{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 10px}.pill.muted{opacity:.6}.cost-section{margin-top:28px}.cost-stats{grid-template-columns:repeat(4,1fr)}.cost-stats .stat>div{width:100%}meter.cost-bar{display:block;width:100%;height:5px;margin-top:8px;min-width:60px;border:0;border-radius:5px;background:#a8d6ff14;-webkit-appearance:none;-moz-appearance:none;appearance:none}meter.cost-bar::-webkit-meter-inner-element{display:block}meter.cost-bar::-webkit-meter-bar{background:#a8d6ff14;border:0;border-radius:5px;height:5px}meter.cost-bar::-webkit-meter-optimum-value{background:linear-gradient(90deg,#86d0e8,#b2e8f4);border-radius:5px}meter.cost-bar::-webkit-meter-suboptimum-value{background:#e6c46f;border-radius:5px}meter.cost-bar::-webkit-meter-even-less-good-value{background:#ee8e80;border-radius:5px}meter.cost-bar::-moz-meter-bar{background:linear-gradient(90deg,#86d0e8,#b2e8f4);border-radius:5px}meter.cost-bar:-moz-meter-sub-optimum::-moz-meter-bar{background:#e6c46f}meter.cost-bar:-moz-meter-sub-sub-optimum::-moz-meter-bar{background:#ee8e80}.usage-table small.sub{display:block;white-space:normal;margin-top:2px;min-width:150px;max-width:340px}.cost-table{margin-top:18px}#costPolicyForm .toggle input,.plans-panel .toggle input{flex-shrink:0}#costPolicyForm .toggle-cell{display:flex;align-items:flex-end;padding-bottom:6px}.cost-days{padding:20px 22px;margin:18px 0}.cost-days h3{font-size:14px;margin:0 0 12px}.cost-day{display:grid;grid-template-columns:120px minmax(60px,1fr) 90px minmax(0,1.2fr);align-items:center;gap:12px;font-size:12px;color:#a9bfd3;padding:4px 0}.cost-day .cost-bar{margin:0}.cost-day b{font-weight:500;text-align:right}.cost-day small{color:#6f88a1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usage-table caption{text-align:left;padding:14px 14px 6px;font-size:13px;color:#cfe3f3}.usage-table small{color:#7f97b0}#costPolicyForm{max-width:none;margin-top:18px}#costPolicyForm .toggle{display:flex;margin:10px 0}#costPolicyForm h2{margin:0 0 16px}.cost-section .section-grid.two{margin-top:4px}
@media(max-width:900px){.cost-stats{grid-template-columns:repeat(2,1fr)}.cost-day{grid-template-columns:90px 1fr 80px}.cost-day small{display:none}}
@media(max-width:650px){.cost-stats{grid-template-columns:1fr}.plans-panel .section-grid.two{grid-template-columns:1fr}}
/* 1.2.1: AI koppelen */.plan-link{display:inline-block;font-weight:600;color:#bfeaf8;border-bottom:1px solid #8fd3ea66;padding:2px 0}.plan-link:hover{color:#e6f7ff}button.small{padding:6px 10px;font-size:12px;min-height:0;margin-left:6px;vertical-align:middle}.plan-alt{margin-top:14px;font-size:13px;color:#a4bcd4}.plan-alt summary{cursor:pointer;color:#8fb3cc}.plan-alt form{margin-top:10px}.plans-panel .plan-card .mission-buttons{flex-wrap:wrap}.api-links{margin-top:18px}.api-links .small-text{margin:0 0 8px}.api-buttons{display:flex;flex-wrap:wrap;gap:8px}.api-buttons button{padding:9px 14px;font-size:13px}
/* 1.3: meldingen in de chat */.chat-message.alert{border-color:#e6c46f66;box-shadow:inset 3px 0 0 #e6c46f}.message-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.message-actions button{margin:0}
/* 1.3: Agents-pagina compact, rapporten in Geheugen */
.agent-settings summary{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;list-style:none}
.agent-settings summary::-webkit-details-marker{display:none}
.agent-settings summary h2{margin:0;font-size:16px}
.agent-settings[open] summary{margin-bottom:14px}
.agent-purpose{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.report-list{max-height:520px;overflow:auto}
.report-row .report-alert{display:inline-flex!important;color:#e6c46f;border-color:#e6c46f66}
.section-title{font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:#9fc3dc;margin:26px 4px 12px}
.mission-director>button{margin-left:auto;align-self:center}
.service-card.agent-card p{flex:0 0 auto;overflow-wrap:anywhere}
.service-card.agent-card .agent-purpose{display:-webkit-box}
.agent-job p,.report-row small{overflow-wrap:anywhere}
@media(max-width:760px){.section-grid,.section-grid.two{grid-template-columns:minmax(0,1fr)}}
.sc-orders summary{cursor:pointer;font-size:13px;color:#9fc3dc;margin:10px 0 6px}
.sc-orders ul{margin:6px 0 0;padding-left:18px;line-height:1.7}