:root{color-scheme:dark;--bg:#0b0e0c;--panel:#101512;--panel2:#171d18;--line:#29312b;--muted:#88928a;--text:#e4e8e4;--yellow:#f3c629;--green:#59c47b;--red:#ed5c57;font-family:Inter,Arial,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);background-image:linear-gradient(#e7c62d05 1px,transparent 1px),linear-gradient(90deg,#e7c62d05 1px,transparent 1px);background-size:40px 40px}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}header{height:59px;background:#0b0e0cf5;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}nav{max-width:1280px;height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--text);font-size:19px;font-weight:800;white-space:nowrap}.brand b,.yellow{color:var(--yellow)}.brand svg{width:25px;height:29px;fill:none;stroke:var(--yellow);stroke-width:2}.nav-actions{display:flex;align-items:center;gap:8px}.server-state{font-size:11px;color:var(--muted);margin-right:10px}main{max-width:1280px;margin:24px auto}.btn{border:1px solid #39423a;background:transparent;color:#b7c0b8;border-radius:6px;min-height:43px;padding:10px 15px;font-weight:650;display:inline-flex;justify-content:center;align-items:center;gap:5px}.btn:hover{border-color:#667263;color:var(--text);background:#ffffff04}.btn.small{font-size:12px;min-height:30px;padding:6px 10px}.btn.primary{background:var(--yellow);color:#171b10;border-color:var(--yellow);box-shadow:0 7px 24px #e5b61915}.btn.primary:hover{background:#ffda43}.btn.stop{background:#542a25;border-color:#75413a;color:#ffd1c6;box-shadow:none}.console{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:36px;border:1px solid #3b443b;border-radius:15px;padding:32px;background:radial-gradient(ellipse at 20% 0%,#232a2260,transparent 70%),linear-gradient(#131813,#0f1411);min-height:528px}.console:before,.console:after{content:'';position:absolute;inset:-1px;pointer-events:none;border-radius:15px;background:linear-gradient(var(--yellow),var(--yellow)) top left/13px 2px no-repeat,linear-gradient(var(--yellow),var(--yellow)) top right/13px 2px no-repeat,linear-gradient(var(--yellow),var(--yellow)) bottom left/13px 2px no-repeat,linear-gradient(var(--yellow),var(--yellow)) bottom right/13px 2px no-repeat}.console:after{background:linear-gradient(var(--yellow),var(--yellow)) top left/2px 13px no-repeat,linear-gradient(var(--yellow),var(--yellow)) top right/2px 13px no-repeat,linear-gradient(var(--yellow),var(--yellow)) bottom left/2px 13px no-repeat,linear-gradient(var(--yellow),var(--yellow)) bottom right/2px 13px no-repeat}h1,h2,h3,p{margin-top:0}h1{font-size:24px;font-weight:850;letter-spacing:-.6px}h2{font-size:18px;font-weight:800;margin:0}h3{font-size:14px}p{line-height:1.6;color:#afb8b0}.main-column{min-width:0}.onboarding>p{font-weight:550;margin-bottom:24px}.guide{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:28px}.guide img{width:100%;border-radius:10px;border:1px solid #394137}.guide ol{margin:0;padding:0;list-style:none}.guide li{display:flex;align-items:flex-start;gap:15px;padding:17px 0;line-height:1.5;color:#b8c0b9;font-weight:550}.guide li+li{border-top:1px solid var(--line)}.guide li>b{display:grid;place-items:center;background:var(--yellow);color:#192013;width:30px;height:30px;border-radius:50%;flex:none;font-size:14px}.guide strong{color:#e4e8e4}.demo-line{display:flex;gap:14px;align-items:center;margin-top:22px;color:var(--muted);font-size:12px}.text-button{background:none;border:0;padding:5px 0;color:var(--yellow);font-weight:600}aside{border-left:1px solid var(--line);padding-left:36px;min-width:0}aside>h2{margin-bottom:14px}.map-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:47px;border:1px solid #39423a;background:#171d18;color:#b6beb7;border-radius:6px;font-weight:650}.map-button>span:last-child{color:var(--muted);margin-left:4px}#listenBtn{width:100%;height:48px;margin-top:12px;font-size:14px}.split-actions{display:flex;margin-top:12px}.split-actions>.btn{flex:1;border-radius:6px 0 0 6px}.auto{display:flex;align-items:center;gap:5px;padding:9px 12px;border:1px solid #39423a;border-left:0;border-radius:0 6px 6px 0;color:var(--yellow);font-weight:650;font-size:12px}.auto input{accent-color:var(--yellow);margin:0}.phone-button{width:100%;margin-top:12px}.phone-button i{width:6px;height:6px;border-radius:50%;background:var(--green);display:none}.phone-button.connected i{display:block}.wave{height:81px;border:1px solid var(--line);border-radius:10px;margin-top:16px;overflow:hidden;background:repeating-linear-gradient(0deg,transparent,transparent 19px,#31382e 20px)}.wave canvas{width:100%;height:100%;display:block}.source-status{font-size:11px;color:var(--muted);margin:9px 0 14px;line-height:1.5}.source-status.warn{color:#e1b86b}.candidate-list{display:grid;gap:10px}.result-group{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#121813}.result-head{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border-bottom:1px solid var(--line);gap:10px}.result-head span{font-size:12px;font-weight:750;line-height:1.5}.result-head small{display:block;color:var(--yellow);background:#a68c181a;width:max-content;margin-top:5px;padding:1px 6px;border-radius:3px}.result-head>b{font:700 16px ui-monospace,monospace}.candidate{position:relative;padding:10px 12px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;border-left:3px solid var(--rc)}.candidate+.candidate{border-top:1px solid var(--line)}.candidate img{width:42px;height:45px;object-fit:contain;background:#25292180;border:1px solid var(--line);border-radius:5px}.candidate-name{font-size:13px;font-weight:700;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.candidate small{display:block;font-size:11px;margin-top:4px;color:var(--rc)}.candidate>b{font:700 13px ui-monospace,monospace}.adjust{margin-top:16px;border:1px solid var(--line);border-radius:8px;padding:10px 12px;color:var(--muted);font-size:12px}.adjust summary{cursor:pointer}.adjust label{display:block;margin-top:12px}select,input[type=password]{width:100%;margin-top:5px;background:#0d130e;border:1px solid #3a443b;border-radius:5px;color:var(--text);min-height:34px;padding:6px}.two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.adjust .btn{margin-top:12px;width:100%}.sound-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:25px}.sound-heading h1{font-size:22px;margin:0;color:var(--yellow)}.sound-heading>span:not(.badge){color:#a6b1a7;font-size:13px;font-weight:550}.badge{font-size:11px;border-radius:20px;padding:3px 8px;background:#203c2a;color:#91d9a6;font-weight:750}.sound-heading time{color:var(--muted);font-size:11px}.best{display:flex;align-items:center;gap:13px;min-height:44px;border:1px solid var(--line);background:#0e140f;border-radius:10px;padding:10px 14px;font-size:12px;color:var(--muted)}.best>span:first-child{font:10px ui-monospace,monospace;letter-spacing:1px}.best>b{font-size:18px;color:var(--text)}mark{background:#5c4d10;color:#f7d858;padding:3px 7px;border-radius:4px;font-size:9px;font-weight:700;margin-left:auto}.context{display:flex;align-items:center;gap:9px;border:1px dashed #384238;border-radius:10px;padding:10px 14px;font-size:12px;color:#97a198;margin:16px 0}.context>span{flex:1}.grid-panel{border:1px solid var(--line);border-radius:10px;padding:16px;background:#0e140fc0}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.panel-title>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.panel-title h2{font-size:14px}.panel-title span{color:var(--muted);font-size:11px}.grid-host{position:relative;max-width:510px;margin:0 auto;min-height:360px}.merchant-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:3px;position:relative}.grid-cell{border:1px dashed #273126;border-radius:3px;min-width:0;min-height:0;background:transparent;pointer-events:none}.cargo{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid #3e483d;border-radius:4px;background:#1c231c;color:#a8b0a7;overflow:hidden;padding:3px;cursor:pointer;text-align:left}.cargo:hover{border-color:#899478;background:#252c22}.cargo.uncommon{border-color:#3c7750}.cargo.active{border-color:var(--yellow);border-style:dashed}.cargo.has-red{background:#482523;border-color:#dd514b}.cargo-label{font-size:8px;line-height:1.2;overflow:hidden;max-height:22px}.cargo-price{position:absolute;left:3px;bottom:3px;font:700 9px ui-monospace,monospace;z-index:1;text-shadow:0 1px 3px #000}.cargo-size{position:absolute;right:3px;bottom:3px;font-size:8px;color:#85927e}.cargo-icons{flex:1;min-height:0;display:grid;place-content:center;gap:2px;grid-template-columns:repeat(var(--cols,2),minmax(0,1fr));width:100%;padding-bottom:10px}.cargo-icon{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;position:relative;border-bottom:2px solid var(--rc)}.cargo-icon img{width:100%;height:100%;object-fit:contain;min-height:0;max-height:100%}.cargo-icon small{position:absolute;bottom:2px;right:0;background:#101510d9;color:#e1e5df;font:9px ui-monospace,monospace;padding:1px}.cargo[data-small="true"] .cargo-icon small,.cargo[data-small="true"] .cargo-size{display:none}.cargo-more{position:absolute;right:3px;top:40%;font-size:10px;font-weight:700}.grid-empty{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:var(--muted);font-size:13px}.session-status{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px;color:var(--muted);padding:13px 0}.session-status>span:first-child{display:flex;align-items:center;gap:8px}.session-status i{display:block;width:6px;height:6px;border-radius:50%;background:#626a61}.session-status i.live{background:var(--green);box-shadow:0 0 8px #59c47b55}.before{margin-top:35px}.before>h2{margin-bottom:18px;font-size:23px}.tips{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#101612}.tips>div{display:grid;grid-template-columns:25px 260px 1fr;gap:15px;align-items:center;padding:18px 24px}.tips>div+div{border-top:1px solid var(--line)}.tips>div>span{color:var(--yellow);font-size:20px}.tips b{font-size:14px}.tips p{font-size:13px;margin:0;color:#bdc6bc}footer{display:flex;justify-content:space-between;gap:20px;color:#788276;font-size:11px;line-height:1.6;margin:35px 0 20px}dialog{background:#171e17;color:var(--text);border:1px solid #3c493b;border-radius:15px;padding:20px;width:min(600px,calc(100vw - 32px));max-height:90vh;overflow:auto;box-shadow:0 24px 100px #0006}dialog::backdrop{background:#030704c9;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.dialog-head h2,.dialog-head h3{margin:0;flex:1}.close{display:grid;place-items:center;width:30px;height:30px;border:1px solid #3d483c;border-radius:6px;background:transparent;color:#a5b0a2;font-size:21px;cursor:pointer}.map-dialog{width:min(1280px,calc(100vw - 40px));padding:0}.map-dialog .dialog-head{padding:18px 23px;margin:0;background:#101611}.map-options{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#3e4839}.map-card{position:relative;min-height:200px;border:0;text-align:left;padding:24px;color:#edf1e9;overflow:hidden;background:#1a241d}.map-card:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#050c06ed,transparent 95%),radial-gradient(ellipse at 80% 10%,#596948,transparent 65%);transition:opacity .2s}.map-card:hover:before{opacity:.65}.map-card>span{position:absolute;bottom:25px;left:24px}.map-card b{display:block;font-size:29px;letter-spacing:-.5px;font-weight:850}.map-card small{display:block;margin-top:8px;font-size:13px;font-weight:600;color:#d2d9cb}.map-card .dots{display:flex;gap:6px;margin-top:8px}.dots i{width:12px;height:12px;border-radius:50%;background:#e7e9e0}.dots i.yellow{background:var(--yellow)}.dots i.red{background:#ed5354}.map-options.modes{grid-template-columns:1fr}.map-options.modes .map-card{min-height:180px}.phone-content{display:grid;grid-template-columns:222px 1fr;gap:22px;align-items:center;margin-top:20px}.qr-box{border:1px solid var(--line);border-radius:10px;background:#10170f;padding:12px;text-align:center}.qr-box img{width:196px;height:196px;background:white;border-radius:6px;padding:6px;display:block}.qr-box>span{font-size:11px;color:var(--muted);display:block;margin-top:12px}.phone-instructions{display:grid;gap:10px}.phone-instructions>div{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);background:#10160f;border-radius:10px}.phone-instructions>div>span{color:var(--yellow);background:#55491044;border-radius:8px;font-size:23px;padding:6px}.phone-instructions p{margin:0;font-size:13px}.phone-instructions b{color:var(--text);display:block}.phone-instructions small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.dialog-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:14px;margin-top:18px;font-size:12px;color:var(--muted)}.dialog-foot .connected{color:var(--green)}.muted{font-size:12px;color:var(--muted);line-height:1.6;margin:14px 0 0}.help-list{padding-left:22px;line-height:1.8;color:#bdc5b9}.help-list li{padding:5px}.cargo-dialog{width:min(530px,calc(100vw - 30px));background:#111810;padding:13px;border-radius:9px}.cargo-dialog .dialog-head h3{font-size:12px;color:#a3afa0;font-weight:550}.cargo-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:65vh;overflow:auto}.popup-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1a2218;border-radius:6px;padding:10px 8px;min-height:130px;text-align:center}.popup-item img{height:90px;width:100%;object-fit:contain;border-bottom:3px solid var(--rc);padding-bottom:5px}.popup-item>b{font:750 14px ui-monospace,monospace;margin-top:7px}.popup-item>span{font-size:10px;color:var(--muted);margin-top:6px;line-height:1.3}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:min(600px,90vw);padding:14px 20px;background:#23301f;border:1px solid #5b7151;color:#e4e9de;box-shadow:0 10px 40px #0008;border-radius:9px;z-index:99;font-size:13px}.mini-body{background:#090f0a;background-image:none;margin:0;padding:10px;font-size:12px}.mini-body .mini-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px;gap:7px;margin:10px 0}.mini-body .mini-top>div{display:flex;gap:6px;align-items:center}.mini-body .mini-top .btn{min-height:23px;padding:3px 7px;font-size:10px}.mini-legend{display:flex;gap:7px;font-size:9px;white-space:nowrap;color:var(--muted)}.mini-legend i{display:inline-block;width:8px;height:8px;background:var(--green);border-radius:2px;margin-right:3px}.mini-legend i.blue{background:#54a9ff}.flow{border:1px solid #5b5116;border-radius:11px;background:#4d431017;padding:12px 10px}.flow.ok{border-color:#245b32;background:#214e2412}.flow-steps{display:flex;justify-content:space-between;gap:3px;color:#7d8d76;font-size:9px}.flow-steps span{display:flex;gap:3px;align-items:center}.flow-steps b{width:14px;height:14px;border-radius:50%;background:#526147;color:#081007;display:grid;place-items:center;font-size:9px}.flow.ok .flow-steps b{background:var(--green)}.flow h2{font-size:19px;color:var(--yellow);margin:12px 0 10px}.flow.ok h2{color:var(--green)}.flow p{margin:0;font-size:11px;color:#9cac93;line-height:1.5}.mini-body .grid-host{max-width:none;min-height:260px}.mini-body .cargo{padding:2px}.mini-body .cargo-size{display:none}.mini-body .cargo-icons{padding-bottom:8px}.mini-body .cargo-price{font-size:8px}.mini-body .cargo-label{font-size:8px}.mini-body .cargo-dialog{position:fixed;margin:auto}.mini-body .popup-item{padding:8px 5px;min-height:110px}.mini-body .popup-item img{height:80px}.mini-body .popup-item>span{display:none}.mini-body .cargo-items{gap:5px}.mini-body .grid-empty{font-size:12px;padding:20px}.mini-body .mini-status{color:#798971;font:10px ui-monospace,monospace;white-space:pre-wrap;line-height:1.5;margin-top:12px}.phone-body{max-width:700px;margin:auto;padding:16px;background:#090f0b}.phone-body .flow{margin-bottom:17px}.phone-body .mini-top{font-size:12px;margin-bottom:12px}.phone-body .cargo-label{font-size:11px}.phone-body .cargo-price{font-size:11px}.phone-body .cargo-icon small{font-size:11px}.phone-body .mini-top .btn{display:none}
@media(max-width:1320px){nav,main{margin-left:30px;margin-right:30px}}@media(max-width:1000px){.console{grid-template-columns:minmax(0,1fr) 290px;gap:22px;padding:24px}aside{padding-left:22px}.guide{grid-template-columns:1fr;gap:10px}.guide img{max-width:310px;margin:auto}.guide li{padding:12px 0}.tips>div{grid-template-columns:22px 205px 1fr;gap:12px}.demo-line{flex-wrap:wrap;gap:5px}}@media(max-width:720px){nav{margin:0 16px}.server-state{display:none}.brand{font-size:16px}.nav-actions{gap:5px}main{margin:16px}.console{display:flex;flex-direction:column-reverse;padding:20px;gap:25px}aside{border-left:0;padding:0;border-bottom:1px solid var(--line);padding-bottom:18px}.candidate-list{max-height:360px;overflow:auto}.wave{height:50px}.guide{grid-template-columns:1fr}.guide img{max-width:400px}.guide ol{display:grid;gap:4px}.guide li{padding:12px 0}h1{font-size:21px}.tips>div{grid-template-columns:22px 1fr;padding:16px}.tips p{grid-column:2}.tips b{font-size:13px}.map-options{grid-template-columns:1fr}.map-card{min-height:150px}.map-card b{font-size:25px}.phone-content{grid-template-columns:1fr}.qr-box{width:max-content;margin:auto}.phone-instructions{grid-template-columns:1fr 1fr;gap:8px}.phone-instructions>div{padding:10px;gap:7px}.phone-instructions>div>span{font-size:18px}.phone-instructions small{font-size:10px}.sound-heading{gap:8px}.grid-panel{padding:12px}.panel-title>div{gap:5px}.context{flex-wrap:wrap}.context>span{flex-basis:65%}.session-status{align-items:flex-start;line-height:1.6}.session-status>span:last-child{white-space:nowrap}footer{flex-direction:column;gap:7px}.best{flex-wrap:wrap;gap:8px}.onboarding h1{margin-bottom:10px}}