:root{color:#f8f3e7;font-synthesis:none;text-rendering:optimizelegibility;--ink:#14221c;--cream:#f9f1dd;--mint:#83d5ad;--mint-bright:#b4f2d0;--coral:#f09a69;--amber:#f0cf69;--glass:#101c17c9;--glass-soft:#13211ba8;--line:#eff9ec1f;background:#13231c;font-family:Inter,SF Pro Display,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit}.app-shell{background:radial-gradient(circle at 50% 20%,#83d5ad24,#0000 46%),#14241d;width:100%;height:100%;min-height:600px;position:relative;overflow:hidden}.app-shell:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(#0a130f42,#0000 22% 66%,#08100d75);position:absolute;inset:0}.world-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.glass{border:1px solid var(--line);-webkit-backdrop-filter:blur(20px)saturate(125%);background:linear-gradient(145deg,#162720e6,#0e1a15c2);box-shadow:0 18px 60px #040c083b,inset 0 1px #ffffff0e}.topbar{z-index:10;border-radius:18px;justify-content:space-between;align-items:center;height:67px;padding:0 18px;display:flex;position:absolute;top:18px;left:18px;right:18px}.brand{align-items:center;gap:11px;display:flex}.brand-mark{background:#f3ebd7;border-radius:12px;place-items:center;width:36px;height:36px;display:grid;position:relative;box-shadow:0 6px 18px #020d0833}.brand-mark i{transform-origin:bottom;background:#294b3b;border-radius:6px;width:7px;position:absolute}.brand-mark i:first-child{height:17px;bottom:8px;left:9px;transform:rotate(-18deg)}.brand-mark i:nth-child(2){height:22px;bottom:7px}.brand-mark i:nth-child(3){height:14px;bottom:8px;right:9px;transform:rotate(20deg)}.brand>span:nth-child(2){flex-direction:column;display:flex}.brand strong{color:var(--cream);letter-spacing:.18em;font-size:15px;line-height:1}.brand small{color:#f9f1dd85;letter-spacing:.18em;margin-top:5px;font-size:8px}.brand b{height:25px;color:var(--mint);letter-spacing:.13em;background:#83d5ad14;border:1px solid #83d5ad3d;border-radius:99px;align-items:center;margin-left:8px;padding:0 10px;font-size:9px;display:inline-flex}.world-stats{align-items:center;gap:0;height:100%;display:flex}.world-stats>span{border-left:1px solid var(--line);flex-direction:column;justify-content:center;min-width:106px;height:36px;padding:0 17px;display:flex}.world-stats small,.panel-heading small,.runtime-state small,.selected-agent small{color:#f9f1dd6e;letter-spacing:.13em;font-size:8px;line-height:1.4}.world-stats strong{color:#f9f1dde6;letter-spacing:.06em;margin-top:2px;font-size:11px}.world-stats .live-status{min-width:128px;color:var(--mint);letter-spacing:.12em;flex-direction:row;align-items:center;gap:8px;font-size:9px}.live-status i,.runtime-dot{background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #83d5ad1a,0 0 14px}.live-status.reconnecting,.live-status.connecting{color:var(--amber)}.live-status.offline{color:#f08074}.quality-button{color:#f9f1ddad;letter-spacing:.1em;cursor:pointer;background:#ffffff0a;border:1px solid #f9f1dd24;border-radius:9px;min-width:52px;height:29px;margin-left:10px;padding:0;font-size:8px}.studio-toggle{height:29px;color:var(--mint-bright);letter-spacing:.1em;cursor:pointer;background:#83d5ad17;border:1px solid #83d5ad3d;border-radius:9px;margin-left:10px;padding:0 12px;font-size:8px;font-weight:700}.left-panel,.right-panel{z-index:9;border-radius:20px;width:268px;position:absolute;top:103px;bottom:161px;overflow:hidden}.left-panel{flex-direction:column;display:flex;left:18px}.right-panel{flex-direction:column;display:flex;right:18px}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:69px;padding:16px 16px 12px 18px;display:flex}.panel-heading>span{flex-direction:column;display:flex}.panel-heading strong{color:var(--cream);margin-top:3px;font-size:14px;font-weight:580}.panel-heading>b{width:30px;height:30px;color:var(--mint);background:#83d5ad1c;border-radius:10px;place-items:center;font-size:11px;display:grid}.agent-list{flex-direction:column;gap:4px;padding:9px;display:flex}.agent-card{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;grid-template-columns:45px 1fr 58px;align-items:center;gap:9px;width:100%;min-height:69px;padding:8px 9px;transition:all .18s;display:grid;position:relative}.agent-card:hover,.agent-card.is-active{background:#ffffff0b;border-color:#83d5ad26}.agent-card.is-active:before{content:"";background:var(--mint);width:2px;height:29px;box-shadow:0 0 14px var(--mint);border-radius:2px;position:absolute;left:-1px}.agent-orb{--agent-color:#83d5ad;background:radial-gradient(circle at 50% 32%, #f4ceb4 0 23%, transparent 24%), radial-gradient(circle at 50% 78%, var(--agent-color) 0 30%, transparent 31%), color-mix(in srgb, var(--agent-color) 18%, #173027);border-radius:15px;place-items:center;width:43px;height:43px;display:grid;box-shadow:inset 0 0 0 1px #ffffff14}.agent-face{color:#3c362f;letter-spacing:-1px;margin-top:-7px;font-size:9px}.agent-copy{flex-direction:column;min-width:0;display:flex}.agent-line{align-items:center;gap:6px;display:flex}.agent-line strong{color:var(--cream);font-size:12px;font-weight:600}.agent-line em{color:var(--mint);letter-spacing:.08em;background:#83d5ad1c;border-radius:5px;padding:2px 5px;font-size:7px;font-style:normal}.agent-copy>span:last-child{color:#f9f1dd7a;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:9px;overflow:hidden}.emotion-meter{color:#f9f1dd8f;text-align:right;align-self:center;width:52px;padding-bottom:7px;font-size:8px;position:relative}.emotion-meter:after,.emotion-meter i{content:"";border-radius:2px;height:2px;position:absolute;bottom:0;right:0}.emotion-meter:after{background:#ffffff14;width:100%}.emotion-meter i{z-index:1;background:var(--mint)}.divider{background:var(--line);height:1px;margin:2px 17px 9px}.world-vitals{flex-direction:column;gap:5px;padding:0 14px;display:flex}.world-vitals>div{align-items:center;gap:10px;padding:6px;display:flex}.vital-icon{width:30px;height:30px;color:var(--mint);background:#83d5ad17;border-radius:10px;flex:none;place-items:center;font-size:14px;display:grid}.vital-icon.water{color:#8fd4df;background:#6fc1cf17}.vital-icon.sun{color:var(--amber);background:#f0cf6917}.world-vitals p{flex-direction:column;margin:0;display:flex}.world-vitals small{color:#f9f1dd66;font-size:8px}.world-vitals strong{color:#f9f1ddcf;margin-top:2px;font-size:10px;font-weight:520}.panel-tip{background:#83d5ad0e;border:1px solid #83d5ad1a;border-radius:13px;gap:9px;margin:auto 12px 12px;padding:11px;display:flex}.panel-tip>span{width:20px;height:20px;color:var(--mint);border:1px solid #83d5ad4d;border-radius:50%;flex:none;place-items:center;font-size:9px;display:grid}.panel-tip p{flex-direction:column;margin:0;display:flex}.panel-tip strong{color:#f9f1ddbf;font-size:9px}.panel-tip small{color:#f9f1dd5e;margin-top:3px;font-size:8px;line-height:1.45}.activity-pulse{background:var(--mint);width:8px;height:8px;box-shadow:0 0 12px var(--mint);border-radius:50%;margin-right:6px;position:relative}.activity-pulse:after{content:"";border:1px solid var(--mint);border-radius:50%;animation:2s infinite pulse;position:absolute;inset:-5px}@keyframes pulse{0%,to{opacity:0;transform:scale(.6)}40%{opacity:.55}80%{opacity:0;transform:scale(1.3)}}.feed-list{scrollbar-width:thin;scrollbar-color:#83d5ad33 transparent;flex:1;min-height:0;padding:8px 10px;overflow-y:auto}.feed-item{border-bottom:1px solid #ffffff0b;grid-template-columns:28px 1fr;gap:8px;padding:9px 7px;display:grid}.feed-item>i{color:#8fcfb0;background:#83d5ad17;border-radius:9px;place-items:center;width:26px;height:26px;font-family:ui-monospace,Cascadia Code,monospace;font-size:9px;font-style:normal;display:grid}.feed-item.motion>i{color:#c1a7f3;background:#a482e61f}.feed-item.ledger>i{color:var(--amber);background:#f0cf691a}.feed-item p{grid-template-columns:1fr auto;align-items:start;column-gap:6px;min-width:0;margin:0;display:grid}.feed-item strong{color:#f9f1ddd6;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:550;overflow:hidden}.feed-item span{color:#f9f1dd61;text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;margin-top:4px;font-size:8px;line-height:1.45;overflow:hidden}.feed-item time{color:#f9f1dd40;font-size:7px}.selected-agent{border:1px solid var(--line);background:#ffffff09;border-radius:14px;grid-template-columns:9px 1fr auto;align-items:center;gap:10px;min-height:77px;margin:8px 10px 10px;padding:10px;display:grid}.selected-color{border-radius:5px;width:5px;height:38px;box-shadow:0 0 14px}.selected-agent p{flex-direction:column;margin:0;display:flex}.selected-agent strong{color:var(--cream);font-size:11px}.selected-agent p span{color:#f9f1dd63;margin-top:3px;font-size:8px}.selected-agent button{color:var(--mint);cursor:pointer;background:#83d5ad14;border:1px solid #83d5ad2e;border-radius:8px;padding:7px 9px;font-size:8px}.action-dock{z-index:10;border-radius:21px;grid-template-columns:258px minmax(320px,1fr) 180px;align-items:center;gap:13px;height:125px;padding:12px;display:grid;position:absolute;bottom:18px;left:18px;right:18px}.quick-actions{grid-template-columns:repeat(4,1fr);gap:5px;height:100%;display:grid}.quick-actions button{color:#f9f1dd8a;cursor:pointer;background:#ffffff07;border:1px solid #0000;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:0;transition:all .16s;display:flex}.quick-actions button:hover{color:var(--mint-bright);background:#83d5ad13;border-color:#83d5ad24;transform:translateY(-2px)}.quick-actions i{width:28px;height:28px;color:var(--mint);background:#83d5ad14;border-radius:9px;place-items:center;font-size:16px;font-style:normal;display:grid}.quick-actions span{font-size:8px}.intent-box{background:#050c0930;border:1px solid #f9f1dd17;border-radius:15px;grid-template-columns:175px minmax(140px,1fr) auto;align-items:center;gap:10px;min-width:0;height:100%;padding:12px;display:grid}.intent-box label{align-items:center;gap:10px;display:flex}.intent-box label>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.intent-box label small{color:#f9f1dd52;letter-spacing:.12em;font-size:7px}.intent-box label b{color:var(--cream);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;font-weight:540;overflow:hidden}.brain-icon{width:36px;height:36px;color:var(--mint);background:radial-gradient(circle,#83d5ad33 0 18%,#0000 19%),#83d5ad12;border-radius:11px;flex:none;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #83d5ad1a}.brain-icon.thinking{animation:1.1s ease-in-out infinite brain}@keyframes brain{50%{box-shadow:inset 0 0 0 1px #83d5ad52,0 0 20px #83d5ad2e}}.intent-box input{color:#f9f1dddb;background:#ffffff0a;border:1px solid #f9f1dd17;border-radius:11px;outline:none;width:100%;height:43px;padding:0 13px;font-size:10px;transition:all .16s}.intent-box input:focus{border-color:#83d5ad54;box-shadow:0 0 0 3px #83d5ad0e}.intent-box input::placeholder{color:#f9f1dd3d}.execute-button{color:#173126;cursor:pointer;background:linear-gradient(135deg,#a7e7c4,#6fc69a);border:0;border-radius:11px;place-items:center;min-width:102px;height:43px;padding:0 15px;font-size:9px;font-weight:700;transition:all .16s;display:grid;box-shadow:0 8px 22px #37865e33}.execute-button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.execute-button:disabled{cursor:default;opacity:.55}.spinner{border:2px solid #142a2040;border-top-color:#173126;border-radius:50%;width:17px;height:17px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.runtime-state{grid-template-rows:1fr 1fr;gap:5px;height:100%;display:grid}.runtime-state>span{background:#ffffff06;border:1px solid #f9f1dd12;border-radius:11px;grid-template-rows:1fr 1fr;grid-template-columns:auto 1fr;align-items:end;column-gap:8px;min-width:0;padding:0 11px;display:grid}.runtime-state .runtime-dot{color:var(--mint);grid-row:1/-1;align-self:center}.runtime-state small{align-self:end}.runtime-state strong{color:#f9f1ddc4;text-overflow:ellipsis;white-space:nowrap;align-self:start;font-size:9px;font-weight:560;overflow:hidden}.runtime-state .cache-hit{border-color:#83d5ad29}.runtime-state .cache-hit strong{color:var(--mint)}.runtime-state .cache-new strong{color:#c6aff1}.loading-state{z-index:20;background:#14241d;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loading-state strong{color:var(--cream);letter-spacing:.04em;margin-top:24px;font-size:15px}.loading-state small{color:#f9f1dd66;margin-top:8px;font-size:10px}.loading-mark{background:#83d5ad0f;border:1px solid #83d5ad26;border-radius:20px;place-items:center;width:64px;height:64px;animation:1.8s ease-in-out infinite loading-glow;display:grid;position:relative}.loading-mark i{background:var(--mint);border-radius:8px;width:8px;position:absolute;bottom:17px}.loading-mark i:first-child{height:23px;left:17px;transform:rotate(-17deg)}.loading-mark i:nth-child(2){height:32px}.loading-mark i:nth-child(3){height:19px;right:17px;transform:rotate(19deg)}@keyframes loading-glow{50%{transform:translateY(-4px);box-shadow:0 0 42px #83d5ad26}}.mobile-nav{display:none}.character-studio{z-index:15;border-radius:20px;width:min(430px,100vw - 626px);min-width:380px;padding:0 14px 14px;animation:.18s ease-out studio-enter;position:absolute;top:103px;left:304px;overflow:hidden}@keyframes studio-enter{0%{opacity:0;transform:translateY(-8px)scale(.985)}}.character-studio>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:64px;display:flex}.character-studio>header span{flex-direction:column;display:flex}.character-studio>header small,.studio-status small,.rig-diagnostics small,.motion-job small{color:#f9f1dd6b;letter-spacing:.13em;font-size:8px}.character-studio>header strong{color:var(--cream);margin-top:3px;font-size:14px}.character-studio>header button{border:1px solid var(--line);color:#f9f1dd9e;cursor:pointer;background:#ffffff0a;border-radius:9px;width:29px;height:29px;font-size:18px;line-height:1}.studio-content{grid-template-columns:126px 1fr;gap:14px;padding:14px 0 12px;display:grid}.studio-content figure{color:#f9f1dd47;letter-spacing:.14em;background:#07120d8c;border:1px solid #83d5ad29;border-radius:15px;place-items:center;height:153px;margin:0;font-size:9px;display:grid;position:relative;overflow:hidden}.studio-content figure img{object-fit:cover;width:100%;height:100%;display:block}.studio-content figcaption{color:#f9f1ddc7;text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#08110dc4;border-radius:8px;padding:6px;font-size:8px;position:absolute;bottom:6px;left:6px;right:6px;overflow:hidden}.studio-status{grid-template-columns:1fr auto;align-content:start;gap:9px;min-width:0;display:grid}.job-state{color:var(--mint);align-items:center;gap:7px;font-size:10px;display:flex}.job-state i{background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px}.job-state.processing i,.job-state.queued i{animation:1.4s infinite pulse}.job-state.failed{color:#ef8177}.studio-status>strong{color:var(--cream);font-size:12px}.job-progress{background:#ffffff12;border-radius:4px;grid-column:1/-1;height:4px;overflow:hidden}.job-progress i{border-radius:inherit;background:linear-gradient(90deg, #67b88e, var(--mint-bright));height:100%;transition:width .35s;display:block;box-shadow:0 0 12px #83d5ad61}.studio-status ol{grid-column:1/-1;gap:7px;margin:2px 0 0;padding:0;list-style:none;display:grid}.studio-status li{color:#f9f1dd57;align-items:center;gap:7px;font-size:9px;display:flex}.studio-status li:before{content:"";border:1px solid #f9f1dd33;border-radius:50%;width:6px;height:6px}.studio-status li.done{color:#f9f1ddbd}.studio-status li.done:before{border-color:var(--mint);background:var(--mint);box-shadow:0 0 8px #83d5ad73}.rig-diagnostics{border:1px solid var(--line);background:#ffffff06;border-radius:12px;grid-template-columns:repeat(4,1fr);height:52px;display:grid}.rig-diagnostics span{border-right:1px solid var(--line);flex-direction:column;justify-content:center;align-items:center;display:flex}.rig-diagnostics span:last-child{border-right:0}.rig-diagnostics strong{color:var(--mint-bright);margin-top:2px;font-size:10px}.motion-job{background:#906adc12;border:1px solid #ac8bee2e;border-radius:12px;grid-template-columns:1fr auto;gap:5px 10px;min-height:52px;margin-top:10px;padding:9px 10px;display:grid}.motion-job span{flex-direction:column;display:flex}.motion-job strong,.motion-job b{color:#d7c5f9;font-size:9px}.motion-job>i{background:#ffffff12;border-radius:3px;grid-column:1/-1;height:3px;overflow:hidden}.motion-job em{background:#b495ef;height:100%;transition:width .35s;display:block}.job-error{color:#f1a096;background:#e0594c14;border-radius:9px;max-height:62px;margin:10px 0 0;padding:8px;font-size:8px;line-height:1.45;overflow:auto}.upload-character{width:100%;min-height:55px;color:var(--mint);text-align:left;cursor:pointer;background:#83d5ad0e;border:1px dashed #83d5ad47;border-radius:12px;align-items:center;gap:10px;margin-top:10px;padding:8px 11px;display:flex}.upload-character:disabled{cursor:wait;opacity:.55}.upload-character>span{background:#83d5ad1a;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font-size:17px;display:grid}.upload-character p{flex-direction:column;margin:0;display:flex}.upload-character strong{color:#f9f1ddd1;font-size:10px}.upload-character small{color:#f9f1dd5c;margin-top:3px;font-size:8px}@media (max-width:1100px){.left-panel,.right-panel{width:228px}.action-dock{grid-template-columns:218px minmax(300px,1fr)}.runtime-state{display:none}.intent-box{grid-template-columns:145px minmax(120px,1fr) auto}}@media (max-width:760px){.app-shell{min-height:480px}.topbar{top:max(10px, env(safe-area-inset-top));border-radius:16px;height:57px;padding:0 12px;left:10px;right:10px}.brand-mark{border-radius:10px;width:32px;height:32px}.brand b,.world-stats>span:not(.live-status),.quality-button{display:none}.studio-toggle{color:#0000;width:34px;padding:0;overflow:hidden}.studio-toggle:after{content:"3D";color:var(--mint-bright)}.world-stats .live-status{min-width:auto;padding:0 0 0 12px;font-size:0}.live-status i{width:8px;height:8px}.left-panel,.right-panel{width:auto;transition:all .22s;inset:79px 10px 224px}.character-studio{top:79px;right:10px;bottom:calc(66px + env(safe-area-inset-bottom));width:auto;min-width:0;left:10px;overflow-y:auto}.left-panel.mobile-world,.left-panel.mobile-ledger,.right-panel.mobile-world,.right-panel.mobile-agents{pointer-events:none;opacity:0;transform:translateY(8px)}.left-panel.mobile-agents,.right-panel.mobile-ledger{pointer-events:auto;opacity:1}.left-panel.mobile-world,.right-panel.mobile-world{opacity:0}.action-dock{right:10px;bottom:calc(66px + env(safe-area-inset-bottom));border-radius:18px;flex-direction:column;gap:7px;height:138px;padding:9px;display:flex;left:10px}.quick-actions{width:100%;height:47px}.quick-actions button{border-radius:10px;flex-direction:row;gap:6px}.quick-actions i{width:24px;height:24px;font-size:13px}.intent-box{grid-template-columns:1fr auto;gap:6px;width:100%;height:66px;padding:7px}.intent-box label{display:none}.intent-box input{height:43px}.execute-button{min-width:82px;height:43px;padding:0 10px}.mobile-nav{z-index:12;right:10px;bottom:max(8px, env(safe-area-inset-bottom));border-radius:16px;grid-template-columns:repeat(3,1fr);height:51px;padding:5px;display:grid;position:absolute;left:10px}.mobile-nav button{color:#f9f1dd6b;background:0 0;border:0;border-radius:11px;justify-content:center;align-items:center;gap:6px;font-size:9px;display:flex}.mobile-nav button.active{color:var(--mint);background:#83d5ad17}.mobile-nav i{font-size:14px;font-style:normal}}@media (max-height:680px) and (min-width:761px){.topbar{top:10px}.left-panel,.right-panel{top:87px;bottom:129px}.action-dock{height:106px;bottom:10px}.panel-tip{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}