:root{color-scheme:dark;--paper:#f2f5f8;--muted:#9cabb9;--line:#b7d6f025;--accent:#94c9ff;--level:0;font-family:Arial,Helvetica,sans-serif;background:#03040c;color:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:none;border:0;touch-action:manipulation}button:disabled{opacity:.45;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}.app-atmosphere{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 28%,#203e6127,transparent 55%),linear-gradient(145deg,#020407,#060c15 65%,#03040c);z-index:-1}.boot{height:100dvh;display:grid;place-content:center;text-align:center;gap:20px}.wordmark{font-size:28px;font-weight:700;letter-spacing:-.055em}.muted,.boot p{color:var(--muted)}.eyebrow{font:11px/1.5 monospace;text-transform:uppercase;letter-spacing:.15em;color:#aec9df}.shell{max-width:1080px;margin:auto;padding:calc(20px + env(safe-area-inset-top)) 28px calc(28px + env(safe-area-inset-bottom));min-height:100dvh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:52px}.topbar p{font-size:12px;color:var(--muted);margin:7px 0 0}.topbar h1{font-size:18px;font-weight:400;margin:0}.top-actions{display:flex;align-items:center;gap:10px}.icon-button{height:44px;min-width:44px;border:1px solid var(--line);border-radius:50%;display:inline-grid;place-items:center;background:#101b2738}.icon-button:hover{background:#24394d66}svg.icon{height:21px;width:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.primary{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:54px;padding:14px 23px;background:#edf5fd;color:#08121c;border:1px solid #f0f5f9;border-radius:3px;font-size:14px}.primary:hover{background:#b9dcff}.secondary{min-height:44px;padding:10px 17px;border:1px solid var(--line);border-radius:3px;font-size:13px}.text-button{color:#c0dcf4;min-height:44px;padding:10px}.login-layout{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:70px;min-height:calc(100dvh - 170px)}.login-art{position:relative;min-height:480px;display:grid;place-items:center}.login-art img{position:absolute;width:135%;height:100%;object-fit:contain;opacity:.8;mask-image:radial-gradient(ellipse,#000 30%,transparent 72%)}.login-art .wordmark{position:relative;align-self:end;font-size:clamp(70px,9vw,120px);line-height:1;margin-bottom:35px}.login-copy{position:relative;max-width:430px}.login-copy h1{font-size:clamp(40px,5vw,64px);letter-spacing:-.055em;font-weight:400;line-height:1.04;margin:20px 0}.login-copy>p{font-size:15px;line-height:1.7;color:var(--muted);max-width:340px}.field{display:block;margin:30px 0 18px}.field>span{display:block;font-size:12px;color:#c2d5e5;margin-bottom:10px}input,textarea{color:var(--paper);background:#10172288;border:1px solid #a9cbe536;border-radius:4px;width:100%;padding:17px 18px;font-size:17px}input::placeholder,textarea::placeholder{color:#8298aa}input.otp{letter-spacing:.4em;text-align:center;font-size:26px}.login-copy .primary{width:100%}.fine{font-size:11px!important;line-height:1.6;color:#8298aa}.login-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;color:#8397a9;font-size:11px}.error{color:#ffd1ce;background:#501b243d;border:1px solid #ffaaaa30;border-radius:4px;padding:12px 15px;font-size:13px;line-height:1.6;margin:15px 0}.notice{position:fixed;bottom:calc(18px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);padding:13px 20px;background:#132338;border:1px solid #94c9ff55;z-index:30;font-size:13px;border-radius:4px;box-shadow:0 10px 45px #0009}.agent-page{max-width:800px;display:flex;flex-direction:column;height:100dvh;min-height:620px}.agent-intro{text-align:center;margin-top:22px}.agent-intro h2{font-size:clamp(23px,4vw,36px);font-weight:400;letter-spacing:-.035em;margin:9px 0}.agent-intro .eyebrow{font-size:10px}.face-stage{position:relative;display:grid;place-items:center;width:min(100%,340px);height:260px;min-height:140px;margin:0 auto;flex-shrink:1}.face-aura{position:absolute;width:92%;height:95%;background:radial-gradient(ellipse,#4b92d827,transparent 65%);filter:blur(15px)}.face-shard{position:absolute;width:38%;height:76%;border:1px solid #81b9e63b;background:linear-gradient(120deg,#132130a6,#020407 60%,#466b8c70);clip-path:polygon(40% 0,100% 30%,73% 100%,0 72%);transform:translateX(-80%) rotate(-15deg)}.face-shard.right{transform:translateX(80%) scaleX(-1) rotate(-15deg)}.face-orb{position:relative;width:175px;height:175px;border-radius:50%;background:radial-gradient(circle at 28% 20%,#7ba5c752,transparent 27%),radial-gradient(circle at 60% 90%,#4888bc50,transparent 50%),linear-gradient(130deg,#192633,#03080f 65%);box-shadow:inset 0 0 27px #84c5ff20,inset 1px 1px 2px #e2f4ff90,0 0 45px #83caff16;border:1px solid #a4d7ff65;animation:breathe 5s ease-in-out infinite;display:grid;place-items:center}.face-orb:before{content:'';position:absolute;inset:-12px;border-radius:50%;border:1px solid #99d9ff30;transform:scale(calc(1 + var(--level)*.14));box-shadow:0 0 calc(5px + var(--level)*28px) #7ccfff50}.face-eyes{display:flex;gap:33px;position:absolute;top:61px}.eye{width:13px;height:23px;border-radius:10px;background:#def5ff;box-shadow:0 0 12px #76caff;animation:blink 7s infinite}.mouth{position:absolute;top:101px;width:28px;height:12px;border-bottom:3px solid #c7ecff;border-radius:0 0 40px 40px;filter:drop-shadow(0 0 5px #72caff)}.face-stage[data-state=listening] .eye{height:27px}.face-stage[data-state=listening] .face-orb{box-shadow:0 0 60px #74caff36}.face-stage[data-state=thinking] .face-eyes{transform:translateY(-9px)}.thinking-dots{display:none;position:absolute;inset:-20px;border:2px dotted #b7dfff70;border-radius:50%;animation:spin 7s linear infinite}.face-stage[data-state=thinking] .thinking-dots{display:block}.face-stage[data-state=speaking] .mouth{border:0;background:#c7ecff;height:calc(4px + var(--level)*24px);border-radius:50%;width:calc(18px + var(--level)*12px)}.face-status{text-align:center;color:#abc4d9;font-size:12px;min-height:18px;margin:0 0 10px}.conversation{flex:1;min-height:90px;overflow-y:auto;overscroll-behavior:contain;padding:12px 4px;scrollbar-width:thin;scrollbar-color:#66829a44 transparent}.message{max-width:88%;margin:0 0 15px;line-height:1.6;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.message.in{margin-left:auto;background:#8fbee315;border:1px solid #badfff1a;padding:13px 17px;border-radius:15px 15px 3px 15px}.message.out{padding:4px 0}.message-label{display:block;font:10px monospace;color:#7e9eb8;letter-spacing:.08em;margin-bottom:6px}.empty-chat{text-align:center;color:#8aa1b5;font-size:13px;line-height:1.7;padding:16px 0}.composer{padding-top:12px;flex-shrink:0}.voice-controls{display:flex;gap:24px;align-items:center;justify-content:center}.mic-button{width:76px;height:76px;border-radius:50%;color:#081522;background:linear-gradient(150deg,#f2faff,#91c7f7);box-shadow:0 0 38px #84caff23,inset 0 1px 2px #fff;display:grid;place-items:center;touch-action:none;user-select:none;-webkit-user-select:none}.mic-button svg{width:28px;height:28px}.mic-button[aria-pressed=true]{background:#b4e5ff;box-shadow:0 0 0 8px #81cfff14,0 0 45px #84caff44}.voice-hint{text-align:center;font-size:11px;color:#89a0b6;margin:13px 0 0}.text-composer{display:flex;gap:9px;align-items:flex-end}.text-composer textarea{resize:none;min-height:54px;max-height:140px;font-size:16px}.text-composer .primary{padding:14px}.reply-actions{display:flex;justify-content:center;gap:10px;margin:4px 0}.page-title{margin:35px 0 25px}.page-title h1{font-size:clamp(32px,6vw,55px);font-weight:400;letter-spacing:-.045em;margin:12px 0}.brain-shell{max-width:1100px}.brain-header{display:flex;justify-content:space-between;align-items:end;gap:20px}.brain-header .page-title{margin-bottom:14px}.brain-header p{font-size:13px;color:var(--muted);max-width:360px;line-height:1.6}.live-pill{display:flex;align-items:center;gap:8px;font:10px monospace;color:#a7d5df;white-space:nowrap}.live-dot{height:5px;width:5px;background:#7ddcff;border-radius:50%;box-shadow:0 0 10px #7ddcff}.brain-stage{height:clamp(330px,51dvh,570px);position:relative;overflow:hidden;border:1px solid #93b9d313;border-radius:4px;background:#03040c}.brain-stage canvas{display:block;width:100%;height:100%;touch-action:none}.brain-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:14px 0}.brain-tools input{flex:1;min-width:160px;padding:11px 15px;font-size:14px}.brain-tools button{font-size:12px;padding:10px 12px;border:1px solid var(--line);border-radius:3px;min-height:42px}.brain-tools button[aria-pressed=true]{color:#c9edff;background:#a1d0f51c}.live-event{min-height:42px;display:flex;gap:12px;align-items:center;font-size:12px;color:#adbecd;padding:12px 0}.live-event span:last-child{overflow-wrap:anywhere}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin:10px 0 16px}.tabs button{padding:16px 0;color:#91a6b9;font-size:13px;border-bottom:1px solid transparent}.tabs button[aria-selected=true]{color:#eef8ff;border-color:#bfe5ff}.node-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.node-row{text-align:left;display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:16px;border-radius:4px;min-height:70px;overflow:hidden}.node-row:hover{background:#93c6f012}.node-color{width:8px;height:8px;border-radius:50%;flex:none;background:var(--node-color);box-shadow:0 0 15px var(--node-color)}.node-row strong{font-size:13px;font-weight:400;display:block}.node-row small{display:block;font-size:11px;color:#92a8bb;margin-top:6px}.node-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.node-labels button{position:absolute;top:0;left:0;background:#07111bdd;border:1px solid #9bcfff40;border-radius:3px;padding:4px 7px;font-size:10px;max-width:135px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;pointer-events:auto}.brain-fallback{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:radial-gradient(ellipse,#274f7133,transparent 60%)}.brain-fallback img{width:100%;height:230px;object-fit:contain;mask-image:radial-gradient(ellipse,#000 20%,transparent 70%)}.brain-fallback p{font-size:12px;color:#9db5c9;margin:0 22px;line-height:1.6}.sheet{border:1px solid #aacfed33;border-radius:16px 16px 0 0;background:#0a111d;color:#eef6ff;max-width:580px;width:calc(100% - 20px);max-height:80dvh;margin:auto auto 0;padding:26px 26px calc(30px + env(safe-area-inset-bottom));box-shadow:0 -20px 100px #0008}.sheet::backdrop{background:#010409aa;backdrop-filter:blur(7px)}.sheet h2{font-size:26px;line-height:1.2;font-weight:400;margin:22px 0 15px}.sheet p{color:#aabed0;line-height:1.7;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.sheet dl{display:grid;grid-template-columns:auto 1fr;gap:14px 24px;border-top:1px solid var(--line);padding-top:20px;margin-top:24px;font-size:12px}.sheet dt{color:#8da3b7}.sheet dd{margin:0;overflow-wrap:anywhere}.sheet-close{float:right}.profile{max-width:660px}.profile-card{border-top:1px solid var(--line);padding:25px 0}.profile-card h2{font-size:18px;font-weight:400;margin:0 0 10px}.profile-card p{color:#91a7ba;font-size:13px;line-height:1.6}.usage{height:5px;background:#a3bed81a;border-radius:5px;overflow:hidden;margin:20px 0 12px}.usage span{display:block;height:100%;background:linear-gradient(90deg,#94c9ff,#d9edff);max-width:100%}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:25px}.switch{flex:none;width:48px;height:28px;padding:3px;background:#203040;border:1px solid #69859a55;border-radius:30px;position:relative}.switch:after{content:'';width:20px;height:20px;display:block;border-radius:50%;background:#7793a8;transition:transform .2s}.switch[aria-checked=true]{background:#6b9dc5}.switch[aria-checked=true]:after{background:#effaff;transform:translateX(18px)}.profile-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:30px}.screen-error{margin:40px 0}.offline-banner{font-size:12px;text-align:center;padding:10px;background:#3e3025;color:#f6d3ac}.legend{display:flex;gap:14px;flex-wrap:wrap;color:#9bb0c2;font-size:10px;padding:16px 0}.legend i{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:5px;background:var(--node-color)}@keyframes breathe{50%{transform:translateY(-5px);box-shadow:inset 0 0 30px #84c5ff30,inset 1px 1px 2px #e2f4ff90,0 0 55px #83caff28}}@keyframes blink{0%,42%,46%,100%{transform:scaleY(1)}44%{transform:scaleY(.1)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:650px){.shell{padding:calc(15px + env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom))}.login-layout{display:flex;flex-direction:column;gap:0;min-height:auto;padding-bottom:35px}.login-art{min-height:210px;height:28dvh;width:100%;max-height:300px}.login-art img{width:110%;height:130%}.login-art .wordmark{font-size:65px;margin-bottom:5px}.login-copy{width:100%;max-width:420px}.login-copy h1{font-size:40px;margin:16px 0}.login-copy>p{font-size:14px}.field{margin-top:22px}.login-copy .eyebrow{font-size:10px}.login-bottom{font-size:10px}.agent-page{min-height:560px;padding-bottom:calc(18px + env(safe-area-inset-bottom))}.agent-intro{margin-top:19px}.face-stage{height:220px}.face-orb{width:150px;height:150px}.face-eyes{top:51px;gap:30px}.mouth{top:88px}.face-shard{height:72%;width:32%}.face-status{margin-bottom:3px}.conversation{padding-top:8px}.brain-header{align-items:center}.brain-header .page-title h1{font-size:34px}.brain-header p{display:none}.brain-stage{height:43dvh;min-height:310px}.node-list{grid-template-columns:1fr}.brain-tools{gap:6px}.brain-tools input{flex-basis:100%;order:-1}.brain-tools button{flex:1;padding:10px 8px}.topbar .wordmark{font-size:24px}.top-actions{gap:7px}.legend{gap:10px}.message{font-size:14px}.page-title{margin-top:28px}}@media(max-height:740px){.agent-page{min-height:500px}.agent-intro{margin-top:10px}.agent-intro h2{font-size:23px;margin:6px}.face-stage{height:170px}.face-orb{width:126px;height:126px}.face-eyes{top:42px;gap:25px}.eye{width:10px;height:19px}.mouth{top:73px}.mic-button{width:64px;height:64px}.voice-hint{margin-top:9px}.conversation{min-height:80px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.face-orb:before{transform:none}.face-stage[data-state=speaking] .mouth{height:9px!important}}
@media(max-height:580px){.agent-page{min-height:100dvh}.agent-page.text-mode .face-stage,.agent-page.text-mode .agent-intro,.agent-page.text-mode .face-status{display:none}.agent-page.text-mode .conversation{min-height:60px}.agent-page.text-mode .topbar p{display:none}}
.icon-button.is-listening{color:#dff7ff;background:#315b814f;border-color:#9ad7ff99;box-shadow:0 0 0 6px #7ddcff12,0 0 28px #7ddcff30}.icon-button.is-listening svg{filter:drop-shadow(0 0 7px #8de7ff)}
.memory-page{padding-left:20px;padding-right:20px}.memory-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:62px}.memory-top h1{font-size:clamp(24px,8vw,42px);line-height:1;margin:4px 0 0;letter-spacing:.18em;text-transform:uppercase;color:#9fe5ff;text-shadow:0 0 24px #67e8f966}.memory-back{display:inline-flex;align-items:center;gap:7px;border-radius:8px}.memory-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:8px 0 12px;color:#9caaba;font-size:13px}.memory-meta strong{color:#eaf8ff;font-weight:400}.memory-page .brain-stage{background:radial-gradient(ellipse at 50% 48%,#3c1f1022,transparent 65%),#03040c}.memory-page .tabs{overflow-x:auto;scrollbar-width:none}.memory-page .tabs button{white-space:nowrap}.memory-page .legend{padding-bottom:calc(18px + env(safe-area-inset-bottom))}@media(max-width:650px){.memory-top{gap:9px}.memory-top h1{font-size:26px}.memory-back{padding:9px 11px}.memory-meta{gap:8px;font-size:12px}.memory-page .brain-stage{height:48dvh;min-height:340px}}
.agent-page{max-width:920px}.agent-page .topbar{padding-top:2px}.agent-intro{margin-top:18px}.agent-intro h2{font-size:clamp(32px,4.2vw,46px);line-height:1.08;text-wrap:balance}.face-stage{width:min(100%,430px);height:300px;perspective:900px}.face-aura{width:115%;height:115%;background:radial-gradient(ellipse at 50% 45%,#8ddcff22,transparent 58%),radial-gradient(ellipse at 50% 82%,#203d5b40,transparent 68%);filter:blur(22px)}.face-shard{width:45%;height:72%;background:linear-gradient(120deg,#172a3fbd,#020407 54%,#5f91b975);box-shadow:inset 0 0 24px #7ccfff12,0 18px 55px #0008;opacity:.82}.face-orb{width:210px;height:210px;background:radial-gradient(circle at 31% 20%,#e2f8ff42,transparent 18%),radial-gradient(circle at 63% 77%,#5bbcff35,transparent 42%),radial-gradient(circle at 50% 52%,#17283a 0,#0b1723 50%,#02060c 100%);box-shadow:inset -18px -24px 42px #0009,inset 16px 12px 35px #ccf3ff21,inset 0 0 0 1px #d5f5ff33,0 0 0 12px #79cfff07,0 0 70px #80d9ff2e,0 32px 70px #000c;transform:rotateX(2deg);overflow:hidden}.face-orb:after{content:'';position:absolute;inset:14px 28px auto 28px;height:72px;border-radius:50%;background:linear-gradient(180deg,#ffffff26,transparent);filter:blur(1px);transform:rotate(-10deg);pointer-events:none}.face-orb:before{inset:-16px;border-color:#b5e8ff46;box-shadow:0 0 calc(12px + var(--level)*35px) #7ccfff68}.face-eyes{top:75px;gap:38px}.eye{width:15px;height:27px;box-shadow:0 0 16px #9ce7ff,0 0 32px #69c8ff55}.mouth{top:121px;width:32px;border-bottom-color:#d8f6ff;filter:drop-shadow(0 0 8px #8ee4ff)}.face-status{color:#c6d7e7;font-size:13px;margin-top:2px}.conversation{max-width:760px;width:100%;margin:0 auto;padding:14px 2px 18px}.message{font-size:15px;line-height:1.72;color:#f2f7fb}.message.out{max-width:92%;padding:10px 0 12px}.message.in{max-width:84%;background:linear-gradient(180deg,#142232d9,#101a27d9);border-color:#a6d9ff2e;box-shadow:inset 0 1px 0 #ffffff08,0 14px 35px #0004;border-radius:16px 16px 4px 16px}.message-label{color:#8fb6d0;font-size:10px;margin-bottom:8px}.reply-actions{min-height:42px;align-items:center}.composer{padding-top:8px}.voice-controls{gap:20px}.icon-button{background:#0b1420b8;border-color:#9cccf02b;box-shadow:inset 0 1px 0 #ffffff08}.mic-button{width:88px;height:88px;background:radial-gradient(circle at 32% 20%,#fff 0,#dff3ff 28%,#a9d9ff 68%,#75baff 100%);box-shadow:0 0 0 10px #7ddcff08,0 0 55px #8edcff32,inset 0 1px 4px #fff;color:#06111b}.voice-hint{font-size:12px;color:#a9bfd1}@media(min-width:900px){.agent-page{padding-top:calc(28px + env(safe-area-inset-top))}.conversation{min-height:250px}.composer{padding-bottom:6px}}@media(max-width:650px){.agent-intro h2{font-size:36px}.face-stage{height:245px}.face-orb{width:166px;height:166px}.face-eyes{top:58px;gap:31px}.mouth{top:96px}.message{font-size:14px}.message.in{max-width:92%}.mic-button{width:78px;height:78px}.voice-controls{gap:17px}}
.brain-avatar-stage{width:min(100%,520px);height:315px;margin-top:-4px;isolation:isolate}.brain-avatar-aura{position:absolute;inset:7% 4%;border-radius:50%;background:radial-gradient(ellipse at 50% 48%,#bceaff30,transparent 38%),radial-gradient(ellipse at 50% 55%,#6ec8ff1c,transparent 63%);filter:blur(20px);transform:scale(calc(1 + var(--level)*.08));opacity:.9}.brain-avatar-field{position:absolute;width:360px;height:210px;border-radius:50%;background:repeating-radial-gradient(ellipse at 50% 70%,#9ddcff18 0 1px,transparent 1px 14px);mask-image:radial-gradient(ellipse,#000 28%,transparent 72%);opacity:.55;transform:translateY(50px) scaleX(1.3)}.brain-avatar-core{position:relative;width:320px;height:235px;display:grid;place-items:center;overflow:hidden;border-radius:45%;filter:drop-shadow(0 0 32px #9fe7ff3d);transform:scale(calc(1 + var(--level)*.055));animation:breathe 5s ease-in-out infinite}.brain-avatar-core img{width:980px;max-width:none;height:552px;object-fit:cover;object-position:50% 43%;transform:scale(1.06);filter:saturate(1.12) contrast(1.1) brightness(1.04);mask-image:radial-gradient(ellipse at 50% 48%,#000 0 25%,#000c 39%,transparent 57%)}.brain-avatar-chip{position:absolute;left:50%;top:50%;transform:translate(-50%,-52%) scale(calc(1 + var(--level)*.1));min-width:42px;height:42px;padding:8px 7px;border-radius:7px;display:grid;place-items:center;font-weight:700;letter-spacing:.05em;color:#f6fbff;background:linear-gradient(180deg,#f7fbffe6,#a5bfd4d1 46%,#31485be0);border:1px solid #ecf8ffb5;box-shadow:0 0 26px #fff8,0 0 55px #8ee7ff60,inset 0 0 12px #fff7;text-shadow:0 0 8px #18354a;font-size:17px}.brain-avatar-pulse{position:absolute;inset:54px 92px 57px;border-radius:50%;border:1px solid #d5f5ff75;box-shadow:0 0 calc(24px + var(--level)*60px) #8de8ff75,inset 0 0 26px #dff8ff2d;transform:scale(calc(1 + var(--level)*.18));opacity:.78}.brain-avatar-links{position:absolute;inset:0;pointer-events:none}.brain-avatar-links i{position:absolute;left:50%;top:50%;width:180px;height:1px;background:linear-gradient(90deg,transparent,#e8f7ffb8,transparent);transform-origin:left center;opacity:calc(.32 + var(--level)*.5);filter:drop-shadow(0 0 8px #a9ecff)}.brain-avatar-links i:nth-child(1){transform:rotate(0deg) translateX(20px)}.brain-avatar-links i:nth-child(2){transform:rotate(34deg) translateX(18px)}.brain-avatar-links i:nth-child(3){transform:rotate(180deg) translateX(20px)}.brain-avatar-links i:nth-child(4){transform:rotate(326deg) translateX(18px)}.brain-avatar-stage[data-state=listening] .brain-avatar-pulse{animation:brainPulse 1.15s ease-in-out infinite}.brain-avatar-stage[data-state=thinking] .brain-avatar-core{animation:brainThink 2.3s ease-in-out infinite}.brain-avatar-stage[data-state=speaking] .brain-avatar-chip{animation:chipSpeak .42s ease-in-out infinite}.brain-avatar-stage[data-state=speaking] .brain-avatar-links i{animation:linkFlow .7s linear infinite}@keyframes brainPulse{50%{transform:scale(1.18);opacity:1}}@keyframes brainThink{50%{transform:scale(1.035) rotate(.7deg)}}@keyframes chipSpeak{50%{transform:translate(-50%,-52%) scale(1.14);box-shadow:0 0 34px #fff,0 0 74px #8ee7ff}}@keyframes linkFlow{50%{opacity:1;filter:drop-shadow(0 0 13px #fff)}}@media(max-width:650px){.brain-avatar-stage{height:252px}.brain-avatar-core{width:280px;height:205px}.brain-avatar-core img{width:850px;height:478px}.brain-avatar-chip{min-width:37px;height:37px;font-size:15px}.brain-avatar-pulse{inset:48px 78px 50px}.brain-avatar-field{width:310px;height:180px}}@media(max-height:740px){.brain-avatar-stage{height:205px}.brain-avatar-core{width:246px;height:178px}.brain-avatar-core img{width:760px;height:428px}.brain-avatar-chip{min-width:34px;height:34px;font-size:14px}.brain-avatar-pulse{inset:42px 70px 42px}}


/* v23 — unify the app with the cinematic Bento landing. */
.app-atmosphere{background:radial-gradient(ellipse at 50% 22%,#9fdfff18,transparent 36%),radial-gradient(ellipse at 50% 72%,#23394f40,transparent 62%),linear-gradient(145deg,#010308,#06101a 62%,#020407)}
.agent-page{position:relative;max-width:1120px;min-height:100dvh;overflow:hidden}
.agent-page:before{content:'';position:fixed;inset:auto 0 0;height:42dvh;pointer-events:none;background:repeating-radial-gradient(ellipse at 50% 100%,#a9dfff18 0 1px,transparent 1px 18px);mask-image:linear-gradient(transparent,#000 38%,transparent 92%);opacity:.5;z-index:-1}
.agent-page .topbar{max-width:1040px;width:100%;margin:0 auto}
.agent-intro{margin:clamp(10px,2dvh,22px) auto 0;text-align:center}
.agent-intro .eyebrow{color:#9ecce8;text-shadow:0 0 20px #7bdcff33}
.agent-intro h2{font-size:clamp(28px,4.6vw,56px);max-width:760px;margin:8px auto 0;line-height:1;letter-spacing:-.05em;text-shadow:0 12px 45px #020407}
.brain-avatar-stage{width:min(100%,760px);height:clamp(280px,42dvh,460px);margin:clamp(2px,1dvh,16px) auto 0;transform-style:preserve-3d}
.brain-avatar-stage:before{content:'';position:absolute;left:50%;bottom:11%;width:min(660px,90vw);height:120px;transform:translateX(-50%) rotateX(66deg);border-radius:50%;background:repeating-radial-gradient(ellipse,#bde8ff2c 0 1px,transparent 1px 18px);filter:blur(.1px);opacity:.8}
.brain-avatar-aura{inset:0;background:radial-gradient(ellipse at 50% 44%,#eef9ff33 0 8%,#8ee7ff25 9% 35%,transparent 65%),radial-gradient(ellipse at 50% 58%,#77d8ff16,transparent 72%);filter:blur(24px)}
.brain-avatar-field{width:min(560px,82vw);height:260px;opacity:.72;transform:translateY(78px) scaleX(1.28)}
.brain-avatar-core{width:min(620px,92vw);height:clamp(245px,36dvh,390px);border-radius:38%;overflow:visible;filter:drop-shadow(0 0 34px #bdefff5c) drop-shadow(0 30px 70px #000b)}
.brain-avatar-core img{width:min(1120px,166vw);height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center 45%;transform:scale(calc(1.58 + var(--level)*.08));filter:saturate(1.18) contrast(1.08) brightness(1.07);mask-image:radial-gradient(ellipse at 50% 47%,#000 0 23%,#000d 36%,transparent 53%)}
.brain-avatar-chip{min-width:48px;height:48px;border-radius:10px;font-size:18px;background:linear-gradient(180deg,#ffffff,#cfe7f6 45%,#4d6880);box-shadow:0 0 calc(28px + var(--level)*70px) #ffffffd0,0 0 calc(70px + var(--level)*90px) #9eeaff70,inset 0 0 14px #fff}
.brain-avatar-pulse{inset:34% 41% 32%;border-color:#f0fbffc9;box-shadow:0 0 calc(30px + var(--level)*90px) #bff4ffb0,inset 0 0 30px #eafaff42}
.brain-avatar-links i{width:min(300px,45vw);opacity:calc(.42 + var(--level)*.48);background:linear-gradient(90deg,transparent,#ffffffd8 45%,#aeeeff,transparent)}
.face-status{color:#d4e7f5;text-shadow:0 0 20px #8bdcff44;margin-top:-2px}
.conversation{max-width:820px;min-height:150px;padding-top:10px;mask-image:linear-gradient(transparent 0,#000 18px,#000 calc(100% - 18px),transparent)}
.message.in{background:linear-gradient(180deg,#0d1a29e6,#0a121de6);border-color:#c0e8ff33}
.message.out{text-shadow:0 2px 20px #020407}
.voice-controls{padding:10px 0 0}
.mic-button{width:94px;height:94px;box-shadow:0 0 0 12px #7ddcff0a,0 0 68px #9ce8ff3d,inset 0 1px 5px #fff}
.memory-page{position:relative;max-width:1320px;padding:calc(22px + env(safe-area-inset-top)) clamp(18px,5vw,64px) calc(44px + env(safe-area-inset-bottom));overflow:hidden}
.memory-page:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 33%,#8feaff16,transparent 42%),radial-gradient(ellipse at 50% 82%,#d7f3ff12,transparent 58%);z-index:-1}
.memory-top{max-width:1180px;margin:0 auto;grid-template-columns:auto 1fr auto}
.memory-top h1{font-size:clamp(34px,6.8vw,86px);letter-spacing:-.05em;text-transform:none;color:#f5fbff;text-shadow:0 0 46px #9fe5ff62,0 18px 70px #020407}
.memory-meta{max-width:1180px;margin:14px auto 12px;padding:12px 14px;border:1px solid #bce8ff20;background:linear-gradient(90deg,#07111cb3,#07111c55);backdrop-filter:blur(18px);border-radius:999px;justify-content:center}
.memory-page .brain-stage{height:clamp(460px,61dvh,780px);max-width:1180px;margin:8px auto 18px;border:0;border-radius:0;overflow:visible;background:radial-gradient(ellipse at 50% 44%,#b8edff10 0 20%,#653cff08 38%,transparent 68%);box-shadow:none;isolation:isolate}
.memory-page .brain-stage:before{content:'';position:absolute;left:50%;bottom:4%;width:min(900px,94vw);height:150px;transform:translateX(-50%) rotateX(68deg);border-radius:50%;background:repeating-radial-gradient(ellipse,#c8ecff25 0 1px,transparent 1px 20px);opacity:.8;pointer-events:none;z-index:2}
.memory-page .brain-stage:after{content:'';position:absolute;inset:-12% -6%;pointer-events:none;background:radial-gradient(ellipse at 50% 35%,transparent 0 36%,#03040c6b 70%,#03040c 100%);z-index:2}
.memory-page .brain-stage canvas,.memory-page .node-labels,.memory-page .brain-fallback{position:relative;z-index:1}
.memory-page .brain-stage canvas{filter:drop-shadow(0 0 18px #9fe7ff42)}
.memory-page .brain-tools{max-width:980px;margin:-18px auto 14px;padding:10px;border:1px solid #bde8ff24;background:linear-gradient(90deg,#07111cd9,#07111c96);backdrop-filter:blur(18px);border-radius:999px;justify-content:center;position:relative;z-index:4}
.memory-page .brain-tools button,.memory-page .brain-tools input{border-radius:999px;background:#ffffff08;border-color:#c8edff24}
.memory-page .brain-tools button[aria-pressed=true]{color:#06111b;background:#c8edff}
.memory-page .live-event{max-width:980px;margin:0 auto;padding:12px 18px;border-left:1px solid #a6ddff55;background:linear-gradient(90deg,#86d9ff12,transparent)}
.memory-page .tabs{max-width:980px;margin:16px auto 14px;padding:6px;gap:6px;border:1px solid #bde8ff1f;background:#050b13b3;border-radius:999px;backdrop-filter:blur(16px)}
.memory-page .tabs button{flex:1;padding:12px 16px;border:0;border-radius:999px;text-align:center}
.memory-page .tabs button[aria-selected=true]{background:#eaf8ff;color:#07131e;box-shadow:0 0 32px #9fe7ff28}
.memory-page .node-list{max-width:980px;margin:0 auto;gap:12px}
.memory-page .node-row{min-height:76px;border-color:#bde8ff22;border-radius:14px;background:linear-gradient(135deg,#07111ccc,#060b12a8);box-shadow:inset 0 1px 0 #ffffff08,0 20px 55px #0004}
.memory-page .node-row:hover{background:linear-gradient(135deg,#0d2031e6,#07111cd9);border-color:#c6eaff55}
.memory-page .legend,.memory-page #knowledge{max-width:980px;margin-left:auto;margin-right:auto}
@media(max-width:700px){.agent-page{padding-left:18px;padding-right:18px}.agent-intro{margin-top:8px}.agent-intro h2{font-size:clamp(28px,10vw,42px)}.brain-avatar-stage{height:clamp(230px,35dvh,320px)}.brain-avatar-core{width:min(450px,108vw);height:clamp(210px,31dvh,280px)}.brain-avatar-core img{width:900px;transform:scale(calc(1.48 + var(--level)*.08))}.conversation{min-height:120px}.mic-button{width:82px;height:82px}.memory-top h1{font-size:36px}.memory-meta{border-radius:18px;justify-content:flex-start}.memory-page .brain-stage{height:52dvh;min-height:390px;margin-top:14px}.memory-page .brain-tools{border-radius:22px;margin-top:-8px}.memory-page .brain-tools input{flex-basis:100%;order:-1}.memory-page .tabs{border-radius:22px;overflow:auto}.memory-page .tabs button{min-width:max-content}}

.login-art{isolation:isolate}
.login-art img{width:118%;opacity:.92;filter:drop-shadow(0 0 38px #aeefff2f)}
.login-art .wordmark{font-size:clamp(58px,7.8vw,104px);margin-bottom:0;align-self:end;justify-self:center;color:#f5fbff;text-shadow:0 0 32px #b9e7ff45,0 20px 60px #020407;transform:translateY(-8px)}
@media(max-width:650px){.login-art .wordmark{font-size:58px;transform:translateY(0)}.login-art img{width:128%;height:118%}}

/* v25 — app avatar: only the AI brain, no obsidian scene bleeding into the interface. */
.agent-page{overflow:hidden}
.agent-intro{position:relative;z-index:3}
.brain-avatar-stage{height:clamp(255px,34dvh,360px);width:min(100%,620px);margin-top:4px;z-index:1}
.brain-avatar-stage:before{bottom:4%;height:95px;width:min(520px,82vw);opacity:.45}
.brain-avatar-aura{inset:8% 12%;background:radial-gradient(ellipse at 50% 46%,#f2fbff3d 0 10%,#8ee7ff26 11% 42%,transparent 68%);filter:blur(22px)}
.brain-avatar-field{width:min(430px,74vw);height:190px;transform:translateY(58px) scaleX(1.22);opacity:.48}
.brain-avatar-core{width:clamp(330px,43vw,470px);height:clamp(220px,27vw,305px);overflow:hidden;border-radius:50%;filter:drop-shadow(0 0 28px #d7f5ff62) drop-shadow(0 18px 48px #000c);animation:brainFloat 5.2s ease-in-out infinite}
.brain-avatar-core:before{content:'';position:absolute;inset:12% 16%;border-radius:50%;border:1px solid #e5f8ff78;box-shadow:0 0 calc(20px + var(--level)*70px) #a9eeff85,inset 0 0 22px #eafaff30;z-index:2;transform:scale(calc(1 + var(--level)*.12));pointer-events:none}
.brain-avatar-core:after{content:'';position:absolute;left:50%;top:50%;width:58px;height:58px;transform:translate(-50%,-50%) scale(calc(1 + var(--level)*.12));border-radius:13px;background:radial-gradient(circle,#ffffffd8,#cce5f7a8 48%,#52718c96);box-shadow:0 0 calc(18px + var(--level)*45px) #fff,0 0 calc(48px + var(--level)*75px) #9eeaff9c;mix-blend-mode:screen;opacity:.62;pointer-events:none;z-index:3}
.brain-avatar-core img{width:clamp(1020px,128vw,1380px);height:auto;max-width:none;aspect-ratio:16/9;object-fit:cover;object-position:50% 45%;transform:translateY(-1%) scale(calc(1.02 + var(--level)*.035));filter:saturate(1.16) contrast(1.08) brightness(1.08);-webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 0 36%,#000c 47%,transparent 62%);mask-image:radial-gradient(ellipse at 50% 50%,#000 0 36%,#000c 47%,transparent 62%)}
.brain-avatar-chip{display:none}
.brain-avatar-pulse{inset:21% 25%;border-radius:50%;opacity:.72;border-color:#e5f8ff8c;box-shadow:0 0 calc(28px + var(--level)*78px) #bff4ff9c,inset 0 0 28px #eafaff32}
.brain-avatar-links i{left:50%;top:50%;width:min(215px,36vw);opacity:calc(.28 + var(--level)*.46)}
.brain-avatar-stage[data-state=listening] .brain-avatar-core:before{animation:brainListen 1.1s ease-in-out infinite}
.brain-avatar-stage[data-state=thinking] .brain-avatar-core{animation:brainThinkClean 2.2s ease-in-out infinite}
.brain-avatar-stage[data-state=speaking] .brain-avatar-core:after{animation:brainSpeakChip .42s ease-in-out infinite}
.conversation{position:relative;z-index:3;background:linear-gradient(180deg,transparent,#06101a33 18%,#06101a22 82%,transparent);border-radius:18px}
.composer{position:relative;z-index:4}
@keyframes brainFloat{50%{transform:translateY(-6px) scale(1.015)}}
@keyframes brainListen{50%{transform:scale(1.1);opacity:1}}
@keyframes brainThinkClean{50%{transform:translateY(-4px) rotate(.5deg) scale(1.025)}}
@keyframes brainSpeakChip{50%{transform:translate(-50%,-50%) scale(1.18);opacity:.82}}
@media(max-width:700px){.brain-avatar-stage{height:clamp(220px,31dvh,285px);width:100%}.brain-avatar-core{width:min(360px,88vw);height:230px}.brain-avatar-core img{width:1080px;transform:translateY(-1%) scale(calc(1 + var(--level)*.035))}.brain-avatar-core:after{width:48px;height:48px}.brain-avatar-pulse{inset:22% 23%}.conversation{min-height:110px}}
@media(max-height:740px){.brain-avatar-stage{height:210px}.brain-avatar-core{width:330px;height:210px}.brain-avatar-core img{width:1020px}.brain-avatar-core:after{width:44px;height:44px}}

.login-art{overflow:hidden;border-radius:36px}
.login-art img{width:clamp(1540px,150vw,1880px);height:auto;max-width:none;left:50%;top:48%;transform:translate(-50%,-50%);object-fit:cover;object-position:center 44%;opacity:.95}
.login-art:before{content:'';position:absolute;left:50%;top:46%;width:min(430px,72vw);height:min(270px,42vw);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,#e7f8ff1f,transparent 62%);box-shadow:0 0 80px #9eeaff2c;pointer-events:none;z-index:1}
.login-art .wordmark{z-index:2;font-size:clamp(52px,6.4vw,82px);transform:translateY(-18px)}
@media(max-width:650px){.login-art{border-radius:24px}.login-art img{width:1320px;height:auto}.login-art .wordmark{font-size:50px;transform:translateY(-8px)}}

/* v30 — replace the abstract app avatar with Bento's real symbol: a living AI brain. */
.ai-agent-stage{width:min(100%,760px);height:clamp(270px,38dvh,430px);margin:clamp(6px,1.5dvh,18px) auto 0;z-index:2;isolation:isolate;perspective:1000px}
.ai-agent-stage:before,.ai-agent-stage:after,.ai-agent-stage .brain-avatar-aura,.ai-agent-stage .brain-avatar-field,.ai-agent-stage .brain-avatar-core,.ai-agent-stage .brain-avatar-links{display:none!important}
.ai-brain-stage{position:relative;width:min(720px,96vw);height:100%;display:grid;place-items:center;transform:translateZ(0) scale(calc(1 + var(--level)*.035));animation:aiBrainFloat 5.8s ease-in-out infinite}
.ai-brain-aura{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 50% 42%,#f4fbff36 0 9%,#7fe7ff28 10% 36%,#654cff14 48%,transparent 70%);filter:blur(24px);opacity:.92;transform:scale(calc(1 + var(--level)*.1))}
.ai-brain-grid{position:absolute;left:50%;bottom:4%;width:min(680px,92vw);height:120px;transform:translateX(-50%) rotateX(68deg);border-radius:50%;background:repeating-radial-gradient(ellipse,#c9efff26 0 1px,transparent 1px 17px);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);opacity:.55}
.ai-brain-svg{position:relative;width:min(560px,86vw);height:auto;overflow:visible;filter:drop-shadow(0 0 22px #9fefff66) drop-shadow(0 30px 70px #000c)}
.brain-lobes{transform-origin:260px 180px;animation:brainBreath 4.8s ease-in-out infinite}
.brain-fold{stroke-dasharray:11 10;animation:brainCurrent 5.5s linear infinite}
.brain-split{stroke-dasharray:8 12;animation:brainCurrent 7s linear infinite reverse}
.ai-network path{stroke-dasharray:9 12;animation:networkFlow 3.4s linear infinite}
.ai-network circle,.brain-particles circle{fill:#eafdff;filter:drop-shadow(0 0 9px #7fe7ff);opacity:.86;transform-origin:center;animation:nodeFlicker 2.6s ease-in-out infinite}
.ai-network circle:nth-child(odd),.brain-particles circle:nth-child(even){animation-delay:-1.1s}
.ai-chip{transform-origin:260px 176px;animation:chipIdle 3.2s ease-in-out infinite;filter:drop-shadow(0 0 18px #eafdff)}
.ai-brain-rings{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.ai-brain-rings i{position:absolute;width:min(430px,72vw);height:min(250px,42vw);border:1px solid #dff8ff36;border-radius:50%;box-shadow:0 0 calc(24px + var(--level)*72px) #9fefff55,inset 0 0 22px #dff8ff1f;transform:scale(calc(.9 + var(--level)*.16));opacity:.48}
.ai-brain-rings i:nth-child(2){width:min(520px,84vw);height:min(300px,48vw);opacity:.25;animation:ringDrift 8s linear infinite}
.ai-brain-rings i:nth-child(3){width:min(315px,58vw);height:min(190px,36vw);opacity:.35;animation:ringDrift 6.5s linear infinite reverse}
.ai-agent-stage[data-state=listening] .ai-brain-rings i{animation:listenRing 1.15s ease-in-out infinite}
.ai-agent-stage[data-state=listening] .ai-brain-aura{opacity:1;filter:blur(20px)}
.ai-agent-stage[data-state=thinking] .ai-brain-svg{animation:thinkTilt 2s ease-in-out infinite}
.ai-agent-stage[data-state=thinking] .ai-chip{animation:chipThinking .9s ease-in-out infinite}
.ai-agent-stage[data-state=speaking] .brain-lobes{animation:brainSpeak .48s ease-in-out infinite}
.ai-agent-stage[data-state=speaking] .ai-chip{animation:chipSpeakClean .42s ease-in-out infinite}
.ai-agent-stage[data-state=speaking] .ai-network path{animation-duration:.9s;opacity:.78}
.login-brain-art{overflow:visible;border-radius:0;min-height:520px;background:radial-gradient(ellipse at 50% 47%,#12314c34,transparent 68%)}
.login-brain-art img{display:none!important}
.login-brain-art:before{display:none}
.login-brain-art .ai-brain-stage{width:min(640px,86vw);height:390px;margin-top:22px}
.login-brain-art .ai-brain-svg{width:min(520px,80vw)}
.login-brain-art .wordmark{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);z-index:3;font-size:clamp(64px,8vw,118px);letter-spacing:-.07em;text-shadow:0 0 38px #b9e7ff52,0 24px 68px #020407}
@keyframes aiBrainFloat{50%{transform:translateY(-7px) scale(calc(1.012 + var(--level)*.04))}}
@keyframes brainBreath{50%{transform:scale(1.025);opacity:1}}
@keyframes brainSpeak{50%{transform:scale(calc(1.025 + var(--level)*.075));filter:brightness(calc(1.05 + var(--level)*.25))}}
@keyframes brainCurrent{to{stroke-dashoffset:-120}}
@keyframes networkFlow{to{stroke-dashoffset:-90}}
@keyframes nodeFlicker{50%{opacity:.38;transform:scale(.72)}}
@keyframes chipIdle{50%{transform:scale(1.035)}}
@keyframes chipThinking{50%{transform:scale(1.12) rotate(2deg)}}
@keyframes chipSpeakClean{50%{transform:scale(calc(1.08 + var(--level)*.16));filter:drop-shadow(0 0 30px #fff) drop-shadow(0 0 62px #7fe7ff)}}
@keyframes listenRing{50%{transform:scale(1.15);opacity:.85}}
@keyframes ringDrift{to{transform:rotate(360deg)}}
@keyframes thinkTilt{50%{transform:rotateX(3deg) rotateZ(.6deg)}}
@media(max-width:700px){.ai-agent-stage{height:clamp(250px,34dvh,330px);margin-top:6px}.ai-brain-svg{width:min(460px,92vw)}.ai-brain-grid{bottom:2%;height:90px}.ai-brain-rings i{width:min(350px,78vw);height:min(205px,46vw)}.login-brain-art{min-height:300px;height:34dvh;border-radius:0}.login-brain-art .ai-brain-stage{height:250px;margin-top:0}.login-brain-art .ai-brain-svg{width:min(390px,88vw)}.login-brain-art .wordmark{bottom:0;font-size:56px}}
@media(max-height:740px){.ai-agent-stage{height:220px}.ai-brain-svg{width:min(400px,76vw)}.ai-brain-grid{height:78px}.ai-brain-rings i{width:min(320px,62vw);height:min(180px,34vw)}}
@media(prefers-reduced-motion:reduce){.ai-brain-stage,.brain-lobes,.brain-fold,.brain-split,.ai-network path,.ai-network circle,.brain-particles circle,.ai-chip,.ai-brain-rings i,.ai-agent-stage[data-state] *{animation:none!important}}

/* v31: photoreal 3D brain presence for the Bento app. */
.ai-agent-stage{width:min(100%,900px);height:clamp(330px,46dvh,560px);margin:clamp(4px,1.2dvh,16px) auto 0;z-index:2;isolation:isolate;perspective:1200px}
.real-brain-stage{position:relative;width:min(880px,98vw);height:100%;display:grid;place-items:center;transform-style:preserve-3d;animation:realBrainFloat 6s ease-in-out infinite;--brain-scale:1}
.real-brain-aura{position:absolute;inset:2% 3%;border-radius:50%;background:radial-gradient(ellipse at 50% 43%,#dff8ff34 0 9%,#67e8f927 10% 38%,#a855f71a 48%,transparent 72%);filter:blur(30px);transform:scale(calc(1 + var(--level)*.14));opacity:.95}
.real-brain-grid{position:absolute;left:50%;bottom:0;width:min(760px,92vw);height:130px;border-radius:50%;transform:translateX(-50%) rotateX(68deg);background:repeating-radial-gradient(ellipse,#c9efff2a 0 1px,transparent 1px 18px);mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent);opacity:.55}
.real-brain-img{position:relative;z-index:1;width:min(760px,94vw);height:auto;max-height:100%;object-fit:contain;transform:translate3d(0,0,42px) scale(calc(var(--brain-scale) + var(--level)*.045));filter:saturate(1.12) contrast(1.05) brightness(calc(1.02 + var(--level)*.12)) drop-shadow(0 0 28px #67e8f978) drop-shadow(0 42px 86px #000d);animation:realBrainAlive 5.2s ease-in-out infinite;user-select:none;-webkit-user-drag:none}
.real-brain-chip{position:absolute;z-index:3;left:50%;top:48%;width:74px;height:74px;transform:translate(-50%,-50%) translateZ(90px) scale(calc(.96 + var(--level)*.14));border-radius:18px;display:grid;place-items:center;background:linear-gradient(180deg,#07131f,#0e2638 54%,#020810);border:2px solid #dff8ff;box-shadow:0 0 calc(28px + var(--level)*90px) #ffffffcf,0 0 calc(70px + var(--level)*110px) #67e8f988,inset 0 0 18px #67e8f94f;color:#f7fcff;font-size:25px;font-weight:800;letter-spacing:.04em;text-shadow:0 0 12px #67e8f9}
.real-brain-chip i{position:absolute;inset:-18px;border-radius:26px;border:1px solid #67e8f975;box-shadow:inset 0 0 22px #67e8f92e;opacity:.85}
.real-brain-chip:before,.real-brain-chip:after{content:'';position:absolute;left:50%;top:50%;width:min(320px,50vw);height:1px;background:linear-gradient(90deg,transparent,#dff8ff,#67e8f9,transparent);opacity:calc(.5 + var(--level)*.35);filter:drop-shadow(0 0 10px #67e8f9);transform:translate(-50%,-50%)}
.real-brain-chip:after{transform:translate(-50%,-50%) rotate(90deg)}
.real-brain-sparks{position:absolute;inset:0;z-index:2;pointer-events:none}
.real-brain-sparks i{position:absolute;width:5px;height:5px;border-radius:50%;background:#eafdff;box-shadow:0 0 14px #67e8f9,0 0 28px #a855f7;opacity:.85;animation:sparkOrbit 4.8s ease-in-out infinite}
.real-brain-sparks i:nth-child(1){left:26%;top:34%;animation-delay:-.3s}.real-brain-sparks i:nth-child(2){left:37%;top:24%;animation-delay:-1.1s}.real-brain-sparks i:nth-child(3){left:66%;top:31%;animation-delay:-1.8s}.real-brain-sparks i:nth-child(4){left:72%;top:53%;animation-delay:-2.4s}.real-brain-sparks i:nth-child(5){left:39%;top:66%;animation-delay:-3s}.real-brain-sparks i:nth-child(6){left:56%;top:69%;animation-delay:-3.7s}
.real-brain-rings{position:absolute;inset:0;z-index:0;display:grid;place-items:center;pointer-events:none}
.real-brain-rings i{position:absolute;width:min(660px,85vw);height:min(330px,45vw);border-radius:50%;border:1px solid #dff8ff34;box-shadow:0 0 calc(30px + var(--level)*90px) #67e8f95f,inset 0 0 26px #dff8ff24;transform:rotateX(66deg) scale(calc(.9 + var(--level)*.18));opacity:.45}
.real-brain-rings i:nth-child(2){width:min(780px,94vw);height:min(390px,50vw);opacity:.22;animation:realRing 9s linear infinite}.real-brain-rings i:nth-child(3){width:min(470px,70vw);height:min(230px,35vw);opacity:.38;animation:realRing 7s linear infinite reverse}
.ai-agent-stage[data-state=listening] .real-brain-stage{--brain-scale:1.035}.ai-agent-stage[data-state=listening] .real-brain-rings i{animation:realListen 1.05s ease-in-out infinite}.ai-agent-stage[data-state=thinking] .real-brain-img{animation:realThinking 2.1s ease-in-out infinite}.ai-agent-stage[data-state=speaking] .real-brain-img{animation:realSpeaking .44s ease-in-out infinite}.ai-agent-stage[data-state=speaking] .real-brain-chip{animation:realChipSpeak .44s ease-in-out infinite}
.login-brain-art{overflow:visible;border-radius:0;min-height:560px;background:radial-gradient(ellipse at 46% 48%,#12314c42,transparent 70%)}
.login-brain-art .real-brain-stage{width:min(780px,88vw);height:430px;margin-top:18px}
.login-brain-art .real-brain-img{display:block!important;width:min(660px,82vw)}
.login-brain-art .real-brain-chip{width:68px;height:68px;font-size:23px}
.login-brain-art .wordmark{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);z-index:4;font-size:clamp(70px,8.6vw,126px);letter-spacing:-.075em;color:#f5fbff;text-shadow:0 0 44px #b9e7ff55,0 28px 74px #020407}
@keyframes realBrainFloat{50%{transform:translateY(-8px) rotateX(1.4deg) rotateY(-1.2deg)}}@keyframes realBrainAlive{50%{transform:translate3d(0,-5px,48px) scale(calc(var(--brain-scale) + .015 + var(--level)*.05))}}@keyframes realThinking{50%{transform:translate3d(0,-8px,52px) rotateY(2.2deg) scale(calc(var(--brain-scale) + .025))}}@keyframes realSpeaking{50%{transform:translate3d(0,-7px,56px) scale(calc(var(--brain-scale) + .035 + var(--level)*.09));filter:saturate(1.25) contrast(1.08) brightness(calc(1.1 + var(--level)*.22)) drop-shadow(0 0 46px #67e8f9a0) drop-shadow(0 44px 88px #000d)}}@keyframes realChipSpeak{50%{transform:translate(-50%,-50%) translateZ(90px) scale(calc(1.1 + var(--level)*.16))}}@keyframes realListen{50%{transform:rotateX(66deg) scale(1.15);opacity:.8}}@keyframes realRing{to{transform:rotateX(66deg) rotateZ(360deg)}}@keyframes sparkOrbit{50%{transform:translate3d(10px,-12px,30px) scale(1.55);opacity:1}70%{opacity:.35}}
@media(max-width:700px){.ai-agent-stage{height:clamp(300px,38dvh,390px);margin-top:4px}.real-brain-img{width:min(610px,114vw);max-width:none}.real-brain-chip{width:58px;height:58px;border-radius:15px;font-size:20px}.real-brain-grid{height:92px;bottom:2%}.real-brain-rings i{width:min(500px,96vw);height:min(250px,50vw)}.login-brain-art{min-height:340px;height:37dvh}.login-brain-art .real-brain-stage{height:295px;margin-top:0}.login-brain-art .real-brain-img{width:min(510px,104vw)}.login-brain-art .real-brain-chip{width:54px;height:54px;font-size:19px}.login-brain-art .wordmark{bottom:-4px;font-size:58px}}
@media(max-height:740px){.ai-agent-stage{height:260px}.real-brain-img{width:min(520px,82vw)}.real-brain-chip{width:56px;height:56px;font-size:19px}.real-brain-grid{height:78px}.real-brain-rings i{width:min(450px,72vw);height:min(220px,34vw)}}
@media(prefers-reduced-motion:reduce){.real-brain-stage,.real-brain-img,.real-brain-sparks i,.real-brain-rings i,.ai-agent-stage[data-state] .real-brain-img,.ai-agent-stage[data-state] .real-brain-chip{animation:none!important}}

/* v33: immersive full-screen memory map. */
.memory-page{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;min-height:100dvh;margin:0;padding:0;overflow:hidden;background:#02060d}
.memory-page:before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 38%,#67e8f91c 0 18%,#a855f710 34%,transparent 64%),radial-gradient(ellipse at 10% 18%,#9fe7ff10,transparent 38%),linear-gradient(180deg,#06111a 0,#02050b 62%,#020407 100%)}
.memory-page:after{content:'';position:fixed;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,#020407d9 0,#02040766 13%,transparent 32%,transparent 68%,#02040774 88%,#020407e8 100%),linear-gradient(180deg,#020407d8 0,transparent 20%,transparent 68%,#020407e6 100%)}
.memory-page .brain-stage{position:fixed;inset:0;z-index:1;width:100vw;height:100dvh;max-width:none;margin:0;border:0;border-radius:0;overflow:hidden;background:radial-gradient(ellipse at 50% 43%,#a7f3ff12 0 24%,#8b5cf612 44%,transparent 72%);box-shadow:none;isolation:isolate}
.memory-page .brain-stage canvas{position:absolute;inset:0;z-index:1;width:100%!important;height:100%!important;filter:drop-shadow(0 0 28px #9fe7ff55)}
.memory-page .brain-stage:before{left:50%;bottom:8%;width:min(1180px,96vw);height:210px;z-index:2;opacity:.45;background:repeating-radial-gradient(ellipse,#c8ecff21 0 1px,transparent 1px 24px)}
.memory-page .brain-stage:after{inset:0;z-index:2;background:radial-gradient(ellipse at 50% 43%,transparent 0 36%,#02040755 68%,#020407 100%)}
.memory-page .node-labels,.memory-page .brain-fallback{z-index:4}
.memory-top{position:fixed;z-index:12;top:calc(22px + env(safe-area-inset-top));left:clamp(20px,4vw,72px);right:clamp(20px,4vw,72px);max-width:none;margin:0;display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:18px;pointer-events:none}
.memory-top>*{pointer-events:auto}.memory-top>div{align-self:start}.memory-top .eyebrow{color:#bdeeff;text-shadow:0 0 20px #67e8f955}.memory-top h1{margin:-2px 0 0;font-size:clamp(48px,7.6vw,128px);line-height:.82;letter-spacing:-.075em;color:#f7fbff;text-shadow:0 0 46px #9fe5ff60,0 24px 80px #020407}
.memory-back{height:46px;padding:0 18px;border-radius:999px;background:#07111cc4;border-color:#c9efff24;backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #ffffff10,0 18px 60px #0005}
.memory-top .icon-button{background:#07111cc4;border-color:#c9efff26;backdrop-filter:blur(18px)}
.memory-meta{position:fixed;z-index:13;top:calc(120px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(690px,calc(100vw - 44px));max-width:none;margin:0;padding:11px 18px;border:1px solid #bce8ff22;background:linear-gradient(90deg,#07111ce6,#07111c90);backdrop-filter:blur(22px);border-radius:999px;justify-content:center;box-shadow:0 20px 70px #0005;color:#aebfd0}
.memory-meta strong{font-weight:500;color:#f5fbff}.memory-meta .live-pill{color:#b7f6ff}
.memory-page .brain-tools{position:fixed;z-index:14;left:50%;bottom:calc(102px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(960px,calc(100vw - 40px));max-width:none;margin:0;padding:10px;border:1px solid #bde8ff24;background:linear-gradient(90deg,#06101ce8,#07111cc2);backdrop-filter:blur(22px);border-radius:999px;box-shadow:0 24px 80px #0008;justify-content:center}
.memory-page .brain-tools button,.memory-page .brain-tools input{min-height:44px;border-radius:999px;background:#ffffff08;border-color:#c8edff24;color:#dceaf5}
.memory-page .brain-tools input{flex:1;min-width:280px;background:#07111cc7}.memory-page .brain-tools button[aria-pressed=true]{color:#04101a;background:#dff6ff;box-shadow:0 0 34px #9fe7ff44}
.memory-page .live-event{position:fixed;z-index:13;left:50%;bottom:calc(166px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(900px,calc(100vw - 48px));max-width:none;min-height:46px;margin:0;padding:12px 18px;border:1px solid #bde8ff1d;border-left:1px solid #a6ddff75;border-radius:16px;background:linear-gradient(90deg,#07111cd9,#07111c82,transparent);backdrop-filter:blur(18px);box-shadow:0 18px 60px #0004}
.memory-page .tabs{position:fixed;z-index:14;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(900px,calc(100vw - 40px));max-width:none;margin:0;padding:7px;gap:6px;border:1px solid #bde8ff22;background:#050b13d6;border-radius:999px;backdrop-filter:blur(22px);box-shadow:0 24px 90px #0008}
.memory-page .tabs button{flex:1;padding:13px 16px;border:0;border-radius:999px;text-align:center;color:#9fb2c4}.memory-page .tabs button[aria-selected=true]{background:#eaf8ff;color:#07131e;box-shadow:0 0 34px #9fe7ff35}
.memory-page .node-list{position:fixed;z-index:11;right:clamp(20px,3vw,48px);top:calc(178px + env(safe-area-inset-top));bottom:calc(210px + env(safe-area-inset-bottom));width:min(390px,28vw);max-width:none;margin:0;display:grid;grid-template-columns:1fr;align-content:start;gap:10px;overflow:auto;padding:8px;mask-image:linear-gradient(transparent,#000 18px,#000 calc(100% - 18px),transparent);scrollbar-width:thin}
.memory-page .node-row{min-height:70px;border-color:#bde8ff1e;border-radius:16px;background:linear-gradient(135deg,#07111ccf,#050b12aa);box-shadow:inset 0 1px 0 #ffffff09,0 18px 50px #0004;backdrop-filter:blur(16px)}
.memory-page .node-row:hover{background:linear-gradient(135deg,#0d2031e8,#07111cdf);border-color:#c6eaff58}.memory-page .node-row strong{font-size:13px}.memory-page .node-row small{font-size:11px}
.memory-page .legend{position:fixed;z-index:12;left:clamp(20px,3vw,48px);bottom:calc(118px + env(safe-area-inset-bottom));max-width:min(300px,26vw);margin:0;padding:14px 16px;border:1px solid #bde8ff1d;border-radius:18px;background:#050b13bf;backdrop-filter:blur(18px);box-shadow:0 20px 70px #0006;color:#c4d2df}
.memory-page #knowledge{position:fixed;z-index:12;left:clamp(20px,3vw,48px);bottom:calc(82px + env(safe-area-inset-bottom));max-width:min(360px,30vw);margin:0;color:#8ea4b6}.memory-page #screen-error{position:fixed;z-index:20;left:50%;top:calc(178px + env(safe-area-inset-top));transform:translateX(-50%);width:min(620px,calc(100vw - 40px));margin:0}
.memory-page .sheet{z-index:30}
@media(max-width:900px){.memory-page .node-list{left:20px;right:20px;top:auto;bottom:calc(210px + env(safe-area-inset-bottom));width:auto;max-height:24dvh;grid-template-columns:1fr 1fr}.memory-page .legend,.memory-page #knowledge{display:none}.memory-top h1{font-size:clamp(42px,12vw,78px)}.memory-meta{top:calc(106px + env(safe-area-inset-top))}}
@media(max-width:650px){.memory-top{top:calc(14px + env(safe-area-inset-top));left:14px;right:14px;gap:10px}.memory-back{height:42px;padding:0 12px;font-size:12px}.memory-top h1{font-size:42px}.memory-top .eyebrow{font-size:9px}.memory-meta{top:calc(82px + env(safe-area-inset-top));width:calc(100vw - 28px);padding:9px 12px;justify-content:flex-start;overflow:auto;scrollbar-width:none}.memory-page .brain-stage{height:100dvh;min-height:100dvh}.memory-page .brain-tools{width:calc(100vw - 24px);bottom:calc(94px + env(safe-area-inset-bottom));border-radius:22px;gap:7px}.memory-page .brain-tools input{flex-basis:100%;order:-1;min-width:0}.memory-page .brain-tools button{flex:1;padding:10px 8px;font-size:12px}.memory-page .live-event{display:none}.memory-page .tabs{width:calc(100vw - 24px);bottom:calc(18px + env(safe-area-inset-bottom));border-radius:22px;overflow:auto}.memory-page .tabs button{min-width:max-content}.memory-page .node-list{left:12px;right:12px;bottom:calc(182px + env(safe-area-inset-bottom));max-height:22dvh;grid-template-columns:1fr;padding:0 2px}.memory-page .brain-stage:before{bottom:17%;width:120vw}.memory-page .brain-stage:after{background:radial-gradient(ellipse at 50% 42%,transparent 0 34%,#02040766 70%,#020407 100%)}}

/* v34: richer agent-colored memory graph. */
.memory-page:before{background:radial-gradient(ellipse at 50% 37%,#67e8f922 0 17%,#3b82f61a 31%,#a855f714 48%,transparent 69%),radial-gradient(ellipse at 18% 22%,#f9731610,transparent 36%),radial-gradient(ellipse at 84% 26%,#22c55e10,transparent 34%),linear-gradient(180deg,#06111a 0,#02050b 62%,#020407 100%)}
.memory-meta{box-shadow:0 0 0 1px #ffffff08 inset,0 22px 90px #0008,0 0 70px #67e8f914}
.memory-page .brain-stage{background:radial-gradient(ellipse at 50% 42%,#b7f6ff18 0 18%,#3b82f610 35%,#a855f710 52%,transparent 76%)}
.memory-page .brain-stage canvas{filter:drop-shadow(0 0 32px #9fe7ff66) saturate(1.18) contrast(1.05)}
.memory-page .brain-stage:before{opacity:.62;background:repeating-radial-gradient(ellipse,#c8ecff30 0 1px,transparent 1px 22px)}
.memory-page .node-labels button{background:linear-gradient(180deg,#07111cef,#02070de5);border-color:color-mix(in srgb,var(--node-color) 58%,#ffffff22);box-shadow:0 0 0 1px #ffffff0b inset,0 0 20px color-mix(in srgb,var(--node-color) 62%,transparent),0 10px 34px #0008;color:#eef8ff;text-shadow:0 0 12px var(--node-color)}
.memory-page .legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px}
.memory-page .legend span{white-space:nowrap;text-transform:capitalize;letter-spacing:.01em}.memory-page .legend i{width:7px;height:7px;box-shadow:0 0 14px var(--node-color),0 0 28px var(--node-color)}
.memory-page .node-row{position:relative;overflow:hidden}.memory-page .node-row:before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:var(--node-color);box-shadow:0 0 22px var(--node-color);opacity:.9}.memory-page .node-row:hover{transform:translateX(-2px)}
.memory-page .node-color{width:10px;height:10px;box-shadow:0 0 16px var(--node-color),0 0 32px var(--node-color)}
.memory-page .tabs,.memory-page .brain-tools{box-shadow:0 24px 90px #0009,0 0 64px #67e8f910}

/* v35: deeper, more cinematic live brain with agent constellations. */
.memory-page{background:#01030a}
.memory-page:before{background:radial-gradient(ellipse at 50% 36%,#67e8f92e 0 15%,#3b82f61e 30%,#a855f718 48%,transparent 70%),radial-gradient(ellipse at 20% 28%,#f9731620,transparent 34%),radial-gradient(ellipse at 79% 30%,#22c55e1d,transparent 35%),radial-gradient(ellipse at 50% 78%,#fbbf2410,transparent 42%),linear-gradient(180deg,#07111d 0,#02050b 60%,#010208 100%);animation:memoryAuraShift 9s ease-in-out infinite alternate}
.memory-page:after{background:linear-gradient(90deg,#010208f1 0,#0102089a 12%,transparent 31%,transparent 69%,#010208a3 88%,#010208f5 100%),linear-gradient(180deg,#010208ea 0,transparent 18%,transparent 68%,#010208ef 100%),radial-gradient(ellipse at 50% 47%,transparent 0 31%,#01020855 64%,#010208 100%)}
.memory-page .brain-stage{background:radial-gradient(ellipse at 50% 43%,#d9fbff20 0 16%,#67e8f917 30%,#3b82f610 46%,#a855f711 61%,transparent 79%)}
.memory-page .brain-stage canvas{filter:drop-shadow(0 0 40px #9fe7ff75) drop-shadow(0 0 80px #a855f72a) saturate(1.33) contrast(1.09)}
.memory-page .brain-stage:before{height:260px;bottom:6%;opacity:.78;background:repeating-radial-gradient(ellipse,#d7f6ff38 0 1px,transparent 1px 20px);filter:drop-shadow(0 0 26px #67e8f94c);animation:memoryGridBreathe 6s ease-in-out infinite}
.memory-page .brain-stage:after{background:radial-gradient(ellipse at 50% 43%,transparent 0 28%,#02040733 54%,#010208 96%),linear-gradient(180deg,#01020833,transparent 26%,transparent 60%,#010208c9)}
.memory-top h1{letter-spacing:-.09em;color:#fbfdff;text-shadow:0 0 28px #dff8ff88,0 0 70px #67e8f954,0 26px 90px #020407}
.memory-top .eyebrow{color:#b7f6ff;letter-spacing:.22em;text-shadow:0 0 18px #67e8f9}
.memory-meta{border-color:#d7f6ff2d;background:linear-gradient(90deg,#07111cf2,#0a1423bf,#07111c85);box-shadow:inset 0 1px 0 #ffffff12,0 24px 90px #0009,0 0 90px #67e8f91d}
.memory-page .brain-tools,.memory-page .tabs{border-color:#d7f6ff2e;background:linear-gradient(90deg,#06101cf0,#07111cd8,#10162cb7);box-shadow:inset 0 1px 0 #ffffff10,0 24px 100px #000a,0 0 72px #67e8f91b}
.memory-page .brain-tools button,.memory-page .brain-tools input{background:linear-gradient(180deg,#ffffff10,#ffffff06);border-color:#d7f6ff25;color:#e9f8ff}
.memory-page .brain-tools button[aria-pressed=true],.memory-page .tabs button[aria-selected=true]{background:linear-gradient(180deg,#f4fbff,#9fe7ff);color:#020a12;box-shadow:0 0 42px #9fe7ff66,0 0 95px #67e8f924}
.memory-page .live-event{border-radius:999px;border-color:#d7f6ff22;background:linear-gradient(90deg,#07111ce8,#0b1730b8,#07111c33);box-shadow:inset 0 1px 0 #ffffff0f,0 20px 70px #0007}
.memory-page .live-dot{width:7px;height:7px;background:#adf7ff;box-shadow:0 0 12px #67e8f9,0 0 28px #67e8f9;animation:livePulse 1.35s ease-in-out infinite}
.memory-page .legend{max-width:min(360px,30vw);gap:8px;border-radius:24px;background:linear-gradient(145deg,#07111ce8,#050810c9);border-color:#d7f6ff22;box-shadow:inset 0 1px 0 #ffffff10,0 24px 80px #0008,0 0 60px #67e8f915}
.memory-page .legend span{display:flex;align-items:center;gap:8px;min-height:32px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--node-color) 35%,#ffffff10);border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,var(--node-color) 16%,#07111c),#05081090);color:#eef8ff;font-size:10px;text-shadow:0 0 11px color-mix(in srgb,var(--node-color) 68%,transparent)}
.memory-page .legend i{width:8px;height:8px;margin:0;box-shadow:0 0 18px var(--node-color),0 0 38px var(--node-color)}
.memory-page .node-labels button{max-width:180px;padding:5px 9px;border-radius:999px;background:linear-gradient(180deg,#07111cf8,#01040bdc);border-color:color-mix(in srgb,var(--node-color) 72%,#ffffff1d);box-shadow:inset 0 1px 0 #ffffff14,0 0 24px color-mix(in srgb,var(--node-color) 72%,transparent),0 12px 40px #000b;font-size:10.5px}
.memory-page .node-list{gap:9px;scrollbar-color:#67e8f955 transparent}
.memory-page .node-row{min-height:74px;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--node-color) 10%,#07111cef),#040811c5);border-color:color-mix(in srgb,var(--node-color) 32%,#d7f6ff12);box-shadow:inset 0 1px 0 #ffffff10,0 18px 54px #0006,0 0 28px color-mix(in srgb,var(--node-color) 16%,transparent);transition:transform .2s ease,border-color .2s ease,background .2s ease}
.memory-page .node-row:after{content:'';position:absolute;inset:-45% auto -45% 0;width:90px;background:radial-gradient(ellipse,color-mix(in srgb,var(--node-color) 34%,transparent),transparent 64%);opacity:.45;pointer-events:none}
.memory-page .node-row:hover{transform:translateX(-4px) scale(1.012);border-color:color-mix(in srgb,var(--node-color) 68%,#d7f6ff22);background:linear-gradient(135deg,color-mix(in srgb,var(--node-color) 18%,#0a1828),#07111ce6)}
.memory-page .node-color{width:11px;height:11px;box-shadow:0 0 18px var(--node-color),0 0 40px var(--node-color)}
.memory-page .node-row strong{font-size:13.5px;color:#f5fbff;text-shadow:0 0 12px color-mix(in srgb,var(--node-color) 55%,transparent)}
.memory-page .node-row small{color:#b7c7d6}
.memory-page #knowledge{color:#a9bed0;text-shadow:0 0 18px #67e8f930}
@keyframes memoryAuraShift{50%{filter:saturate(1.28) brightness(1.08)}to{filter:saturate(1.42) brightness(1.12)}}
@keyframes memoryGridBreathe{50%{transform:translateX(-50%) rotateX(68deg) scale(1.05);opacity:.92}}
@keyframes livePulse{50%{transform:scale(1.45);opacity:.72}}
@media(max-width:900px){.memory-page .legend{display:none}.memory-page .node-list{background:linear-gradient(180deg,transparent,#01020899 18%,#010208bb);padding-top:18px}}
@media(max-width:650px){.memory-page .brain-stage canvas{filter:drop-shadow(0 0 34px #9fe7ff62) saturate(1.28)}.memory-page .node-list{max-height:20dvh}.memory-page .memory-meta{box-shadow:inset 0 1px 0 #ffffff10,0 20px 70px #0009}.memory-page .brain-tools{bottom:calc(96px + env(safe-area-inset-bottom))}.memory-page .tabs{bottom:calc(16px + env(safe-area-inset-bottom))}}

/* v36: controlled cinematic light so the brain keeps detail instead of turning into a white glow. */
.memory-page:before{background:radial-gradient(ellipse at 50% 36%,#67e8f91a 0 14%,#3b82f612 31%,#a855f710 49%,transparent 70%),radial-gradient(ellipse at 20% 28%,#f9731615,transparent 34%),radial-gradient(ellipse at 79% 30%,#22c55e15,transparent 35%),radial-gradient(ellipse at 50% 78%,#fbbf240b,transparent 42%),linear-gradient(180deg,#07111d 0,#02050b 60%,#010208 100%)}
.memory-page .brain-stage{background:radial-gradient(ellipse at 50% 43%,#67e8f90d 0 18%,#3b82f60b 37%,#a855f70c 56%,transparent 80%)}
.memory-page .brain-stage canvas{filter:drop-shadow(0 0 22px #67e8f94a) drop-shadow(0 0 42px #a855f71d) saturate(1.12) contrast(1.02) brightness(.74)}
.memory-page .brain-stage:before{opacity:.38;filter:drop-shadow(0 0 18px #67e8f932)}
.memory-page .brain-stage:after{background:radial-gradient(ellipse at 50% 44%,#0102085f 0 18%,transparent 48%),radial-gradient(ellipse at 50% 43%,transparent 0 30%,#02040755 61%,#010208 97%),linear-gradient(180deg,#01020833,transparent 28%,transparent 61%,#010208cf)}
.memory-page .legend span{background:linear-gradient(180deg,color-mix(in srgb,var(--node-color) 11%,#07111c),#05081090);border-color:color-mix(in srgb,var(--node-color) 28%,#ffffff10)}
.memory-page .node-row{background:linear-gradient(135deg,color-mix(in srgb,var(--node-color) 7%,#07111cef),#040811c5);box-shadow:inset 0 1px 0 #ffffff0d,0 16px 46px #0007,0 0 18px color-mix(in srgb,var(--node-color) 10%,transparent)}
@media(max-width:650px){.memory-page .brain-stage canvas{filter:drop-shadow(0 0 20px #67e8f944) saturate(1.1) contrast(1.01) brightness(.78)}}

/* v37: restore anatomical brain presence; no dominant orb. */
.memory-page .brain-stage{background:radial-gradient(ellipse at 50% 44%,#67e8f909 0 18%,#3b82f608 38%,#a855f70a 58%,transparent 81%)}
.memory-page .brain-stage canvas{filter:drop-shadow(0 0 16px #67e8f940) drop-shadow(0 0 28px #8b5cf622) saturate(1.18) contrast(1.08) brightness(.94)}
.memory-page .brain-stage:before{opacity:.28;filter:drop-shadow(0 0 12px #67e8f926)}
.memory-page .brain-stage:after{background:radial-gradient(ellipse at 50% 46%,#01020828 0 11%,transparent 38%),radial-gradient(ellipse at 50% 43%,transparent 0 34%,#02040749 62%,#010208 97%),linear-gradient(180deg,#0102082e,transparent 30%,transparent 62%,#010208d8)}
@media(max-width:650px){.memory-page .brain-stage canvas{filter:drop-shadow(0 0 15px #67e8f93c) saturate(1.14) contrast(1.06) brightness(.96)}}

/* v40 — atendimento volta ao cérebro vivo da identidade do Bento. */
.agent-page .ai-agent-stage{height:clamp(250px,34dvh,390px);margin:clamp(2px,1dvh,12px) auto 0;overflow:visible}
.agent-page .real-brain-stage{width:min(820px,100%);height:100%}
.agent-page .real-brain-img{width:min(660px,98vw);max-width:98vw;max-height:100%;object-fit:contain}
.agent-page .real-brain-aura{inset:4% 7%;filter:blur(28px)}
.agent-page .real-brain-chip{top:49%;width:66px;height:66px;border-radius:17px;font-size:22px}
.agent-page .real-brain-rings i{width:min(620px,88vw);height:min(310px,44vw)}
.agent-page .conversation{min-height:118px}
@media(max-width:700px){.agent-page .ai-agent-stage{height:clamp(230px,31dvh,310px)}.agent-page .real-brain-img{width:min(500px,96vw)}.agent-page .real-brain-chip{width:52px;height:52px;border-radius:14px;font-size:18px}.agent-page .real-brain-grid{height:76px}.agent-page .real-brain-rings i{width:min(420px,86vw);height:min(210px,43vw)}.agent-page .conversation{min-height:130px}}
@media(max-height:740px){.agent-page .ai-agent-stage{height:220px}.agent-page .real-brain-img{width:min(450px,90vw)}.agent-page .real-brain-chip{width:50px;height:50px;font-size:17px}}


/* v41 — cérebro de investidores: mapa neural holográfico, sem bloco chapado. */
.memory-page .brain-stage{background:radial-gradient(ellipse at 45% 43%,#67e8f91a 0 16%,#3b82f610 33%,#8b5cf610 54%,transparent 78%)!important}
.memory-page .brain-stage canvas{filter:drop-shadow(0 0 28px #67e8f95c) drop-shadow(0 0 65px #8b5cf638) saturate(1.28) contrast(1.08) brightness(1.08)!important}
.memory-page .brain-stage:after{background:radial-gradient(ellipse at 43% 43%,transparent 0 43%,#01020835 70%,#010208 100%),linear-gradient(180deg,#01020848 0,transparent 22%,transparent 68%,#010208d8 100%)!important}
.memory-page .brain-stage:before{opacity:.52!important;filter:drop-shadow(0 0 24px #67e8f940)!important}
.memory-page .node-list{width:min(360px,25vw);padding:10px;border-left:1px solid #67e8f92d;background:linear-gradient(180deg,#02071216,#020712d4 18%,#020712f0)!important}
.memory-page .node-row{border-color:color-mix(in srgb,var(--node-color) 42%,#d7f6ff16);background:linear-gradient(135deg,color-mix(in srgb,var(--node-color) 13%,#06101cef),#030711d8)!important}
.memory-page .node-labels button{background:linear-gradient(180deg,#031222f5,#01050de8);border-color:color-mix(in srgb,var(--node-color) 70%,#ffffff22);box-shadow:0 0 22px color-mix(in srgb,var(--node-color) 76%,transparent),0 12px 38px #000c}
@media(max-width:900px){.memory-page .node-list{width:auto;border-left:0;border-top:1px solid #67e8f92d;background:linear-gradient(180deg,transparent,#020712d6 22%,#020712f5)!important}}
@media(max-width:650px){.memory-page .brain-stage canvas{filter:drop-shadow(0 0 22px #67e8f94f) drop-shadow(0 0 46px #8b5cf62f) saturate(1.2) contrast(1.06) brightness(1.05)!important}.memory-page .node-list{max-height:18dvh}.memory-page .brain-stage:after{background:radial-gradient(ellipse at 50% 42%,transparent 0 45%,#0102084d 73%,#010208 100%),linear-gradient(180deg,#01020855 0,transparent 18%,transparent 62%,#010208dc 100%)!important}}


/* v42 — corrige estouro de luz: cérebro precisa aparecer, não virar mancha branca. */
.memory-page .brain-stage{background:radial-gradient(ellipse at 43% 43%,#1bc5ff12 0 18%,#3b82f60b 36%,#8b5cf60d 56%,transparent 80%)!important}
.memory-page .brain-stage canvas{filter:drop-shadow(0 0 13px #67e8f933) drop-shadow(0 0 28px #8b5cf61f) saturate(1.16) contrast(1.08) brightness(.78)!important}
.memory-page .brain-stage:before{opacity:.22!important;filter:drop-shadow(0 0 10px #67e8f920)!important}
.memory-page .brain-stage:after{background:radial-gradient(ellipse at 43% 43%,transparent 0 36%,#01020838 63%,#010208 96%),linear-gradient(180deg,#0102084f 0,transparent 22%,transparent 66%,#010208e0 100%)!important}
@media(max-width:650px){.memory-page .brain-stage canvas{filter:drop-shadow(0 0 10px #67e8f930) drop-shadow(0 0 20px #8b5cf61f) saturate(1.12) contrast(1.06) brightness(.76)!important}}

/* v43 — volta ao cérebro antigo: partículas, rede, nós e labels, com profundidade 3D controlada. */
.memory-page:before{background:radial-gradient(ellipse at 46% 38%,#67e8f926 0 14%,#3b82f61b 28%,#8b5cf614 46%,transparent 69%),radial-gradient(ellipse at 34% 42%,#f9731618,transparent 34%),radial-gradient(ellipse at 73% 36%,#22c55e14,transparent 34%),linear-gradient(180deg,#07111d 0,#02050b 62%,#010208 100%)!important}
.memory-page:after{background:linear-gradient(90deg,#010208f2 0,#0102088b 9%,transparent 26%,transparent 74%,#01020899 91%,#010208f4 100%),linear-gradient(180deg,#010208e5 0,transparent 16%,transparent 72%,#010208f0 100%),radial-gradient(ellipse at 46% 43%,transparent 0 48%,#01020844 75%,#010208 100%)!important}
.memory-page .brain-stage{background:radial-gradient(ellipse at 46% 43%,#b7f6ff18 0 16%,#67e8f912 31%,#8b5cf611 52%,transparent 79%)!important}
.memory-page .brain-stage canvas{filter:drop-shadow(0 0 20px #67e8f94e) drop-shadow(0 0 46px #8b5cf62d) saturate(1.24) contrast(1.1) brightness(.98)!important}
.memory-page .brain-stage:before{opacity:.42!important;background:repeating-radial-gradient(ellipse,#c8ecff2f 0 1px,transparent 1px 22px)!important;filter:drop-shadow(0 0 17px #67e8f937)!important}
.memory-page .brain-stage:after{background:radial-gradient(ellipse at 46% 43%,transparent 0 49%,#01020845 76%,#010208 100%),linear-gradient(180deg,#01020835 0,transparent 20%,transparent 68%,#010208da 100%)!important}
.memory-page .node-labels button{padding:5px 9px;border-radius:7px;background:linear-gradient(180deg,#050b12f5,#02050be8)!important;border-color:color-mix(in srgb,var(--node-color) 68%,#ffffff24)!important;box-shadow:0 0 20px color-mix(in srgb,var(--node-color) 68%,transparent),0 10px 30px #000c!important;color:#f7fbff!important;text-shadow:0 0 10px var(--node-color)}
.memory-page .brain-tools,.memory-page .tabs,.memory-meta{border-color:#d7f6ff2a!important;background:linear-gradient(90deg,#06101cf2,#07111cd7,#10162cad)!important;box-shadow:inset 0 1px 0 #ffffff11,0 24px 90px #000a,0 0 64px #67e8f914!important}
.memory-page .node-list{background:linear-gradient(180deg,#02071208,#020712c9 21%,#020712f0)!important}
.memory-page .node-row{background:linear-gradient(135deg,color-mix(in srgb,var(--node-color) 12%,#07111cef),#030711d8)!important;border-color:color-mix(in srgb,var(--node-color) 42%,#d7f6ff16)!important}
@media(max-width:650px){.memory-page .brain-stage canvas{filter:drop-shadow(0 0 16px #67e8f946) drop-shadow(0 0 32px #8b5cf62d) saturate(1.2) contrast(1.08) brightness(.96)!important}.memory-page .node-labels button{font-size:9.5px;padding:4px 7px}.memory-page .node-list{max-height:18dvh}.memory-page .brain-stage:after{background:radial-gradient(ellipse at 50% 42%,transparent 0 50%,#01020852 76%,#010208 100%),linear-gradient(180deg,#0102084d 0,transparent 18%,transparent 64%,#010208e0 100%)!important}}

/* v44 — cérebro com sulcos reais e conexões legíveis, sem clarão nem rede solta. */
.memory-page:before{background:radial-gradient(ellipse at 46% 41%,#67e8f912 0 16%,#3b82f60c 31%,#8b5cf609 49%,transparent 72%),linear-gradient(180deg,#06101a 0,#02050b 62%,#010208 100%)!important}
.memory-page:after{background:linear-gradient(90deg,#010208f3 0,#010208b0 12%,transparent 31%,transparent 72%,#010208a8 90%,#010208f4 100%),linear-gradient(180deg,#010208e8 0,transparent 17%,transparent 70%,#010208f0 100%),radial-gradient(ellipse at 46% 43%,transparent 0 54%,#01020840 78%,#010208 100%)!important}
.memory-page .brain-stage{background:radial-gradient(ellipse at 46% 43%,#67e8f90b 0 18%,#3b82f607 36%,#8b5cf606 58%,transparent 82%)!important}
.memory-page .brain-stage canvas{filter:drop-shadow(0 0 9px #67e8f930) drop-shadow(0 0 18px #8b5cf620) saturate(1.1) contrast(1.08) brightness(.72)!important}
.memory-page .brain-stage:before{opacity:.07!important;background:repeating-radial-gradient(ellipse,#c8ecff18 0 1px,transparent 1px 34px)!important;filter:none!important}
.memory-page .brain-stage:after{background:radial-gradient(ellipse at 46% 43%,transparent 0 56%,#01020855 80%,#010208 100%),linear-gradient(180deg,#0102084f 0,transparent 22%,transparent 68%,#010208e5 100%)!important}
.memory-page .node-labels button{box-shadow:0 0 10px color-mix(in srgb,var(--node-color) 46%,transparent),0 8px 22px #000d!important;text-shadow:none!important}
@media(max-width:650px){.memory-page .brain-stage canvas{filter:drop-shadow(0 0 7px #67e8f92b) drop-shadow(0 0 14px #8b5cf61a) saturate(1.08) contrast(1.06) brightness(.74)!important}.memory-page .brain-stage:before{opacity:.04!important}}

/* v45 — segue o modelo enviado: cérebro de partículas e rede, sem desenho solto por trás. */
.memory-page:before{background:radial-gradient(ellipse at 46% 43%,#67e8f918 0 15%,#3b82f611 31%,#8b5cf60c 50%,transparent 74%),radial-gradient(ellipse at 46% 55%,#f9731611,transparent 42%),linear-gradient(180deg,#120b08 0,#07070c 58%,#03040c 100%)!important}
.memory-page:after{background:linear-gradient(90deg,#03040cf5 0,#03040c8e 10%,transparent 29%,transparent 74%,#03040c95 91%,#03040cf7 100%),linear-gradient(180deg,#03040ce8 0,transparent 16%,transparent 72%,#03040cf2 100%),radial-gradient(ellipse at 47% 46%,transparent 0 52%,#03040c4a 78%,#03040c 100%)!important}
.memory-page .brain-stage{background:radial-gradient(ellipse at 46% 45%,#67e8f916 0 18%,#fbbf240a 31%,#8b5cf60c 54%,transparent 82%)!important}
.memory-page .brain-stage canvas{filter:drop-shadow(0 0 14px #67e8f938) drop-shadow(0 0 28px #8b5cf624) saturate(1.18) contrast(1.08) brightness(.86)!important}
.memory-page .brain-stage:before{opacity:0!important}
.memory-page .brain-stage:after{background:radial-gradient(ellipse at 47% 46%,transparent 0 54%,#03040c4d 80%,#03040c 100%),linear-gradient(180deg,#03040c42 0,transparent 20%,transparent 70%,#03040ce6 100%)!important}
.memory-page .node-labels button{border-radius:5px!important;background:#02060de8!important;border-color:color-mix(in srgb,var(--node-color) 55%,#ffffff1e)!important;box-shadow:0 0 13px color-mix(in srgb,var(--node-color) 52%,transparent),0 9px 24px #000d!important}
@media(max-width:650px){.memory-page .brain-stage canvas{filter:drop-shadow(0 0 10px #67e8f934) drop-shadow(0 0 20px #8b5cf620) saturate(1.13) contrast(1.06) brightness(.84)!important}.memory-page .brain-stage:before{opacity:0!important}}

/* v46 — cérebro real fantasma no fundo: sulcos/veias visíveis, agentes e ligações acima. */
.memory-page .memory-brain-ghost{
position:absolute;
left:46%;
top:44%;
width:min(1120px,102vw);
max-height:82dvh;
object-fit:contain;
transform:translate(-50%,-50%) scale(1.04);
z-index:0;
pointer-events:none;
opacity:.14;
mix-blend-mode:screen;
filter:saturate(1.08) contrast(1.04) brightness(.52) blur(.15px) drop-shadow(0 0 26px #67e8f92c);
mask-image:radial-gradient(ellipse at 50% 50%,#000 0 43%,rgba(0,0,0,.72) 61%,transparent 83%);
}
.memory-page .brain-stage canvas{z-index:1}
.memory-page .brain-stage:after{z-index:2}
.memory-page .node-labels,.memory-page .brain-fallback{z-index:4}
.memory-page .brain-stage{background:radial-gradient(ellipse at 46% 45%,#67e8f90f 0 18%,#fbbf2408 32%,#8b5cf608 56%,transparent 82%)!important}
.memory-page .brain-stage canvas{filter:drop-shadow(0 0 12px #67e8f934) drop-shadow(0 0 23px #8b5cf620) saturate(1.14) contrast(1.07) brightness(.82)!important}
.memory-page .brain-stage:after{background:radial-gradient(ellipse at 47% 46%,transparent 0 57%,#03040c49 80%,#03040c 100%),linear-gradient(180deg,#03040c45 0,transparent 20%,transparent 70%,#03040ce8 100%)!important}
@media(max-width:650px){
.memory-page .memory-brain-ghost{
left:50%;
top:43%;
width:min(760px,130vw);
max-height:68dvh;
opacity:.17;
transform:translate(-50%,-50%) scale(1.02);
filter:saturate(1.04) contrast(1.03) brightness(.48) blur(.1px) drop-shadow(0 0 18px #67e8f925);
mask-image:radial-gradient(ellipse at 50% 50%,#000 0 45%,rgba(0,0,0,.68) 62%,transparent 84%);
}
.memory-page .brain-stage canvas{filter:drop-shadow(0 0 9px #67e8f930) drop-shadow(0 0 17px #8b5cf61d) saturate(1.1) contrast(1.05) brightness(.8)!important}
}

/* v49: novas telas do app e Cérebro em tela cheia no desktop. */
.status-badge{display:inline-flex;align-items:center;gap:5px;margin-left:8px;padding:4px 8px;border:1px solid #bde8ff24;border-radius:999px;background:#bde8ff10;color:#cbefff;font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.08em}
.danger,.danger-text{color:#ffc8c8!important;border-color:#ff8a8a35!important}.inline-actions{display:flex;gap:10px;flex-wrap:wrap}.settings-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.settings-links a{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#ffffff06;color:#e8f6ff;font-size:13px}.settings-links a:hover{background:#9fdcff12}.data-toolbar{display:flex;gap:10px;align-items:center;margin:0 0 18px}.data-toolbar input{min-height:50px}.data-list{display:grid;gap:14px}.data-group{display:grid;gap:10px}.data-group h2{font-size:14px;font-weight:400;color:#dff6ff;margin:18px 0 2px;text-transform:uppercase;letter-spacing:.12em}.data-group h2 span{color:#8ba2b7;font-size:12px;margin-left:8px}.data-card,.file-row,.plan-card,.metric-card,.chart-card{border:1px solid #bde8ff22;background:linear-gradient(135deg,#07111ce0,#040912c9);border-radius:12px;padding:16px;box-shadow:inset 0 1px 0 #ffffff0e,0 18px 60px #0007}.data-card p{margin:12px 0;color:#dbefff;line-height:1.6}.data-card small,.file-row small{color:#8ea5ba}.data-card footer{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.file-row{display:grid;grid-template-columns:54px 1fr auto;gap:14px;align-items:center}.file-row img{width:54px;height:54px;object-fit:cover;border-radius:8px;border:1px solid #bde8ff24}.file-icon{display:inline-grid;place-items:center;min-width:44px;height:44px;border:1px solid #bde8ff2d;border-radius:10px;background:#87dfff12;color:#dff8ff;font-size:12px;font-weight:700}.plans-grid,.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.plan-card.current{border-color:#a8edff80;box-shadow:0 0 50px #67e8f91a,inset 0 1px 0 #ffffff18}.plan-card h2{font-size:24px;font-weight:400;margin:10px 0}.plan-card strong{display:block;font-size:22px;margin:8px 0;color:#f4fbff}.plan-card ul{padding-left:18px;color:#a8bccd;line-height:1.7}.metric-card span{color:#92a9bb;font-size:12px}.metric-card strong{display:block;margin-top:8px;font-size:30px;font-weight:400;color:#f3fbff}.bar-chart{height:180px;display:flex;align-items:end;gap:7px;padding-top:16px}.bar-chart span{flex:1;min-width:7px;border-radius:999px 999px 0 0;background:linear-gradient(180deg,#c9f3ff,#67e8f9 48%,#8b5cf6);box-shadow:0 0 22px #67e8f944}.attachment-preview{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:0 0 12px}.attach-chip{display:flex;align-items:center;gap:8px;max-width:220px;padding:7px 8px;border:1px solid #bde8ff25;border-radius:999px;background:#091421d9;color:#c8dbea;font-size:12px}.attach-chip img{width:32px;height:32px;object-fit:cover;border-radius:50%}.attach-chip button{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#ffffff0a}.media-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-top:12px}.media-card{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #bde8ff24;border-radius:10px;background:#ffffff08;font-size:12px}.media-card img{width:52px;height:42px;object-fit:cover;border-radius:7px}.live-call{box-shadow:0 0 24px #67e8f91a}.is-listening{color:#c8f5ff!important;box-shadow:0 0 0 7px #67e8f914,0 0 34px #67e8f93a!important}
@media(min-width:901px){
.memory-page{max-width:none;width:100%;min-height:100dvh;padding:0;overflow:hidden}
.memory-page:before{background:radial-gradient(ellipse at 50% 42%,#67e8f91a 0 18%,#8b5cf60d 42%,transparent 75%),linear-gradient(180deg,#030812 0,#010208 100%)!important}
.memory-page:after{background:linear-gradient(90deg,#010208e8 0,#01020870 9%,transparent 25%,transparent 76%,#01020872 91%,#010208ea 100%),linear-gradient(180deg,#010208d8 0,transparent 18%,transparent 72%,#010208ea 100%)!important}
.memory-top{position:fixed;z-index:9;top:calc(22px + env(safe-area-inset-top));left:24px;right:auto;max-width:min(520px,calc(100vw - 48px));margin:0;padding:12px 14px;border:1px solid #bde8ff24;border-radius:18px;background:linear-gradient(135deg,#06101ce8,#07111c96);backdrop-filter:blur(18px);box-shadow:0 20px 80px #0008,0 0 50px #67e8f90f}
.memory-top h1{font-size:clamp(42px,6vw,86px);line-height:.88;margin:0;text-shadow:0 0 50px #9fe5ff66}
.memory-top .eyebrow{font-size:10px}.memory-back{border-radius:999px}
.memory-meta{position:fixed;z-index:9;top:calc(122px + env(safe-area-inset-top));left:24px;max-width:min(560px,calc(100vw - 48px));margin:0;justify-content:flex-start;border-radius:999px}
.memory-page .brain-stage{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;margin:0;border:0;border-radius:0;z-index:1;background:radial-gradient(ellipse at 50% 47%,#67e8f914 0 20%,#fbbf2408 33%,#8b5cf60a 57%,transparent 84%)!important}
.memory-page .brain-stage canvas{width:100vw!important;height:100dvh!important;filter:drop-shadow(0 0 18px #67e8f940) drop-shadow(0 0 42px #8b5cf62a) saturate(1.18) contrast(1.08) brightness(.9)!important}
.memory-page .brain-stage:after{background:radial-gradient(ellipse at 50% 48%,transparent 0 62%,#03040c56 84%,#03040c 100%),linear-gradient(180deg,#03040c36 0,transparent 18%,transparent 72%,#03040cea 100%)!important}
.memory-page .brain-tools{position:fixed;z-index:10;left:50%;bottom:calc(86px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(820px,calc(100vw - 48px));margin:0}
.memory-page .tabs{position:fixed;z-index:10;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(820px,calc(100vw - 48px));margin:0}
.memory-page .live-event{position:fixed;z-index:10;left:24px;bottom:calc(86px + env(safe-area-inset-bottom));width:min(430px,calc(100vw - 48px));margin:0;border-radius:14px;background:linear-gradient(90deg,#06101cd8,#06101c66);backdrop-filter:blur(16px)}
.memory-page .node-list{position:fixed;z-index:8;right:24px;top:calc(118px + env(safe-area-inset-top));width:min(380px,calc(100vw - 48px));max-height:calc(100dvh - 238px);overflow:auto;padding:10px;border:1px solid #bde8ff1e;border-radius:18px;background:linear-gradient(180deg,#02071299,#020712e8)!important;backdrop-filter:blur(18px)}
.memory-page .legend{position:fixed;z-index:8;right:24px;top:calc(22px + env(safe-area-inset-top));width:min(380px,calc(100vw - 48px));padding:12px;border:1px solid #bde8ff1d;border-radius:18px;background:linear-gradient(180deg,#020712b8,#0207128c);backdrop-filter:blur(16px)}
.memory-page .node-row{border-radius:12px}.memory-page .empty-chat{grid-column:1/-1}
}
@media(max-width:650px){.settings-links{grid-template-columns:1fr}.data-toolbar{display:grid}.file-row{grid-template-columns:46px 1fr}.file-row small{grid-column:2}.attachment-preview{justify-content:flex-start}.plans-grid,.metrics-grid{grid-template-columns:1fr}}
.audio-unlock-card{width:100%;max-width:360px;margin:0 auto;padding:11px 16px;border:1px solid #9deaff55;border-radius:18px;background:linear-gradient(135deg,#0a2231e6,#101827e6);box-shadow:0 0 34px #67e8f91f,inset 0 1px 0 #ffffff12;color:#ddf8ff;font-size:12px}.limit-plan-button{min-height:38px;padding:9px 16px;border-radius:18px}.quota-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.quota-card{border:1px solid #bde8ff22;background:#081421c9;border-radius:12px;padding:13px;box-shadow:inset 0 1px 0 #ffffff0c}.quota-card span{display:block;color:#93aabd;font-size:11px;margin-bottom:7px}.quota-card strong{font-size:15px;font-weight:400;color:#eef9ff}.usage.mini{height:4px;margin:11px 0 0}.packages{display:grid;gap:14px;margin-top:10px}.package-card{border-style:dashed}
.live-caption{max-width:720px;margin:0 auto 8px;padding:8px 14px;border:1px solid #9deaff2b;border-radius:14px;background:#071421a8;color:#cdeeff;font-size:12px;line-height:1.5;text-align:center;box-shadow:0 0 28px #67e8f912}

/* v53: cérebro como protagonista; todos os textos em overlays de canto, sem cortar a cena. */
.memory-page .memory-top{
  position:fixed!important;
  z-index:18!important;
  top:calc(16px + env(safe-area-inset-top))!important;
  left:18px!important;
  right:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  max-width:min(390px,calc(100vw - 36px))!important;
  min-height:0!important;
  padding:8px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#030812e8,#06101cb8)!important;
  border:1px solid #bde8ff24!important;
  box-shadow:inset 0 1px 0 #ffffff10,0 18px 70px #0009,0 0 46px #67e8f910!important;
  backdrop-filter:blur(18px)!important;
}
.memory-page .memory-top h1{display:none!important}
.memory-page .memory-corner-title{display:flex;flex-direction:column;gap:0;min-width:96px;padding-right:2px}
.memory-page .memory-corner-title .eyebrow{font-size:8px!important;letter-spacing:.22em;color:#aeefff!important;line-height:1.1}
.memory-page .memory-corner-title strong{font-size:12px;font-weight:500;color:#edf9ff;line-height:1.05;white-space:nowrap}
.memory-page .memory-back{height:36px;min-height:36px;padding:0 13px!important;border-radius:999px!important;font-size:12px;background:#07111ccd!important}
.memory-page .memory-top .icon-button{height:36px;min-width:36px;background:#07111ccd!important}
.memory-page .memory-meta{
  position:fixed!important;
  z-index:17!important;
  top:calc(70px + env(safe-area-inset-top))!important;
  left:18px!important;
  right:auto!important;
  transform:none!important;
  width:auto!important;
  max-width:min(390px,calc(100vw - 36px))!important;
  margin:0!important;
  justify-content:flex-start!important;
  gap:9px!important;
  padding:8px 12px!important;
  border-radius:16px!important;
  font-size:11px!important;
  background:linear-gradient(90deg,#030812d8,#06101c96)!important;
  border:1px solid #bde8ff1f!important;
}
.memory-page .memory-meta .live-pill{font-size:9px!important;margin-left:auto}
.memory-page .brain-stage{
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  overflow:hidden!important;
}
.memory-page .brain-stage canvas{
  width:100vw!important;
  height:100dvh!important;
  filter:drop-shadow(0 0 16px #67e8f940) drop-shadow(0 0 36px #8b5cf62a) saturate(1.2) contrast(1.08) brightness(.95)!important;
}
.memory-page .brain-stage:after{
  background:radial-gradient(ellipse at 50% 48%,transparent 0 60%,#03040c4b 84%,#03040c 100%),linear-gradient(180deg,#03040c28 0,transparent 13%,transparent 78%,#03040cd8 100%)!important;
}
.memory-page .brain-tools{
  position:fixed!important;
  z-index:18!important;
  left:18px!important;
  right:auto!important;
  bottom:calc(18px + env(safe-area-inset-bottom))!important;
  transform:none!important;
  width:min(470px,calc(100vw - 36px))!important;
  margin:0!important;
  padding:8px!important;
  border-radius:18px!important;
  justify-content:flex-start!important;
  background:linear-gradient(90deg,#030812e8,#06101cb8)!important;
}
.memory-page .brain-tools input{flex:1 1 190px!important;min-width:190px!important}
.memory-page .brain-tools button{min-height:38px!important;padding:8px 12px!important}
.memory-page .live-event{
  position:fixed!important;
  z-index:18!important;
  left:18px!important;
  right:auto!important;
  bottom:calc(76px + env(safe-area-inset-bottom))!important;
  transform:none!important;
  width:min(470px,calc(100vw - 36px))!important;
  min-height:38px!important;
  margin:0!important;
  padding:8px 12px!important;
  border-radius:16px!important;
  background:linear-gradient(90deg,#030812d8,#06101c88,transparent)!important;
}
#activity-toggle{margin-left:auto;padding:7px 10px;border:1px solid #bde8ff24;border-radius:999px;background:#ffffff0a;color:#dff7ff;font-size:11px}
.memory-page .tabs{
  position:fixed!important;
  z-index:18!important;
  left:auto!important;
  right:18px!important;
  bottom:calc(18px + env(safe-area-inset-bottom))!important;
  transform:none!important;
  width:min(430px,calc(100vw - 36px))!important;
  margin:0!important;
  border-radius:18px!important;
}
.memory-page .legend{
  position:fixed!important;
  z-index:17!important;
  right:18px!important;
  top:calc(16px + env(safe-area-inset-top))!important;
  width:min(340px,calc(100vw - 36px))!important;
  max-width:min(340px,calc(100vw - 36px))!important;
  padding:10px!important;
}
.memory-page .node-list{display:none!important}
.memory-page[data-activity="true"] .node-list{
  display:grid!important;
  position:fixed!important;
  z-index:17!important;
  right:18px!important;
  top:calc(120px + env(safe-area-inset-top))!important;
  bottom:calc(84px + env(safe-area-inset-bottom))!important;
  width:min(360px,calc(100vw - 36px))!important;
  max-height:none!important;
  padding:10px!important;
}
.memory-page #knowledge{display:none!important}
@media(max-width:900px){
  .memory-page .legend{display:none!important}
  .memory-page[data-activity="true"] .node-list{left:18px!important;right:18px!important;top:auto!important;bottom:calc(166px + env(safe-area-inset-bottom))!important;width:auto!important;max-height:24dvh!important}
}
@media(max-width:650px){
  .memory-page .memory-top{top:calc(10px + env(safe-area-inset-top))!important;left:10px!important;max-width:calc(100vw - 20px)!important;padding:6px!important}
  .memory-page .memory-corner-title{display:none}
  .memory-page .memory-meta{top:calc(58px + env(safe-area-inset-top))!important;left:10px!important;max-width:calc(100vw - 20px)!important;width:calc(100vw - 20px)!important;overflow:auto;scrollbar-width:none}
  .memory-page .brain-tools{left:10px!important;bottom:calc(82px + env(safe-area-inset-bottom))!important;width:calc(100vw - 20px)!important;border-radius:16px!important}
  .memory-page .brain-tools input{flex-basis:100%!important;order:-1!important;min-width:0!important}
  .memory-page .live-event{display:none!important}
  .memory-page .tabs{left:10px!important;right:auto!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;width:calc(100vw - 20px)!important;border-radius:16px!important}
  .memory-page[data-activity="true"] .node-list{left:10px!important;right:10px!important;bottom:calc(154px + env(safe-area-inset-bottom))!important;max-height:22dvh!important}
}

/* v60: menos texto flutuando no cérebro, mantendo o grafo mais limpo. */
.memory-page .node-labels button{
  max-width:150px!important;
  padding:3px 7px!important;
  border-radius:6px!important;
  font-size:9.5px!important;
  opacity:.88!important;
  box-shadow:0 0 9px color-mix(in srgb,var(--node-color) 42%,transparent),0 8px 22px #000d!important;
  text-shadow:none!important;
}
@media(max-width:650px){
  .memory-page .node-labels button{
    max-width:118px!important;
    padding:3px 6px!important;
    font-size:8.5px!important;
  }
}

/* v63: remove o corte escuro no topo sem deslocar nem reduzir o cérebro. */
.memory-page:after{
  background:linear-gradient(90deg,#010208e8 0,#01020870 9%,transparent 25%,transparent 76%,#01020872 91%,#010208ea 100%),linear-gradient(180deg,transparent 0,transparent 72%,#010208ea 100%)!important;
}
.memory-page .brain-stage:after{
  background:radial-gradient(ellipse at 50% 48%,transparent 0 60%,#03040c4b 84%,#03040c 100%),linear-gradient(180deg,transparent 0,transparent 78%,#03040cd8 100%)!important;
}

/* v64: Bento 3D vira a presença comercial da tela de atendimento. */
.bento-avatar-stage{position:relative;width:min(680px,100%);height:100%;display:grid;place-items:center;isolation:isolate;--bento-motion:calc(1 + var(--level)*.055)}
.bento-avatar-aura{position:absolute;inset:5% 4% 0;border-radius:50%;background:radial-gradient(ellipse at 50% 46%,#bdeaff2c 0 18%,#67e8f91d 36%,#8b5cf610 54%,transparent 72%);filter:blur(28px);opacity:.9;transform:scale(calc(1 + var(--level)*.08))}
.bento-avatar-img{position:relative;z-index:2;width:min(460px,78vw);max-height:100%;object-fit:contain;filter:drop-shadow(0 0 24px #8edcff35) drop-shadow(0 35px 60px #000b) saturate(1.08) contrast(1.04);mask-image:radial-gradient(ellipse at 50% 49%,#000 0 58%,rgba(0,0,0,.82) 69%,transparent 83%);animation:bentoFloat 5.4s ease-in-out infinite;transform-origin:50% 57%}
.bento-avatar-rings{position:absolute;inset:0;z-index:1;display:grid;place-items:center;pointer-events:none}
.bento-avatar-rings i{position:absolute;width:min(520px,88vw);height:min(210px,36vw);border:1px solid #9fe8ff38;border-radius:50%;box-shadow:0 0 calc(18px + var(--level)*68px) #67e8f94a,inset 0 0 22px #dff8ff18;transform:translateY(64px) rotateX(68deg) scale(calc(.92 + var(--level)*.14));opacity:.42}
.bento-avatar-rings i:nth-child(2){width:min(650px,102vw);height:min(260px,44vw);opacity:.22;animation:bentoRing 9s linear infinite}.bento-avatar-rings i:nth-child(3){width:min(390px,74vw);height:min(160px,30vw);opacity:.35;animation:bentoRing 7s linear infinite reverse}
.bento-avatar-scan{position:absolute;z-index:3;width:min(280px,42vw);height:min(220px,34vw);border-radius:48%;background:linear-gradient(180deg,transparent 0,#dff8ff22 49%,transparent 54%);mix-blend-mode:screen;opacity:0;filter:blur(2px);transform:translateY(-4px)}
.bento-avatar-sparks{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:.0}
.bento-avatar-sparks i{position:absolute;width:5px;height:5px;border-radius:50%;background:#eafdff;box-shadow:0 0 14px #67e8f9,0 0 30px #8b5cf6}
.bento-avatar-sparks i:nth-child(1){left:33%;top:29%}.bento-avatar-sparks i:nth-child(2){right:29%;top:35%}.bento-avatar-sparks i:nth-child(3){left:44%;bottom:28%}.bento-avatar-sparks i:nth-child(4){right:38%;bottom:34%}
.ai-agent-stage[data-state=listening] .bento-avatar-rings i{animation:bentoListen 1.05s ease-in-out infinite}.ai-agent-stage[data-state=listening] .bento-avatar-aura{opacity:1;filter:blur(24px)}
.ai-agent-stage[data-state=thinking] .bento-avatar-scan{opacity:.85;animation:bentoScan 1.35s ease-in-out infinite}.ai-agent-stage[data-state=thinking] .bento-avatar-sparks{opacity:.85}.ai-agent-stage[data-state=thinking] .bento-avatar-sparks i{animation:bentoSpark 1.8s ease-in-out infinite}
.ai-agent-stage[data-state=speaking] .bento-avatar-img{animation:bentoSpeak .42s ease-in-out infinite;transform:scale(var(--bento-motion))}.ai-agent-stage[data-state=speaking] .bento-avatar-aura{opacity:1;transform:scale(calc(1.02 + var(--level)*.13))}
@keyframes bentoFloat{50%{transform:translateY(-8px) scale(1.012)}}@keyframes bentoRing{to{transform:translateY(64px) rotateX(68deg) rotateZ(360deg)}}@keyframes bentoListen{50%{opacity:.75;transform:translateY(64px) rotateX(68deg) scale(1.12)}}@keyframes bentoScan{0%{transform:translateY(-76px);opacity:0}35%,70%{opacity:.82}100%{transform:translateY(84px);opacity:0}}@keyframes bentoSpark{50%{transform:scale(1.8);opacity:.35}}@keyframes bentoSpeak{50%{filter:drop-shadow(0 0 34px #8edcff5b) drop-shadow(0 38px 66px #000c) saturate(1.16) brightness(1.08)}}
@media(max-width:700px){.bento-avatar-img{width:min(390px,92vw)}.bento-avatar-rings i{width:min(420px,96vw);height:min(168px,40vw);transform:translateY(54px) rotateX(68deg)}.bento-avatar-rings i:nth-child(2){width:min(520px,108vw);height:min(210px,46vw)}.bento-avatar-stage{margin-top:-4px}}
@media(max-height:740px){.bento-avatar-img{width:min(340px,74vw)}.bento-avatar-rings i{transform:translateY(42px) rotateX(68deg)}}
@media(prefers-reduced-motion:reduce){.bento-avatar-img,.bento-avatar-rings i,.bento-avatar-scan,.bento-avatar-sparks i{animation:none!important}}

/* v65: expressão do Bento amarrada ao estado real da voz e ao volume do analyser. */
.bento-avatar-expression{position:absolute;z-index:6;left:50%;top:42%;width:min(180px,32vw);height:min(94px,17vw);transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 0 12px #67e8f9aa);transition:transform .28s ease,filter .28s ease,opacity .28s ease}
.bento-eye{position:absolute;top:22%;width:34%;height:12px;border-radius:999px;background:linear-gradient(90deg,transparent,#e7fbff 18%,#67e8f9 50%,#e7fbff 82%,transparent);box-shadow:0 0 16px #67e8f9,0 0 30px #8b5cf666;transform-origin:50% 50%;animation:bentoBlinkV65 5.2s infinite}
.bento-eye.left{left:8%}.bento-eye.right{right:8%}.bento-mouth{position:absolute;left:50%;bottom:18%;width:34%;height:9px;border-radius:0 0 999px 999px;border-bottom:3px solid #dff8ff;box-shadow:0 8px 18px #67e8f955;transform:translateX(-50%) scaleY(calc(.72 + var(--level)*2.1));transition:transform .08s linear,width .08s linear,border-color .2s}
.ai-agent-stage[data-state=idle] .bento-avatar-img{animation:bentoFloat 5.4s ease-in-out infinite}.ai-agent-stage[data-state=idle] .bento-avatar-aura{opacity:.78;transform:scale(1)}
.ai-agent-stage[data-state=listening] .bento-avatar-stage{transform:translateY(2px) rotateX(2deg)}.ai-agent-stage[data-state=listening] .bento-eye{height:18px;background:linear-gradient(90deg,transparent,#fff 12%,#8ff3ff 50%,#fff 88%,transparent);animation:none}.ai-agent-stage[data-state=listening] .bento-avatar-rings i{animation:none!important;opacity:calc(.42 + var(--level)*.38);transform:translateY(64px) rotateX(68deg) scale(calc(1.02 + var(--level)*.24));box-shadow:0 0 calc(22px + var(--level)*84px) #67e8f966,inset 0 0 24px #dff8ff1c}
.ai-agent-stage.speech-pulse[data-state=listening] .bento-avatar-rings i{transition:transform .16s ease,opacity .16s ease}.ai-agent-stage[data-state=thinking] .bento-eye{height:7px;opacity:.82;animation:none}.ai-agent-stage[data-state=thinking] .bento-avatar-scan{opacity:.9;animation:bentoScan 1.25s ease-in-out infinite}.ai-agent-stage[data-state=thinking] .bento-avatar-rings i{animation:bentoRing 9s linear infinite;opacity:.28}
.ai-agent-stage[data-state=speaking] .bento-avatar-img{animation:none!important;transform:translateY(calc(var(--level)*-5px)) scale(calc(1 + var(--level)*.075));filter:drop-shadow(0 0 calc(24px + var(--level)*34px) #8edcff55) drop-shadow(0 35px 60px #000b) saturate(calc(1.08 + var(--level)*.14)) brightness(calc(1 + var(--level)*.08))}.ai-agent-stage[data-state=speaking] .bento-mouth{width:calc(34% + var(--level)*18%);height:calc(8px + var(--level)*18px);border-bottom-width:calc(3px + var(--level)*5px)}.ai-agent-stage[data-state=speaking] .bento-eye{animation:none;height:14px}
.ai-agent-stage[data-state=error] .bento-eye,.ai-agent-stage[data-state=error] .bento-mouth{border-color:#fbbf24;background:#fbbf24;box-shadow:0 0 16px #fbbf24,0 0 30px #f97316aa;animation:bentoErrorV65 1s ease-in-out both}.ai-agent-stage[data-state=error] .bento-avatar-aura{background:radial-gradient(ellipse at 50% 46%,#fbbf242e 0 18%,#f973161d 42%,transparent 72%)}
.avatar-fallback .bento-avatar-expression{opacity:.55}.tour-caption{position:fixed;z-index:22;left:50%;top:calc(50% + 210px);transform:translateX(-50%);max-width:min(560px,calc(100vw - 36px));padding:13px 17px;border:1px solid #bde8ff2d;border-radius:999px;background:linear-gradient(90deg,#030812e8,#071421d8);box-shadow:0 18px 70px #000a,0 0 50px #67e8f91d;color:#eafbff;text-align:center;font-size:13px;backdrop-filter:blur(16px)}
@keyframes bentoBlinkV65{0%,44%,48%,100%{transform:scaleY(1)}46%{transform:scaleY(.08)}}@keyframes bentoErrorV65{0%,100%{opacity:1}28%,62%{opacity:.25}}
@media(max-width:700px){.bento-avatar-expression{top:41%;width:min(150px,39vw);height:min(82px,21vw)}.tour-caption{top:auto;bottom:calc(154px + env(safe-area-inset-bottom));border-radius:18px;font-size:12px}.ai-agent-stage[data-state=listening] .bento-avatar-rings i{transform:translateY(54px) rotateX(68deg) scale(calc(1.02 + var(--level)*.24))}}
@media(prefers-reduced-motion:reduce){.bento-eye,.bento-mouth,.ai-agent-stage[data-state=thinking] .bento-avatar-scan{animation:none!important;transition:none!important}.bento-avatar-stage,.bento-avatar-img,.bento-avatar-rings i{transform:none!important}.ai-agent-stage[data-state=listening] .bento-eye{background:#9af4ff}.ai-agent-stage[data-state=thinking] .bento-eye{background:#a78bfa}.ai-agent-stage[data-state=speaking] .bento-mouth{border-color:#67e8f9}.ai-agent-stage[data-state=error] .bento-eye,.ai-agent-stage[data-state=error] .bento-mouth{background:#fbbf24!important}}

.approval-list{width:100%;max-width:800px;margin:12px auto}.approval-card{background:#101e2b;border:1px solid #466075;border-radius:18px;padding:18px;margin:12px 0}.approval-card h3{font-size:18px;margin:0 0 10px}.approval-card p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.approval-buttons{display:flex;gap:12px;flex-wrap:wrap}.approval-buttons button{min-height:48px;flex:1}.approval-card [role=status]:empty{display:none}
/* Login: contain decorative artwork inside its grid track on tablets. */
.login-layout{grid-template-columns:minmax(0,1.1fr) minmax(320px,1fr);gap:clamp(24px,4vw,54px)}
.login-layout>*{min-width:0}
.login-copy{width:100%;justify-self:center}
.login-brain-art{width:100%;min-width:0;overflow:hidden;min-height:440px}
.login-brain-art .real-brain-stage{width:100%;max-width:100%;height:360px;margin:0;min-width:0}
.login-brain-art .real-brain-img{position:relative;left:auto;top:auto;width:100%;max-width:100%;height:auto;max-height:100%;object-fit:contain;object-position:center}
.login-brain-art .real-brain-grid{width:100%}
.login-brain-art .real-brain-rings i{max-width:100%}
.login-copy .primary{gap:12px;white-space:normal}
@media(max-width:1100px){
 .login-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;min-height:auto;padding:24px 0 40px}
 .login-brain-art{width:100%;max-width:560px;min-height:0;height:300px;max-height:none;justify-self:center}
 .login-brain-art .real-brain-stage{height:250px;margin:0}
 .login-brain-art .wordmark{bottom:0;font-size:clamp(48px,8vw,72px);transform:translateX(-50%)}
 .login-copy{max-width:460px}
 .login-copy h1{font-size:clamp(36px,5vw,48px)}
}
@media(max-width:650px){
 .login-layout{gap:20px;padding-top:12px}
 .login-brain-art{height:220px}
 .login-brain-art .real-brain-stage{height:180px}
 .login-brain-art .wordmark{font-size:48px}
}

.message-link{display:inline-flex;align-items:center;min-height:44px;max-width:100%;margin:8px 0;padding:10px 16px;border:1px solid #a8dfff70;border-radius:12px;background:#17344a;color:#e5f6ff;font-size:16px;line-height:1.4;white-space:normal;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}.message-link:hover{background:#21475f}