:root{color-scheme:dark;--bg:#111715;--panel:#19221e;--line:#2b3830;--ink:#e6eee7;--muted:#8a9c90;--green:#b1ed94;--amber:#e2b97a;font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:4px}button{color:inherit}.shell{max-width:1040px;margin:auto;padding:0 40px}header{height:110px;display:flex;align-items:center;justify-content:space-between}.icon-button{display:grid;place-items:center;border:1px solid var(--line);width:36px;height:36px;border-radius:50%;background:transparent;color:var(--muted)}.icon-button:hover{background:var(--panel);color:var(--ink)}.heading{display:flex;align-items:center;justify-content:space-between;padding:12px 0 24px}.health{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--green)}.health>i{width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px #b1ed9410}.badge{background:#293328;padding:3px 6px;color:#a9bea9;font-size:10px;border-radius:3px;margin-left:3px}h1{font-size:25px;font-weight:500;letter-spacing:-.5px;margin:0}h2{font-size:21px;font-weight:500;margin:0}.overview{display:flex;align-items:center;gap:26px;padding:0 0 25px;color:var(--muted);font-size:12px}.overview b{color:var(--ink);font-size:17px;font-weight:450;margin-left:6px;font-variant-numeric:tabular-nums}.overview time{margin-left:auto;font-size:11px}.lanes{display:flex;flex-direction:column;gap:12px}.lane{background:var(--panel);border:1px solid #253129;border-radius:12px;padding:24px 26px;position:relative;overflow:hidden}.lane-top{display:flex;align-items:center;gap:10px}.platform-icon{width:29px;height:29px;border-radius:50%;background:#2a3930;color:var(--green);display:grid;place-items:center;font-size:14px;font-weight:600}.lane h2{font-size:17px;font-weight:500}.lane-status{margin-left:auto;font-size:11px;color:var(--green);display:flex;align-items:center;gap:7px}.lane-status::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.lane-status.waiting{color:var(--amber)}.lane-status.idle{color:var(--muted)}.lane-body{display:grid;grid-template-columns:1fr 1.7fr 115px;align-items:center;gap:28px;margin-top:26px}.queue{height:34px;display:flex;align-items:center;gap:7px;position:relative;overflow:hidden}.queue::after{content:'';position:absolute;right:0;width:1px;height:20px;background:#425044}.waiting-dot{height:9px;width:9px;flex:none;background:var(--amber);border-radius:3px;animation:wait 2.2s ease-in-out infinite}.waiting-dot:nth-child(3n){animation-delay:-.7s}.waiting-dot:nth-child(3n + 1){animation-delay:-1.4s}.flow{height:34px;position:relative;overflow:hidden;border-top:1px solid #304031;border-bottom:1px solid #304031;border-radius:3px;background:#1c2b21}.particle{position:absolute;width:24px;height:3px;border-radius:4px;top:14px;left:-26px;background:var(--green);box-shadow:0 0 8px #b1ed9430;animation:flow 3.4s linear infinite}.particle:nth-child(2){animation-delay:-.56s}.particle:nth-child(3){animation-delay:-1.12s}.particle:nth-child(4){animation-delay:-1.68s}.particle:nth-child(5){animation-delay:-2.24s}.particle:nth-child(6){animation-delay:-2.8s}.flow.is-idle{border-color:#29372e;background:transparent}.flow.is-idle::after{content:'空闲';display:grid;place-items:center;height:100%;color:#667d6c;font-size:10px}.numbers{text-align:right;font-variant-numeric:tabular-nums}.numbers strong{font-size:27px;font-weight:450;letter-spacing:-1px}.numbers small{color:var(--muted);font-size:12px}.numbers .queued{display:block;font-size:11px;color:var(--amber);margin-top:5px}.numbers .queued.zero{color:var(--muted)}.none{font-size:11px;color:#758b7b}.extra{font-size:10px;color:var(--amber)}.lane-bottom{display:flex;justify-content:space-between;margin-top:16px;font-size:10px;color:#7e9385}.lane-bottom span:last-child{max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error{font-size:12px;color:var(--amber);padding:12px 0 20px}.stale .lane{opacity:.45}.stale .lane *{animation-play-state:paused!important}.stale .health{color:var(--amber)}.stale .health>i{background:var(--amber)}.paused *{animation-play-state:paused!important}footer{display:flex;justify-content:space-between;padding:23px 2px 45px;color:#829688;font-size:10px}footer>span:first-child{display:flex;align-items:center;gap:7px}.key{width:5px;height:5px;display:inline-block;border-radius:50%}.key.amber{margin-left:12px;background:var(--amber)}.key.green{background:var(--green)}dialog{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:14px;max-width:530px;width:calc(100% - 28px);padding:27px;max-height:90vh}dialog::backdrop{background:#0009}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}label{display:block;font-size:12px;color:var(--muted);margin:17px 0 9px}label small{font-size:10px;margin-left:6px;color:#748878}.input-line{display:flex;gap:8px}input{width:100%;min-width:0;background:var(--bg);border:1px solid var(--line);color:var(--ink);border-radius:5px;padding:10px 12px}.secondary{background:#2b3a30;border:0;white-space:nowrap;border-radius:5px;padding:0 14px;font-size:12px}.mapping-head{display:flex;justify-content:space-between;align-items:center;margin:28px 0 12px}.mapping-head h3{font-size:14px;font-weight:500;margin:0}.mapping-head span{color:var(--muted);font-size:10px}.account-list{max-height:260px;overflow:auto}.account-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:12px 0}.account-row div{min-width:0}.account-row strong{font-weight:450;font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px}.account-row small{display:block;color:var(--muted);font-size:10px;margin-top:4px}select{color:var(--ink);border:1px solid #405344;background:var(--bg);border-radius:5px;padding:8px;font-size:12px;width:115px}.hint{font-size:11px;color:var(--muted);line-height:1.6}.dialog-foot{display:flex;align-items:center;justify-content:space-between;margin-top:23px;border-top:1px solid var(--line);padding-top:20px}.dialog-foot span{font-size:10px;color:var(--muted)}#save{border:0;border-radius:5px;background:var(--green);color:var(--bg);padding:10px 17px;font-size:12px}@keyframes wait{0%,100%{transform:translateY(0);opacity:.35}50%{transform:translateY(-4px);opacity:1}}@keyframes flow{0%{left:-26px;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:100%;opacity:0}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.particle{left:30%}.particle:nth-child(2){left:50%}.particle:nth-child(n + 3){display:none}}@media(max-width:600px){.shell{padding:0 20px}header{height:85px}.heading{padding:22px 0 26px}h1{font-size:21px}.overview{gap:17px}.overview time{font-size:9px}.overview b{font-size:15px;margin-left:3px}.lane{padding:20px}.lane-body{grid-template-columns:1fr 1.2fr 70px;gap:14px;margin-top:24px}.queue{gap:5px}.waiting-dot{width:6px;height:7px}.numbers strong{font-size:24px}.numbers small{font-size:10px}.lane h2{font-size:16px}.lane-bottom{font-size:9px}.lane-status{font-size:10px}.account-row strong{max-width:170px}.overview span{font-size:11px}.overview time{max-width:62px;text-align:right}.particle{width:18px}dialog{padding:23px}.dialog-foot span{max-width:125px}}
.lane-stats{display:flex;justify-content:space-between;gap:12px;padding-top:15px;margin-top:13px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.lane-stats b{font-weight:450;color:var(--ink);margin-left:4px;font-variant-numeric:tabular-nums}.lane-trend{display:flex;align-items:center;gap:18px;margin-top:14px}.lane-trend svg{width:58%;height:26px;overflow:visible}.lane-trend span{margin-left:auto;color:var(--muted);font-size:10px;white-space:nowrap}.trend-active,.trend-waiting{fill:none;stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.trend-active{stroke:var(--green)}.trend-waiting{stroke:var(--amber)}.users-panel{margin-top:24px;border-top:1px solid var(--line);padding-top:23px}.users-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.users-head h2{font-size:15px;font-weight:500}.users-head>span{font-size:10px;color:var(--muted)}.users-list{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}.user-row{display:flex;gap:15px;justify-content:space-between;padding:12px 0;border-bottom:1px solid #253129;font-size:12px;min-width:0}.username{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.user-counts{display:flex;gap:13px;color:var(--muted);font-size:11px;white-space:nowrap}.user-wait{color:var(--amber)}.expand-button{display:block;margin:16px auto 0;background:transparent;color:var(--muted);border:0;font-size:11px;padding:5px}.expand-button[hidden]{display:none}.stale .lane-trend,.stale .users-panel{opacity:.45}.partial .health{color:var(--amber)}.partial .health>i{background:var(--amber)}.overview{flex-wrap:wrap}.lane-bottom span:last-child{max-width:75%}@media(max-width:600px){.lane-stats{font-size:10px;gap:7px}.lane-stats b{margin-left:2px}.lane-trend{gap:10px}.lane-trend span{font-size:9px}.lane-trend svg{width:50%}.users-list{grid-template-columns:1fr}.users-head h2{font-size:14px}.overview{gap:14px}.overview time{margin-left:auto}.lane-bottom span:last-child{max-width:78%}}

.flow.is-offline::after{content:'暂停';color:var(--amber)}.flow.is-unknown::after{content:'状态未知';color:var(--amber)}
[hidden]{display:none!important}.header-actions{display:flex;align-items:center;gap:16px}.identity{font-size:12px;color:var(--muted);max-width:170px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.text-button{border:0;background:none;font-size:11px;color:var(--muted);padding:8px 0}.auth-panel{max-width:500px;margin:65px auto 100px;padding:48px 38px;text-align:center;border:1px solid var(--line);border-radius:18px;background:#17201b}.auth-panel h2{font-size:23px;font-weight:450;margin:26px 0 12px}.auth-panel p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.login-action{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:#182115;background:var(--green);padding:15px 19px;border-radius:7px;margin:29px 0 0;font-size:13px;transition:transform .2s,box-shadow .2s}.login-action:hover{transform:translateY(-2px);box-shadow:0 6px 25px #b1ed9418}.login-action:focus-visible{outline:2px solid var(--green);outline-offset:5px}.auth-visual{height:94px;width:170px;margin:auto;position:relative;overflow:hidden}.auth-visual>i{position:absolute;left:calc(50% - 18px);top:29px;width:36px;height:36px;border:1px solid #8cbf7990;border-radius:12px;transform:rotate(45deg);background:#223021;box-shadow:0 0 28px #b1ed9412}.auth-visual>span{position:absolute;left:0;width:100%;height:1px;background:#38513c;top:46px}.auth-visual>span:nth-child(1){transform:translateY(-26px) scaleX(.72)}.auth-visual>span:nth-child(3){transform:translateY(26px) scaleX(.72)}.auth-visual>span::after{content:'';display:block;width:23px;height:2px;background:var(--green);box-shadow:0 0 10px #b1ed9440;animation:authTransit 3s ease-in-out infinite}.auth-visual>span:nth-child(1)::after{animation-delay:-1s}.auth-visual>span:nth-child(3)::after{animation-delay:-2s}.personal-panel{padding:24px 28px;margin:12px 0 27px;border:1px solid #395039;border-radius:14px;background:linear-gradient(110deg,#1d2a20,#18211c 80%);position:relative;overflow:hidden}.personal-title{display:flex;align-items:center;justify-content:space-between;font-size:13px}.personal-title>span:last-child{color:var(--muted);font-size:12px}.personal-body{display:flex;align-items:center;gap:38px;margin-top:18px}.my-orbit{width:98px;height:98px;flex-shrink:0;position:relative;display:grid;place-items:center;color:var(--green)}.my-orbit svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.orbit-base,.orbit-run{fill:none;stroke-width:1.8}.orbit-base{stroke:#3e533d}.orbit-run{stroke:currentColor;stroke-linecap:round;stroke-dasharray:55 209;transform-origin:center;animation:orbitRun 3s linear infinite;filter:drop-shadow(0 0 3px #b1ed9440)}.my-orbit>span{font-size:12px}.my-orbit.idle .orbit-run{stroke-dasharray:264 0;animation:orbitIdle 4s ease-in-out infinite;stroke-width:1}.my-orbit.waiting{color:var(--amber)}.my-orbit.waiting .orbit-run{stroke-dasharray:18 22;animation-duration:10s;filter:drop-shadow(0 0 4px #e2b97a30)}.my-orbit.unknown,.my-orbit.unlinked{color:var(--muted)}.my-orbit.unknown .orbit-run{animation-duration:8s}.my-orbit.unlinked .orbit-run{animation:none;stroke-dasharray:3 9;opacity:.5}.my-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;flex:1}.my-metrics div{display:flex;flex-direction:column;gap:9px}.my-metrics span{font-size:11px;color:var(--muted)}.my-metrics strong{font-size:36px;line-height:1.2;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:-1px}.my-metrics div:nth-child(2) strong{color:var(--amber)}.my-note{font-size:11px;color:var(--muted);margin:17px 0 0}.personal-panel[data-state=waiting]{border-color:#78623d;background:linear-gradient(110deg,#2a271e,#1c221b 85%)}.lane{transition:border-color .6s,background .6s}.lane.is-busy{border-color:#354d32}.lane.is-queued{border-color:#5d5034}.lane.is-muted{background:#181e1a}.lane.is-busy .flow{background:linear-gradient(90deg,#1d2b21,#25392370,#1b2c20);border-color:#3c5437}.particle{position:absolute;inset:0;width:100%;height:100%;border-radius:0;background:none;box-shadow:none;animation:packetRun var(--flow-speed,3s) linear infinite;will-change:transform}.particle::after{content:'';position:absolute;left:0;top:calc(50% - 1.5px);width:38px;height:3px;border-radius:4px;background:linear-gradient(90deg,transparent,#b1ed9480 55%,#c6fcb0);box-shadow:5px 0 12px #b1ed9425}.particle::before{content:'';position:absolute;left:32px;top:calc(50% - 2.5px);width:5px;height:5px;border-radius:50%;background:#d3ffc2;box-shadow:0 0 8px #b1ed9450}.waiting-dot{animation:queueWave 2.8s cubic-bezier(.45,0,.35,1) infinite;box-shadow:0 0 6px #e2b97a10}.lane.is-queued .queue::after{background:#8f754b}.flow.is-idle{background:#19231c50;border-color:#2d3a30}.stale .personal-panel{opacity:.5}.stale .my-orbit *,.paused *,.paused *::before,.paused *::after{animation-play-state:paused!important}@keyframes packetRun{0%{transform:translateX(-15%);opacity:0}12%{opacity:1}85%{opacity:1}100%{transform:translateX(100%);opacity:0}}@keyframes queueWave{0%,100%{transform:translateY(1px) scale(.88);opacity:.35}45%,60%{transform:translateY(-3px) scale(1);opacity:1}}@keyframes orbitRun{to{transform:rotate(360deg)}}@keyframes orbitIdle{0%,100%{opacity:.25;transform:scale(.98)}50%{opacity:.75;transform:scale(1.02)}}@keyframes authTransit{0%{transform:translateX(-30px);opacity:0}20%,80%{opacity:1}100%{transform:translateX(185px);opacity:0}}@media(max-width:600px){.header-actions{gap:10px}.identity{max-width:90px;font-size:10px}.personal-panel{padding:20px;margin-top:5px}.personal-body{gap:18px}.my-orbit{width:77px;height:77px}.my-metrics{gap:14px}.my-metrics strong{font-size:27px}.my-metrics span{font-size:10px}.my-orbit>span{font-size:10px}.personal-title{font-size:12px}.personal-title>span:last-child{font-size:10px}.personal-panel .my-note{font-size:10px}.auth-panel{margin:35px 0 65px;padding:38px 22px}.auth-panel h2{font-size:20px}.login-action{font-size:12px}.particle::after{width:24px}.particle::before{left:20px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.particle{transform:translateX(35%);opacity:.65}.particle:nth-child(n + 2){display:none}.orbit-run{stroke-dasharray:264 0}.auth-visual>span::after{transform:translateX(70px);opacity:.5}}
/* Fixed three-service layout. Personal counts remain explicitly global. */
:root{font-family:"SF Pro Display",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
.shell{max-width:1320px;padding:0 48px}header{height:122px}h1{font-weight:550;letter-spacing:-.7px}.heading{padding:12px 0 19px}.overview{padding-bottom:30px}.lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.lane{padding:27px 24px 0;border-radius:16px;display:flex;flex-direction:column;min-width:0;background:linear-gradient(155deg,#1d2821,#18201c 72%)}.lane h2{font-size:22px;letter-spacing:-.4px}.lane-status{font-size:10px}.lane-body{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);grid-template-areas:"numbers numbers" "queue flow";gap:26px 16px;margin-top:32px}.numbers{grid-area:numbers;text-align:left;display:flex;align-items:baseline;gap:8px}.numbers strong{font-size:62px;font-weight:400;letter-spacing:-3px;line-height:1}.numbers small{font-size:16px}.numbers .queued{margin:0 0 0 auto;font-size:12px}.queue{grid-area:queue;height:54px;gap:6px}.flow{grid-area:flow;height:54px}.lane-bottom{margin-top:12px;gap:8px;flex-wrap:wrap;line-height:1.6}.lane-bottom span:last-child{max-width:100%;font-size:10px}.lane-stats{gap:9px;margin-top:22px;padding-top:18px;font-size:10px;flex-wrap:wrap}.lane-stats b{font-size:13px;display:block;margin:6px 0 0}.lane-trend{margin:25px 0 24px;gap:10px}.lane-trend svg{width:46%;height:30px}.lane-trend span{font-size:9px}.service-personal{margin:auto -24px 0;padding:20px 24px 23px;border-top:1px solid #344437;background:#111a1538;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 8px;min-height:111px}.service-personal-label{grid-column:1/-1;color:var(--muted);font-size:10px;letter-spacing:.6px}.service-user{display:flex;align-items:center;gap:9px;min-width:0}.service-avatar{display:grid;place-items:center;width:27px;height:27px;flex-shrink:0;border-radius:8px;background:#2c3b2e;color:#bcd0ba;font-size:11px}.service-username{font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.service-user-state{font-size:10px;color:var(--muted);white-space:nowrap;display:flex;align-items:center;gap:6px}.service-user-state::before{content:'';width:4px;height:4px;border-radius:50%;background:#839885}.service-personal[data-state=unknown] .service-user-state{color:var(--amber)}.service-personal[data-state=unknown] .service-user-state::before{background:var(--amber)}.personal-panel{margin:22px 0 0;padding:17px 23px;background:#18211c;border-color:var(--line);display:flex;align-items:center;gap:28px;flex-wrap:wrap;border-radius:12px}.personal-title{gap:15px;justify-content:flex-start}.personal-title>span:first-child{font-size:11px;color:var(--muted)}.personal-title>span:last-child{display:none}.personal-body{margin:0;gap:18px;flex:1}.my-orbit{width:42px;height:42px}.my-orbit>span{font-size:9px}.my-metrics{display:flex;justify-content:space-between;gap:24px}.my-metrics div{flex-direction:row;align-items:baseline;gap:10px}.my-metrics strong{font-size:20px;letter-spacing:-.5px}.my-metrics span{font-size:10px}.my-note{flex-basis:100%;margin:0}.personal-panel[data-state=waiting]{background:#24251b;border-color:#5d5034}.stale .service-user-state::before{background:var(--amber)}.icon-button,.text-button{transition:color .2s,background .2s,transform .2s}.icon-button:active,.text-button:active{transform:scale(.96)}
@media(min-width:901px){.lane{animation:laneEnter .5s ease-out both}.lane:nth-child(2){animation-delay:.07s}.lane:nth-child(3){animation-delay:.14s}}
@keyframes laneEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px) and (min-width:901px){.shell{padding:0 28px}.lanes{gap:12px}.lane{padding:23px 18px 0}.service-personal{margin:0 -18px;padding:18px}.lane-top{gap:6px}.lane h2{font-size:20px}.numbers strong{font-size:53px}.lane-stats{gap:7px}.service-user-state{font-size:9px}}
@media(max-width:900px){.shell{max-width:740px;padding:0 26px}.lanes{grid-template-columns:minmax(0,1fr)}header{height:100px}.lane{padding:24px 24px 0}.lane-body{grid-template-columns:minmax(0,1fr) minmax(0,1.8fr) 110px;grid-template-areas:"queue flow numbers";gap:22px;margin-top:26px}.numbers{display:block;text-align:right}.numbers strong{font-size:36px;letter-spacing:-1.5px}.numbers small{font-size:12px}.numbers .queued{margin-top:7px;font-size:11px}.lane-stats b{display:inline;margin-left:5px;font-size:12px}.lane-trend svg{width:55%}.lane-trend span{font-size:10px}.service-personal{min-height:80px;grid-template-columns:75px minmax(0,1fr) auto;gap:12px;padding:17px 24px}.service-personal-label{grid-column:auto}.personal-panel{gap:12px}.personal-body{gap:12px}.my-metrics{gap:18px}.my-metrics div{gap:7px}}
@media(max-width:600px){.shell{padding:0 18px}header{height:94px;gap:10px}h1{font-size:19px}.header-actions{gap:9px}.identity{max-width:60px}.lane h2{font-size:21px}.lane{padding:22px 20px 0}.lane-body{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) 80px;gap:15px}.numbers strong{font-size:34px}.queue,.flow{height:42px}.lane-bottom{font-size:9px}.lane-stats{margin-top:18px}.lane-trend{margin:20px 0}.service-personal{margin:0 -20px;padding:16px 20px;grid-template-columns:58px minmax(0,1fr) auto;gap:9px}.service-user{gap:7px}.service-username{font-size:11px}.service-avatar{width:24px;height:24px}.service-user-state{font-size:9px}.personal-panel{padding:15px 18px;display:block}.personal-title{margin-bottom:12px}.personal-body{gap:14px}.my-metrics{flex:1;gap:10px}.my-metrics div{flex-direction:column;gap:4px}.my-metrics strong{font-size:21px}.my-orbit{width:45px;height:45px}.my-note{margin-top:12px}.overview{column-gap:14px;row-gap:10px}.overview time{font-size:9px}footer{padding-bottom:30px}}
@media(prefers-reduced-motion:reduce){.lane{animation:none}}
/* Shared classmate list, with the viewer's private summary pinned above it. */
.lane{padding-bottom:24px}.lane-trend{margin-bottom:0}.users-panel{padding:24px;background:#17201b;border:1px solid var(--line);border-radius:14px;margin-top:22px}.users-head{margin-bottom:20px}.users-head h2{font-size:16px}.users-panel .personal-panel{margin:0 0 19px;padding:18px 20px;background:#b1ed9407;border-color:#41523b;position:relative;overflow:visible}.personal-title>span:last-child{display:inline;color:var(--ink);font-size:13px;font-weight:550}.personal-title>span:first-child{color:#a6bf9f;font-size:10px}.users-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px;position:relative;align-items:start}.user-row{position:relative;padding:15px 2px;border-bottom:1px solid #29372d;min-height:65px;align-items:center;gap:15px}.student-name{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.student-avatar{width:31px;height:31px;flex-shrink:0;display:grid;place-items:center;border-radius:9px;background:#27362b;color:#adc1ac;font-size:12px}.username{font-size:12px}.user-counts{flex-direction:column;align-items:flex-end;gap:5px;font-variant-numeric:tabular-nums;font-size:10px}.user-active{color:#b8cbb5}.user-wait{color:var(--amber)}.user-idle{font-size:9px;color:var(--muted)}.user-leaving{position:absolute!important;pointer-events:none;z-index:1}.count-change{position:absolute;right:9px;top:5px;font-size:11px;font-weight:550;pointer-events:none;z-index:2;font-variant-numeric:tabular-nums}.count-in{color:var(--amber)}.count-out{color:var(--green)}.lane-body{position:relative}.lane-body>.count-change{right:0;top:-17px;font-size:12px}.queue-token{display:flex;align-items:center;justify-content:center;flex:none;width:9px;height:16px}.queue-token .waiting-dot{display:block;flex:none}.queue-token:nth-child(3n) .waiting-dot{animation-delay:-.7s}.queue-token:nth-child(3n + 1) .waiting-dot{animation-delay:-1.4s}.queue-token.is-leaving{position:absolute;top:calc(50% - 8px);pointer-events:none}.queue-departure{position:absolute;right:25px;top:calc(50% - 4px);width:8px;height:8px;border-radius:3px;background:var(--amber)}.queue{overflow:visible}.queue::after{right:-2px}.personal-panel .count-change{top:7px;right:12px}.my-orbit.waiting{filter:drop-shadow(0 0 6px #e2b97a18)}.stale .users-panel{opacity:.55}
@media(max-width:900px){.lane{padding-bottom:23px}.users-panel{padding:22px}.user-counts{font-size:10px}}
@media(max-width:600px){.lane{padding-bottom:22px}.users-panel{padding:19px 17px}.users-head{margin-bottom:16px}.users-list{grid-template-columns:minmax(0,1fr);gap:0}.user-row{padding:14px 0}.user-counts{flex-direction:row;gap:13px}.personal-title{justify-content:space-between;margin-bottom:15px}.users-panel .personal-panel{padding:16px;margin-bottom:13px}.personal-title>span:last-child{font-size:12px}.queue-token{width:6px}.queue-token .waiting-dot{width:6px;height:7px}.lane-body>.count-change{top:-10px;font-size:10px}.users-head h2{font-size:15px}}