@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";:root{color-scheme:light;--dark: #171717;--dark-2: #222222;--ink: #101827;--ink-soft: #273044;--muted: #8490a4;--line: #eadde4;--line-strong: #dfced7;--pink: #f63f7f;--pink-2: #f8a9c6;--pink-soft: #fff1f6;--green: #08b987;--panel: #ffffff;--panel-soft: #fff8fb;--shadow: 0 14px 34px rgba(42, 20, 30, .12);--radius: 8px;font-family:Pretendard,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);background:#fff7fa;font-weight:600;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input{font:inherit}button{border:0;cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.54}button:focus-visible,input:focus-visible,[role=button]:focus-visible{outline:3px solid rgba(246,63,127,.28);outline-offset:2px}.truncate{min-width:0}.truncate strong,.truncate span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.truncate span{color:var(--muted);font-size:12px}.primary-button,.secondary-button,.auth-login-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border-radius:var(--radius);font-weight:850}.primary-button,.auth-login-button{color:#fff;background:var(--pink);box-shadow:0 12px 26px #f63f7f4d}.secondary-button{color:var(--ink-soft);border:1px solid var(--line);background:#fff}.icon-button,.round-button,.rail-button,.modal-close,.search-modal-close{display:inline-flex;align-items:center;justify-content:center}.icon-button{width:42px;height:42px;flex:0 0 42px;color:var(--ink-soft);border:1px solid var(--line);border-radius:var(--radius);background:#fff}.avatar,.guild-icon,.server-card-icon,.track-art,.album-art{object-fit:cover;background:#f2e7ec}.avatar,.guild-icon,.server-card-icon{width:48px;height:48px;border-radius:50%}.guild-icon.fallback,.server-card-icon.fallback{display:grid;place-items:center;color:#fff;font-weight:900;background:linear-gradient(135deg,var(--pink),var(--pink-2))}.empty-text{padding:16px;color:var(--muted);border:1px dashed var(--line-strong);border-radius:var(--radius);background:#ffffff9e;text-align:center;font-size:13px;line-height:1.5}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:28px;color:#fff;background:var(--dark);animation:pageIn .42s cubic-bezier(.2,.8,.2,1) both}.blocked-screen{min-height:100vh;display:grid;place-items:center;padding:28px;color:#fff;background:radial-gradient(circle at 50% 20%,rgba(246,63,127,.26),transparent 34%),var(--dark);animation:pageIn .42s cubic-bezier(.2,.8,.2,1) both}.blocked-panel{width:min(560px,100%);display:grid;justify-items:center;gap:18px;padding:34px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);background:#ffffff0f;box-shadow:0 28px 80px #00000047;text-align:center}.blocked-icon{width:64px;height:64px;display:grid;place-items:center;color:#fff;border-radius:var(--radius);background:var(--pink);box-shadow:0 16px 34px #f63f7f57}.blocked-panel h1{margin:0;color:#fff;font-size:30px;line-height:1.18;letter-spacing:0}.blocked-panel p{margin:0;color:#ffffffb8;line-height:1.65;font-weight:720}.blocked-reason{width:100%;display:grid;gap:8px;padding:14px;border:1px solid rgba(246,63,127,.28);border-radius:var(--radius);background:#f63f7f1f;text-align:left}.blocked-reason span{color:#ffffff94;font-size:12px;font-weight:900}.blocked-reason strong{color:#fff;line-height:1.5}.view-enter{animation:pageIn .46s cubic-bezier(.18,.86,.22,1) both}.auth-panel{width:min(660px,100%);display:grid;place-items:center;gap:28px;text-align:center}.auth-title-row{display:flex;align-items:center;justify-content:center;gap:18px}.brand-bars{width:34px;height:30px;display:grid;gap:8px}.brand-bars i{display:block;height:8px;border-radius:999px;background:var(--pink-2)}.brand-bars i:first-child{width:28px;justify-self:start}.brand-bars i:last-child{width:34px;justify-self:end}.auth-panel h1{margin:0;color:#f6f6f6;font-size:38px;line-height:1.12;letter-spacing:0}.auth-login-button{min-width:210px;color:#f4f4f4;background:#2a2a2a;box-shadow:none}.auth-login-button:hover{background:#333}.auth-hint{min-height:20px;color:#ffffffa3;font-size:13px}.server-page{min-height:100vh;display:grid;grid-template-columns:76px minmax(0,1fr);background:linear-gradient(118deg,rgba(23,23,23,.05) 0 28%,transparent 28% 100%),linear-gradient(155deg,#f63f7f17 0,#f63f7f17 42%,#fff0 42%,#fff0),linear-gradient(135deg,#fffafd,#fff3f8 48%,#ffedf5);animation:pageIn .42s cubic-bezier(.2,.8,.2,1) both}.server-rail{min-height:100vh;display:flex;flex-direction:column;align-items:center;gap:18px;padding:16px 10px;border-right:1px solid rgba(255,255,255,.08);background:#171717}.rail-mark{width:42px;height:42px;display:grid;place-items:center;color:#fff;border-radius:50%;background:var(--pink);box-shadow:0 10px 20px #f63f7f42;font-weight:900}.rail-button{width:46px;height:46px;color:#ffffff85;border-radius:var(--radius);background:transparent}.rail-button.active,.rail-button:hover{color:#fff;background:var(--pink);box-shadow:0 12px 24px #f63f7f47}.rail-bottom{margin-top:auto}.server-main{min-width:0;min-height:100vh;display:flex;flex-direction:column;animation:panelRise .46s cubic-bezier(.2,.8,.2,1) 80ms both}.server-topbar{height:60px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 40px;border-bottom:1px solid var(--line);background:#fffafdbd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.server-topbar p{margin:0;color:var(--ink-soft);font-weight:800}.server-topbar strong{color:var(--pink)}.user-chip{min-width:0;height:42px;display:inline-flex;align-items:center;gap:10px;padding:5px 14px 5px 5px;color:var(--ink-soft);border:1px solid var(--line);border-radius:999px;background:#fff;box-shadow:0 5px 12px #2a141e1a;font-weight:850}.user-chip img{width:32px;height:32px;border-radius:50%;object-fit:cover}.server-content{width:min(1600px,100%);display:flex;flex-direction:column;gap:28px;padding:48px 7vw 16px}.server-title-block{position:relative;padding:12px 0 14px 24px;border-left:6px solid var(--pink);animation:fadeSlideIn .54s cubic-bezier(.2,.8,.2,1) .15s both}.server-title-block:after{content:"";position:absolute;left:24px;bottom:0;width:min(520px,calc(100% - 24px));height:1px;background:linear-gradient(90deg,rgba(246,63,127,.4),transparent)}.server-title-block h1{margin:0;color:#07152d;font-size:42px;line-height:1.15;letter-spacing:0}.server-title-block h1 span{color:var(--pink)}.server-title-block p{margin:18px 0 0;color:var(--ink-soft);font-weight:760}.server-search{width:min(450px,100%);min-height:50px;display:flex;align-items:center;gap:12px;padding:0 18px;color:#9aa4b5;border:1px solid var(--line);border-radius:999px;background:#fff;box-shadow:0 5px 14px #2a141e1a;animation:fadeSlideIn .54s cubic-bezier(.2,.8,.2,1) .23s both}.server-search input{min-width:0;flex:1 1 auto;border:0;outline:0;color:var(--ink);background:transparent;font-weight:760}.server-group{display:grid;gap:14px;animation:fadeSlideIn .54s cubic-bezier(.2,.8,.2,1) .3s both}.server-group+.server-group{animation-delay:.38s}.server-group-heading{display:flex;align-items:center;gap:10px}.server-group-heading h2{margin:0;color:#07152d;font-size:20px;line-height:1.2}.server-group-heading span{min-width:24px;height:22px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;color:var(--pink);border-radius:999px;background:#ffe1ed;font-size:12px;font-weight:900}.server-card-grid{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:16px}.server-card-grid.compact{grid-template-columns:repeat(2,minmax(260px,390px))}.server-card{position:relative;min-width:0;min-height:90px;display:grid;grid-template-columns:56px minmax(0,1fr) 20px;align-items:center;gap:14px;padding:16px;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);background:#ffffffeb;box-shadow:0 8px 20px #2a141e14;overflow:hidden;text-align:left;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;animation:softItemIn .52s cubic-bezier(.2,.8,.2,1) both}.server-card:hover{transform:translateY(-2px);border-color:#f63f7f5c;box-shadow:0 14px 30px #2a141e21}.server-card-copy{min-width:0}.server-card-copy strong{display:block;min-width:0;overflow:hidden;color:#07152d;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.server-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--pink);opacity:.75}.server-card.control:before{background:var(--green)}.server-card-copy span{min-width:0;display:inline-flex;align-items:center;gap:6px;margin-top:6px;color:var(--pink);font-size:13px;font-weight:850}.server-card.control .server-card-copy span{color:#009d72}.online-dot{width:8px;height:8px;border-radius:50%;background:var(--green)}.server-summary{color:#273044ad;font-size:13px;font-weight:760}.app-shell{width:100%;min-height:100vh;display:grid;grid-template-columns:306px minmax(0,1fr);gap:18px;padding:18px;background:linear-gradient(135deg,#fff9fb,#fff2f7 48%,#ffeaf3);animation:pageIn .42s cubic-bezier(.2,.8,.2,1) both}.sidebar,.workspace,.now-playing,.info-panel,.queue-panel,.profile-card,.invite-modal{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.sidebar{min-height:0;display:flex;flex-direction:column;gap:16px;padding:16px;overflow:hidden;color:#f8fafc;background:linear-gradient(180deg,rgba(246,63,127,.16),transparent 26%),var(--dark);animation:slideInLeft .43s cubic-bezier(.2,.8,.2,1) 80ms both}.profile-card{display:grid;grid-template-columns:48px minmax(0,1fr) 42px;align-items:center;gap:12px;padding:10px;border-color:#ffffff1a;background:#ffffff0f;box-shadow:none;animation:fadeSlideIn .52s cubic-bezier(.2,.8,.2,1) .14s both}.profile-card .truncate strong,.sidebar .section-heading,.sidebar .node-button strong,.sidebar .guild-button strong{color:#f8fafc}.profile-card .truncate span,.sidebar .truncate span{color:#e2e8f0a8}.sidebar .icon-button{color:#f8fafc;border-color:#ffffff1f;background:#ffffff14}.server-back-button{width:100%;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;border:1px solid rgba(246,63,127,.4);border-radius:var(--radius);background:#f63f7f2e;font-weight:850;animation:fadeSlideIn .52s cubic-bezier(.2,.8,.2,1) .19s both}.sidebar-section{min-height:0;display:flex;flex-direction:column;animation:fadeSlideIn .52s cubic-bezier(.2,.8,.2,1) .24s both}.sidebar-section:first-of-type{flex:1 1 auto;animation-delay:.21s}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 4px 10px;color:var(--muted);font-size:12px;font-weight:850}.guild-list,.node-list,.queue-list{min-height:0;display:grid;gap:8px;overflow:auto;padding-right:2px}.guild-list::-webkit-scrollbar,.node-list::-webkit-scrollbar,.queue-list::-webkit-scrollbar,.search-results::-webkit-scrollbar{width:8px}.guild-list::-webkit-scrollbar-thumb,.node-list::-webkit-scrollbar-thumb,.queue-list::-webkit-scrollbar-thumb,.search-results::-webkit-scrollbar-thumb{border-radius:999px;background:#f6a9c6b3}.guild-button,.node-button,.search-result,.queue-item{width:100%;display:grid;align-items:center;gap:10px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffe6}.guild-button,.node-button,.search-result{min-height:60px;text-align:left;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.guild-button{grid-template-columns:18px 48px minmax(0,1fr) 18px;padding:8px;color:#f8fafc;border-color:#ffffff1a;background:#ffffff0f}.guild-button:hover,.node-button:hover,.search-result:hover{transform:translateY(-1px)}.guild-button.active{border-color:#f63f7fd1;background:#f63f7f33;box-shadow:0 12px 24px #f63f7f2e}.guild-button.needs-invite{border-color:#f6a9c657}.drag-handle{color:#e2e8f070;cursor:grab}.guild-button:active .drag-handle{cursor:grabbing}.selected-guild-box{display:grid;gap:8px}.selected-guild-card{min-height:72px;display:grid;grid-template-columns:48px minmax(0,1fr) 20px;align-items:center;gap:12px;padding:10px;color:#f8fafc;border:1px solid rgba(246,63,127,.82);border-radius:var(--radius);background:#f63f7f33;box-shadow:0 12px 24px #f63f7f2e;animation:softItemIn .46s cubic-bezier(.2,.8,.2,1) both}.selected-guild-card strong{color:#fff}.selected-guild-card span{color:#ffe4eed1}.selected-guild-card svg{color:var(--pink-2)}.node-button{grid-template-columns:22px minmax(0,1fr) 18px;min-height:56px;padding:11px;color:#f8fafc;border-color:#ffffff1a;background:#ffffff0f;animation:softItemIn .46s cubic-bezier(.2,.8,.2,1) both}.node-button.active{border-color:#f63f7f94;background:#f63f7f29;box-shadow:inset 0 0 0 1px #f63f7f3d}.node-idle-mark{width:16px;height:16px;display:block}.sidebar .empty-text{color:#e2e8f0b3;border-color:#ffffff24;background:#ffffff0d}.workspace{min-width:0;min-height:0;display:flex;flex-direction:column;padding:18px;overflow:hidden;background:#ffffffc7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:panelRise .44s cubic-bezier(.2,.8,.2,1) .12s both}.topbar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(320px,620px) 42px;align-items:center;gap:14px;margin-bottom:18px;animation:fadeSlideIn .52s cubic-bezier(.2,.8,.2,1) .16s both}.brand-block{min-width:0}.eyebrow{display:block;color:var(--pink);font-size:12px;font-weight:900}.brand-block h1{margin:3px 0 0;overflow:hidden;color:var(--ink);font-size:26px;line-height:1.18;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.search-launcher{min-width:0;min-height:50px;display:flex;align-items:center;gap:12px;padding:0 18px;color:#929daf;border:1px solid var(--line);border-radius:999px;background:#fff;box-shadow:0 7px 18px #2a141e14;text-align:left;font-weight:760}.search-launcher span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-grid{min-height:0;flex:1 1 auto;display:grid;grid-template-columns:minmax(420px,1fr) minmax(320px,430px);gap:18px;overflow:hidden}.now-playing{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;padding:34px 28px 26px;justify-content:center;overflow:hidden;background:linear-gradient(180deg,#fff0f6e0,#fffffff5),var(--panel);animation:panelRise .46s cubic-bezier(.2,.8,.2,1) .18s both}.hero-glow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.14;background-position:center;background-size:cover;filter:blur(34px) saturate(1.1);transform:scale(1.06);pointer-events:none}.album-stage,.track-copy,.progress-block,.transport-row,.volume-row{position:relative;z-index:1}.album-stage{width:min(390px,78%);min-width:260px;display:grid;place-items:center;margin:8px auto 28px;animation:fadeSlideIn .56s cubic-bezier(.2,.8,.2,1) .26s both}.album-art{width:min(300px,76%);aspect-ratio:1;border:1px solid rgba(255,255,255,.9);border-radius:var(--radius);box-shadow:0 24px 60px #46182a38;z-index:2}.vinyl-disc{position:absolute;right:7%;width:min(210px,52%);aspect-ratio:1;display:grid;place-items:center;color:#ffffffbd;border-radius:50%;background:repeating-radial-gradient(circle,rgba(255,255,255,.11) 0 2px,transparent 2px 8px),radial-gradient(circle,#f63f7f 0,#f63f7f 12%,#171717 13%,#171717);box-shadow:0 18px 44px #17171747;transform:translate(28%)}.track-copy{width:min(620px,100%);text-align:center;animation:fadeSlideIn .56s cubic-bezier(.2,.8,.2,1) .32s both}.status-pill{min-height:30px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:5px 12px;border-radius:999px;color:var(--pink);background:#ffe4ee;font-size:13px;font-weight:850}.track-copy h2{margin:14px 0 8px;color:var(--ink);font-size:32px;line-height:1.16;letter-spacing:0;overflow-wrap:anywhere}.track-copy p{margin:0;color:var(--ink-soft);font-weight:750}.progress-block{width:min(520px,100%);margin:28px auto 18px;animation:fadeSlideIn .56s cubic-bezier(.2,.8,.2,1) .38s both}.progress-track{height:9px;overflow:hidden;border-radius:999px;background:#f1dce5}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pink),var(--pink-2))}.time-row{display:flex;justify-content:space-between;margin-top:8px;color:var(--muted);font-size:12px;font-weight:800}.transport-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:4px 0 20px;animation:fadeSlideIn .56s cubic-bezier(.2,.8,.2,1) .44s both}.round-button{width:54px;height:54px;color:var(--ink-soft);border:1px solid var(--line);border-radius:50%;background:#fff;transition:transform .16s ease,border-color .16s ease,background .16s ease}.round-button:hover{transform:translateY(-1px);border-color:#f63f7f61}.round-button.danger{color:#fff;border-color:var(--pink);background:var(--pink)}.round-button.active{color:#fff;border-color:var(--pink);background:linear-gradient(135deg,var(--pink),var(--pink-2));box-shadow:0 14px 28px #f63f7f3d}.volume-row{width:min(520px,100%);display:grid;grid-template-columns:24px minmax(0,1fr) 54px;align-items:center;gap:12px;color:var(--ink-soft);animation:fadeSlideIn .56s cubic-bezier(.2,.8,.2,1) .5s both}.volume-row input{width:100%;accent-color:var(--pink)}.volume-row strong{text-align:right}.right-rail{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:18px;overflow:hidden;animation:panelRise .48s cubic-bezier(.2,.8,.2,1) .22s both}.info-panel,.queue-panel{min-width:0;background:#ffffffdb}.info-panel{animation:fadeSlideIn .54s cubic-bezier(.2,.8,.2,1) .26s both}.queue-panel{animation:fadeSlideIn .54s cubic-bezier(.2,.8,.2,1) .34s both}.info-panel{display:grid;gap:2px;padding:14px 16px}.info-line{min-height:48px;display:grid;grid-template-columns:22px minmax(92px,1fr) minmax(0,auto);align-items:center;gap:10px;border-bottom:1px solid var(--line)}.info-line:last-child{border-bottom:0}.info-line svg{color:var(--pink)}.info-line span{color:var(--muted);font-weight:760}.info-line strong{min-width:0;overflow:hidden;color:var(--ink);text-align:right;text-overflow:ellipsis;white-space:nowrap}.queue-panel{min-height:0;display:flex;flex-direction:column;padding:16px;overflow:hidden}.panel-title{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:12px}.panel-title svg{color:var(--pink)}.panel-title h2{margin:0;color:var(--ink);font-size:20px;line-height:1.2}.panel-title span{color:var(--muted);font-size:13px;font-weight:850}.queue-list{flex:1 1 auto}.queue-item{grid-template-columns:44px minmax(0,1fr) 56px;min-height:60px;padding:8px;background:#fff;animation:softItemIn .42s cubic-bezier(.2,.8,.2,1) both}.track-art{width:54px;height:54px;border-radius:var(--radius)}.track-art.small{width:44px;height:44px}.queue-item strong,.search-result-copy strong{display:block;min-width:0;overflow:hidden;color:var(--ink);text-overflow:ellipsis;white-space:nowrap}.queue-item span,.search-result-copy span,.duration{color:var(--muted);font-size:12px;font-weight:750}.queue-item>span:last-child,.duration{text-align:right}.search-backdrop{position:fixed;z-index:45;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;padding:70px 20px 20px;background:#1717175c;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);animation:backdropIn .18s ease both}.search-modal{width:min(680px,100%);max-height:min(560px,calc(100vh - 110px));display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 28px 70px #2a141e38;animation:modalFloatIn .26s cubic-bezier(.2,.8,.2,1) both}.search-modal-form{min-height:72px;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.search-modal-submit{width:42px;height:42px;display:grid;place-items:center;color:#fff;border-radius:var(--radius);background:var(--pink);box-shadow:0 10px 20px #f63f7f47}.search-modal-form input{min-width:0;height:42px;border:0;outline:0;color:var(--ink);background:transparent;font-size:16px;font-weight:760}.search-modal-close{width:42px;height:42px;color:#94a0b2;border-radius:var(--radius);background:transparent}.search-results{min-height:190px;display:grid;gap:8px;padding:12px;overflow:auto}.search-result{grid-template-columns:54px minmax(0,1fr) 58px;min-height:70px;padding:8px;color:var(--ink);animation:softItemIn .42s cubic-bezier(.2,.8,.2,1) both}.search-result:hover{border-color:#f63f7f57;background:var(--pink-soft)}.search-result-copy{min-width:0}.search-state{min-height:166px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-weight:850}.modal-backdrop{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#1717178a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:backdropIn .18s ease both}.invite-modal{position:relative;width:min(440px,100%);padding:28px;background:#fff;animation:modalFloatIn .26s cubic-bezier(.2,.8,.2,1) both}.modal-close{position:absolute;top:12px;right:12px;width:36px;height:36px;color:var(--muted);border-radius:50%;background:#fff1f6}.modal-icon{width:58px;height:58px;display:grid;place-items:center;margin-bottom:18px;color:#fff;border-radius:var(--radius);background:var(--pink)}.invite-modal h2{margin:0 0 10px;color:var(--ink);font-size:24px;line-height:1.25}.invite-modal p{margin:0;color:var(--ink-soft);line-height:1.6}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.loading-backdrop{position:fixed;z-index:68;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#fff7fa61;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:backdropIn .16s ease both}.loading-card{min-width:180px;display:grid;justify-items:center;gap:14px;padding:24px 26px;border:1px solid rgba(246,63,127,.18);border-radius:var(--radius);background:#ffffffeb;box-shadow:0 22px 54px #2a141e2e;animation:modalFloatIn .22s cubic-bezier(.2,.8,.2,1) both}.loading-ring{width:46px;height:46px;display:block;border:4px solid #ffe1ed;border-top-color:var(--pink);border-right-color:var(--pink-2);border-radius:50%;animation:spin .72s linear infinite}.loading-card h2{margin:0;color:var(--ink);font-size:16px;line-height:1.35}.toast-stack{position:fixed;right:20px;bottom:20px;z-index:72;width:min(420px,calc(100vw - 40px));pointer-events:none}.toast-card{min-height:58px;display:grid;grid-template-columns:34px minmax(0,1fr) 30px;align-items:center;gap:12px;padding:12px;color:var(--ink);border:1px solid rgba(246,63,127,.2);border-radius:var(--radius);background:#fffffff5;box-shadow:0 18px 42px #2a141e2e;pointer-events:auto;animation:toastIn .26s cubic-bezier(.2,.8,.2,1) both}.toast-card.warning{border-color:#f63f7f42}.toast-icon{width:34px;height:34px;display:grid;place-items:center;color:#fff;border-radius:50%;background:var(--green)}.toast-card.warning .toast-icon{background:var(--pink)}.toast-card strong{min-width:0;overflow-wrap:anywhere;font-size:14px;line-height:1.4}.toast-close{width:30px;height:30px;display:grid;place-items:center;color:var(--muted);border-radius:50%;background:transparent}.status-backdrop{position:fixed;z-index:70;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#17171757;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:backdropIn .18s ease both}.status-modal{position:relative;width:min(430px,100%);display:grid;justify-items:center;gap:14px;padding:30px 28px;color:var(--ink);border:1px solid rgba(246,63,127,.2);border-radius:var(--radius);background:#fffffff5;box-shadow:0 28px 80px #2a141e42;text-align:center;animation:modalFloatIn .26s cubic-bezier(.2,.8,.2,1) both}.status-modal.loading{pointer-events:none}.status-modal-icon{width:58px;height:58px;display:grid;place-items:center;color:#fff;border-radius:var(--radius);background:linear-gradient(135deg,var(--pink),var(--pink-2));box-shadow:0 16px 34px #f63f7f4d}.status-modal h2{max-width:100%;margin:0;color:var(--ink);font-size:22px;line-height:1.35;overflow-wrap:anywhere}.status-modal p{margin:-4px 0 0;color:var(--muted);font-size:14px;font-weight:760}.status-close{position:absolute;top:12px;right:12px;width:36px;height:36px;display:grid;place-items:center;color:var(--muted);border-radius:50%;background:#fff1f6}.app-shell{position:relative;isolation:isolate;min-height:100vh;color:#f8fafceb;background:radial-gradient(circle at 20% 18%,rgba(246,63,127,.22),transparent 28%),radial-gradient(circle at 78% 16%,rgba(73,191,202,.16),transparent 30%),radial-gradient(circle at 58% 80%,rgba(255,196,112,.12),transparent 32%),linear-gradient(135deg,#0d0f13,#171416 48%,#0c1116);overflow:hidden}.app-shell:before,.app-shell:after{content:"";position:absolute;pointer-events:none}.app-shell:before{z-index:-2;top:-24%;right:-24%;bottom:-24%;left:-24%;background:radial-gradient(circle at 26% 22%,rgba(255,115,170,.24),transparent 26%),radial-gradient(circle at 70% 34%,rgba(97,214,220,.14),transparent 25%),radial-gradient(circle at 50% 74%,rgba(255,225,172,.1),transparent 24%);filter:blur(24px) saturate(1.28);animation:ambientDrift 16s ease-in-out infinite alternate}.app-shell:after{z-index:-1;top:0;right:0;bottom:0;left:0;opacity:.38;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(circle at 50% 42%,#000 0 38%,transparent 76%);mask-image:radial-gradient(circle at 50% 42%,#000 0 38%,transparent 76%)}.app-shell .sidebar,.app-shell .workspace,.app-shell .now-playing,.app-shell .info-panel,.app-shell .queue-panel,.app-shell .profile-card,.app-shell .selected-guild-card,.app-shell .node-button,.search-modal,.invite-modal,.loading-card,.status-modal,.toast-card{border-color:#ffffff21;background:#ffffff13;box-shadow:inset 0 1px #ffffff21,0 24px 70px #00000057;-webkit-backdrop-filter:blur(26px) saturate(1.24);backdrop-filter:blur(26px) saturate(1.24)}.app-shell .sidebar,.app-shell .workspace{z-index:1}.app-shell .sidebar{background:linear-gradient(180deg,rgba(246,63,127,.18),transparent 24%),#0b0c0f7a;animation:glassSlideLeft .62s cubic-bezier(.16,.86,.24,1) 80ms both}.app-shell .workspace{padding:20px;overflow:hidden;background:linear-gradient(135deg,#ffffff14,#ffffff09),#0d0f1257;animation:glassRise .64s cubic-bezier(.16,.86,.24,1) .12s both}.app-shell .profile-card{background:#ffffff14}.app-shell .profile-card .truncate strong,.app-shell .selected-guild-card strong,.app-shell .node-button strong,.app-shell .brand-block h1,.app-shell .panel-title h2,.app-shell .queue-item strong,.app-shell .track-copy h2,.app-shell .info-line strong,.app-shell .volume-row strong{color:#fff;text-shadow:0 1px 18px rgba(255,255,255,.08)}.app-shell .profile-card .truncate span,.app-shell .selected-guild-card span,.app-shell .node-button span,.app-shell .queue-item span,.app-shell .track-copy p,.app-shell .info-line span,.app-shell .panel-title span,.app-shell .time-row,.app-shell .volume-row{color:#e2e8f0ad}.app-shell .icon-button,.app-shell .server-back-button,.app-shell .search-launcher,.app-shell .round-button{color:#f8fafce6;border-color:#ffffff24;background:#ffffff14;box-shadow:inset 0 1px #ffffff1f,0 14px 34px #00000038;transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .22s ease,background .22s ease,box-shadow .22s ease}.app-shell .icon-button:hover,.app-shell .server-back-button:hover,.app-shell .search-launcher:hover,.app-shell .round-button:hover{transform:translateY(-2px);border-color:#ff90bc75;background:#ffffff21;box-shadow:inset 0 1px #ffffff2e,0 20px 46px #00000047}.app-shell .topbar{position:relative;z-index:4;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);background:#ffffff0e;-webkit-backdrop-filter:blur(20px) saturate(1.18);backdrop-filter:blur(20px) saturate(1.18)}.app-shell .eyebrow{color:#ff9ac3}.app-shell .search-launcher{min-height:48px;color:#e2e8f0b3}.app-shell .dashboard-grid{gap:18px;perspective:1200px}.app-shell .now-playing{min-height:640px;padding:34px 30px 28px;background:linear-gradient(145deg,#ffffff21,#ffffff0b),#1012166b;animation:glassStageIn .72s cubic-bezier(.16,.86,.24,1) .18s both}.app-shell .now-playing:before,.app-shell .now-playing:after{content:"";position:absolute;pointer-events:none}.app-shell .now-playing:before{z-index:0;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;background:radial-gradient(circle at 50% 16%,rgba(255,255,255,.16),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.05),transparent 58%)}.app-shell .now-playing:after{z-index:1;inset:auto 12% 8% 12%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,139,183,.8),transparent);opacity:.55;filter:blur(.5px)}.app-shell .hero-glow{opacity:.42;filter:blur(46px) saturate(1.28) brightness(.78);transform:scale(1.16);-webkit-mask-image:radial-gradient(circle at 50% 36%,#000 0 36%,transparent 72%);mask-image:radial-gradient(circle at 50% 36%,#000 0 36%,transparent 72%)}.player-kicker{position:relative;z-index:2;margin-bottom:18px;color:#ffffff85;font-size:12px;font-weight:900;letter-spacing:0}.app-shell .album-stage{width:min(430px,82%);margin:4px auto 24px}.app-shell .album-stage:before{content:"";position:absolute;z-index:0;width:min(360px,78%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(246,63,127,.2),transparent 64%);filter:blur(18px);transform:translateY(16px)}.app-shell .album-art{width:min(318px,74%);border-color:#ffffff3d;border-radius:18px;background:#111318;box-shadow:0 30px 80px #0000007a,0 0 0 1px #ffffff14;animation:albumDropIn .68s cubic-bezier(.16,.86,.24,1) both}.app-shell .vinyl-disc{right:8%;color:#ffffff8a;background:repeating-radial-gradient(circle,rgba(255,255,255,.08) 0 2px,transparent 2px 9px),radial-gradient(circle,#ff5c96 0,#ff5c96 10%,#111318 11%,#111318 55%,#08090b 56%,#08090b);box-shadow:inset 0 0 0 1px #ffffff14,0 24px 60px #00000075}.app-shell .vinyl-disc.spinning{animation:discSpin 9s linear infinite}.app-shell .track-copy{animation:glassFadeUp .56s cubic-bezier(.16,.86,.24,1) .28s both}.app-shell .status-pill{color:#fff6fa;border:1px solid rgba(255,144,188,.32);background:#f63f7f2e;box-shadow:0 12px 26px #f63f7f29}.app-shell .track-copy h2{max-width:760px;margin-inline:auto;font-size:clamp(30px,3.2vw,46px)}.app-shell .progress-track{height:6px;background:#ffffff29;box-shadow:inset 0 1px 2px #0000003d}.app-shell .progress-fill{background:linear-gradient(90deg,#ff3f86,#ff8cbb 60%,#fff);box-shadow:0 0 18px #f63f7fa3}.app-shell .round-button{width:58px;height:58px}.app-shell .round-button:active{animation:controlPulse .24s ease both}.app-shell .round-button.active,.app-shell .round-button.danger{border-color:#ff5d97eb;background:linear-gradient(135deg,#ff3d86,#f63f7f);box-shadow:0 0 0 1px #ffffff29 inset,0 18px 36px #f63f7f57}.app-shell .volume-row input{accent-color:#ff4a8d}.app-shell .right-rail{gap:18px;animation:glassRise .68s cubic-bezier(.16,.86,.24,1) .25s both}.app-shell .info-panel,.app-shell .queue-panel{background:linear-gradient(145deg,#ffffff1f,#ffffff0b),#0f11156b}.app-shell .info-line{border-bottom-color:#ffffff1a}.app-shell .info-line svg,.app-shell .panel-title svg{color:#ff73a9;filter:drop-shadow(0 0 10px rgba(246,63,127,.28))}.app-shell .queue-list,.app-shell .node-list{scrollbar-color:rgba(255,120,174,.58) rgba(255,255,255,.08)}.app-shell .queue-item,.app-shell .node-button,.app-shell .selected-guild-card{border-color:#ffffff1a;background:#ffffff13;box-shadow:inset 0 1px #ffffff1a}.app-shell .node-button:hover,.app-shell .queue-item:hover{border-color:#ff90bc61;background:#ffffff1c}.app-shell .node-button.active{border-color:#ff69a4c2;background:linear-gradient(135deg,#f63f7f42,#ffffff14),#ffffff14;box-shadow:inset 0 0 0 1px #ff7ab147,0 16px 34px #f63f7f29}.app-shell .empty-text{color:#e2e8f0a3;border-color:#ffffff24;background:#ffffff0e}.app-shell .track-art{background:#ffffff14;box-shadow:0 10px 22px #00000038}.search-backdrop,.modal-backdrop,.status-backdrop,.loading-backdrop{background:radial-gradient(circle at 50% 18%,rgba(246,63,127,.14),transparent 36%),#0405078f;-webkit-backdrop-filter:blur(18px) saturate(1.18);backdrop-filter:blur(18px) saturate(1.18)}.search-modal,.invite-modal,.loading-card,.status-modal{color:#f8fafceb;border-color:#ffffff29;background:linear-gradient(145deg,#ffffff24,#ffffff0f),#121418bd}.search-modal-form{border-bottom-color:#ffffff1a}.search-modal-form input,.search-modal-close,.invite-modal h2,.invite-modal p,.loading-card h2,.status-modal h2{color:#f8fafceb}.search-result{color:#f8fafce6;border-color:#ffffff1a;background:#ffffff12}.search-result:hover{border-color:#ff90bc66;background:#f63f7f29}.search-result-copy strong{color:#fff}.search-result-copy span,.duration,.search-state{color:#e2e8f0a8}.toast-card{color:#f8fafceb;border-color:#ffffff29;background:linear-gradient(135deg,#ffffff2e,#ffffff14),#111317c7}.toast-close{color:#e2e8f0b8}.spin{animation:spin .85s linear infinite}@keyframes pageIn{0%{opacity:0;transform:translateY(24px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes panelRise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}@keyframes softItemIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}@keyframes modalFloatIn{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ambientDrift{0%{transform:translate3d(-1.5%,-1%,0) scale(1)}to{transform:translate3d(1.5%,1%,0) scale(1.04)}}@keyframes glassSlideLeft{0%{opacity:0;transform:translate(-24px) scale(.985);filter:blur(6px)}to{opacity:1;transform:translate(0) scale(1);filter:blur(0)}}@keyframes glassRise{0%{opacity:0;transform:translateY(30px) scale(.988);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes glassStageIn{0%{opacity:0;transform:translateY(34px) rotateX(4deg) scale(.985);filter:blur(9px)}to{opacity:1;transform:translateY(0) rotateX(0) scale(1);filter:blur(0)}}@keyframes glassFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes albumDropIn{0%{opacity:0;transform:translateY(18px) scale(.94) rotate(-1.5deg);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1) rotate(0);filter:blur(0)}}@keyframes discSpin{0%{transform:translate(28%) rotate(0)}to{transform:translate(28%) rotate(360deg)}}@keyframes controlPulse{0%{transform:translateY(-2px) scale(1)}50%{transform:translateY(-1px) scale(.94)}to{transform:translateY(-2px) scale(1)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.auth-screen,.blocked-screen,.blocked-panel,.server-page,.server-main,.server-title-block,.server-search,.server-group,.server-card,.app-shell,.sidebar,.profile-card,.server-back-button,.sidebar-section,.selected-guild-card,.node-button,.workspace,.topbar,.now-playing,.album-stage,.track-copy,.progress-block,.transport-row,.volume-row,.right-rail,.info-panel,.queue-panel,.search-result,.queue-item,.modal-backdrop,.invite-modal,.search-backdrop,.search-modal,.status-backdrop,.status-modal,.toast-card,.loading-backdrop,.loading-card{animation-duration:.28s!important;animation-delay:0ms!important}.spin,.loading-ring{animation-duration:.9s!important;animation-iteration-count:infinite!important}.guild-button,.node-button,.search-result,.round-button,.server-card,.search-launcher,.icon-button{transition-duration:.14s!important}}@media(max-width:1180px){.server-card-grid,.server-card-grid.compact{grid-template-columns:repeat(2,minmax(220px,1fr))}.app-shell{grid-template-columns:1fr}.sidebar{max-height:none}.guild-list{max-height:340px}.dashboard-grid{grid-template-columns:1fr;overflow:visible}.workspace,.right-rail{overflow:visible}}@media(max-width:760px){.auth-panel h1{font-size:32px}.server-page{grid-template-columns:1fr}.server-rail{min-height:64px;height:64px;flex-direction:row;justify-content:center;border-right:0;border-bottom:1px solid var(--line)}.rail-bottom{margin-top:0}.server-topbar{height:auto;align-items:flex-start;flex-direction:column;padding:14px 18px}.server-content{padding:28px 18px}.server-title-block h1{font-size:36px}.server-card-grid,.server-card-grid.compact{grid-template-columns:1fr}.app-shell{gap:10px;padding:10px}.sidebar,.workspace,.now-playing,.info-panel,.queue-panel{padding:12px}.profile-card{grid-template-columns:44px minmax(0,1fr) 40px}.avatar,.guild-icon{width:44px;height:44px}.guild-button{grid-template-columns:16px 44px minmax(0,1fr) 16px}.topbar{grid-template-columns:minmax(0,1fr) 42px}.search-launcher{grid-column:1 / -1;grid-row:2;min-height:48px}.search-backdrop{align-items:flex-start;padding-top:44px}.search-result{grid-template-columns:48px minmax(0,1fr) 50px}.track-art{width:48px;height:48px}.album-stage{width:100%;min-width:0}.album-art{width:min(260px,72%)}.vinyl-disc{width:min(180px,50%);right:10%}.track-copy h2{font-size:28px}.transport-row{gap:10px}.round-button{width:50px;height:50px}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}.dashboard-topbar,.dashboard-body,.guild-chip,.profile-pill,.node-strip{min-width:0}.dashboard-topbar{display:grid;align-items:center;gap:16px;z-index:4}.back-button,.profile-pill{display:inline-flex;align-items:center}.back-button{width:46px;height:46px;justify-content:center;color:#f8fafce6;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:#ffffff17;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 16px 38px #00000038}.back-button svg{transform:rotate(180deg)}.guild-chip,.profile-pill,.topbar-actions{display:flex;align-items:center}.guild-chip{gap:12px;height:60px;padding:8px 14px 8px 9px;color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#ffffff24;box-shadow:inset 0 1px #ffffff29,0 20px 48px #0000002e;-webkit-backdrop-filter:blur(22px) saturate(1.18);backdrop-filter:blur(22px) saturate(1.18)}.guild-chip .guild-icon,.profile-pill .avatar{width:42px;height:42px}.guild-chip strong,.profile-pill strong{color:#fff}.guild-chip span{color:#e2e8f0b8}.topbar-actions{justify-content:flex-end;gap:10px}.profile-pill{gap:10px;max-width:220px;height:48px;padding:4px 14px 4px 4px;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff17;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.profile-pill strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-body{min-height:0;display:grid;gap:22px;z-index:2}.node-strip{position:relative;z-index:2;width:min(860px,100%);display:grid;gap:10px;margin-top:clamp(12px,1.8vh,20px);padding:14px;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:#ffffff0f;-webkit-backdrop-filter:blur(18px) saturate(1.12);backdrop-filter:blur(18px) saturate(1.12)}.panel-title.compact{margin-bottom:0}.queue-more{min-height:34px;display:grid;place-items:center;margin-top:10px;color:#f8fafcb8;border:1px dashed rgba(255,255,255,.16);border-radius:10px;background:#ffffff0e;font-size:13px;font-weight:850}@media(min-width:921px){html,body,#root{height:100%;overflow:hidden}.app-shell{height:100vh;min-height:100vh;display:grid;grid-template-columns:1fr;grid-template-rows:60px minmax(0,1fr);gap:22px;padding:22px 30px;overflow:hidden}.dashboard-topbar{grid-template-columns:46px minmax(210px,300px) minmax(360px,560px) minmax(180px,1fr)}.hero-search{justify-self:center;width:min(560px,100%);min-height:50px;justify-content:flex-start;padding-inline:22px;border-radius:999px;background:#ffffff26}.dashboard-body{grid-template-columns:minmax(0,1fr) minmax(310px,430px);align-items:stretch}.app-shell .now-playing{height:100%;min-height:0;display:flex;justify-content:center;padding:clamp(22px,2.8vh,34px) clamp(24px,3vw,44px);border-color:#ffffff13;border-radius:10px;background:radial-gradient(circle at 48% 22%,rgba(255,255,255,.08),transparent 28%),radial-gradient(circle at 58% 72%,rgba(246,63,127,.08),transparent 34%),#ffffff07;box-shadow:inset 0 1px #ffffff14,0 22px 70px #0003}.player-kicker{margin-bottom:clamp(10px,1.7vh,18px)}.app-shell .album-stage{width:min(410px,52vh,62%);min-width:210px;margin:0 auto clamp(10px,1.8vh,18px)}.app-shell .album-art{width:min(300px,34vh,72%);border-radius:18px}.app-shell .vinyl-disc{width:min(204px,24vh,52%)}.app-shell .status-pill{min-height:28px;padding:4px 12px;font-size:12px}.app-shell .track-copy h2{display:-webkit-box;max-width:780px;margin:clamp(10px,1.7vh,14px) auto 6px;overflow:hidden;font-size:clamp(28px,3vw,44px);-webkit-box-orient:vertical;-webkit-line-clamp:2}.app-shell .track-copy p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}.progress-block{width:min(560px,72%);margin:clamp(10px,1.6vh,16px) auto clamp(8px,1.3vh,12px)}.transport-row{gap:clamp(10px,1.2vw,16px);margin:0 0 clamp(8px,1.3vh,12px)}.app-shell .round-button{width:clamp(48px,5.6vh,58px);height:clamp(48px,5.6vh,58px)}.volume-row{width:min(540px,72%)}.node-strip{grid-template-columns:140px minmax(0,1fr);align-items:center;width:min(860px,86%);max-height:78px;overflow:hidden;padding:10px 14px}.node-strip .node-list{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;overflow:hidden;padding:0}.node-strip .node-button{grid-template-columns:17px minmax(0,1fr) 14px;min-height:44px;padding:6px 8px}.node-strip .node-button svg{width:15px;height:15px}.node-strip .node-button strong{font-size:12px}.node-strip .node-button span{font-size:11px}.node-strip .panel-title{grid-template-columns:20px minmax(0,1fr) auto;margin:0}.node-strip .panel-title h2{font-size:15px}.app-shell .queue-panel{height:100%;min-height:0;padding:22px;border-color:#ffffff1b;border-radius:10px;background:linear-gradient(145deg,#ffffff18,#ffffff09),#0c0f1257}.queue-list{flex:0 1 auto;overflow:hidden;padding-right:0}.queue-item{min-height:clamp(50px,6.6vh,62px);padding:8px}.track-art.small{width:clamp(40px,5vh,46px);height:clamp(40px,5vh,46px)}}@media(max-width:920px){html,body,#root{min-height:100%;overflow-x:hidden;overflow-y:auto}.app-shell{min-height:100vh;height:auto;display:flex;flex-direction:column;gap:14px;padding:12px;overflow:visible}.dashboard-topbar{grid-template-columns:42px minmax(0,1fr) auto;gap:10px}.back-button{width:42px;height:42px}.guild-chip{height:52px;padding:6px 10px 6px 6px}.guild-chip .guild-icon,.profile-pill .avatar{width:38px;height:38px}.hero-search{grid-column:1 / -1;grid-row:2;min-height:48px;justify-content:flex-start;padding-inline:16px}.topbar-actions{gap:8px}.profile-pill{width:46px;height:46px;padding:4px;justify-content:center}.profile-pill strong{display:none}.dashboard-body{display:flex;flex-direction:column;gap:14px}.app-shell .now-playing{min-height:auto;padding:22px 14px 16px;border-radius:10px}.app-shell .album-stage{width:min(330px,92%);min-width:0;margin-bottom:18px}.app-shell .album-art{width:min(250px,74%);border-radius:16px}.app-shell .vinyl-disc{width:min(170px,50%);right:8%}.app-shell .track-copy h2{font-size:clamp(25px,8vw,34px)}.progress-block,.volume-row{width:100%}.transport-row{gap:9px}.app-shell .round-button{width:48px;height:48px}.node-strip{width:100%;padding:12px}.node-strip .node-list{display:grid;grid-template-columns:1fr;overflow:visible;padding-right:0}.app-shell .queue-panel{min-height:auto;padding:16px;border-radius:10px}.queue-list{overflow:visible;padding-right:0}.queue-item{grid-template-columns:44px minmax(0,1fr) 52px}}.app-shell{background:radial-gradient(circle at 18% 18%,rgba(255,119,171,.34),transparent 32%),radial-gradient(circle at 78% 24%,rgba(86,190,205,.38),transparent 34%),radial-gradient(circle at 56% 84%,rgba(255,206,145,.2),transparent 36%),linear-gradient(135deg,#5d8799,#4d6978 42%,#29313d)}.app-shell:before{opacity:.86;background:radial-gradient(circle at 22% 24%,rgba(255,151,197,.36),transparent 28%),radial-gradient(circle at 72% 28%,rgba(128,224,231,.24),transparent 29%),radial-gradient(circle at 54% 78%,rgba(255,239,196,.14),transparent 24%);filter:blur(32px) saturate(1.24)}.app-shell:after{opacity:.12}.app-shell .now-playing,.app-shell .queue-panel,.app-shell .node-strip{border-color:transparent!important;background:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.app-shell .now-playing:before,.app-shell .now-playing:after{display:none}.app-shell .hero-glow{opacity:.36;filter:blur(54px) saturate(1.18) brightness(1.05);-webkit-mask-image:radial-gradient(circle at 48% 38%,#000 0 34%,transparent 74%);mask-image:radial-gradient(circle at 48% 38%,#000 0 34%,transparent 74%)}.app-shell .queue-panel{color:#f8fafce6}.app-shell .queue-panel:before{content:"";position:absolute;inset:48px 0 auto 0;height:1px;opacity:.38;background:linear-gradient(90deg,transparent,rgba(255,255,255,.36),transparent)}.app-shell .queue-item,.app-shell .node-button,.queue-more{border:0;background:#ffffff21;box-shadow:inset 0 1px #ffffff21,0 12px 28px #0000001f}.app-shell .queue-item:hover,.app-shell .node-button:hover{background:#ffffff2e}.app-shell .node-button.active{border:0;background:linear-gradient(135deg,#ff4c8d47,#ffffff29),#ffffff24;box-shadow:inset 0 0 0 1px #ff81b88f,0 14px 32px #f63f7f2b}.app-shell .empty-text{border:0;background:#ffffff1a}.node-strip .panel-title{display:none}.node-strip .node-list{width:100%}@media(min-width:921px){.app-shell{gap:20px;padding:22px clamp(34px,4vw,64px)}.dashboard-topbar{width:min(1720px,100%);margin-inline:auto;grid-template-columns:46px minmax(210px,300px) minmax(380px,560px) minmax(180px,1fr)}.dashboard-body{width:min(1720px,100%);margin-inline:auto;grid-template-columns:minmax(0,1fr) minmax(260px,350px);gap:clamp(24px,3vw,42px)}.app-shell .now-playing{align-items:center;padding-right:clamp(18px,2.5vw,42px);padding-left:clamp(58px,6vw,118px)}.app-shell .album-stage{width:min(400px,50vh,58%)}.app-shell .album-art{width:min(292px,33vh,72%)}.app-shell .vinyl-disc{width:min(198px,23vh,51%)}.node-strip{grid-template-columns:1fr;width:min(980px,90%);max-height:58px;margin-top:clamp(10px,1.3vh,14px);padding:0}.node-strip .node-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.node-strip .node-button{grid-template-columns:16px minmax(0,1fr) 12px;min-height:48px;padding:7px 9px;border-radius:9px}.node-strip .node-button strong{font-size:11px}.node-strip .node-button span{font-size:10px}.app-shell .queue-panel{position:relative;padding:20px 0 0}.queue-item{min-height:clamp(48px,6.2vh,58px);border-radius:9px}}@media(max-width:920px){.app-shell{background:radial-gradient(circle at 18% 12%,rgba(255,119,171,.38),transparent 36%),radial-gradient(circle at 90% 26%,rgba(92,194,210,.38),transparent 34%),linear-gradient(135deg,#6d8799,#4d6373 52%,#313745)}.app-shell .now-playing,.app-shell .queue-panel,.node-strip{border:0;background:transparent;box-shadow:none}.app-shell .now-playing{padding-inline:8px}.node-strip .panel-title{display:grid}.node-strip{gap:10px;padding:0}.node-strip .node-button{border-radius:10px}}html,body,#root{height:auto;min-height:100%}body{overflow-x:hidden;overflow-y:auto}body:has(.app-shell),body:has(.server-page){background:radial-gradient(circle at 18% 16%,rgba(255,119,171,.34),transparent 32%),radial-gradient(circle at 80% 22%,rgba(86,190,205,.34),transparent 34%),linear-gradient(135deg,#66899b,#526d7c 44%,#303845)}.server-page{position:relative;min-height:100dvh;overflow-x:hidden;overflow-y:auto;color:#fff;background:radial-gradient(circle at 18% 18%,rgba(255,119,171,.34),transparent 34%),radial-gradient(circle at 84% 14%,rgba(91,194,211,.34),transparent 36%),radial-gradient(circle at 58% 82%,rgba(255,229,179,.18),transparent 35%),linear-gradient(135deg,#6b8ca0,#526e7e 45%,#303845)}.server-page:before{content:"";position:fixed;top:-22%;right:-22%;bottom:-22%;left:-22%;z-index:0;pointer-events:none;background:radial-gradient(circle at 22% 20%,rgba(255,183,213,.4),transparent 28%),radial-gradient(circle at 74% 28%,rgba(149,230,234,.3),transparent 30%);filter:blur(34px) saturate(1.18)}.server-rail,.server-main{position:relative;z-index:1}.server-page .server-rail{border-color:#ffffff1f;background:#ffffff14;-webkit-backdrop-filter:blur(24px) saturate(1.16);backdrop-filter:blur(24px) saturate(1.16)}.server-page .rail-mark,.server-page .rail-button.active,.server-page .rail-button:hover{background:#ffffff29;box-shadow:inset 0 1px #ffffff29,0 14px 30px #00000029}.server-page .server-topbar{border-bottom:1px solid rgba(255,255,255,.12);background:#ffffff17;-webkit-backdrop-filter:blur(22px) saturate(1.14);backdrop-filter:blur(22px) saturate(1.14)}.server-page .server-topbar p,.server-page .server-topbar strong,.server-page .server-title-block h1,.server-page .server-title-block h1 span,.server-page .server-title-block p,.server-page .server-group-heading h2,.server-page .server-summary{color:#fff}.server-page .user-chip,.server-page .server-search,.server-page .server-card{color:#fff;border-color:#ffffff21;background:#ffffff24;box-shadow:inset 0 1px #ffffff24,0 16px 38px #0000001f;-webkit-backdrop-filter:blur(20px) saturate(1.12);backdrop-filter:blur(20px) saturate(1.12)}.server-page .server-search input{color:#fff}.server-page .server-search input::placeholder{color:#f8fafcad}.server-page .server-title-block{border-left-color:#ff6fa9}.server-page .server-title-block:after{background:linear-gradient(90deg,rgba(255,255,255,.34),transparent)}.server-page .server-card:before{width:3px;background:#ff6fa9}.server-page .server-card.control:before{background:#40e0c0}.server-page .server-card-copy strong{color:#fff}.server-page .server-card-copy span{color:#ffecf4}.server-page .server-card.control .server-card-copy span{color:#d4fff4}.server-page .server-group-heading span{color:#fff;background:#ffffff29}.server-page .empty-text{color:#f8fafcc7;border-color:#ffffff2e;background:#ffffff1a}@media(min-width:1201px)and (min-height:760px){body:has(.app-shell){overflow:hidden}#root:has(.app-shell){height:100dvh;overflow:hidden}.app-shell{height:100dvh;max-height:100dvh;overflow:hidden}}@media(max-width:1200px),(max-height:759px){body:has(.app-shell),#root:has(.app-shell){height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}.app-shell{height:auto;min-height:100dvh;max-height:none;display:flex;flex-direction:column;gap:16px;overflow:visible}.dashboard-body{display:flex;flex-direction:column;gap:18px;overflow:visible}.app-shell .now-playing,.app-shell .queue-panel,.node-strip{height:auto;min-height:auto;overflow:visible}.node-strip .node-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.queue-list{overflow:visible}}@media(min-width:921px)and (max-width:1200px){.app-shell{padding:20px clamp(22px,4vw,42px) 34px}.dashboard-topbar{grid-template-columns:46px minmax(210px,280px) minmax(280px,1fr) auto}.dashboard-body{width:min(980px,100%);margin-inline:auto}.app-shell .now-playing{padding:28px 18px 18px}.app-shell .queue-panel{padding:14px 0 0}.queue-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1080px)and (max-width:1200px){.node-strip .node-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:920px){body:has(.app-shell),#root:has(.app-shell){height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.app-shell{min-height:100dvh;padding:max(12px,env(safe-area-inset-top)) 12px max(28px,env(safe-area-inset-bottom));overflow:visible}.dashboard-topbar{position:relative;grid-template-columns:42px minmax(0,1fr) auto;align-items:center}.dashboard-body{gap:18px}.app-shell .album-stage{width:min(330px,86vw)}.app-shell .album-art{width:min(236px,64vw)}.app-shell .track-copy h2{display:-webkit-box;overflow:hidden;font-size:clamp(24px,7.4vw,32px);-webkit-box-orient:vertical;-webkit-line-clamp:2}.node-strip .node-list{grid-template-columns:1fr}.queue-list{display:grid;gap:9px}}@media(max-width:760px){.server-page{display:flex;flex-direction:column}.server-page .server-rail{position:sticky;top:0;z-index:4;min-height:62px;height:62px;flex-direction:row;justify-content:center;padding:8px 12px}.server-page .server-main{min-height:auto}.server-page .server-topbar{height:auto;padding:14px 18px}.server-page .server-content{gap:22px;padding:28px 18px 42px}.server-page .server-title-block{padding-left:16px}.server-page .server-title-block h1{font-size:36px}.server-page .server-card-grid,.server-page .server-card-grid.compact{grid-template-columns:1fr}.server-page .server-card{min-height:78px;grid-template-columns:48px minmax(0,1fr) 18px;padding:13px}.server-page .server-card-icon{width:48px;height:48px}}.server-page .server-main,.server-page .server-content,.server-list-panel,.server-list-viewport,.server-page .server-card-grid{min-width:0}.server-list-panel{min-height:0;display:grid;align-content:start;gap:clamp(18px,2.4vh,28px)}.server-list-viewport{min-height:0}.server-page .server-card-grid,.server-page .server-card-grid.compact{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:clamp(12px,1.4vw,16px)}.server-page .server-card-grid.compact{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),420px))}.server-page .server-card{isolation:isolate;transform:translateZ(0);backface-visibility:hidden;will-change:transform;animation:none;border-color:#ffffff2e;background:linear-gradient(135deg,#ffffff2e,#ffffff14),#ffffff1c;box-shadow:inset 0 1px #ffffff24,0 12px 28px #0000001a;backdrop-filter:none;-webkit-backdrop-filter:none;transition:transform .18s cubic-bezier(.2,.8,.2,1),border-color .18s ease,background .18s ease,box-shadow .18s ease}.server-page .server-card:focus-visible{outline:2px solid rgba(255,111,169,.72);outline-offset:3px}.server-page .server-card:active{transform:translate3d(0,-1px,0) scale(.995)}@media(hover:hover)and (pointer:fine){.server-page .server-card:hover{transform:translate3d(0,-4px,0) scale(1.018);border-color:#ffffff70;background:linear-gradient(135deg,#ffffff42,#ffffff21),#ffffff29;box-shadow:inset 0 1px #fff3,0 18px 38px #00000029}}@media(min-width:761px){body:has(.server-page),#root:has(.server-page){height:100dvh;overflow:hidden}.server-page{height:100dvh;min-height:100dvh;grid-template-columns:76px minmax(0,1fr);overflow:hidden}.server-page .server-rail{height:100dvh;min-height:0}.server-page .server-main{height:100dvh;min-height:0;overflow:hidden}.server-page .server-content{width:min(1500px,100%);height:calc(100dvh - 60px);min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:clamp(16px,2.2vh,26px);margin-inline:auto;padding:clamp(24px,4vh,44px) clamp(32px,6vw,90px) clamp(14px,2vh,22px);overflow:hidden}.server-list-panel{overflow-x:hidden;overflow-y:auto;padding:2px 12px 12px 0;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.server-list-panel::-webkit-scrollbar{width:8px}.server-list-panel::-webkit-scrollbar-track{background:transparent}.server-list-panel::-webkit-scrollbar-thumb{border-radius:999px;background:#ffffff47}.server-list-panel::-webkit-scrollbar-thumb:hover{background:#ffffff6b}.server-page .server-group{min-height:0}.server-page .server-summary{align-self:end}}@media(max-width:760px){body:has(.server-page),#root:has(.server-page){height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.server-page{height:auto;min-height:100dvh;overflow:visible}.server-page .server-main,.server-page .server-content,.server-list-panel,.server-list-viewport{height:auto;min-height:0;overflow:visible}.server-page .server-content{display:flex}.server-list-panel{gap:22px;padding:0}.server-page .server-card-grid,.server-page .server-card-grid.compact{grid-template-columns:1fr}}.desktop-support-note{display:none}@media(min-width:1280px)and (hover:hover)and (pointer:fine){.desktop-support-note{position:fixed;z-index:3;display:grid;max-width:min(360px,24vw);gap:8px;color:#f8fafcb8;text-shadow:0 1px 18px rgba(0,0,0,.18);pointer-events:none;animation:fadeSlideIn .52s cubic-bezier(.2,.8,.2,1) .22s both}.desktop-support-note strong{color:#ffffffeb;font-size:15px;line-height:1.3}.desktop-support-note span{font-size:13px;font-weight:760;line-height:1.55}.donation-note{top:clamp(82px,9vh,118px);right:clamp(410px,25vw,560px);text-align:left}.help-note{left:clamp(86px,6vw,126px);bottom:clamp(58px,8vh,96px);max-width:min(390px,26vw)}.support-actions{display:flex;flex-wrap:wrap;gap:8px;pointer-events:auto}.support-actions a{min-height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0 13px;color:#ffffffe6;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#ffffff1c;box-shadow:inset 0 1px #ffffff21,0 14px 34px #00000029;-webkit-backdrop-filter:blur(18px) saturate(1.14);backdrop-filter:blur(18px) saturate(1.14);font-size:13px;font-weight:850;text-decoration:none;transition:transform .18s cubic-bezier(.2,.8,.2,1),border-color .18s ease,background .18s ease,box-shadow .18s ease}.support-actions a:hover{transform:translateY(-2px);border-color:#ff90bc7a;background:#ffffff29;box-shadow:inset 0 1px #ffffff2e,0 18px 42px #00000038}.support-actions a.premium{border-color:#ff80b770;background:linear-gradient(135deg,#f63f7f57,#ffffff1c),#ffffff1f}}@media(min-width:1280px)and (max-width:1500px){.donation-note{right:360px;max-width:300px}.help-note{max-width:320px}}html{height:auto!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important}body{height:auto!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:visible!important}#root,#root:has(.app-shell),#root:has(.server-page){height:auto!important;min-height:100%!important;overflow:visible!important}body:has(.app-shell),body:has(.server-page){height:auto!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:visible!important}.app-shell,.server-page{overflow:visible!important}.dashboard-side{min-width:0;display:contents}.desktop-support-note{display:none!important}@media(min-width:1280px)and (hover:hover)and (pointer:fine){.dashboard-body{display:grid!important;grid-template-columns:minmax(190px,270px) minmax(520px,1fr) minmax(320px,390px)!important;align-items:stretch;gap:clamp(24px,3vw,42px)}.dashboard-side{display:grid;grid-template-rows:auto minmax(0,auto);align-content:start;gap:clamp(22px,3vh,32px);min-width:0}.desktop-support-note{position:static!important;z-index:2;display:grid!important;width:100%;max-width:none!important;gap:8px;margin:0!important;color:#f8fafcb8;text-align:left;text-shadow:0 1px 18px rgba(0,0,0,.18);pointer-events:auto;animation:fadeSlideIn .52s cubic-bezier(.2,.8,.2,1) .22s both}.desktop-support-note strong{color:#fffffff0;font-size:clamp(14px,.95vw,16px);line-height:1.35}.desktop-support-note span{color:#f8fafcbd;font-size:clamp(12px,.82vw,14px);font-weight:760;line-height:1.55}.help-note{align-self:center;transform:translateY(-4vh)}.donation-note{align-self:start;padding-top:8px}.support-actions{display:flex;flex-wrap:wrap;gap:8px}.support-actions a{min-height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0 13px;color:#ffffffeb;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#ffffff1c;box-shadow:inset 0 1px #ffffff21,0 14px 34px #00000029;-webkit-backdrop-filter:blur(18px) saturate(1.14);backdrop-filter:blur(18px) saturate(1.14);font-size:13px;font-weight:850;text-decoration:none;white-space:nowrap;transition:transform .18s cubic-bezier(.2,.8,.2,1),border-color .18s ease,background .18s ease,box-shadow .18s ease}.support-actions a:hover{transform:translateY(-2px);border-color:#ff90bc7a;background:#ffffff29;box-shadow:inset 0 1px #ffffff2e,0 18px 42px #00000038}.support-actions a.premium{border-color:#ff80b770;background:linear-gradient(135deg,#f63f7f57,#ffffff1c),#ffffff1f}.dashboard-side .queue-panel{width:100%}}@media(min-width:1280px)and (max-width:1540px){.dashboard-body{grid-template-columns:minmax(170px,230px) minmax(500px,1fr) minmax(300px,350px)!important;gap:clamp(18px,2.3vw,30px)}.help-note{transform:translateY(-2vh)}}@media(max-width:1279px),(hover:none),(pointer:coarse){.dashboard-side{display:contents!important}.desktop-support-note{display:none!important}}@media(max-width:920px){html,body,#root{height:auto!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-x:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}body:has(.app-shell),#root:has(.app-shell){height:auto!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.app-shell{width:100%;height:auto!important;min-height:100svh;max-height:none!important;display:flex!important;flex-direction:column;gap:14px;padding:max(12px,env(safe-area-inset-top)) 12px calc(150px + env(safe-area-inset-bottom));overflow:visible!important;overscroll-behavior-y:contain}.dashboard-topbar,.dashboard-body,.app-shell .now-playing,.app-shell .queue-panel,.node-strip,.node-strip .node-list,.queue-list{min-height:0;max-height:none!important;overflow:visible!important}.dashboard-body{width:100%;display:flex!important;flex-direction:column;align-items:stretch;gap:18px}.app-shell .now-playing{width:100%;min-height:auto!important;justify-content:flex-start;padding:18px 8px 0}.player-kicker{margin-bottom:8px;font-size:11px}.app-shell .album-stage{width:min(320px,84vw);min-width:0;margin:0 auto 18px}.app-shell .album-art{width:min(230px,62vw);border-radius:16px}.app-shell .vinyl-disc{right:8%;width:min(160px,43vw)}.app-shell .status-pill{min-height:30px;padding:5px 12px;font-size:13px}.app-shell .track-copy h2{display:-webkit-box;margin:14px auto 8px;overflow:hidden;font-size:clamp(28px,8vw,36px);line-height:1.16;-webkit-box-orient:vertical;-webkit-line-clamp:2}.app-shell .track-copy p{font-size:clamp(15px,4.4vw,18px)}.progress-block{width:100%;margin:24px auto 18px}.transport-row{width:100%;gap:clamp(8px,2.4vw,12px);margin:2px 0 20px}.app-shell .round-button{width:clamp(48px,13vw,58px);height:clamp(48px,13vw,58px)}.volume-row{width:100%;grid-template-columns:26px minmax(0,1fr) 58px;gap:10px;margin-bottom:24px}.node-strip{width:100%;display:grid;gap:12px;margin:0;padding:0}.node-strip .panel-title{display:grid;margin-bottom:0}.node-strip .node-list{display:grid;grid-template-columns:1fr;gap:12px;padding:0}.node-strip .node-button{min-height:74px;grid-template-columns:38px minmax(0,1fr) 22px;padding:14px 16px;border-radius:16px}.node-strip .node-button strong{font-size:clamp(17px,5.2vw,22px)}.node-strip .node-button span{font-size:clamp(13px,4vw,17px)}.app-shell .queue-panel{width:100%;min-height:auto!important;padding:4px 0 0}.app-shell .queue-panel:before{display:none}.queue-list{display:grid;gap:10px;padding:0}.queue-item{min-height:68px;grid-template-columns:48px minmax(0,1fr) 52px;padding:10px;border-radius:14px}}html,body,#root{height:auto!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important}body:has(.server-page),#root:has(.server-page),body:has(.app-shell),#root:has(.app-shell){height:auto!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important}.server-page{height:auto!important;min-height:100svh;overflow:visible!important;align-items:stretch}.server-page .server-rail{height:auto!important;min-height:100svh}.server-page .server-main{height:auto!important;min-height:100svh;overflow:visible!important}.server-page .server-content{width:min(1500px,100%);height:auto!important;min-height:0;display:flex!important;flex-direction:column;gap:clamp(20px,3vw,30px);margin-inline:auto;padding:clamp(34px,5vw,58px) clamp(22px,6vw,90px) clamp(44px,6vw,72px);overflow:visible!important}.server-list-panel{height:auto!important;min-height:0;display:grid;align-content:start;gap:clamp(28px,4vw,42px);overflow:visible!important;padding:0!important;scrollbar-gutter:auto}.server-list-viewport{height:auto!important;overflow:visible!important}.server-page .server-group{min-height:0;display:grid;gap:14px}.server-page .server-group-heading{position:relative;z-index:1}.server-page .server-card-grid,.server-page .server-card-grid.compact{display:grid;align-items:stretch;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:clamp(14px,2vw,18px)}.server-page .server-summary{align-self:flex-start;margin-top:0}.app-shell{height:auto!important;min-height:100svh;max-height:none!important;overflow:visible!important}.dashboard-body,.app-shell .now-playing,.app-shell .queue-panel,.node-strip,.node-strip .node-list,.queue-list{height:auto!important;max-height:none!important;overflow:visible!important}.dashboard-body{align-items:start}.app-shell .now-playing{min-height:0!important;justify-content:flex-start}.node-strip{max-height:none!important}.node-strip .node-list{align-items:stretch}.app-shell .queue-panel{min-height:0!important}@media(min-width:921px){.app-shell{grid-template-rows:auto auto;padding-bottom:clamp(34px,4vw,64px)}.dashboard-body{grid-template-columns:minmax(0,1fr) minmax(280px,360px)}.node-strip{width:min(980px,92%)}.node-strip .node-list{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media(max-width:760px){.server-page{display:flex;flex-direction:column}.server-page .server-rail{min-height:62px}.server-page .server-main{min-height:0}.server-page .server-content{padding:28px 18px calc(84px + env(safe-area-inset-bottom))}.server-list-panel{gap:26px}.server-page .server-card-grid,.server-page .server-card-grid.compact{grid-template-columns:1fr}}
