:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#e9edf0;background:#111820;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:920px;margin:auto;padding:32px 28px}header,.section-row,footer{display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{font-size:30px;font-weight:650;letter-spacing:-1px;color:inherit;text-decoration:none}.brand span{display:block;font-size:8px;letter-spacing:2px;color:#8999a6;margin-top:4px}.status{font-size:12px;color:#a5caba;background:#1b2c2c;padding:8px 12px;border-radius:99px}.panel{background:#19222c;border:1px solid #2a3642;border-radius:18px}.login{max-width:430px;margin:10vh auto;padding:36px}.eyebrow{color:#86bfae;font-size:11px;letter-spacing:3px;font-weight:600}.login h1{font-size:28px;margin:20px 0 12px}label{display:block;color:#b7c2ca;font-size:13px;margin-top:20px}input,textarea{font:inherit;color:#e9edf0;background:#111a23;border:1px solid #374654;border-radius:9px;padding:13px;width:100%;margin-top:8px}input:focus,textarea:focus{outline:2px solid #85bfad;outline-offset:2px}button{font:inherit;font-size:14px;border:0;background:#a9dac9;color:#10241f;padding:13px 24px;border-radius:9px;cursor:pointer;font-weight:600}button:hover{background:#bee8d9}button:disabled{opacity:.5;cursor:wait}button.secondary{background:#293743;color:#dce4e9}button.text-button{background:none;color:#a4b5bf;padding:8px}.login button{width:100%;margin-top:24px}.muted{color:#92a2b0;font-size:14px;line-height:1.8}.small{color:#7f929f;font-size:11px;line-height:1.6}.hero{text-align:center;padding:38px 0 26px}.hero h1{font-weight:500;font-size:31px;letter-spacing:-.7px}.hero .eyebrow{margin-top:30px}.orb{width:120px;height:120px;margin:auto;border-radius:50%;background:radial-gradient(circle at 35% 25%,#c4eada 0%,#74978e 22%,#365563 55%,#13202d 77%);box-shadow:0 0 70px #779f9620,inset 0 0 22px #b0d7cc55;position:relative}.orb:after{content:"";position:absolute;inset:-10px;border:1px solid #95c3b521;border-radius:50%}.orb.active{animation:breathe 2.3s ease-in-out infinite}.voice-controls{margin:24px 0 10px}.composer{padding:15px 18px}.composer form{display:flex;gap:15px;align-items:center}.composer textarea{border:0;background:none;resize:vertical;min-height:54px;margin:0;padding:8px}.composer button{white-space:nowrap}.results{margin-top:40px}.section-row h2{font-size:16px;font-weight:500}.task-card{margin-top:14px;padding:22px;border-radius:14px;background:#17212b;border:1px solid #2a3743}.task-card p{white-space:pre-wrap;font-size:14px;line-height:1.8;margin:12px 0}.task-card .request{color:#96a9b6;font-size:12px}.badge{font-size:11px;color:#93ccba}.task-card img{max-width:100%;max-height:650px;object-fit:contain;border-radius:10px;display:block;margin-top:16px}.approval{border-top:1px solid #384956;margin-top:18px;padding-top:16px}.approval dl{font-size:13px;display:grid;grid-template-columns:110px 1fr;gap:10px}.approval dt{color:#91a4b3}.approval dd{margin:0;word-break:break-word;white-space:pre-wrap}.approval button{margin-right:10px}footer{border-top:1px solid #29343f;margin-top:40px;padding:18px 0;font-size:11px;color:#748a98}[role=alert]{color:#e5b3a5;font-size:13px;line-height:1.7}.empty{text-align:center;padding:26px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@keyframes breathe{50%{transform:scale(1.05);box-shadow:0 0 70px #80cfb838,inset 0 0 22px #b0d7cc88}}@media(max-width:600px){main{padding:24px 18px}.hero{padding-top:42px}.hero h1{font-size:26px}.orb{width:100px;height:100px}.composer form{display:block}.composer button{width:100%;margin-top:8px}.login{padding:25px}.approval dl{grid-template-columns:90px 1fr}footer{align-items:flex-start}}@media(prefers-reduced-motion:reduce){.orb.active{animation:none}}

.browser-panel{margin:1.5rem 0;padding:1rem 1.25rem}.browser-panel summary{cursor:pointer;font-weight:600}.browser-panel summary span{margin-left:.75rem}.browser-panel input{width:100%;font-family:monospace}.browser-panel .voice-controls{justify-content:flex-start}

#memory-panel select{max-width:100%;padding:.7rem;background:#17222b;color:inherit;border:1px solid #52616c;border-radius:8px}#memory-panel button{margin:.4rem .4rem .4rem 0}#memory-panel textarea{width:100%;min-height:5rem}.conversation-log{max-height:32rem;overflow:auto}#conversation-summary,.conversation-log p,#memory-lessons p{white-space:pre-wrap;overflow-wrap:anywhere}
