*{box-sizing:border-box}body{margin:0;background:#02040b;color:#cfe8ff;font-family:Inter,Segoe UI,Arial,sans-serif;overflow:hidden}
#scene{position:fixed;inset:0}
header{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;gap:16px;padding:14px 22px;background:linear-gradient(#02040bdd,#02040b00);z-index:5}
.brand{font-weight:800;letter-spacing:6px;font-size:20px;color:#7fe6ff;text-shadow:0 0 12px #2bd2ff}.brand small{letter-spacing:2px;font-weight:400;font-size:11px;color:#7aa;margin-left:8px}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#2bd2ff;box-shadow:0 0 12px #2bd2ff;margin-right:10px;animation:p 1.5s infinite}@keyframes p{50%{opacity:.3}}
.badge{border:1px solid #ffb84d;color:#ffb84d;padding:3px 10px;border-radius:20px;font-size:12px}
.ctrl{margin-left:auto;display:flex;gap:8px}button{background:#0b2233;border:1px solid #2bd2ff;color:#bff3ff;padding:8px 14px;border-radius:8px;cursor:pointer;font-weight:600}button:hover{background:#12405e}button.on{background:#2bd2ff;color:#001}
#stepbar i{width:34px;height:4px;background:#163040;border-radius:2px}#stepbar i.d{background:#2bd2ff;box-shadow:0 0 8px #2bd2ff}

#steptitle{font-size:20px;font-weight:700;margin:4px 0}#stepdesc{font-size:13px;color:#9bb}

#feed{overflow-y:auto;padding:0 12px 20px;flex:1}
.it{margin:8px 0;font-size:13px;animation:in .4s}@keyframes in{from{opacity:0;transform:translateX(30px)}}
.act{border-left:2px solid #2bd2ff;padding:4px 10px;color:#bfe}.act b{color:#7fe6ff}.act .t{font-size:10px;color:#577}
.wa{background:#0b1f17;border:1px solid #1f5c3f;border-radius:10px;padding:8px 10px}.wa .h{font-size:11px;color:#4fdc8f;margin-bottom:4px}
.bub{padding:7px 10px;border-radius:10px;margin:4px 0;max-width:88%;white-space:pre-line}.bub.out{background:#005c4b;margin-left:auto}.bub.in{background:#1f2c33}
.call{background:#1b1230;border:1px solid #6b4bd8;border-radius:10px;padding:8px 10px}.call .h{color:#b49cff;font-size:11px;display:flex;justify-content:space-between}
.call .tr{font-size:12px;margin:3px 0}.call .tr b{color:#d7c8ff}
.sig{background:#1f1708;border:1px solid #8a6416;border-radius:10px;padding:8px 10px}.sig .h{color:#ffb84d;font-size:11px}.sig s{color:#665}
.win{position:fixed;left:50%;top:52%;width:760px;max-width:62vw;transform:translate(-62%,-50%);z-index:6;border-radius:12px;overflow:hidden;box-shadow:0 0 60px #2bd2ff66,0 0 0 1px #2bd2ff88;transition:transform .9s cubic-bezier(.2,.9,.2,1.1),opacity .9s;background:#f3f3f3;color:#181818}
.win.hidden{transform:translate(-62%,-50%) translateZ(0) scale(.05) rotateX(60deg) rotateZ(-20deg);opacity:0;pointer-events:none}
.wbar{background:#dde1e6;padding:8px 10px;display:flex;align-items:center;gap:6px}.wbar span{width:11px;height:11px;border-radius:50%}.r{background:#ff5f56}.y{background:#ffbd2e}.g{background:#27c93f}
.url{margin-left:12px;background:#fff;border-radius:6px;padding:3px 10px;font-size:12px;color:#555;flex:1}
.sfnav{background:#fff;border-bottom:3px solid #0176d3;padding:8px 14px;display:flex;gap:16px;align-items:center;font-size:13px}.sfnav .logo{width:34px;height:24px;background:#00a1e0;border-radius:12px;color:#fff;font-size:9px;display:flex;align-items:center;justify-content:center;font-weight:700}
.sfnav .tab{color:#444}.sfnav .tab.a{color:#0176d3;font-weight:700}
.sfhead{background:#fff;margin:12px;border-radius:6px;padding:12px 14px;border:1px solid #ddd}.sfhead .k{font-size:11px;color:#666}.sfhead .n{font-size:20px;font-weight:700}
.path{display:flex;margin:10px 12px}.path div{flex:1;background:#ecebea;color:#444;font-size:11px;padding:7px 4px;text-align:center;clip-path:polygon(0 0,92% 0,100% 50%,92% 100%,0 100%,8% 50%);transition:.4s}.path div.done{background:#2e844a;color:#fff}.path div.cur{background:#0176d3;color:#fff}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;background:#fff;margin:12px;border:1px solid #ddd;border-radius:6px;padding:12px}
.f label{font-size:11px;color:#666;display:block}.f .v{border-bottom:1px solid #ddd;min-height:22px;font-size:14px;padding:2px 0}.f .v.typing{background:#fff8d6}
.caret::after{content:"|";animation:p .8s infinite;color:#0176d3}
.ats{background:#f6f7fb;padding:12px}.ats h4{margin:2px 0 10px;color:#4b3fbd}.cols{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.col{background:#e9ebf4;border-radius:8px;padding:6px;min-height:150px}.col h5{margin:2px 0 6px;font-size:11px;color:#555}
.card{background:#fff;border-radius:6px;padding:6px;font-size:11px;box-shadow:0 1px 3px #0002;margin-bottom:6px;transition:.5s}.card b{display:block;font-size:12px}.card.hl{box-shadow:0 0 0 2px #6b4bd8}
.toast{position:absolute;right:16px;bottom:14px;background:#2e844a;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;opacity:0;transition:.4s}.toast.s{opacity:1}
.wbody{position:relative;min-height:300px}
.lbl small{display:block;color:#678;letter-spacing:0;font-size:10px}

.vign{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 50%,#000c 100%);z-index:1}
#labels{position:fixed;inset:0;pointer-events:none;z-index:2}
.lb{position:absolute;font-size:10px;color:#e8f6ff;white-space:nowrap;transform:translate(8px,-50%);text-shadow:0 0 4px #000}
.lb.h{font-size:12px;font-weight:700;letter-spacing:2px;color:#fff}
#clock{position:absolute;left:50%;transform:translateX(-50%);text-align:center;border:1px solid #2bd2ff55;padding:4px 22px;background:#04142288;clip-path:polygon(8% 0,92% 0,100% 100%,0 100%)}
#time{font-size:20px;color:#7fe6ff;letter-spacing:3px;font-family:monospace}#date{font-size:10px;color:#6aa;letter-spacing:2px}
#left,#right{position:fixed;top:64px;bottom:14px;width:300px;display:flex;flex-direction:column;gap:10px;z-index:5}#left{left:14px}#right{right:14px}
.panel{position:relative;background:linear-gradient(160deg,#06213acc,#030c18cc);border:1px solid #2bd2ff44;border-radius:4px;padding:8px 12px;backdrop-filter:blur(6px);box-shadow:inset 0 0 20px #2bd2ff14}
.panel::before,.panel::after{content:"";position:absolute;width:12px;height:12px;border:2px solid #2bd2ff}.panel::before{top:-2px;left:-2px;border-right:0;border-bottom:0}.panel::after{bottom:-2px;right:-2px;border-left:0;border-top:0}
.panel h3{margin:0 0 6px;font-size:10px;letter-spacing:3px;color:#2bd2ff;text-transform:uppercase}
.grow{flex:1;min-height:0;display:flex;flex-direction:column}#feed,#mission{overflow-y:auto;flex:1}
.sb{font-size:10px;color:#9cc;margin:4px 0}.sb i{display:block;height:4px;background:#0d2a3a;margin-top:2px}.sb i b{display:block;height:100%;background:linear-gradient(90deg,#2bd2ff,#7fe6ff);box-shadow:0 0 6px #2bd2ff;transition:width 1s}
.cwrap{display:flex;gap:10px;align-items:center}.av{width:40px;height:40px;border-radius:50%;border:2px solid #2bd2ff;display:flex;align-items:center;justify-content:center;font-weight:700;color:#7fe6ff;box-shadow:0 0 10px #2bd2ff66}
#cname{font-size:13px;color:#fff}#ctype{font-size:10px;color:#4fdc8f;letter-spacing:1px}#wave{width:100%;height:46px;margin-top:6px}
.cbtn{display:flex;gap:6px;font-size:10px}.cbtn span{flex:1;text-align:center;padding:4px;border-radius:3px}.acc{background:#0f3d2a;color:#4fdc8f;border:1px solid #4fdc8f}.dec{background:#3d0f16;color:#ff6b7d;border:1px solid #ff6b7d}
#legend div{display:flex;align-items:center;gap:8px;font-size:11px;margin:2px 0;transition:.3s}#legend span{width:9px;height:9px;border-radius:50%}#legend em{margin-left:auto;color:#6aa;font-style:normal}#legend div.on{color:#fff;text-shadow:0 0 8px #2bd2ff}
#ring{position:relative;height:210px}#ring svg{width:210px;height:210px;display:block;margin:auto}#ring circle{fill:none;stroke:#2bd2ff;stroke-width:3;opacity:.8}#ring .thin{stroke-width:1;opacity:.5}#ring .arc{stroke:#ff9d2b;stroke-width:6;filter:drop-shadow(0 0 6px #ff9d2b)}
.r1{animation:rot 30s linear infinite;transform-origin:100px 100px}.r2{animation:rot 18s linear infinite reverse;transform-origin:100px 100px}.r3{animation:rot 4s linear infinite;transform-origin:100px 100px}@keyframes rot{to{transform:rotate(360deg)}}
.rtxt{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.rname{font-size:15px;letter-spacing:3px;color:#fff;font-weight:700}#status{font-size:12px;letter-spacing:3px;color:#ffb84d;margin:4px 0}.chip{font-size:9px;border:1px solid #2bd2ff66;padding:2px 6px;border-radius:3px;color:#7fe6ff}
.mi{font-size:11px;padding:4px 0;color:#678;border-bottom:1px solid #0e2a3a}.mi.cur{color:#ffb84d}.mi.done{color:#bfe}.mi.done::before{content:"✓ ";color:#4fdc8f}
#reticle{position:fixed;left:50%;top:50%;width:200px;height:200px;transform:translate(-50%,-50%);z-index:2;pointer-events:none;opacity:.35;animation:rot 40s linear infinite}#reticle *{fill:none;stroke:#2bd2ff;stroke-width:1}
#caption{position:fixed;left:50%;transform:translateX(-50%);bottom:16px;width:520px;z-index:5;text-align:center;background:#04101cbb;border:1px solid #2bd2ff44;padding:10px 16px;backdrop-filter:blur(6px)}
#stepno{font-size:10px;color:#2bd2ff;letter-spacing:3px}#steptitle{font-size:18px;font-weight:700;margin:3px 0}#stepdesc{font-size:12px;color:#9bb}
.win{left:50%;transform:translate(-50%,-50%);width:640px;max-width:calc(100vw - 660px)}.win.hidden{transform:translate(-50%,-50%) scale(.05) rotateX(60deg) rotateZ(-20deg)}

.ov{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:radial-gradient(#02101ccc,#000e);backdrop-filter:blur(4px);transition:opacity .6s}.ov.gone{opacity:0;pointer-events:none}
.ovin{text-align:center;position:relative}.bigring{width:300px;height:300px;margin:auto;border-radius:50%;border:2px dashed #2bd2ff;box-shadow:0 0 40px #2bd2ff66,inset 0 0 40px #2bd2ff44;animation:rot 20s linear infinite;border-top-color:#ff9d2b}
.ovt{position:absolute;top:120px;left:0;right:0;font-size:28px;letter-spacing:8px;color:#fff;text-shadow:0 0 14px #2bd2ff}.ovs{margin:20px 0;color:#7aa;letter-spacing:2px;font-size:12px}
#startdemo,#go{font-size:16px;padding:12px 34px;letter-spacing:3px;box-shadow:0 0 20px #2bd2ff66}#go:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}
.spanel{width:min(980px,94vw);padding:18px 22px}.hint{color:#ffb84d;font-size:13px;margin-bottom:14px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.rc{border:1px solid #2bd2ff44;background:#04182a;padding:10px;border-radius:4px}.rc h4{margin:0 0 8px;font-size:12px;color:#7fe6ff;letter-spacing:1px}
.rc input{width:100%;margin:4px 0;background:#020a14;border:1px solid #1d4a63;color:#fff;padding:8px;border-radius:3px;font-size:13px}.rc input:focus{outline:none;border-color:#2bd2ff;box-shadow:0 0 8px #2bd2ff66}.rc input.bad{border-color:#ff6b7d}.err{color:#ff6b7d;font-size:11px;min-height:14px}
.win{width:920px;max-width:calc(100vw - 640px);font-size:12px}.wbody{max-height:72vh;overflow:hidden;background:#f3f2f2}
.lx-top{background:#fff;display:flex;align-items:center;gap:14px;padding:6px 12px;border-bottom:1px solid #e5e5e5}.yerlogo{width:70px;height:24px}
.lx-search{flex:1;max-width:340px;margin:auto;border:1px solid #c9c9c9;border-radius:4px;padding:4px 10px;color:#777;font-size:11px}.lx-ic{color:#706e6b;font-size:12px;letter-spacing:4px}.lx-av{background:#1b2a5c;color:#fff;border-radius:50%;padding:3px 5px;font-size:9px;letter-spacing:0}
.lx-nav{background:#fff;display:flex;gap:12px;padding:6px 12px;font-size:10.5px;color:#181818;border-bottom:1px solid #ddd;white-space:nowrap;overflow:hidden}.lx-nav span.a{border-bottom:3px solid #0176d3;padding-bottom:3px}.lx-app{font-weight:700}.lx-rec{color:#0176d3;font-style:italic;border-bottom:3px solid #0176d3}
.lx-page{padding:8px}.lx-head{background:#fff;border-radius:6px;padding:10px 12px;box-shadow:0 1px 2px #0002}.lx-hrow{display:flex;align-items:center;gap:10px}
.lx-crown{background:#ff5d2d;color:#fff;width:26px;height:26px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:15px}.lx-head .k{font-size:10px;color:#444}.lx-head .n{font-size:16px;font-weight:700}
.lx-btns{margin-left:auto;display:flex}.lx-btns span{border:1px solid #c9c9c9;color:#0176d3;padding:4px 8px;font-size:10px;margin-left:-1px;background:#fff}.lx-btns span:first-child{border-radius:14px 0 0 14px}.lx-btns span:last-child{border-radius:0 14px 14px 0}
.lx-hf{display:flex;gap:30px;margin-top:10px;font-size:11px}.lx-hf label,.lx-f label{display:block;font-size:10px;color:#666}a{color:#0176d3;text-decoration:underline}.lx-own::before{content:"👤 ";}.lx-own{color:#0176d3;text-decoration:underline}
.lx-pathrow{display:flex;align-items:center;gap:8px;background:#fff;margin:8px 0;padding:6px 8px;border-radius:6px}.lx-pathrow .path{flex:1;margin:0}.lx-pathrow .path div{background:#e3e3e3;font-size:10px}.lx-pathrow .path div.done{background:#9be3dc;color:#055}.lx-pathrow .path div.cur{background:#0b827c;color:#fff}
.lx-fase{background:#0176d3;color:#fff;border-radius:14px;padding:5px 12px;font-size:10px;white-space:nowrap}
.lx-body{display:grid;grid-template-columns:2fr 1fr;gap:8px}.lx-main,.lx-side{background:#fff;border-radius:6px;padding:8px 10px}.lx-tabs{display:flex;gap:18px;font-size:11px;border-bottom:1px solid #ddd;padding-bottom:5px}.lx-tabs .a{border-bottom:2px solid #0176d3;font-weight:700}
.lx-sec{background:#f3f3f3;border-radius:4px;padding:4px 8px;margin:8px 0;font-weight:600;font-size:12px}.lx-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 16px}
.lx-f{border-bottom:1px solid #e5e5e5;padding:3px 0}.lx-f .v{min-height:15px;font-size:11px}.lx-f.hl{background:#eef8ff}.lx-f .v.typing{background:#fff8d6}
.lx-map{height:56px;margin:4px 0;border-radius:4px;background:linear-gradient(135deg,#cfe8d0,#bfd9ef 50%,#e6e2d6);display:flex;align-items:center;justify-content:center;font-size:18px}
.lx-card{border:1px solid #ddd;border-radius:6px;margin-top:8px;padding:6px 8px;font-size:11px}.lx-card table{width:100%;border-collapse:collapse;margin-top:4px}.lx-card th{background:#f3f3f3;text-align:left;font-weight:600;font-size:10px;padding:3px}.lx-card td{padding:3px;border-top:1px solid #eee}
.ats.lx-page .cols{margin-top:8px}.ats .col{background:#fff;border:1px solid #ddd}.ats .col h5{color:#0b827c;border-bottom:2px solid #9be3dc;padding-bottom:3px}.ats .card{border-left:3px solid #0176d3}
.lx-q{display:inline-block;width:70px;height:8px;background:#e5e5e5;vertical-align:middle}.lx-q i{display:block;height:100%;background:#2e844a;transition:width 1s}
.lx-kand{background:#fff;margin:8px 0;border-radius:6px;padding:7px;text-align:center;color:#2e844a;font-weight:700;font-size:11px;letter-spacing:1px}
.tle{border-left:2px solid #c9c9c9;padding:4px 8px;margin:4px 0;font-size:10.5px}.tle.new{border-color:#2bd2ff;background:#eaf9ff;animation:in .4s}.yv{color:#0176d3;font-weight:700}
.lx-side .lx-tabs span{font-size:11px}

.live{display:block;margin:10px 0;opacity:.6;font-size:13px;cursor:not-allowed}
.skip{margin-left:12px;background:transparent;border:1px solid #2bd2ff;color:#2bd2ff;font-weight:600}.skip:hover{background:rgba(43,210,255,.15)}