@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#edf0f6;background:#0b1018;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.38}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #d9ff62;outline-offset:3px}a{color:inherit;text-decoration:none}.eyebrow,.sidebar-label,.queue-title,.add-form label,.guild-picker label,.overview-label{font-size:10px;font-weight:700;letter-spacing:.17em;color:#8e98ab}.highlight{color:#c6f166}.brand-mark{width:35px;height:35px;display:grid;place-items:center;background:#d9ff62;color:#152016;border-radius:9px;font-size:18px;font-weight:700;box-shadow:0 5px 25px #b9ed4b25}.app-shell{display:flex;min-height:100vh}.sidebar{width:225px;flex:0 0 225px;border-right:1px solid #202734;background:#0c121b;display:flex;flex-direction:column;padding:28px 16px 18px;position:sticky;top:0;height:100vh}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 10px 47px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:17px;letter-spacing:-.06em}.brand-light{color:#99a3b5;font-weight:500}.sidebar-label{padding:0 13px;margin:0 0 14px}.sidebar-item,.sidebar-worker{height:42px;display:flex;align-items:center;gap:11px;padding:0 13px;color:#9ea9ba;font-size:13px;border-radius:8px}.sidebar-item.active{background:#1d2b27;color:#d9ff62;font-weight:700}.sidebar-section{margin-top:41px}.sidebar-worker{height:37px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sidebar-worker:hover{background:#161e2a;color:#eff2f7}.sidebar-status{width:7px;height:7px;border-radius:50%;background:#687387;flex:0 0 7px}.sidebar-status.on{background:#bcf561;box-shadow:0 0 10px #b8ef5b80}.sidebar-footer{margin-top:auto;border-top:1px solid #26303c;padding:18px 10px 0;color:#9aa6b7;font-size:11px;display:flex;align-items:center;gap:8px}.sidebar-footer button{border:0;background:none;color:#98a5b8;font-size:18px;margin-left:auto}.main-content{width:100%;min-width:0;max-width:1820px;margin:auto;padding:0 43px}.topbar{height:74px;border-bottom:1px solid #222b36;display:flex;align-items:center;justify-content:space-between}.topbar .eyebrow{color:#7f8d9e}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;padding:43px 0 28px}.page-heading h1{font-family:Space Grotesk,sans-serif;font-size:clamp(36px,4.2vw,58px);letter-spacing:-.065em;line-height:1;margin:11px 0 10px}.heading-period{color:#d9ff62}.page-heading p{margin:0;color:#9ba7ba;font-size:14px}.guild-picker{min-width:225px}.guild-picker label{display:block;margin-bottom:8px}.guild-picker select,.channel-controls select{width:100%;appearance:none;color:#edf0f6;background:#151d29 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23a9b4c3' stroke-width='2'%3E%3Cpath d='m2 5 5 5 5-5'/%3E%3C/svg%3E") no-repeat right 13px center;border:1px solid #2d3746;border-radius:8px;padding:11px 34px 11px 13px;font-size:13px}.overview{display:flex;align-items:center;gap:48px;border:1px solid #263140;background:#111925;border-radius:11px;padding:18px 24px;margin-bottom:27px}.overview>div:not(.overview-note){display:flex;align-items:center;gap:10px}.overview-number{font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:600;line-height:1}.overview-label{font-size:9px}.overview-note{margin-left:auto;color:#8e9aab;font-size:11px;display:flex;align-items:center;gap:10px}.pulse,.live-dot{width:7px;height:7px;border-radius:50%;background:#d9ff62;box-shadow:0 0 12px #d9ff6280;display:inline-block}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,410px),1fr));gap:19px;align-items:start}.worker-card{background:#141c28;border:1px solid #2a3442;border-radius:12px;overflow:visible;box-shadow:0 16px 50px #05090e30}.worker-card.offline{opacity:.72}.worker-header{display:flex;align-items:center;padding:20px 20px 19px;gap:13px;border-bottom:1px solid #283341}.avatar-wrap{position:relative}.avatar{width:43px;height:43px;border-radius:11px;object-fit:cover;display:grid;place-items:center}.avatar-fallback{background:#313c4b;color:#d9ff62;font-weight:700}.presence{position:absolute;bottom:-3px;right:-3px;width:11px;height:11px;border-radius:50%;background:#7e8795;border:2px solid #141c28}.presence.on{background:#c6f166}.worker-title{min-width:0;flex:1}.worker-title h2{margin:4px 0;font-family:Space Grotesk,sans-serif;font-size:18px;line-height:1.08;letter-spacing:-.035em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.worker-subtitle{display:flex;align-items:center;gap:4px;color:#9eabba;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.worker-header-actions{display:flex;align-self:flex-start;gap:3px}.icon-button{width:31px;height:31px;border:1px solid transparent;border-radius:7px;background:none;color:#8e9aaa;display:grid;place-items:center}.icon-button:hover{background:#253141;color:#d9ff62}.stats-wrap{position:relative}.stats-popover{display:none;position:absolute;right:0;top:34px;width:245px;z-index:5;padding:18px;background:#202b39;border:1px solid #394759;box-shadow:0 18px 50px #03060abd;border-radius:10px}.stats-wrap.open .stats-popover{display:block}.stats-popover dl{display:grid;grid-template-columns:1fr auto;gap:9px 8px;margin:17px 0 0;font-size:11px}.stats-popover dt{color:#9aa7b8}.stats-popover dd{margin:0;color:#e8edf3;text-align:right;overflow-wrap:anywhere}.now-playing{margin:18px 20px 0;background:linear-gradient(135deg,#23342f,#1a2730 63%,#1a2330);border:1px solid #35513e;border-radius:9px;padding:16px 17px 15px}.section-topline{display:flex;align-items:center;gap:8px;color:#ccef95;font-size:10px;font-weight:700;letter-spacing:.13em}.stage-state{margin-left:auto;border:1px solid #516d4e;color:#c7ed91;border-radius:4px;padding:3px 5px;font-size:8px}.playing-title{font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:600;letter-spacing:-.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:14px}.playing-meta{font-size:11px;color:#b7c8b8;margin-top:3px}.progress-row{display:flex;justify-content:space-between;color:#c1d0bd;font-size:10px;margin:19px 0 7px;font-variant-numeric:tabular-nums}.visual-progress{height:5px;background:#45564e;border-radius:5px;overflow:hidden}.visual-progress span{display:block;height:100%;background:#d9ff62}.seek-row{display:flex;gap:9px;align-items:center;margin-top:10px}.seek-row input{flex:1;min-width:0;accent-color:#d9ff62}.seek-row .text-button{font-size:10px}.transport{display:flex;align-items:center;gap:6px;padding:16px 20px 17px}.transport-main{width:42px;height:37px;display:grid;place-items:center;color:#192016;background:#d9ff62;border:0;border-radius:7px}.transport-main:hover,.add-button:hover,.primary-button:hover{background:#ebffa2}.transport-button{height:37px;min-width:37px;padding:0 10px;border:1px solid #334252;border-radius:7px;background:#202c3a;color:#d8e1eb;font-size:11px;font-weight:700;display:grid;place-items:center}.transport-button:hover{border-color:#75876c;color:#d9ff62}.transport-button.danger:hover{color:#ff8787;border-color:#985552}.transport-spacer{flex:1}.card-divider{height:1px;background:#293443;margin:0 20px}.queue-title{display:flex;align-items:center;gap:9px;padding:19px 20px 11px}.queue-count{display:grid;place-items:center;background:#2d3848;border-radius:5px;min-width:18px;height:17px;color:#d0d9e5;font-size:10px}.queue-list{padding:0 20px;min-height:66px;max-height:240px;overflow:auto}.queue-item{display:flex;align-items:center;gap:10px;border:1px solid #303c4a;background:#1d2735;padding:10px;border-radius:7px;margin-bottom:7px;-webkit-user-select:none;user-select:none}.queue-item:hover{border-color:#6a8264}.queue-item.dragging{opacity:.5}.drag-handle{font-size:17px;color:#66778a;cursor:grab}.queue-index{color:#8292a5;font-family:Space Grotesk,sans-serif;font-size:11px}.queue-copy{min-width:0}.queue-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:600}.queue-copy small{display:block;color:#8a98a9;margin-top:3px;font-size:10px}.queue-empty{color:#78899b;font-size:12px;padding:14px 0 22px}.add-form{padding:15px 20px 0}.add-form label{display:block;margin-bottom:9px}.input-row{display:flex;gap:7px}.input-row input,.modal input{width:100%;min-width:0;border:1px solid #354253;background:#0e1520;color:#f1f4f7;border-radius:7px;padding:10px 11px;font-size:12px}.input-row input::placeholder,.modal input::placeholder{color:#6d7a8d}.add-button{height:37px;width:39px;flex:0 0 39px;display:grid;place-items:center;border:0;background:#d9ff62;color:#192016;border-radius:7px}.channel-controls{display:flex;gap:7px;align-items:center;padding:14px 20px 20px}.channel-controls select{flex:1;min-width:0;font-size:11px;padding:9px 28px 9px 9px}.secondary-button{height:35px;display:flex;align-items:center;justify-content:center;gap:6px;background:#263544;color:#dce7ef;border:1px solid #435469;border-radius:7px;padding:0 11px;font-size:11px;font-weight:700;white-space:nowrap}.secondary-button:hover{border-color:#d9ff62;color:#d9ff62}.text-button{border:0;background:none;color:#b9d889;font-size:11px;padding:5px 0;white-space:nowrap}.text-button:hover{text-decoration:underline}.manual{font-size:10px}.alert{display:flex;justify-content:space-between;gap:15px;padding:11px 14px;border-radius:7px;margin:0 0 14px;font-size:12px}.alert button{background:none;border:0;color:inherit;font-size:20px;line-height:12px}.alert.error,.error-note{background:#43262a;color:#ffb5b8;border:1px solid #704146}.alert.success{background:#25372a;color:#cceab2;border:1px solid #49634b}.empty-fleet{padding:80px;text-align:center;color:#8e9baa;border:1px dashed #394758;border-radius:12px}footer{padding:35px 0;color:#5e6d80;font-size:10px;letter-spacing:.12em}footer span{color:#c9ef69}.modal-backdrop{position:fixed;inset:0;z-index:10;background:#05080ac9;display:grid;place-items:center;padding:20px}.modal{width:min(100%,430px);padding:26px;background:#1a2432;border:1px solid #425165;border-radius:13px;box-shadow:0 25px 90px #0009}.modal h2{font-family:Space Grotesk,sans-serif;font-size:25px;letter-spacing:-.04em;margin:10px 0}.modal p{color:#a2afbd;font-size:12px;line-height:1.55;margin:0 0 23px}.modal label{display:block;color:#bdc8d6;font-size:11px;font-weight:700;margin-bottom:15px}.modal input{display:block;margin-top:7px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.primary-button{background:#d9ff62;color:#182014;border:0;padding:0 17px;height:37px;border-radius:7px;font-weight:700;font-size:12px}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 51% 23%,#273a2b 0,#101922 32%,#0a0f16 71%);position:relative;padding:24px}.login-glow{position:absolute;width:320px;height:320px;border-radius:50%;background:#c9fa4640;filter:blur(130px);top:10%;left:calc(50% - 160px)}.login-card{position:relative;width:min(100%,425px);padding:40px;background:#17202bea;border:1px solid #374557;border-radius:16px;box-shadow:0 25px 80px #0008}.login-card .brand-mark{margin-bottom:33px}.login-card h1{font-family:Space Grotesk,sans-serif;font-size:39px;letter-spacing:-.06em;margin:10px 0 8px}.login-card p{color:#9fabba;font-size:13px;margin:0 0 29px}.login-card label{color:#c6d0dc;font-size:11px;font-weight:700;display:block;margin-bottom:8px}.login-card input{width:100%;background:#0d141e;border:1px solid #3a4859;border-radius:8px;color:#f4f6fa;padding:12px;margin-bottom:15px}.login-card .primary-button{width:100%;height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.error-note{padding:11px;border-radius:6px;margin-top:14px;font-size:12px}@media(max-width:1100px){.sidebar{width:180px;flex-basis:180px}.main-content{padding:0 24px}.overview{gap:24px}}@media(max-width:740px){.sidebar{display:none}.main-content{padding:0 16px}.page-heading{align-items:start;flex-direction:column;padding-top:27px}.guild-picker{width:100%}.overview{gap:14px;padding:15px;flex-wrap:wrap}.overview-number{font-size:21px}.overview-note{width:100%;margin-left:0}.cards-grid{grid-template-columns:1fr}.worker-card{max-width:none}.channel-controls{flex-wrap:wrap}.channel-controls select{flex-basis:100%}.channel-controls .manual{margin-left:auto}}.playing-thumb{display:block;width:100%;aspect-ratio:16/9;max-height:220px;object-fit:cover;margin-top:14px;border-radius:7px;background:#111923}.queue-thumb{width:52px;height:36px;flex:0 0 52px;object-fit:cover;border-radius:4px;background:#111923}.queue-copy{flex:1}.queue-item{position:relative;will-change:transform}.queue-item.dragging{opacity:.9;z-index:3;border-color:#d9ff62;box-shadow:0 12px 26px #0008}.drag-handle{border:0;background:transparent;padding:3px 5px;color:#aab9c9;touch-action:none;line-height:1;cursor:grab}.drag-handle:hover{color:#d9ff62}.drag-handle:active{cursor:grabbing}.queue-remove{width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;border:1px solid transparent;background:transparent;color:#8c9aab;border-radius:5px;font-size:21px;line-height:1}.queue-remove:hover{color:#ff9696;background:#4c2d36;border-color:#81515d}.seek-slider{display:block;width:100%;height:18px;margin:0;cursor:pointer;appearance:none;background:transparent}.seek-slider::-webkit-slider-runnable-track{height:6px;border-radius:9px;background:linear-gradient(to right,#d9ff62 var(--seek-percent),#45564e var(--seek-percent))}.seek-slider::-moz-range-track{height:6px;border-radius:9px;background:linear-gradient(to right,#d9ff62 var(--seek-percent),#45564e var(--seek-percent))}.seek-slider::-webkit-slider-thumb{appearance:none;width:15px;height:15px;border-radius:50%;background:#e8ffa2;border:2px solid #16251c;margin-top:-4.5px;box-shadow:0 1px 6px #0008}.seek-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#e8ffa2;border:2px solid #16251c;box-shadow:0 1px 6px #0008}.sidebar-worker.active{background:#1d2b27;color:#d9ff62;font-weight:700}.mobile-nav{display:none}.main-content.detail-mode{max-width:none;padding:0 clamp(24px,3.4vw,72px)}.detail-view{width:100%;margin:0 auto}.detail-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:32px 0 28px}.detail-intro h1{font-family:Space Grotesk,sans-serif;font-size:clamp(42px,4.2vw,68px);letter-spacing:-.065em;line-height:1.03;margin:9px 0 8px}.detail-intro p{margin:0;color:#a2afbd;font-size:14px}.back-link{display:inline-flex;align-items:center;gap:7px;color:#aebbbb;font-size:12px;font-weight:700;margin-bottom:23px}.back-link:hover{color:#d9ff62}.detail-intro .guild-picker{min-width:230px}.worker-card.expanded{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);grid-template-rows:auto auto minmax(150px,auto) auto auto;column-gap:28px;overflow:hidden;background:linear-gradient(125deg,#17212d,#111925 75%);box-shadow:0 28px 80px #05090e60;padding-bottom:28px}.worker-card.expanded>.worker-header{grid-column:1/-1;grid-row:1;padding:24px 30px;background:linear-gradient(100deg,#1c2c2f,#17222e 52%,#192331)}.worker-card.expanded .avatar{width:57px;height:57px;border-radius:14px}.worker-card.expanded .worker-title h2{font-size:25px}.worker-card.expanded .worker-subtitle{font-size:12px}.worker-card.expanded>.now-playing{grid-column:1;grid-row:2/4;margin:28px 0 0 30px;padding:22px 24px;background:linear-gradient(145deg,#263e36,#1b2b32 56%,#182432)}.worker-card.expanded .playing-thumb{max-height:390px;margin-top:20px}.worker-card.expanded .playing-title{font-size:clamp(27px,2.4vw,40px);white-space:normal;line-height:1.08;margin-top:23px}.worker-card.expanded .playing-meta{font-size:13px;margin-top:8px}.worker-card.expanded .progress-row{font-size:12px;margin-top:28px}.worker-card.expanded .seek-slider{height:24px}.worker-card.expanded>.transport{grid-column:1;grid-row:4;padding:23px 0 0 30px}.worker-card.expanded .transport-main,.worker-card.expanded .transport-button{height:44px;min-width:44px}.worker-card.expanded>.card-divider{display:none}.worker-card.expanded>.queue-title{grid-column:2;grid-row:2;padding:31px 30px 15px 0;font-size:12px}.worker-card.expanded>.queue-list{grid-column:2;grid-row:3/5;max-height:580px;min-height:220px;padding:0 30px 0 0}.worker-card.expanded .queue-item{padding:13px;margin-bottom:9px;gap:12px;background:#202c39}.worker-card.expanded .queue-thumb{width:72px;height:48px;flex-basis:72px}.worker-card.expanded .queue-copy strong{font-size:14px}.worker-card.expanded .queue-copy small{font-size:11px}.worker-card.expanded>.add-form{grid-column:2;grid-row:5;padding:19px 30px 0 0}.worker-card.expanded>.channel-controls{grid-column:1;grid-row:5;padding:19px 0 0 30px}.worker-card.expanded .channel-controls select{font-size:12px;height:41px}.worker-card.expanded .channel-controls .secondary-button{height:41px}.detail-view .empty-fleet a{color:#d9ff62;text-decoration:underline}@media(max-width:1100px){.worker-card.expanded{grid-template-columns:minmax(0,1fr)}.worker-card.expanded>.worker-header,.worker-card.expanded>.now-playing,.worker-card.expanded>.transport,.worker-card.expanded>.queue-title,.worker-card.expanded>.queue-list,.worker-card.expanded>.add-form,.worker-card.expanded>.channel-controls{grid-column:1;grid-row:auto}.worker-card.expanded>.now-playing{margin:22px 24px 0}.worker-card.expanded>.transport{padding:20px 24px}.worker-card.expanded>.queue-title{padding:16px 24px}.worker-card.expanded>.queue-list{padding:0 24px;max-height:360px;min-height:0}.worker-card.expanded>.add-form{padding:16px 24px 0}.worker-card.expanded>.channel-controls{padding:16px 24px 0}}@media(max-width:740px){.main-content.detail-mode{padding:0 16px}.mobile-nav{display:flex;gap:7px;overflow-x:auto;padding:13px 0 4px;white-space:nowrap}.mobile-nav a{font-size:11px;padding:8px 11px;border:1px solid #2d3946;border-radius:7px;color:#aebac8}.mobile-nav a.active{background:#233329;color:#d9ff62;border-color:#526944}.detail-intro{display:block;padding:18px 0 22px}.detail-intro .guild-picker{margin-top:23px}.worker-card.expanded>.worker-header{padding:20px}.worker-card.expanded>.now-playing{margin:18px 16px 0;padding:17px}.worker-card.expanded>.transport{padding:17px 16px}.worker-card.expanded>.queue-title{padding:14px 16px}.worker-card.expanded>.queue-list{padding:0 16px}.worker-card.expanded>.add-form{padding:15px 16px 0}.worker-card.expanded>.channel-controls{padding:15px 16px 0}}