:root{font-family:Arial,Helvetica,sans-serif;color:#f4f0ea;background:#121110;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}[hidden]{display:none!important}.bar{height:78px;background:#0d0c0b;border-bottom:1px solid #36312d;display:flex;align-items:center;gap:16px;padding:0 22px}.bar strong{font-size:26px;font-weight:900;letter-spacing:-1.5px}.bar strong span,.core-title span{color:#ff6b1a}.bar small,.bar .tag,#remaining{color:#9c938a;font-size:12px}.bar .tag{letter-spacing:1px;margin-left:auto}#wake,#begin,#send{border:0;border-radius:9px;background:#ff6b1a;color:#160b05;font-weight:800;padding:13px 20px}#wake:hover,#begin:hover,#send:hover{background:#ff8a47}.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,29%);min-height:calc(100vh - 78px)}.stage{position:relative;min-height:690px;overflow:hidden;background:radial-gradient(circle at 50% 43%,#241c17 0,#151311 34%,#121110 70%)}.grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(circle,#000,transparent 80%)}.orbit{position:absolute;width:400px;height:400px;left:50%;top:43%;transform:translate(-50%,-50%);border:1px dashed #b484622c;border-radius:50%;box-shadow:0 0 0 46px #f4f0ea04,0 0 0 90px #f4f0ea02}.orbit:before,.orbit:after{content:'';position:absolute;inset:31px;border:1px dotted #b4846240;border-radius:50%}.orbit:after{inset:70px;border-color:#ff6b1a55}.stage.active .orbit{animation:rotate 30s linear infinite}.stage.thinking .orbit{border-color:#ff6b1a;box-shadow:0 0 50px #ff6b1a44}@keyframes rotate{to{transform:translate(-50%,-50%) rotate(360deg)}}.core-wrap{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);width:min(40%,380px);display:flex;align-items:center;flex-direction:column;text-align:center;z-index:2}.core{width:152px;height:152px;padding:6px;border:1px solid #ff6b1a77;background:#29211b;border-radius:50%;box-shadow:0 0 0 9px #ff6b1a11,0 0 50px #ff6b1a22}.core canvas{width:100%;height:100%;border-radius:50%}.core-title{font-size:17px;font-weight:900;letter-spacing:2px;margin-top:22px}#state{font-size:13px;color:#b6aaa0;line-height:1.5}.caption{font-size:17px;line-height:1.4;min-height:40px;color:#f4f0ea;margin-top:10px}.team{position:absolute;top:9%;width:215px;display:flex;flex-direction:column;gap:8px;z-index:3}.team.left{left:18px}.team.right{right:18px}.agent{background:#27221edb;border:1px solid #51463e;border-radius:13px;padding:10px;min-height:86px;box-shadow:0 15px 30px #0004}.agent-head{display:flex;align-items:center;gap:10px}.avatar{flex:none;width:42px;height:42px;border:2px solid #7f6555;border-radius:50%;object-fit:cover;background:#3b332d;display:grid;place-items:center;color:#ff8a47;font-weight:700}.agent-name{font-size:14px;font-weight:750}.agent-role{font-size:11px;line-height:1.2;color:#a69b91;margin-top:3px}.agent-state{margin-left:auto;color:#a69b91;font:10px monospace}.agent-foot{border-top:1px dotted #66584b;margin-top:9px;padding-top:6px;color:#92877e;font-size:11px}.stage-foot{position:absolute;bottom:16px;left:18px;color:#a79b90;font-size:11px;background:#24201c;border:1px solid #54473f;border-radius:7px;padding:8px}.rail{border-left:1px solid #3b3631;display:flex;flex-direction:column;background:#191817;min-width:0}.rail-block{padding:20px;min-height:42vh;overflow:auto;border-bottom:1px solid #3b3631}.rail-head{display:flex;align-items:center;gap:12px;margin-bottom:24px}.rail-head h2{font-size:17px;margin:0}.rail-head span{font-size:10px;color:#9b8f84;border-radius:5px;background:#2b2926;padding:4px 7px}.muted{font-size:13px;color:#aa9f94;line-height:1.5}.results,.log{display:grid;gap:12px}.result,.entry{border:1px solid #51473e;background:#25211e;border-radius:10px;padding:12px;font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.entry.user{border-color:#8d582f}.entry.pending{color:#a69b91}.entry-label{font:10px monospace;letter-spacing:.6px;color:#ff8a47;margin-bottom:6px}#composer{margin-top:16px}#composer label{display:block;color:#bfb4aa;font-size:12px;margin-bottom:7px}.compose-line{display:flex;gap:8px}.compose-line textarea{flex:1;min-width:0;resize:vertical}.compose-line button{align-self:flex-end}input,textarea{background:#181614;color:#f4f0ea;border:1px solid #5b4d42;border-radius:7px;padding:11px;outline:none}input:focus,textarea:focus{border-color:#ff6b1a}.modal-backdrop{position:fixed;inset:0;z-index:10;background:#080705c9;display:grid;place-items:center;padding:16px;overflow:auto}.form-card{background:#201c19;border:1px solid #72513c;border-radius:18px;box-shadow:0 28px 90px #000b;padding:28px;max-width:475px;width:100%;display:grid;gap:10px}.form-top{display:flex;align-items:center;gap:9px}.mark{color:#ff6b1a;font-size:26px}.eyebrow{font:11px monospace;letter-spacing:1px;color:#ff8a47}.form-card h1{font-size:27px;margin:4px 0}.form-card>p{font-size:14px;color:#c3b9af;line-height:1.5;margin:0 0 6px}.form-card label{font-size:13px;font-weight:700}.form-card label small{font-weight:400;color:#aaa}.form-card .consent{display:flex;align-items:flex-start;gap:9px;font-weight:400;line-height:1.4}.consent input{margin:2px 0 0;accent-color:#ff6b1a}.form-card>small{color:#948980;line-height:1.4}.form-card button{margin-top:5px}.notice:not(:empty){position:fixed;bottom:20px;right:20px;z-index:20;max-width:380px;background:#33251d;border:1px solid #ff6b1a;padding:13px 18px;border-radius:9px;white-space:pre-line;font-size:13px}@media(max-width:1050px){.layout{grid-template-columns:1fr}.stage{min-height:730px}.rail{border-left:0;border-top:1px solid #3b3631}.rail-block{min-height:220px}.team{top:10%}}@media(max-width:680px){.bar{height:65px;padding:0 12px}.bar strong{font-size:23px}.bar small,.bar .tag{display:none}#wake{padding:10px}.stage{min-height:780px}.team{width:44%;top:48%;gap:5px}.team.left{left:3%}.team.right{right:3%}.agent{min-height:68px;padding:6px}.avatar{width:31px;height:31px}.agent-foot{display:none}.agent-role{font-size:10px}.core-wrap{top:23%;width:85%}.core{width:116px;height:116px}.orbit{top:23%;width:310px;height:310px}.stage-foot{bottom:8px}.form-card{padding:20px}.rail-block{padding:16px}}@media(prefers-reduced-motion:reduce){.stage.active .orbit{animation:none}}
:root{--face-size:210px}.core{width:var(--face-size);height:var(--face-size)}@media(max-width:680px){:root{--face-size:150px}}
.core{width:270px;height:270px;display:grid;place-items:center;border-color:#55dfff99;background:radial-gradient(circle,#041726 20%,#0b1015 69%,#151311 100%);box-shadow:0 0 0 9px #04d9ff12,0 0 75px #00cfff33;overflow:visible}.mesh-face{width:120%;height:120%;max-width:none;object-fit:contain;filter:drop-shadow(0 0 13px #02cbff88);animation:mesh-float 6s ease-in-out infinite}.stage.active .core{box-shadow:0 0 0 12px #04d9ff19,0 0 95px #00cfff66}.stage.thinking .mesh-face{filter:drop-shadow(0 0 28px #02cbffcc)}@keyframes mesh-float{50%{transform:translateY(-6px) scale(1.015)}}@media(max-width:680px){.core{width:190px;height:190px}}@media(prefers-reduced-motion:reduce){.mesh-face{animation:none}}
.core{position:relative;perspective:440px;--mouth-open:0}.mesh-pose{position:absolute;display:block;width:120%;height:120%;left:-10%;top:-10%;transform-style:preserve-3d;animation:mesh-look 8s ease-in-out infinite}.mesh-pose img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;pointer-events:none}.mesh-pose .mesh-face{animation:none}.mesh-mouth{opacity:var(--mouth-open);-webkit-mask-image:radial-gradient(ellipse 12% 6% at 50% 57%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 12% 6% at 50% 57%,#000 40%,transparent 100%)}@keyframes mesh-look{0%,100%{transform:rotateY(-2deg) translateX(-2px) translateY(0)}50%{transform:rotateY(2deg) translateX(2px) translateY(-4px)}}@media(prefers-reduced-motion:reduce){.mesh-pose{animation:none}}
.mesh-pose .thought-points{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen;filter:drop-shadow(0 0 4px #59edff)}.stage.thinking .mesh-face{filter:brightness(1.12) drop-shadow(0 0 25px #02cbffcc)}@media(prefers-reduced-motion:reduce){.thought-points{display:none}}
.core:disabled{opacity:1;cursor:default}