.otac-root,.otac-root *{box-sizing:border-box}.otac-root{--bg:#f4f1ec;--ink:#332c1f;--muted:#696969;--hint:#9a9a9a;--card:#fff;--line:#e6e1d7;--line2:#ccc;--accent:#d8a132;--teal:#705215;--teal-bg:#f6ead1;--info:#d9a337;--warn:#bb8924;--ok:#9b711e;--no:#dc2626;--otac:#ddac4a;--logteal:#87631a;--radius:10px;--radius-sm:7px}.otac-root *{box-sizing:border-box}.otac-root{background:var(--bg);color:var(--ink);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Malgun Gothic,Apple SD Gothic Neo,sans-serif;height:100%;height:100vh;line-height:1.55;margin:0;overflow:hidden;padding:0;position:relative}.otac-root.ja-font{font-family:Meiryo UI,MS PGothic,Hiragino Kaku Gothic ProN,Yu Gothic,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.otac-root .wrap{display:flex;flex:1;flex-direction:column;gap:8px;margin:0 auto;max-width:95%;min-height:0;padding:34px 18px 22px;width:95%}.otac-root .head{align-items:center;background:linear-gradient(120deg,#606060,#555 60%,#4a4a4a);border-bottom:1px solid #6e6e6e;box-shadow:0 4px 18px rgba(35,35,35,.14);color:#fff;display:flex;flex:0 0 auto;gap:20px;justify-content:space-between;margin:0;padding:14px 30px 15px 24px;position:relative}.otac-root .head:after{background:linear-gradient(90deg,#d8a132,#705215 55%,#ddac4a);bottom:-1px;content:"";height:3px;left:0;position:absolute;right:0}.otac-root .head-left{align-items:center;display:flex;gap:16px;min-width:0}.otac-root .head-accent{align-self:stretch;background:linear-gradient(#d8a132,#705215);border-radius:3px;flex:0 0 auto;min-height:40px;width:5px}.otac-root .head-titlerow{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.otac-root .head-badge{background:#fbf6eb;border:1px solid #f6ead2;border-radius:999px;color:#d8a132;font-size:9.5px;font-weight:800;letter-spacing:1.2px;padding:3px 9px;text-transform:uppercase;white-space:nowrap}.otac-root .head-text{display:flex;flex-direction:column;gap:3px;min-width:0}.otac-root .head-logo{border-left:1px solid #7a7a7a;flex:0 0 auto;height:40px;padding-left:16px;width:auto}.otac-root .head-right{align-items:center;display:flex;flex:0 0 auto;gap:14px}.otac-root .lang-toggle{background:#fff;border:1px solid #e6e0d3;border-radius:999px;display:flex;gap:2px;padding:2px}.otac-root .lang-toggle button{background:transparent;border:none;border-radius:999px;color:#696969;cursor:pointer;font-size:11px;font-weight:700;line-height:1.4;padding:5px 11px}.otac-root .lang-toggle button.on{background:#d8a132;color:#fff}.otac-root h1{font-size:23px;font-weight:700;margin:0}.otac-root .sub{color:#dcd6ca;font-size:11.5px;margin-top:1px}.otac-root .main{display:flex;flex:1;gap:14px;margin:4px 0 8px;min-height:0}.otac-root .left{display:flex;flex:1.95;flex-direction:column;min-width:0;position:relative}.otac-root .right{display:flex;flex:.85;flex-direction:column;gap:8px;max-width:354px;min-height:0;min-width:266px}.otac-root .monitor{background:#181818;border-radius:14px;box-shadow:0 12px 30px rgba(35,35,35,.18);display:flex;flex:1;margin:0 0 0 132px;min-height:0;padding:11px}.otac-root .mon-stand{align-items:center;display:flex;flex:0 0 auto;flex-direction:column;margin:0 0 14px 132px}.otac-root .mon-neck{background:linear-gradient(#454545,#2e2e2e);height:150px;width:46px}.otac-root .mon-base{background:linear-gradient(#464646,#282828);border-radius:7px;box-shadow:0 6px 14px rgba(35,35,35,.3);height:11px;width:164px}.otac-root .screen{background:linear-gradient(150deg,#4d4d4d,#595959 55%,#6b6b6b);border-radius:6px;flex:1;min-height:0;overflow:hidden;position:relative}.otac-root .deskicons{display:flex;flex-direction:column;gap:13px;left:10px;position:absolute;top:10px;z-index:1}.otac-root .di{color:#fbf5ea;font-size:10.5px;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.4);width:64px}.otac-root .di .ig{align-items:center;background:hsla(0,0%,100%,.85);border-radius:6px;display:flex;font-size:16px;height:30px;justify-content:center;margin:0 auto 4px;width:34px}.otac-root .di.launch{cursor:pointer}.otac-root .di.launch .ig{background:linear-gradient(135deg,#dfb258,#d8a132);color:#fff}.otac-root .di.launch:hover .ig{outline:2px solid #fff;outline-offset:1px}.otac-root .di.launch .cap{color:#f3e7cf;display:block;font-size:9px;margin-top:1px}.otac-root .di.launch.pulse .ig{animation:dipulse 1.2s ease-in-out infinite}@keyframes dipulse{0%,to{box-shadow:0 0 0 0 rgba(233,203,142,0)}50%{box-shadow:0 0 0 6px rgba(233,203,142,.45)}}.otac-root .rdp{inset:0;position:absolute;z-index:40}.otac-root .rdp.hide{display:none}.otac-root .rdp-local{background:#fff;inset:0;position:absolute}.otac-root .rdp-icons{display:flex;flex-direction:column;gap:13px;left:10px;position:absolute;top:10px}.otac-root .rdp-wall{max-width:230px;width:46%}.otac-root .op-wall,.otac-root .rdp-wall{height:auto;left:50%;opacity:.95;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.otac-root .op-wall{max-width:220px;width:42%;z-index:0}.otac-root .rdp-local .di{color:#484848;text-shadow:none}.otac-root .rdp-local .di:not(.launch) .ig{background:#ccc}.otac-root .rdp-local .di.launch .cap{color:#222}.otac-root .rdp-bar{align-items:center;background:rgba(19,19,19,.9);bottom:0;color:#e8dfcd;display:flex;font-size:10px;gap:8px;height:30px;left:0;padding:0 10px;position:absolute;right:0}.otac-root .rdp-bar .start{align-items:center;background:transparent;border-radius:4px;color:#fff;display:flex;font-size:13px;height:20px;justify-content:center;width:20px}.otac-root .rdp-clock{color:#e8dfcd;font-size:10px}.otac-root .rdp-loading{align-items:center;background:#0f0f0f;display:flex;flex-direction:column;gap:15px;inset:0;justify-content:center;position:absolute}.otac-root .spinner{animation:spin .9s linear infinite;border:4px solid #403724;border-radius:50%;border-top-color:#dfb258;height:38px;width:38px}@keyframes spin{to{transform:rotate(1turn)}}.otac-root .rdp-msg{color:#e8e0cf;font-size:12.5px;letter-spacing:.2px}.otac-root .rdp-topbar{align-items:center;background:linear-gradient(#d8a132,#c59025);border-radius:999px;box-shadow:0 4px 12px rgba(0,0,0,.32);color:#fcf7ed;display:flex;font-size:10.5px;font-weight:600;gap:7px;height:22px;left:50%;padding:0 5px 0 12px;position:absolute;top:8px;transform:translateX(-50%);z-index:35}.otac-root .rta-dot{animation:rtablink 1.4s ease-in-out infinite;background:#e0b55f;border-radius:50%;box-shadow:0 0 6px #e0b55f;height:7px;width:7px}@keyframes rtablink{0%,to{opacity:1}50%{opacity:.3}}.otac-root .rta-x{align-items:center;background:hsla(0,0%,100%,.2);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:11px;height:18px;justify-content:center;line-height:1;margin-left:auto;width:18px}.otac-root .rta-x:hover{background:#e5484d}.otac-root .rdp-sub{color:#6e6e6e;font-size:10.5px;margin-top:-8px}.otac-root .win{background:var(--card);border-radius:8px;bottom:46px;box-shadow:0 14px 36px rgba(0,0,0,.4);display:flex;flex-direction:column;left:24px;overflow:hidden;position:absolute;right:70px;top:18px;transform-origin:30% 70%;transition:opacity .18s,transform .18s;z-index:2}.otac-root .win.hidden{opacity:0;pointer-events:none;transform:scale(.92)}.otac-root .titlebar{align-items:center;background:#3a3120;color:#f8f3ea;display:flex;font-size:12px;gap:8px;padding:6px 10px}.otac-root .titlebar .app-ic{background:var(--accent);border-radius:4px;display:inline-block;height:15px;width:15px}.otac-root .titlebar .tb-btns{display:flex;gap:7px;margin-left:auto}.otac-root .tb-btns span{border-radius:50%;height:10px;width:10px}.otac-root .b-min{background:#e1b763}.otac-root .b-max{background:#c8a55f}.otac-root .b-cls{background:#ec6a5e}.otac-root .menubar{background:#f9f7f4;border-bottom:1px solid var(--line);color:#4a4a4a;display:flex;font-size:11.5px;gap:14px;overflow:hidden;padding:4px 12px;white-space:nowrap}.otac-root .menubar span{cursor:default}.otac-root .toolbar{align-items:center;background:#fefdfb;border-bottom:1px solid var(--line);display:flex;gap:6px;padding:5px 10px}.otac-root .tbi{align-items:center;background:#fff;border:1px solid var(--line);border-radius:5px;cursor:default;display:flex;font-size:12px;height:23px;justify-content:center;width:25px}.otac-root .tbi.go{background:var(--accent);border-color:transparent;color:#fff;cursor:pointer;font-size:11px;font-weight:600;gap:6px;margin-left:auto;padding:0 11px;width:auto}.otac-root .tbi.go.ok{background:var(--ok)}.otac-root .tbi.go.flash{animation:goflash .5s}@keyframes goflash{0%,to{background:var(--accent)}50%{background:var(--no)}}.otac-root .body{display:flex;flex:1;min-height:0;position:relative}.otac-root .plc-actions{align-items:flex-start;background:rgba(32,32,32,.22);display:flex;inset:0;justify-content:center;padding-top:20px;position:absolute;z-index:5}.otac-root .plc-card{align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.28);display:flex;flex-direction:column;gap:11px;min-width:230px;padding:16px 22px}.otac-root .plc-card-title{color:#332c1f;font-size:15px;font-weight:700}.otac-root .dc-btn{background:#585858;border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:7px 14px}.otac-root .conn-actions{align-items:flex-end;bottom:10px;display:flex;gap:8px;position:absolute;right:10px;z-index:4}.otac-root .conn-to-wrap{position:relative}.otac-root .ct-btn{background:var(--accent);border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:7px 14px}.otac-root .conn-drawer{background:#fff;border:1px solid var(--line);border-radius:8px;bottom:calc(100% + 6px);box-shadow:0 8px 22px rgba(0,0,0,.18);display:flex;flex-direction:column;gap:4px;min-width:120px;padding:6px;position:absolute;right:0}.otac-root .conn-drawer button{background:#fff;border:1px solid #eeeae2;border-radius:6px;color:#332c1f;cursor:pointer;font-size:12.5px;font-weight:600;padding:8px 12px;text-align:left;white-space:nowrap}.otac-root .conn-drawer button:hover{background:#f7f4ee}.otac-root .agent-sel{background:#fff;border:1px solid #ccc;border-radius:4px;color:#282828;font-size:12px;height:30px;margin-bottom:9px;padding:0 8px;width:100%}.otac-root .plc-btn{background:var(--accent);border:none;border-radius:9px;box-shadow:0 10px 26px rgba(216,161,50,.42);color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:11px 22px;white-space:nowrap}.otac-root .plc-btn.ok{background:var(--ok);box-shadow:0 10px 26px rgba(155,113,30,.42)}.otac-root .plc-btn.flash{animation:goflash .5s}.otac-root .plc-btn.dc{background:#585858;box-shadow:0 8px 20px rgba(88,88,88,.4)}.otac-root .plc-btn:disabled{cursor:default;opacity:.5}.otac-root .plc-pick{text-align:center}.otac-root .plc-pick.disabled{opacity:.45;pointer-events:none}.otac-root .pp-label{color:#696969;font-size:13px;font-weight:600;margin-bottom:8px}.otac-root .pp-btns{display:flex;gap:8px;justify-content:center}.otac-root .pp-btn{background:#fff;border:1px solid #ccc;border-radius:7px;color:#332c1f;cursor:pointer;font-size:12.5px;font-weight:600;padding:7px 12px}.otac-root .pp-btn.sel{background:#d8a132;border-color:#d8a132;color:#fff}.otac-root .fx-n{fill:#f7f4ee;stroke:#ccc;stroke-width:1}.otac-root .fx-no{fill:#f6ead1;stroke:#e2b966;stroke-width:1}.otac-root .fx-t{fill:#414141;font-size:12px;font-weight:600;text-anchor:middle}.otac-root .fx-to{fill:#705215}.otac-root .fx-s{fill:#797979;font-size:9.5px;text-anchor:middle}.otac-root .fx-so{fill:#755516}.otac-root .fx-lvl{fill:#787878;font-size:11px;font-weight:700}.otac-root .fx-leg{fill:#696969;font-size:10px}.otac-root .fx-sel{stroke:#d8a132!important;stroke-width:2.4!important}.otac-root .fx-live{fill:#f9f0df!important;stroke:#9b711e!important;stroke-width:2.2!important}.otac-root .tree{background:#fdfcfa;border-right:1px solid var(--line);color:#4a4a4a;font-size:10px;overflow:auto;padding:6px 4px;width:116px}.otac-root .tree .grp{color:#3f3727;font-weight:600;padding:3px 6px}.otac-root .tree .it{border-radius:5px;cursor:default;padding:3px 5px 3px 13px}.otac-root .tree .it.sel{background:#faf3e5;color:#ab7d20}.otac-root .canvas{background:linear-gradient(#f7f4ee 1px,transparent 0) 0 0/100% 22px,#fbf9f6;display:flex;flex:1;overflow:hidden;padding:8px;position:relative}.otac-root .dotask-btn{background:linear-gradient(135deg,#dfb258,#d8a132);border:none;border-radius:10px;box-shadow:0 8px 22px rgba(216,161,50,.42);color:#fff;cursor:pointer;font-size:14px;font-weight:700;left:50%;padding:10px 18px;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:3}.otac-root .dotask-btn:hover{filter:brightness(1.08)}.otac-root .dotask-btn:disabled{cursor:default;opacity:.55}.otac-root .noconn-alert{background:#dc2626;border-radius:9px;box-shadow:0 10px 26px rgba(220,38,38,.45);color:#fff;font-size:14px;font-weight:700;left:50%;line-height:1.55;max-width:72%;opacity:0;padding:13px 24px;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:opacity .4s;z-index:36}.otac-root .noconn-alert.show{opacity:1}.otac-root .copy-otac{background:#d8a132;border:none;border-radius:999px;bottom:20px;box-shadow:0 12px 30px rgba(216,161,50,.45);color:#fff;cursor:pointer;font-size:13px;font-weight:700;left:50%;opacity:0;padding:11px 22px;position:absolute;transform:translate(-50%,160%);transition:transform .42s cubic-bezier(.2,.85,.25,1),opacity .3s,background .2s;z-index:200}.otac-root .copy-otac.show{opacity:1;transform:translate(-50%)}.otac-root .copy-otac.copied{background:#9b711e}.otac-root .ladder{display:block;height:100%;width:100%}.otac-root .rl{stroke:#bbb;stroke-width:2}.otac-root .rl.live{stroke:var(--ok)}.otac-root .sym{fill:none;stroke:#686868;stroke-width:1.8}.otac-root .sym.live{stroke:var(--ok)}.otac-root .symt{fill:#787878;font-family:monospace;font-size:9px}.otac-root .statusbar{align-items:center;background:#3a3120;color:#c6b99f;display:flex;font-size:10.5px;gap:12px;padding:4px 12px}.otac-root .statusbar .s-state{color:#e0b35a}.otac-root .statusbar .s-state.on{color:#dcb86f}.otac-root .canvas-status{align-items:center;background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.08);display:flex;font-size:11px;gap:7px;padding:3px 10px;position:absolute;right:10px;top:8px;z-index:3}.otac-root .canvas-status .cs-label{color:var(--muted);font-weight:600}.otac-root .canvas-status .s-state{color:#bb8924;font-weight:600}.otac-root .canvas-status .s-state.on{color:#9b711e}.otac-root .statusbar .s-r{margin-left:auto}.otac-root .toast{background:#fff;border:1px solid var(--line);border-radius:12px;bottom:46px;box-shadow:0 16px 40px rgba(0,0,0,.45);overflow:hidden;position:absolute;right:12px;transition:transform .38s cubic-bezier(.2,.85,.25,1),opacity .35s;width:208px;z-index:8}.otac-root .toast.hide{opacity:0;pointer-events:none;transform:translateX(135%)}.otac-root .toast.shake{animation:shake .4s}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}.otac-root .toast-head{align-items:center;background:var(--teal);color:#fff;display:flex;gap:7px;padding:9px 11px}.otac-root .ts-ic{font-size:14px}.otac-root .ts-t{flex:1;font-size:11px;font-weight:700;line-height:1.2}.otac-root .ts-x{cursor:pointer;font-size:12px;opacity:.85}.otac-root .toast-body{padding:11px 13px 12px}.otac-root .ts-msg{color:var(--ink);font-size:11.5px;line-height:1.45}.otac-root .ts-msg.bad{color:var(--no)}.otac-root .ts-msg.good{color:var(--ok);font-weight:600}.otac-root .code{display:flex;gap:5px;justify-content:center;margin-top:11px}.otac-root .code input{background:#fff;border:1.5px solid var(--line2);border-radius:6px;color:#282828;font-size:16px;font-weight:700;height:34px;text-align:center;width:28px}.otac-root .code input:focus{border-color:var(--teal);box-shadow:0 0 0 2px rgba(112,82,21,.15);outline:none}.otac-root .code.done input{border-color:var(--ok)}.otac-root .auth-btn{background:var(--teal);border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;margin-top:10px;padding:8px;width:100%}.otac-root .auth-btn:disabled{background:#a8a8a8;cursor:default}.otac-root .ts-hint{color:var(--muted);font-size:10px;margin-top:7px;text-align:center}.otac-root .agent-bar{align-items:center;background:#f0f0f0;border-bottom:1px solid #e3e3e3;display:flex;padding:7px 11px}.otac-root .agent-bar .ab-title{color:#363636;flex:1;font-size:11.5px;font-weight:600}.otac-root .agent-bar .ab-ctrls{color:#959595;display:flex;font-size:11px;gap:10px}.otac-root .agent-bar .ab-x{align-items:center;background:#dc2626;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:10px;height:17px;justify-content:center;line-height:1;width:17px}.otac-root .agent-bar .ab-x:hover{background:#b91c1c}.otac-root .agent-body{align-items:center;background:#fff;display:flex;flex-direction:column;padding:8px 16px 9px}.otac-root .agent-logo{line-height:0;margin:0 0 4px}.otac-root .agent-label{align-self:flex-start;color:#4a4a4a;font-size:11px;margin-bottom:3px}.otac-root .agent-input{background:#fff;border:1px solid #ccc;border-radius:4px;color:#282828;font-size:14px;font-weight:600;height:30px;letter-spacing:2px;padding:0 10px;width:100%}.otac-root .agent-input:focus{border-color:var(--accent);outline:none}.otac-root .agent-status{font-size:10.5px;line-height:1.45;margin-top:8px;min-height:13px;text-align:center}.otac-root .agent-status.bad{background:#fdeceb;border:1px solid #f6c5c0;border-radius:6px;color:#b42318;font-weight:600;padding:6px 8px}.otac-root .agent-status.good{background:#f8f2e7;border:1px solid #e3d0a9;border-radius:6px;color:#735416;font-size:11.5px;font-weight:700;padding:7px 9px}.otac-root .agent-login{background:#e1b65f;border:none;border-radius:5px;color:#252525;cursor:pointer;font-size:12.5px;font-weight:700;margin-top:8px;padding:7px;width:100%}.otac-root .agent-login:disabled{background:#e7d5b0;color:#9b8863;cursor:default}.otac-root .agent-host{color:#a8a8a8;font-size:10px;letter-spacing:.5px;margin-top:5px}.otac-root .taskbar{align-items:center;background:rgba(24,24,24,.86);bottom:0;display:flex;gap:8px;height:36px;left:0;padding:0 12px;position:absolute;right:0;z-index:6}.otac-root .start{align-items:center;background:transparent;border-radius:6px;color:#fff;display:flex;font-size:13px;height:25px;justify-content:center;width:25px}.otac-root .start-ic{display:block;height:100%;object-fit:contain;width:100%}.otac-root .tb-app{align-items:center;background:hsla(0,0%,100%,.14);border-bottom:2px solid #dfb258;border-radius:6px;color:#f3ecdf;display:flex;font-size:10.5px;gap:6px;height:25px;padding:0 10px}.otac-root .tb-app.hidden{display:none}.otac-root .tb-spacer{flex:1}.otac-root .tray{align-items:center;background:hsla(0,0%,100%,.1);border-radius:6px;color:#d8d8d8;cursor:pointer;display:flex;font-size:10px;gap:5px;height:24px;padding:0 9px}.otac-root .tray .dot{background:#dcb86f;border-radius:50%;box-shadow:0 0 5px #dcb86f;height:6px;width:6px}.otac-root .tray-ic{border-radius:3px;display:block;height:15px;width:15px}.otac-root .agent-logo-img{border-radius:8px;display:block}.otac-root .tb-clock{color:#e8e0cf;font-size:10.5px;line-height:1.2;text-align:right}.otac-root .phone{bottom:16px;cursor:pointer;filter:drop-shadow(0 14px 26px rgba(0,0,0,.5));left:4px;position:absolute;width:116px;z-index:70}.otac-root .ph-frame{background:#101010;border:1px solid #353535;border-radius:18px;padding:7px}.otac-root .ph-screen{background:#080808;border-radius:12px;height:208px;overflow:hidden;position:relative}.otac-root .ph-app,.otac-root .ph-lock{color:#f7f2e7;inset:0;padding:11px;position:absolute}.otac-root .ph-lock{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.otac-root .ph-time{font-size:23px;font-weight:600}.otac-root .ph-date{color:#c6b99f;font-size:10px;margin-top:2px}.otac-root .ph-hint{color:#bbb;font-size:11px;line-height:1.5;margin-top:18px}.otac-root .card.hint .card-body,.otac-root .phone.hint .ph-frame{animation:phpulse 1.1s ease-in-out infinite}@keyframes phpulse{0%,to{box-shadow:0 0 0 0 rgba(218,166,62,0)}50%{box-shadow:0 0 0 6px rgba(218,166,62,.4)}}.otac-root .ph-app{align-items:center;display:none;flex-direction:column;text-align:center}.otac-root .phone.on .ph-lock{display:none}.otac-root .phone.on .ph-app{display:flex}.otac-root .ph-appbar{color:#d9bb7f;font-size:12px;font-weight:700;margin-bottom:5px}.otac-root .ph-off{background:#161616;border:1px solid #4a3b1d;border-radius:999px;color:#dcb86f;font-size:9px;padding:2px 8px}.otac-root .ph-target{color:#c6b99f;font-size:9.5px;margin-top:12px}.otac-root .ph-code{font-family:ui-monospace,Menlo,monospace;font-size:18px;font-weight:700;letter-spacing:1px;margin:6px 0}.otac-root .ph-bar{background:#262626;border-radius:3px;height:5px;overflow:hidden;width:84%}.otac-root .ph-bar span{background:#daa63e;display:block;height:100%;width:100%}.otac-root .ph-ttl{color:#9a9a9a;font-size:9px;margin-top:6px}.otac-root .ph-fp{align-items:center;color:#d8d8d8;display:none;flex-direction:column;inset:0;justify-content:center;padding:11px;position:absolute;text-align:center}.otac-root .phone.fp .ph-lock{display:none}.otac-root .phone.fp .ph-fp{display:flex}.otac-root .phone.on .ph-fp{display:none}.otac-root .fp-ic{margin-bottom:12px}.otac-root .fp-ic svg{animation:fpglow 1.3s ease-in-out infinite}@keyframes fpglow{0%,to{opacity:.55}50%{opacity:1}}.otac-root .fp-txt{color:#bbb;font-size:11px;line-height:1.5}.otac-root .card{bottom:16px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45));left:132px;position:absolute;width:186px;z-index:70}.otac-root .card-body{background:linear-gradient(135deg,#343434,#161616);border:1px solid #454545;border-radius:9px;display:flex;flex-direction:column;gap:2px;padding:6px 11px 7px;position:relative}.otac-root .card-top{align-items:center;display:flex;gap:7px}.otac-root .card-power{align-items:center;background:#1d1d1d;border:1px solid #666;border-radius:50%!important;box-sizing:border-box;color:#c6b99f!important;cursor:pointer;display:flex!important;flex:0 0 auto;font-size:11px;height:19px!important;justify-content:center;line-height:1;min-width:19px;padding:0!important;width:19px!important}.otac-root .card-power svg{display:block;height:15px!important;width:15px!important}.otac-root .card-power:hover{border-color:#d8a031;box-shadow:0 0 6px rgba(216,160,49,.5);color:#d8a031!important}.otac-root .card-brand{color:#d8a031;font-size:11px;font-weight:800;letter-spacing:.5px}.otac-root .card-disp{align-items:center;background:#0d0d0d;border:1px solid #262626;border-radius:4px;color:#6b5c3f;display:flex;font-family:ui-monospace,Menlo,monospace;font-size:11px;font-weight:700;height:18px;justify-content:center;letter-spacing:.5px;margin-top:0;width:100%}.otac-root .card.on .card-disp{color:#e0b55f;text-shadow:0 0 6px rgba(224,181,95,.5)}.otac-root .card-bar{background:#262626;border-radius:2px;height:4px;margin-top:0;overflow:hidden;width:100%}.otac-root .card-bar span{background:#d8a031;display:block;height:100%;width:100%}.otac-root .card-ttl{color:#9a9a9a;font-size:8px;height:0;margin-top:0}.otac-root .card-keys{display:flex;flex-direction:column;gap:3px;margin-top:0}.otac-root .card-keys.hidden{display:none}.otac-root .ck-row{display:flex;gap:4px;justify-content:center}.otac-root .ckey{align-items:center;background:#202020;border:1px solid #565656;border-radius:50%;color:#e4ddcf;cursor:pointer;display:flex;font-size:8.5px;font-weight:700;height:15px;justify-content:center;line-height:1;padding:0;width:15px}.otac-root .ckey:hover{border-color:#d8a031;color:#d8a031}.otac-root .ckey:active{background:#353535}.otac-root .card.shake .card-body{animation:shake .42s}.otac-root .card-bubble{background:#fff;border:1px solid #eae3d6;border-radius:10px;box-shadow:0 10px 24px rgba(35,35,35,.22);color:#3f3727;font-size:10.5px;left:calc(100% + 12px);line-height:1.5;max-width:320px;opacity:0;padding:9px 11px;pointer-events:none;position:absolute;top:-10px;transform:translateX(-8px) scale(.96);transition:opacity .28s,transform .28s;width:max-content;z-index:90}.otac-root .card-bubble.show{opacity:1;transform:translateX(0) scale(1)}.otac-root .card-bubble:before{border:7px solid transparent;border-right-color:#fff;content:"";left:-7px;position:absolute;top:16px}.otac-root .card-bubble .pin-quote{color:#d8a132;font-family:ui-monospace,Menlo,monospace;font-size:13px;font-weight:700;letter-spacing:1.5px;margin-top:5px}.otac-root .phone-bubble{background:#fff;border:1px solid #eae3d6;border-radius:10px;bottom:calc(100% + 10px);box-shadow:0 10px 24px rgba(35,35,35,.22);color:#3f3727;font-size:10.5px;left:0;line-height:1.5;max-width:300px;opacity:0;padding:9px 11px;pointer-events:none;position:absolute;transform:translateY(8px) scale(.96);transition:opacity .28s,transform .28s;width:max-content;z-index:90}.otac-root .phone-bubble.show{opacity:1;transform:translateY(0) scale(1)}.otac-root .phone-bubble:after{border:7px solid transparent;border-top-color:#fff;bottom:-7px;content:"";left:26px;position:absolute}.otac-root .phone-bubble .mfa{border-top:none;margin-top:0;padding-top:0}.otac-root .mfa{border-top:1px solid #f2eee6;margin-top:8px;padding-top:8px}.otac-root .mfa-title{align-items:center;border-bottom:1px solid #f7f4ee;color:#4d3a15;display:flex;font-size:12px;font-weight:800;gap:6px;letter-spacing:.2px;margin-bottom:7px;padding-bottom:5px}.otac-root .mfa-title:before{background:linear-gradient(#d8a132,#705215);border-radius:2px;content:"";flex:none;height:8px;width:8px}.otac-root .mfa-step{align-items:center;color:#a8a8a8;display:flex;font-size:10.5px;font-weight:600;gap:7px;padding:2px 0}.otac-root .mfa-dot{align-items:center;background:#fff;border:1.5px solid #ccc;border-radius:50%;color:#fff;display:flex;flex:none;font-size:9px;height:14px;justify-content:center;line-height:1;width:14px}.otac-root .mfa-step.done{color:#9b711e}.otac-root .mfa-step.done .mfa-dot{background:#9b711e;border-color:#9b711e}.otac-root .mfa-step.done .mfa-dot:after{content:"\2713"}.otac-root .card.disabled,.otac-root .phone.disabled{filter:grayscale(.6);opacity:.4;pointer-events:none}.otac-root .ph-tap{color:#757575;font-size:9px;margin-top:auto}.otac-root .phone.done .ph-code{color:#dcb86f}.otac-root .flow{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex:1;flex-direction:column;min-height:0;padding:9px 11px 5px}.otac-root .flow .ttl{align-items:center;color:var(--muted);display:flex;flex:0 0 auto;font-size:15px;font-weight:600;justify-content:space-between;margin:0 2px 6px}.otac-root .reset-btn{background:#fff;border:1px solid var(--line2);border-radius:6px;color:var(--muted);cursor:pointer;font-size:11px;font-weight:600;padding:4px 12px}.otac-root .flowcanvas{flex:1;min-height:0}.otac-root #svg{display:block;height:100%;width:100%}.otac-root .wire{stroke:var(--line2);stroke-width:1.6}.otac-root .wire.dashed{stroke-dasharray:4 4}.otac-root .wlabel{fill:var(--hint);font-size:9.5px}.otac-root .zone{fill:none;stroke-width:1.4}.otac-root .zone.ext{stroke:#a8a8a8;stroke-dasharray:6 5}.otac-root .zone.int{fill:hsla(0,0%,47%,.045);stroke:#8e8e8e;stroke-dasharray:6 5}.otac-root .zlabel{font-size:10px;font-weight:600}.otac-root .zlabel.ext{fill:#a8a8a8}.otac-root .zlabel.int{fill:#787878}.otac-root .node rect.box{fill:#f7f4ee;stroke:var(--line2);stroke-width:1}.otac-root .node.hero rect.box{fill:var(--teal-bg);stroke:#e2b966}.otac-root .node .nt{fill:#414141;font-size:12.5px;font-weight:600;text-anchor:start}.otac-root .node.hero .nt{fill:var(--teal)}.otac-root .node .ns{fill:#797979;font-size:9.5px;text-anchor:start}.otac-root .node.hero .ns{fill:#755516}.otac-root .ic{fill:#8c8c8c}.otac-root .ic.h{fill:var(--teal)}.otac-root .icl{stroke:#8c8c8c;stroke-width:1.6}.otac-root .glow{fill:none;opacity:0;stroke:var(--ok);stroke-width:2.5;transition:opacity .35s}.otac-root .glow.gh{stroke:var(--ok)}.otac-root .glow.on{opacity:.95}.otac-root .glow.bad{stroke:var(--no)}.otac-root .legend{color:var(--muted);display:flex;flex:0 0 auto;flex-wrap:wrap;font-size:10.5px;gap:10px;justify-content:center;padding:3px 0 4px}.otac-root .legend i{border-radius:50%;display:inline-block;height:8px;margin-right:4px;vertical-align:middle;width:8px}.otac-root .ctrls{display:flex;flex:0 0 auto;gap:7px}.otac-root .b{background:#fff;border:1px solid var(--line2);border-radius:var(--radius-sm);color:var(--ink);cursor:pointer;flex:1;font-size:12px;font-weight:600;padding:8px 9px;white-space:nowrap}.otac-root .b:disabled{cursor:default;opacity:.45}.otac-root .b-pri{background:var(--accent);border-color:transparent;color:#fff}.otac-root .b-ghost{background:transparent;color:var(--muted);flex:0 0 auto}.otac-root .b-step{background:var(--teal);border-color:transparent;color:#fff}.otac-root .stepcount{align-items:center;color:var(--muted);display:flex;flex:0 0 auto;font-size:11.5px;font-weight:600;padding:0 6px;white-space:nowrap}.otac-root .log{background:#181818;border-radius:var(--radius-sm);color:#ece5d7;display:flex;flex:0 0 128px;flex-direction:column;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;gap:5px;overflow-y:auto;padding:9px 11px}.otac-root .lg{align-items:center;display:flex;gap:8px}.otac-root .lg:before{background:var(--lgc,#c6b99f);border-radius:50%;content:"";flex:none;height:6px;width:6px}.otac-root .lg-muted{color:#7c7c7c}.otac-root .lg-muted:before{display:none}.otac-root .tour-ov,.otac-root .tour-svg{inset:0;pointer-events:none;position:fixed;z-index:3000}.otac-root .tour-svg{height:100%;width:100%}.otac-root .tour-dim{pointer-events:none}.otac-root .tour-ov .tp{background:rgba(22,22,22,.62);pointer-events:auto;position:fixed}.otac-root .tour-ring{border:2px solid #dfb258;border-radius:8px;box-shadow:0 0 0 3px rgba(223,178,88,.35),0 0 18px rgba(223,178,88,.55);pointer-events:none;position:fixed;transition:left .2s,top .2s,width .2s,height .2s;z-index:3001}.otac-root .tour-pop{background:#fff;border-radius:11px;box-shadow:0 16px 40px rgba(0,0,0,.35);color:#332c1f;font-size:12.5px;line-height:1.55;padding:13px 15px;pointer-events:auto;position:fixed;width:250px;z-index:3002}.otac-root .tour-txt{font-weight:600}.otac-root .tour-bar{align-items:center;display:flex;justify-content:space-between;margin-top:11px}.otac-root .tour-cnt{color:#9a9a9a;font-size:11px;font-weight:700}.otac-root .tour-btns{display:flex;gap:8px}.otac-root .tour-btns button{border:none;border-radius:6px;cursor:pointer;font-size:11.5px;font-weight:700;padding:5px 12px}.otac-root .tour-skip{background:#f5f3ee;color:#696969}.otac-root .tour-next{background:#d8a132;color:#fff}.otac-root .tour-start{align-items:center;background:rgba(22,22,22,.55);display:flex;inset:0;justify-content:center;pointer-events:auto;position:fixed;z-index:3100}.otac-root .tour-start-card{background:#fff;border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.4);max-width:410px;padding:22px 26px;text-align:center}.otac-root .tsc-t{color:#4d3a15;font-size:16px;font-weight:800}.otac-root .tsc-b{color:#696969;font-size:12.5px;line-height:1.55;margin-top:8px;word-break:keep-all}.otac-root .tsc-btns{display:flex;gap:10px;justify-content:center;margin-top:16px}.otac-root .tsc-btns button{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:700;padding:9px 18px}.otac-root .tsc-skip{background:#f5f3ee;color:#696969}.otac-root .tsc-go{background:#d8a132;color:#fff}.otac-root .tour-end{background:#9b711e;border-radius:999px;box-shadow:0 12px 30px rgba(155,113,30,.4);color:#fff;font-size:13px;font-weight:700;left:50%;opacity:0;padding:11px 22px;pointer-events:none;position:fixed;top:24px;transform:translate(-50%,-16px);transition:opacity .35s,transform .35s;z-index:3200}.otac-root .tour-end.show{opacity:1;transform:translate(-50%)}.otac-root .tour-btn{background:#fff;border:1px solid #e6e0d3;border-radius:999px;color:#d8a132;cursor:pointer;font-size:11px;font-weight:700;line-height:1.4;padding:5px 12px}.otac-root .tour-btn:hover{background:#fdfaf4}.otac-root .tour-end.tour-scoped,.otac-root .tour-ov.tour-scoped,.otac-root .tour-ov.tour-scoped .tour-pop,.otac-root .tour-ov.tour-scoped .tour-svg,.otac-root .tour-start.tour-scoped{position:absolute}