:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f5f8;font-synthesis:none;text-rendering:optimizelegibility;background:#0d0e11;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 50% -15%,#222630 0,#0d0e11 38rem);min-height:100vh}button,select,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #8ea1ff}.shell{width:min(1100px,100% - 40px);margin:0 auto;padding:28px 0 60px}.centered{place-items:center;min-height:100vh;padding:40px 0;display:grid}.topbar{justify-content:space-between;align-items:center;gap:24px;margin-bottom:52px;display:flex}.brand-row,.user-row{align-items:center;gap:12px;display:flex}.brand-row>div:last-child{gap:1px;display:grid}.brand-row span{color:#8e929b;font-size:12px}.brand-mark{color:#fff;background:#5865f2;border-radius:16px;place-items:center;width:54px;height:54px;font-size:25px;font-weight:800;display:grid;box-shadow:0 14px 34px #5865f233}.brand-mark.small{border-radius:11px;width:38px;height:38px;font-size:18px}.user-row img{border-radius:50%;width:32px;height:32px}.user-row>span{color:#c7c9d0;font-size:14px}.text-button{color:#8e929b;cursor:pointer;background:0 0;border:0;padding:7px 3px}.text-button:hover{color:#fff}.workspace{grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);align-items:start;gap:18px;display:grid}.panel,.login-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#15171cdd;border:1px solid #282b32;box-shadow:0 20px 70px #0005}.panel{border-radius:20px;padding:30px}.main-panel{min-height:540px}.steps-panel{padding:26px}.login-card{border-radius:24px;width:min(560px,100%);padding:42px}.login-card .brand-mark{margin-bottom:32px}.eyebrow{color:#9298a6;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:750}h1{letter-spacing:-.035em;max-width:700px;margin:0;font-size:clamp(31px,5vw,49px);line-height:1.02}.lede{color:#a9adb7;max-width:620px;margin:18px 0 30px;font-size:17px;line-height:1.6}.lede.compact{margin-bottom:38px;font-size:15px}.field-label{color:#c9ccd4;margin-bottom:9px;font-size:13px;font-weight:700;display:block}.guild-select-wrap{background:#0f1115;border:1px solid #30343d;border-radius:13px;align-items:center;gap:11px;padding:9px 12px;display:flex}.guild-icon{object-fit:cover;border-radius:9px;flex:none;width:34px;height:34px}.guild-icon-fallback{color:#cfd2da;background:#2a2e37;place-items:center;font-size:11px;font-weight:800;display:grid}select{color:#f3f4f6;cursor:pointer;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:6px 30px 6px 0}.actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.primary-button,.secondary-button,.danger-button{cursor:pointer;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;min-height:44px;padding:0 17px;font-weight:750;text-decoration:none;display:inline-flex}.primary-button{color:#fff;background:#5865f2}.primary-button:hover{background:#6672f5}.secondary-button{color:#d5d7dd;background:#1c1f25;border-color:#343842}.secondary-button:hover{background:#23262e}.danger-button{color:#ffbdc5;background:#3b1e22;border-color:#5b2a31}button:disabled{opacity:.45;cursor:not-allowed}.login-card .primary-button{width:fit-content}.status{background:#101216;border:1px solid #2a2e35;border-radius:12px;align-items:flex-start;gap:11px;margin-top:28px;padding:14px 15px;display:flex}.status-dot{background:#747984;border-radius:50%;flex:none;width:8px;height:8px;margin-top:6px;box-shadow:0 0 0 4px #74798418}.status>div{gap:2px;display:grid}.status strong{font-size:13px}.status span:not(.status-dot){color:#8e929b;font-size:12px}.status-working .status-dot{background:#e2b85d;box-shadow:0 0 0 4px #e2b85d18}.status-live .status-dot{background:#49c47a;box-shadow:0 0 0 4px #49c47a18}.status-error .status-dot{background:#ef6c78;box-shadow:0 0 0 4px #ef6c7818}.inline-error{color:#ff9ca6;margin-top:15px;font-size:13px}.steps{gap:20px;margin:22px 0 30px;padding:0;list-style:none;display:grid}.steps li{grid-template-columns:28px 1fr;align-items:start;gap:12px;display:grid}.steps li>span{color:#959aa6;border:1px solid #343842;border-radius:9px;place-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:grid}.steps strong{margin:3px 0;font-size:14px;display:block}.steps p,.privacy-note p{color:#878c97;margin:0;font-size:12px;line-height:1.5}.privacy-note{border-top:1px solid #282b32;padding-top:20px}.privacy-note strong{color:#c7cad2;margin-bottom:5px;font-size:12px;display:block}.loader{border:2px solid #31343d;border-top-color:#8e97ff;border-radius:50%;width:26px;height:26px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=780px){.shell{width:min(100% - 24px,680px);padding-top:18px}.topbar{margin-bottom:28px}.user-row>span{display:none}.workspace{grid-template-columns:1fr}.main-panel{min-height:auto}.panel,.login-card{padding:24px}.actions>*{width:100%}}.volume-control{margin-top:22px}.volume-label{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.volume-label output{color:#c9ccd4;font-variant-numeric:tabular-nums;font-size:13px}.volume-control input{accent-color:#8ea1ff;cursor:pointer;width:100%;margin:4px 0}.volume-control input:disabled{opacity:.45;cursor:not-allowed}.volume-control p{color:#a9adb7;margin:6px 0 0;font-size:12px;line-height:1.5}