:root{--z-font: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", "Geeza Pro", "Noto Sans Arabic", Tahoma, sans-serif}button,input,textarea,select{font-family:inherit}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:#0b0b0d;color:#e8e6e3;font:13px/1.4 var(--z-font);overflow:hidden}.app{position:fixed;top:0;right:0;bottom:0;left:0;display:flex}.stage{position:relative;flex:1;min-width:0}.brand{position:fixed;top:16px;left:20px;display:flex;align-items:baseline;gap:10px;pointer-events:none;color:#8d8984}.brand .z{font:800 30px/1 var(--z-font);color:#ff8a00;text-shadow:0 0 18px rgba(255,138,0,.45)}.hint{position:fixed;bottom:14px;left:20px;color:#5b5853;font-size:12px;pointer-events:none}.panel{width:340px;flex:none;height:100%;overflow-y:auto;background:#121214f5;border-left:1px solid #222226;padding:10px 12px 40px}.status{display:flex;align-items:center;gap:8px;padding:6px 2px 10px;border-bottom:1px solid #222226;margin-bottom:6px}.status b{color:#ff8a00;font-size:18px}.pill{background:#ff8a0026;color:#ffb35c;padding:2px 8px;border-radius:99px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.status .act{flex:1;color:#8d8984;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status .fps{color:#5b5853;font-size:11px;font-variant-numeric:tabular-nums}.sec{border-bottom:1px solid #1d1d21}.sec-h{width:100%;display:flex;justify-content:space-between;background:none;border:0;color:#cfcbc6;font:600 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;padding:12px 2px;cursor:pointer}.sec-h span{color:#5b5853}.sec-b{padding:0 0 12px;display:grid;gap:8px}.chips{display:flex;flex-wrap:wrap;gap:4px}.chips button,.row button{background:#1d1d21;border:1px solid #2a2a2f;color:#bdb9b3;padding:5px 9px;border-radius:8px;font:inherit;font-size:12px;cursor:pointer}.chips.big button{padding:7px 10px}.chips button:hover,.row button:hover{color:#fff;border-color:#3a3a40}.chips button.on,.row button.on{background:#ff8a0029;border-color:#ff8a008c;color:#ffcf99}.row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}button.ghost{background:none;border:1px dashed #2f2f35;color:#8d8984;padding:5px 9px;border-radius:8px;font:inherit;font-size:12px;cursor:pointer;justify-self:start}.lbl{color:#6f6b66;font-size:11px;margin-top:2px}.sl{display:grid;grid-template-columns:104px 1fr 44px;align-items:center;gap:8px;font-size:12px;color:#a29e98}.sl input{width:100%;accent-color:#ff8a00}.sl em{font-style:normal;color:#6f6b66;font-size:11px;text-align:right;font-variant-numeric:tabular-nums;cursor:pointer}.sl.auto input{opacity:.45}.ck{display:flex;align-items:center;gap:6px;color:#a29e98;font-size:12px}.ck input{accent-color:#ff8a00}.sw{width:22px!important;height:22px;padding:0!important;border-radius:50%!important;border:2px solid transparent!important}.sw.on{border-color:#fff!important}@media (max-width: 760px){.app{flex-direction:column}.stage{flex:1 1 55%}.panel{width:100%;height:45%;border-left:0;border-top:1px solid #222226}}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important}}.agent .brand{z-index:2}.topbar{position:fixed;top:14px;right:16px;display:flex;gap:8px;align-items:center;z-index:3}.topbar .ghost{background:#141417b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dot{width:9px;height:9px;border-radius:50%;background:#3a3a40;margin-right:4px}.dot.connecting{background:#ffb35c;animation:zpulse 1s infinite}.dot.live{background:#ff8a00;box-shadow:0 0 10px #ff8a00cc}@keyframes zpulse{50%{opacity:.35}}.dock{position:fixed;left:50%;bottom:18px;transform:translate(-50%);width:min(680px,calc(100vw - 24px));display:grid;gap:8px;z-index:3}.log{max-height:30vh;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:4px 2px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 28px);mask-image:linear-gradient(to bottom,transparent 0,#000 28px);scrollbar-width:none}.log::-webkit-scrollbar{display:none}.msg{max-width:86%;padding:8px 12px;border-radius:14px;font-size:14px;line-height:1.45;white-space:pre-wrap;word-wrap:break-word;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.msg.you{align-self:flex-end;background:#ff8a0029;border:1px solid rgba(255,138,0,.35);color:#ffe2c2}.msg.z{align-self:flex-start;background:#18181cc7;border:1px solid #2a2a2f;color:#ece9e4}.msg.live{opacity:.8}.note{justify-self:center;background:#3c1212d9;border:1px solid #6a2a2a;color:#ffc9c9;border-radius:10px;padding:6px 12px;font-size:12px}.bar{display:flex;gap:8px;align-items:center;background:#121215d1;border:1px solid #2a2a2f;border-radius:999px;padding:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bar input{flex:1;min-width:0;background:none;border:0;outline:0;color:#f2efea;font:inherit;font-size:15px;padding:8px 6px}.bar input::placeholder{color:#6f6b66}.mic,.send{flex:none;width:44px;height:44px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;font:700 18px/1 var(--z-font)}.mic{background:#ff8a00;color:#140b00;box-shadow:0 0 #ff8a0080}.mic.live{background:#2b2b2f;color:#ff8a00;animation:zring 1.6s infinite}.mic.connecting{background:#2b2b2f}@keyframes zring{0%{box-shadow:0 0 #ff8a008c}to{box-shadow:0 0 0 14px #ff8a0000}}.send{background:#2b2b2f;color:#ff8a00}.send:disabled{opacity:.35;cursor:default}.spin{width:18px;height:18px;border:2px solid #ff8a00;border-right-color:transparent;border-radius:50%;animation:zspin .8s linear infinite}@keyframes zspin{to{transform:rotate(360deg)}}.login{position:fixed;left:50%;bottom:8vh;transform:translate(-50%);width:min(320px,calc(100vw - 32px));display:grid;gap:10px;padding:18px;background:#121215db;border:1px solid #2a2a2f;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:4}.login-title{font:700 18px/1 var(--z-font);color:#cfcbc6;display:flex;gap:8px;align-items:baseline;margin-bottom:4px}.login-title .z{font:800 26px/1 var(--z-font);color:#ff8a00}.login input{background:#121215;border:1px solid #2a2a2f;border-radius:10px;padding:10px 12px;color:#f2efea;font:inherit;font-size:15px;outline:0}.login input:focus{border-color:#ff8a0099}.login button{background:#ff8a00;color:#140b00;border:0;border-radius:10px;padding:10px;font:700 14px/1 var(--z-font);cursor:pointer}.login button:disabled{opacity:.5}.login-err{color:#ff9b9b;font-size:12px}@media (max-width: 760px){.agent .stage{flex:1}.log{max-height:34vh}}.zwin{position:fixed;display:flex;flex-direction:column;background:#0e0e10f0;border:1px solid #2c2c31;border-radius:14px;overflow:hidden;box-shadow:0 18px 50px #0000008c,0 0 0 1px #ff8a000f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:zpop .18s ease-out}.zwin.min{display:none}@keyframes zpop{0%{opacity:0;transform:scale(.97) translateY(6px)}}.zwin-bar{flex:none;height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 6px 0 12px;background:linear-gradient(#1b1b1f,#151518);border-bottom:1px solid #26262b;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.zwin-bar:active{cursor:grabbing}.zwin-title{font:600 12px/1 var(--z-font);color:#e9e5df;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zwin-title:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff8a00;margin-right:8px;box-shadow:0 0 8px #ff8a00b3;vertical-align:1px}.zwin-title em{font-style:normal;color:#7d7973;font-weight:500}.zwin-btns{display:flex;gap:2px}.zwin-btns button{width:26px;height:24px;border:0;border-radius:6px;background:none;color:#8d8984;font:14px/1 var(--z-font);cursor:pointer}.zwin-btns button:hover{background:#2a2a2f;color:#fff}.zwin-btns button.x:hover{background:#5a1f1f;color:#ffd0d0}.zwin-body{position:relative;flex:1;min-height:0}.zwin-body iframe{width:100%;height:100%;border:0;background:#0b0b0d;display:block}.zwin-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.zwin-size{position:absolute;right:0;bottom:0;width:16px;height:16px;cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg,transparent 50%,rgba(255,138,0,.5) 50%)}.zveil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;cursor:grabbing}.zlaunch{position:fixed;top:54px;left:16px;z-index:5;display:flex;align-items:center;gap:7px;padding:7px 12px 7px 10px;border-radius:10px;border:1px solid #2a2a2f;background:#141417bf;color:#ff8a00;font:600 12px/1 var(--z-font);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.zlaunch span{color:#cfcbc6}.zlaunch.on,.zlaunch:hover{border-color:#ff8a008c}.zlauncher{position:fixed;top:92px;left:16px;z-index:6;width:min(420px,calc(100vw - 32px));display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px;padding:10px;border-radius:14px;border:1px solid #2a2a2f;background:#101013f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 40px #00000080}.zlauncher>button{display:grid;gap:3px;text-align:left;padding:9px 10px;border-radius:10px;border:1px solid #25252a;background:#18181b;color:#ece9e4;cursor:pointer}.zlauncher>button:hover{border-color:#ff8a0080;background:#1f1a15}.zlauncher>button.open{border-color:#ff8a0066}.zlauncher>button b{font:600 12.5px/1.1 var(--z-font)}.zlauncher>button small{color:#7d7973;font-size:11px}.zlauncher-row{grid-column:1 / -1;display:flex;gap:6px;padding-top:4px;border-top:1px solid #222226}.zlauncher-row button{flex:1;padding:7px;border-radius:8px;border:1px solid #2a2a2f;background:none;color:#bdb9b3;font:12px var(--z-font);cursor:pointer}.zstrip{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:5;display:flex;gap:6px;max-width:60vw;overflow-x:auto}.zstrip button{padding:5px 10px;border-radius:99px;border:1px solid rgba(255,138,0,.35);background:#141417cc;color:#ffcf99;font:12px var(--z-font);cursor:pointer;white-space:nowrap}.dock,.topbar,.zlaunch,.zlauncher,.zstrip{z-index:100000}