:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1c1226;background:#f8f5fc;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -20%,#f3e6fd 0,#faf7fd 38%,#f4edfa);min-height:100vh}.kode-app{display:grid;grid-template-columns:230px minmax(0,1fr) 300px;min-height:100vh}.left-rail,.ai-inspector{background:#fffffff0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.left-rail{border-right:1px solid #e7dcf3;padding:20px 14px;position:sticky;top:0;height:100vh}.ai-inspector{border-left:1px solid #e7dcf3;padding:20px 16px;position:sticky;top:0;height:100vh;overflow:auto}.kode-brand{display:flex;gap:10px;align-items:center;margin-bottom:22px}.kode-mark{width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,#c604f7,#0aa2c0);display:grid;place-items:center;font-size:20px;font-weight:800;box-shadow:0 0 28px #c604f74f}.kode-brand b{font-size:18px;letter-spacing:.08em}.kode-brand small{display:block;color:#83788f;font-size:10px;margin-top:2px}.new-chat,.connect{width:100%;border:1px solid #cbb6e3;background:#f6f0fb;color:#8a02b3;border-radius:12px;padding:11px 12px;text-align:left;cursor:pointer}.left-rail nav{display:flex;flex-direction:column;gap:5px;margin-top:15px}.left-rail nav button{border:0;background:transparent;color:#6a5f7c;border-radius:11px;padding:10px 11px;text-align:left;cursor:pointer;font-size:12px}.left-rail nav button:hover,.left-rail nav button.active{background:linear-gradient(90deg,#c604f74d,#c604f71f);color:#8a02b3}.rail-bottom{position:absolute;bottom:18px;left:14px;right:14px;color:#75697f;font-size:11px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 12px #10b981;margin-right:7px}.connect{text-align:center;background:#f2eaf9}.workspace{min-width:0;padding:24px 28px 60px}.workspace header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.eyebrow{font-size:10px;color:#d63dfc;letter-spacing:.16em;text-transform:uppercase}.workspace h1{margin:4px 0 0;font-size:25px}.memory-pill{border:1px solid #dfcfef;background:#fff;padding:7px 10px;border-radius:999px;color:#6a5f7c;font-size:10px}.chat-shell{max-width:830px;margin:0 auto;padding-top:34px}.welcome{text-align:center;padding:32px 0 26px}.mini-brain{width:52px;height:52px;margin:0 auto 15px;border-radius:17px;background:linear-gradient(135deg,#ecd1fb,#c604f7 55%,#0aa2c0);display:grid;place-items:center;font-size:22px;font-weight:800;box-shadow:0 0 38px #c604f766}.welcome h2{font-size:26px;margin:0 0 7px}.welcome p{margin:0;color:#75697f;font-size:13px}.example{border:1px solid #e7daf3;border-radius:17px;padding:14px 16px;margin:12px 0;line-height:1.55;font-size:13px}.example.user{margin-left:auto;max-width:78%;background:linear-gradient(135deg,#f8ebfe,#e5b6f9)}.example.assistant{background:#fff}.example.assistant p{color:#453a54}.route-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.route-chips span{font-size:9px;border:1px solid #cbb6e3;border-radius:999px;padding:5px 7px;color:#584d68;background:#f6f0fb}.composer{display:grid;grid-template-columns:36px minmax(0,1fr) 40px 40px;gap:7px;border:1px solid #cbb6e3;background:#fff;border-radius:18px;padding:9px;margin-top:24px;box-shadow:0 15px 45px #0008}.composer textarea{border:0;outline:0;background:transparent;color:#1c1226;resize:none;font:inherit;font-size:13px;padding:10px 6px;min-height:44px}.composer button{border:0;border-radius:11px;background:#f2eaf9;color:#453a54;cursor:pointer}.composer .send{background:linear-gradient(135deg,#a203cc,#c604f7);color:#fff}.inspector-title{font-size:11px;color:#584d68;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.ai-row,.risk-card{border:1px solid #eadff5;background:linear-gradient(180deg,#fff,#faf6fe);border-radius:14px;padding:12px;margin-bottom:10px}.ai-row small,.risk-card small{display:block;color:#6f809e;font-size:9px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}.ai-row>div{display:flex;justify-content:space-between;align-items:center}.ai-row b{font-size:13px}.ai-row span{font-size:9px;color:#10b981;border:1px solid #bfe8d6;border-radius:999px;padding:3px 6px}.risk-card b{font-size:17px}.risk-card p{color:#7f91af;font-size:10px;line-height:1.5}.risk-low{color:#0d9d6d}.risk-medium{color:#b45309}.risk-high,.risk-critical{color:#d43f5e}.cards-view{max-width:980px;margin:0 auto;padding-top:15px}.cards-view h2{font-size:18px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.cards-grid article{border:1px solid #e7dcf3;background:#fbf8fe;border-radius:15px;padding:14px}.cards-grid b{font-size:12px}.cards-grid p{font-size:10px;color:#7f91af;line-height:1.5}.brain-shell{height:calc(100vh - 118px);min-height:600px;display:flex;flex-direction:column}.brain-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.brain-toolbar h2{font-size:19px;margin:4px 0 0}.brain-live,.brain-demo{font-size:10px;border:1px solid #b9e4d3;background:#e3f5ec;color:#0d9d6d;padding:6px 9px;border-radius:999px}.brain-demo{background:#f6ecd4;border-color:#5a4513;color:#b45309}.brain-stage{position:relative;flex:1;min-height:480px;border:1px solid #eadff5;border-radius:22px;overflow:hidden;background:#f8f5fc;box-shadow:inset 0 0 90px #17255455,0 20px 65px #0008}.brain-overlay{position:absolute;left:18px;top:18px;display:grid;grid-template-columns:auto 1fr;gap:4px 8px;padding:12px;border-radius:13px;border:1px solid #e7daf3;background:#071021cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:9px}.brain-overlay b{color:#b21fe0}.brain-overlay span{color:#7f91af}.node-detail{position:absolute;right:18px;top:18px;width:230px;border:1px solid #4d3a86;background:#090e1ddd;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:15px;padding:14px;box-shadow:0 0 40px #c604f733}.node-detail button{position:absolute;right:8px;top:8px;border:0;background:transparent;color:#8390aa;font-size:18px;cursor:pointer}.node-detail small{text-transform:uppercase;color:#d63dfc;font-size:9px}.node-detail h3{font-size:15px;margin:6px 0}.node-detail p{color:#8390aa;font-size:10px;line-height:1.5}.brain-footnote{text-align:center;color:#63728d;font-size:9px;padding:8px}.node-label{white-space:nowrap;border:1px solid #cbb6e3;background:#071021d9;color:#b9d7f5;padding:3px 6px;border-radius:7px;font-size:8px;pointer-events:none;box-shadow:0 0 18px #0aa2c022}.node-label.project{border-color:#5b3f93;color:#8a02b3}.core-label{text-align:center;white-space:nowrap;text-shadow:0 0 20px #c604f7}.core-label b{display:block;font-size:13px;letter-spacing:.14em}.core-label span{color:#75697f;font-size:8px}@media (max-width:1100px){.kode-app{grid-template-columns:190px minmax(0,1fr)}.ai-inspector{display:none}.left-rail{padding:16px 10px}}@media (max-width:760px){.kode-app{display:block}.left-rail{display:none}.workspace{padding:16px 12px}.workspace header{position:sticky;top:0;background:#f8f5fce8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:4;padding:10px 0}.brain-shell{height:calc(100vh - 100px)}.example.user{max-width:92%}}.brain-command{min-height:calc(100vh - 118px)}.brain-console{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:14px;min-height:610px}.brain-core,.region-panel,.brain-summary article{border:1px solid #252b39;background:linear-gradient(155deg,#0f1219fa,#06080cfa);border-radius:22px;box-shadow:inset 0 1px #ffffff09,0 24px 70px #0006}.brain-core{min-width:0;padding:8px}.brain-stage{position:relative;min-height:592px;height:100%;overflow:hidden;border-radius:16px;background:radial-gradient(ellipse at 50% 43%,#272231,#12141b 42%,#07090d 74%);isolation:isolate}.brain-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 48%,transparent 38%,#0006 75%);pointer-events:none;z-index:2}.brain-aura{position:absolute;left:50%;top:48%;width:min(68vw,540px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#a696be24,#68597e0b 45%,transparent 69%);filter:blur(12px)}.anatomical-brain{position:absolute;left:50%;top:48%;width:min(88%,650px);transform:translate(-50%,-50%);overflow:visible;z-index:3}.brain-shadow{fill:#000}.brain-base{fill:url(#surface);stroke:#d5cbdf;stroke-opacity:.14}.brain-region{cursor:pointer;outline:none;transition:.25s}.brain-region path{fill:#8f819f;stroke:#332c3d;stroke-width:1.3;transition:.25s}.brain-region:nth-of-type(2n) path{fill:#a093b0}.brain-region:hover,.brain-region:focus-visible,.brain-region.is-selected{filter:url(#glow)}.brain-region:focus-visible path{stroke:#fff;stroke-width:3}.brain-region.is-selected path{fill:#c8bbd7;stroke:#f0e8f4}.region-pulse{fill:#d9cfdf;opacity:.3;transform-box:fill-box;transform-origin:center}.brain-region.is-active .region-pulse,.brain-region.is-connected .region-pulse,.brain-region.is-thinking .region-pulse,.brain-region.is-learning .region-pulse{opacity:.9;animation:breathe 3.4s ease-in-out infinite}.brain-region.is-healthy .region-pulse{fill:#9fc0ad;opacity:.8}.fissure,.sulci path{fill:none;stroke:#2a2431;stroke-linecap:round}.fissure{stroke-width:5}.sulci path{stroke-width:5.5;opacity:.62}.cerebellum path{fill:#5b5067;stroke:#2c2632;stroke-width:3}.brain-labels{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.brain-label{position:absolute;padding:6px 9px;border:1px solid #c4b8d32e;border-radius:999px;background:#08090dc2;color:#958ca2;font-size:8px;letter-spacing:.08em;text-transform:uppercase}.brain-label.is-selected{color:#fff;border-color:#d9cfe27a}.label-0{left:8%;top:25%}.label-1{left:31%;top:12%}.label-2{left:8%;top:62%}.label-3{right:8%;top:31%}.label-4{right:9%;top:67%}.label-5{left:50%;top:47%;transform:translate(-50%)}.label-6{left:50%;bottom:14%;transform:translate(-50%)}.brain-identity{position:absolute;left:50%;bottom:4%;transform:translate(-50%);z-index:5;text-align:center}.brain-identity span,.brain-identity b,.brain-identity small{display:block}.brain-identity span{font-size:7px;letter-spacing:.18em;color:#675f71}.brain-identity b{font-size:11px;letter-spacing:.2em;color:#ded6e3;margin:4px}.brain-identity small{font-size:7px;color:#756d7e}.region-panel{padding:20px;display:flex;flex-direction:column}.region-panel-head{display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center;padding-bottom:18px;border-bottom:1px solid #242833}.region-panel-head small,.region-panel-head b{font-size:8px;color:#8c94a2}.status-dot{width:7px;height:7px;border-radius:50%;background:#6c7280}.status-dot.is-active,.status-dot.is-connected,.status-dot.is-thinking,.status-dot.is-learning{background:#aaa0b8;box-shadow:0 0 12px #aaa0b8}.status-dot.is-healthy{background:#88a493}.status-dot.is-watch{background:#b49b70}.region-panel>.eyebrow{margin-top:26px}.region-panel h3{font-family:Georgia,serif;font-size:28px;font-weight:400;color:#eee9f1;margin:9px 0 13px}.region-panel>p{font-size:10px;line-height:1.65;color:#9299a7}.region-panel dl div{display:flex;justify-content:space-between;border-top:1px solid #21252e;padding-top:9px}.region-panel dt{font-size:8px;color:#5f6673}.region-panel dd{font-size:9px;color:#b6bdc9;margin:0}.region-action{display:flex;justify-content:space-between;border:1px solid #494153;background:#302a37;border-radius:12px;color:#eee8f1;padding:12px;font-size:9px;cursor:pointer}.region-action:focus-visible{outline:2px solid #b4a6c3;outline-offset:2px}.region-index{display:flex;flex-direction:column;gap:5px;margin-top:auto}.region-index button{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;border:0;background:transparent;border-radius:8px;color:#6f7683;text-align:left;padding:6px;font-size:8px}.region-index button:hover,.region-index button:focus-visible,.region-index button.active{background:#171a21;color:#d4cdda;outline:none}.brain-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:10px}.brain-summary article{padding:12px 14px}.brain-summary small,.brain-summary b,.brain-summary span{display:block}.brain-summary small{font-size:7px;color:#676e7b}.brain-summary b{font-family:Georgia,serif;font-size:20px;font-weight:400;margin:5px 0;color:#ddd7e1}.brain-summary span{font-size:7px;color:#737b89}.brain-loading{height:calc(100vh - 118px);display:flex;align-items:center;justify-content:center}.brain-loading span{width:15px;height:15px;border:2px solid #3c3743;border-top-color:#aca0ba;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{transform:scale(1.65);opacity:.45}}@media (max-width:1000px){.brain-console{grid-template-columns:1fr}.region-index{display:grid;grid-template-columns:repeat(4,1fr)}}@media (max-width:680px){.brain-stage{min-height:420px}.anatomical-brain{width:102%;top:46%}.brain-label{font-size:6px;padding:4px}.label-0,.label-2{left:2%}.label-3,.label-4{right:2%}.region-index{grid-template-columns:repeat(2,1fr)}.brain-summary{display:flex;overflow-x:auto}.brain-summary article{min-width:135px}}@media (prefers-reduced-motion:reduce){.brain-loading span,.region-pulse{animation:none}.brain-region,.brain-region path{transition:none}}.msg-body{min-width:0;flex:1}.source-strip{margin-top:10px;padding-top:8px;border-top:1px solid #e0d2ef;color:#7485a3;font-size:9px;line-height:1.5}.source-strip span{color:#584d68;font-weight:700}.session-box{display:flex;align-items:center;justify-content:space-between;gap:8px}.session-box button{border:1px solid #dfcfef;background:#fff;color:#6a5f7c;border-radius:8px;padding:5px 8px;font-size:9px;cursor:pointer}.auth-error{display:block;color:#d43f5e;margin-top:8px;line-height:1.4}.message-list{display:flex;flex-direction:column;gap:12px;margin:12px 0 20px}.chat-message{display:flex;gap:11px;border:1px solid #e7daf3;border-radius:17px;padding:14px 16px;background:#fff}.chat-message.user{margin-left:auto;max-width:82%;background:linear-gradient(135deg,#f8ebfe,#e5b6f9)}.chat-message.assistant{max-width:92%}.msg-avatar{width:30px;height:30px;min-width:30px;border-radius:10px;display:grid;place-items:center;font-size:10px;font-weight:800;background:#f2eaf9;color:#584d68}.chat-message.assistant .msg-avatar{background:linear-gradient(135deg,#a203cc,#0aa2c0);color:#fff}.chat-message b{font-size:11px}.chat-message p{margin:5px 0 0;color:#453a54;white-space:pre-wrap;line-height:1.6;font-size:12px}.chat-note{display:block;text-align:center;color:#596985;font-size:9px;margin-top:8px}.composer button:disabled{opacity:.45;cursor:not-allowed}.composer .voice-active{background:#fde3e3;color:#b3262e;box-shadow:0 0 18px #ef444466}.verification-card,.brain-stats{border:1px solid #eadff5;background:linear-gradient(180deg,#fff,#faf6fe);border-radius:14px;padding:12px;margin-bottom:10px}.verification-card small,.brain-stats small{display:block;color:#6f809e;font-size:9px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}.verification-card b,.brain-stats b{font-size:12px}.verification-card p{color:#7f91af;font-size:10px;line-height:1.5;margin-bottom:0}.brain-stats span{display:block;color:#7f91af;font-size:10px;margin-top:6px}.cards-grid article small{display:block;color:#60718f;font-size:9px;line-height:1.4;margin-top:7px}@media (max-width:760px){.chat-message.user,.chat-message.assistant{max-width:100%}}.response-feedback{display:flex;align-items:center;gap:6px;margin-top:8px}.response-feedback button{border:1px solid rgba(148,163,184,.25);border-radius:8px;background:transparent;padding:4px 7px;cursor:pointer}.response-feedback button.selected{border-color:#38bdf8;background:#38bdf81f}.auth-form{display:grid;gap:7px}.auth-form label{color:#584d68;font-size:10px}.auth-form input{width:100%;border:1px solid #cbb6e3;background:#fff;color:#fff;border-radius:9px;padding:9px;outline:none}.auth-form>div{display:flex;gap:6px}.auth-form button{flex:1;border:1px solid #cbb6e3;background:#f2eaf9;color:#fff;border-radius:8px;padding:7px;cursor:pointer}.self-healing{max-width:900px;margin:0 auto}.self-healing-header{display:flex;align-items:center;justify-content:space-between}.self-healing-header h2{margin:5px 0}.self-healing-header button,.incident-actions button{border:1px solid #cbb6e3;background:#f6f0fb;color:#443a75;border-radius:9px;padding:8px 11px;cursor:pointer}.self-healing-empty,.incident-list article{border:1px solid #eadff5;background:#fbf8fe;border-radius:15px;padding:15px;margin-top:13px}.incident-heading{display:flex;justify-content:space-between;gap:12px}.incident-heading small{display:block;color:#7f91af;margin-top:4px}.incident-risk,.incident-status{font-size:9px;border:1px solid #cbb6e3;border-radius:999px;padding:4px 7px;height:max-content}.incident-status{display:inline-block;margin-top:10px;color:#584d68}.incident-list details{margin-top:10px;color:#91a4c2}.incident-list pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px}.proposal{border-left:2px solid #c604f7;padding-left:10px;margin-top:12px}.proposal p,.proposal small{color:#91a4c2;font-size:10px}.incident-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.incident-actions .approve{background:#d7f0e0;border-color:#16a34a}.self-healing-error{color:#d43f5e}.chat-message .msg-body{min-width:0;flex:1}.assistant-content{color:#241a30;font-size:14px;line-height:1.7;letter-spacing:.002em;overflow-wrap:anywhere}.assistant-content p{margin:.45em 0 .9em;color:inherit;white-space:normal;font-size:inherit;line-height:inherit}.assistant-content p:first-child{margin-top:.35em}.assistant-content p:last-child{margin-bottom:0}.assistant-content h3,.assistant-content h4,.assistant-content h5{margin:1.15em 0 .42em;color:#1c1226;font-weight:650;line-height:1.3;letter-spacing:-.01em}.assistant-content h3{font-size:1.08em}.assistant-content h4{font-size:1em}.assistant-content h5{font-size:.96em}.assistant-content strong{color:#1c1226;font-weight:650}.assistant-content em{color:#241a30}.assistant-content ul,.assistant-content ol{margin:.5em 0 1em;padding-left:1.35em;color:#241a30}.assistant-content li{padding-left:.25em;margin:.32em 0;line-height:1.6}.assistant-content li::marker{color:#8b9bb7}.assistant-content a{color:#7dd3fc;text-decoration-color:#38bdf866;text-underline-offset:3px}.assistant-content a:hover{color:#bae6fd;text-decoration-color:currentColor}.assistant-content .inline-plain{font:inherit;color:inherit;background:#ffffff0b;border-radius:4px;padding:.05em .25em}.file-input{display:none}.attachment-ready,.attachment-progress,.attachment-error{max-width:100%;margin:10px 0 -12px;border-radius:13px;padding:10px 12px;font-size:11px}.attachment-ready{display:flex;align-items:center;justify-content:space-between;border:1px solid #cfe6f4;background:linear-gradient(135deg,#e9f4fb,#ddeefb);color:#0a6a83}.attachment-ready span{display:flex;align-items:center;gap:7px;min-width:0}.attachment-ready b{max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-ready small{color:#7dd3fc}.attachment-ready button{border:0;background:transparent;color:#91a4c2;font-size:20px;cursor:pointer}.attachment-progress{border:1px solid #4c3d76;background:#f8ebfe;color:#8a02b3}.attachment-error{border:1px solid #7f1d2d;background:#fdeef2;color:#b3262e}.message-attachment{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:7px 9px;border:1px solid #5b438c;background:#ffffff0a;border-radius:10px;color:#c604f7;font-size:11px}.message-attachment span{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:760px){.attachment-ready span{flex-wrap:wrap}.attachment-ready b,.message-attachment span{max-width:220px}}