/* The dashboard follows the homepage: the raven anchors each state. */
.desktop-dashboard .site-header{position:absolute;z-index:2;top:0;left:0}.desktop-dashboard .site-header .header-link{display:none}.desktop-dashboard>.wrap{padding-top:0}.desktop-dashboard .dashboard{width:100%;max-width:1040px;min-height:calc(100svh - 80px);padding:0;display:grid;align-items:center}.orbit-signin{position:relative;min-height:660px;display:grid;place-items:center}.orbit-bird,.workspace-bird{width:clamp(250px,30vw,350px)}.orbit-bird svg,.workspace-bird svg{display:block;width:100%;fill:#a8b7a0}.orbit-login{position:absolute;left:68%;top:39%;transform:rotate(-12deg);color:#d1d8ce;font-size:15px;letter-spacing:.01em;text-decoration:none;padding:15px 6px}.orbit-login::after{content:"";position:absolute;bottom:7px;left:4px;right:4px;height:2px;border-radius:2px;background:#a8b7a0;transform-origin:left;transition:transform .7s cubic-bezier(.16,1,.3,1)}.orbit-login:hover::after{animation:login-line 1.5s cubic-bezier(.16,1,.3,1)}@keyframes login-line{from{transform:scaleX(.012)}to{transform:scaleX(1)}}.desktop-dashboard .workspace{position:relative;display:block;min-height:660px}.workspace-bird{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.workspace .servers{position:absolute;top:24%;right:68%;width:min(215px,22vw);padding:0;text-align:right}.workspace .section-label{font-size:13px;color:#aab6a5;margin:0 0 12px}.workspace .server-list{max-height:280px;overflow:auto;gap:0}.workspace .server-item{justify-content:flex-end;padding:9px 2px;border:0;background:none;border-radius:0;color:#b4beb0;font-size:14px;line-height:1.4;transition:color .2s}.workspace .server-item:hover,.workspace .server-item[aria-current="true"]{background:none;color:#eaf0e7}.workspace .server-item[aria-current="true"] span:last-child{text-decoration:underline;text-decoration-color:#a8b7a0;text-decoration-thickness:2px;text-underline-offset:7px}.workspace .server-icon{display:none}.workspace .workspace-main{padding:0}.workspace .workspace-top{position:absolute;top:4%;right:0;gap:15px;color:#a4afa0;font-size:12px}.workspace .server-empty{position:absolute;left:69%;top:39%;padding:0;white-space:nowrap}.workspace .server-empty p{margin:0;font-size:14px;color:#bcc8b7}.workspace #settings{position:absolute;left:69%;top:24%;width:min(290px,29vw)}.workspace .settings-heading{margin:0 0 30px}.workspace .settings-heading h1{font-size:21px;font-weight:550;line-height:1.3;overflow-wrap:anywhere}.workspace .setting-row{display:block;border:0;padding:0;margin:0 0 25px}.workspace .setting-row h2{font-size:12px;color:#aab6a5;font-weight:450;margin-bottom:9px}.workspace .picker-trigger{background:none;border:0;border-bottom:1px solid #687764;border-radius:0;padding:8px 0;min-height:39px;color:#e2e8df}.workspace .picker-options{background:#202620}.workspace .settings-actions{border:0;padding:0;display:flex;align-items:center;flex-wrap:wrap;gap:12px}.workspace .action-button{background:none;border:0;border-bottom:2px solid #a8b7a0;border-radius:0;padding:8px 0;color:#e8ece6;font-size:14px;font-weight:450}.workspace #save-result{margin:0}.workspace .note{font-size:12px;line-height:1.6;margin-top:22px;color:#a2ae9e}.workspace #server-error{position:absolute;left:69%;top:40%;width:min(290px,29vw)}.desktop-dashboard .site-footer{position:relative}.desktop-dashboard .mobile-dashboard{display:none}@media(max-width:700px){.desktop-dashboard .site-header,.desktop-dashboard>main{display:none}.desktop-dashboard .mobile-dashboard{display:flex}.desktop-dashboard .dashboard{display:none}}@media(min-width:701px) and (max-width:900px){.orbit-bird,.workspace-bird{width:250px}.workspace .servers{right:68%;width:22vw}.workspace #settings,.workspace #server-error{left:68%;width:29vw}.workspace .workspace-top{right:2%}.orbit-login{left:69%}}@media(prefers-reduced-motion:reduce){.orbit-login:hover::after{animation:none}}
.dashboard-loading{min-height:660px;display:grid;place-items:center}.dashboard-loading svg{display:block;width:clamp(250px,30vw,350px)}.loading-base{fill:#181a18}.loading-hatch{animation:dash-hatch 1.8s ease both}.loading-fill{fill:#a8b7a0;animation:dash-fill 1.8s cubic-bezier(.42,0,.27,1) both}.loading-outline{fill:none;stroke:#a8b7a0;stroke-width:1;stroke-dasharray:.07 .93;animation:dash-trace 1.8s ease both}@keyframes dash-fill{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes dash-hatch{0%{opacity:0}30%{opacity:.3}90%,100%{opacity:0}}@keyframes dash-trace{0%{stroke-dashoffset:0;stroke-dasharray:.025 .975;opacity:.3}45%{stroke-dashoffset:-.4;stroke-dasharray:.4 .6;opacity:.75}100%{stroke-dashoffset:-1;stroke-dasharray:1 0;opacity:0}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.workspace .servers{top:18%;width:min(230px,24vw)}.workspace .server-list{display:flex;flex-direction:column;justify-content:center;gap:0;max-height:none;overflow:visible;min-height:330px;outline-offset:5px}.workspace .server-item,.workspace .server-ghost{height:60px;min-height:60px;display:flex;align-items:center;justify-content:flex-end;text-align:right;max-width:100%;font-size:14px;line-height:1.3}.workspace .server-item span:last-child,.workspace .server-ghost{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace .server-item.slot-0,.workspace .server-ghost.slot-0{transform:translateX(22px) rotate(20deg);transform-origin:right center}.workspace .server-item.slot-1,.workspace .server-ghost.slot-1{transform:translateX(0) rotate(10deg);transform-origin:right center}.workspace .server-item.slot-2,.workspace .server-ghost.slot-2{transform:translateX(14px) rotate(5deg);transform-origin:right center}.workspace .server-ghost{color:#a8b7a0;opacity:.24;filter:blur(1px);pointer-events:none;user-select:none}.workspace .server-ghost.preview-before{transform:translateX(30px) rotate(23deg);transform-origin:right center}.workspace .server-ghost.preview-after{transform:translateX(28px) rotate(2deg);transform-origin:right center}.workspace .server-ghost.empty{visibility:hidden}.workspace .server-item{flex:none}.workspace .server-empty p{color:#aab6a5;font-size:13px}@media(prefers-reduced-motion:reduce){.loading-fill{animation:dash-fill 1.8s linear both}.loading-outline{stroke-dasharray:none;animation:dash-outline 1.8s linear both}@keyframes dash-outline{0%,70%{opacity:.45}100%{opacity:0}}}
.desktop-dashboard .site-header{display:none}.workspace .server-item span:last-child{position:relative;padding-bottom:6px}.workspace .server-item span:last-child::after{content:"";position:absolute;left:0;right:0;bottom:1px;height:2px;background:#a8b7a0;transform-origin:right;transform:scaleX(1)}.workspace .server-item[aria-current="true"] span:last-child{text-decoration:none}.workspace .server-item:hover span:last-child::after,.workspace .server-item:focus-visible span:last-child::after{animation:server-underline 1.5s cubic-bezier(.16,1,.3,1)}@keyframes server-underline{from{transform:scaleX(.012)}to{transform:scaleX(1)}}.workspace .create-resource,.workspace .invite-bot button{display:inline-block;margin-top:12px;padding:3px 0;border:0;background:none;color:#aabda3;font:inherit;font-size:12px;text-decoration:underline;text-decoration-color:#667962;text-underline-offset:5px;cursor:pointer}.workspace .create-resource:disabled{opacity:.5;cursor:wait}.workspace #server-loading,.workspace .invite-bot{position:absolute;left:69%;top:40%;width:min(290px,29vw)}.workspace .invite-bot p{font-size:13px;color:#b6c2b1;line-height:1.6}.workspace .invite-bot a{display:block;color:#d5e0d0;font-size:14px;text-underline-offset:6px}.workspace .invite-bot button{margin-top:22px}.workspace #server-error:has(+ #server-loading + .invite-bot:not([hidden])){display:none}@media(min-width:701px) and (max-width:900px){.workspace #server-loading,.workspace .invite-bot{left:68%;width:29vw}}@media(prefers-reduced-motion:reduce){.workspace .server-item:hover span:last-child::after,.workspace .server-item:focus-visible span:last-child::after{animation:none}}
.workspace .permissions-link{display:inline-block;color:#aabda3;font-size:12px;text-decoration:underline;text-decoration-color:#667962;text-underline-offset:5px}
/* Keep the settings as light as the navigation around the raven. */
.workspace #settings{width:min(240px,27vw)}.workspace .settings-heading{margin-bottom:25px}.workspace .settings-heading h1{font-size:16px;font-weight:500}.workspace .setting-row{margin-bottom:22px}.workspace .picker-trigger{width:auto;min-width:155px;max-width:100%;gap:24px;border-bottom-color:#899b82}.workspace .picker-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace .picker-options{min-width:200px;width:max-content;max-width:280px}.workspace .picker-options .create-resource{display:block;width:100%;text-align:left;padding:11px;margin:4px 0 0;border-top:1px solid #465143;color:#b7c8b0;text-decoration:none}.workspace .settings-more{position:relative;margin-top:22px;color:#a6b1a3;font-size:12px}.workspace .settings-more summary{cursor:pointer;list-style:none;display:inline-block;text-decoration:underline;text-decoration-color:#667962;text-underline-offset:5px}.workspace .settings-more summary::-webkit-details-marker{display:none}.workspace .settings-more p{line-height:1.6;margin:14px 0 10px}.workspace .settings-actions{gap:12px}.workspace #save-result{font-size:12px}.workspace .server-list{position:relative;display:block;min-height:330px;height:330px;overflow:visible;touch-action:pan-y}.workspace .server-item{position:absolute;top:0;right:0;width:100%;height:60px;min-height:60px;will-change:transform,opacity;transform-origin:right center}.workspace .server-item.is-ghost{filter:blur(1px);pointer-events:none;user-select:none}.workspace .server-item.is-hidden{visibility:hidden}.workspace .server-item span:last-child{max-width:100%;display:block;overflow:hidden;text-overflow:ellipsis}.workspace .server-item.is-ghost span:last-child::after{opacity:0}
/* Use the browser's native scrolling and momentum for server navigation. */
.workspace .server-list{height:300px;min-height:300px;max-height:300px;overflow-y:auto;overflow-x:hidden;display:block;padding:60px 0;scroll-snap-type:y proximity;scroll-padding-block:60px;overscroll-behavior:contain;scrollbar-width:none;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent)}.workspace .server-list::-webkit-scrollbar{display:none}.workspace .server-item{position:relative;inset:auto;display:flex;width:100%;height:60px;min-height:60px;scroll-snap-align:start;will-change:auto;transform-origin:right center}.workspace .server-item:nth-child(3n+1){transform:translateX(0) rotate(15deg)}.workspace .server-item:nth-child(3n+2){transform:translateX(0) rotate(9deg)}.workspace .server-item:nth-child(3n){transform:translateX(0) rotate(4deg)}.workspace .server-item.is-ghost{opacity:.28;filter:blur(1px);pointer-events:none}.workspace .server-item.is-hidden{visibility:visible}
/* Keep the three active server positions aligned to the wing as the native list moves. */
.workspace .server-item[data-slot="0"]{transform:rotate(20deg)}.workspace .server-item[data-slot="1"]{transform:rotate(10deg)}.workspace .server-item[data-slot="2"]{transform:rotate(5deg)}.workspace .server-item[data-slot="-1"]{transform:rotate(23deg)}.workspace .server-item[data-slot="3"]{transform:rotate(2deg)}
@media(min-width:701px) and (max-height:700px){.desktop-dashboard .dashboard{min-height:calc(100svh - 64px)}.desktop-dashboard .workspace,.orbit-signin,.dashboard-loading{min-height:0;height:calc(100svh - 64px)}.workspace-bird,.orbit-bird{width:min(34vw,55svh,350px)}.workspace .servers{top:50%;transform:translateY(-50%)}.workspace .workspace-top{top:10px}.workspace #settings{top:20px;max-height:calc(100svh - 100px);overflow-y:auto;scrollbar-width:thin}.workspace #server-loading,.workspace .invite-bot,.workspace #server-error{top:40%}.workspace .server-empty{top:42%}}
/* The raven recedes after loading so the settings can grow around it. */
.desktop-dashboard .dashboard{max-width:none;min-height:calc(100svh - 100px);align-items:stretch}.desktop-dashboard .workspace{min-height:calc(100svh - 100px);position:relative}.workspace-bird{width:clamp(108px,27vw,280px);opacity:.12;z-index:0;animation:backdrop-in .8s ease both}@keyframes backdrop-in{from{opacity:.85}to{opacity:.12}}.server-switch{position:absolute;top:0;left:0;z-index:5;max-width:min(300px,35vw)}.server-switch details{position:relative}.server-switch summary{list-style:none;display:flex;align-items:center;gap:14px;cursor:pointer;color:#e8ece6;font-size:20px;font-weight:550;line-height:1.4}.server-switch summary::-webkit-details-marker{display:none}.server-switch summary span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-switch summary i{width:9px;height:9px;border-right:1.5px solid #a8b7a0;border-bottom:1.5px solid #a8b7a0;transform:rotate(45deg);margin-top:-5px;transition:transform .2s;flex:none}.server-switch details[open] summary i{transform:rotate(225deg);margin-top:4px}.workspace .server-switch .server-list{height:auto;min-height:0;max-height:min(45vh,340px);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:stretch;padding:5px 0 5px 18px;margin:16px 0 0;border-left:1px solid #a8b7a0;scroll-snap-type:none;mask-image:none;-webkit-mask-image:none;background:#131513}.workspace .server-switch .server-item{position:static;transform:none!important;width:100%;height:auto;min-height:0;justify-content:flex-start;text-align:left;padding:9px 0;color:#b9c2b5;font-size:14px;white-space:normal}.workspace .server-switch .server-item:hover,.workspace .server-switch .server-item[aria-current="true"]{color:#edf1eb}.workspace .server-switch .server-item::after{display:none}.workspace .server-empty{left:0;top:110px}.workspace .server-empty p{font-size:15px}.workspace #settings{position:relative;left:auto;top:auto;width:100%;max-height:none;overflow:visible;padding:110px 0 45px;z-index:1}.dashboard-grid{display:grid;grid-template-columns:minmax(210px,1fr) minmax(220px,280px) minmax(210px,1fr);grid-template-areas:'verification . roles' 'general . protection' 'actions . actions';column-gap:28px;row-gap:64px;align-items:start}.dash-verification{grid-area:verification}.dash-roles{grid-area:roles}.dash-general{grid-area:general}.dash-protection{grid-area:protection}.dash-section h2{font-size:17px;font-weight:550;margin:0 0 28px;color:#e8ece6}.dash-section .field-label{font-size:13px;color:#aab6a5;margin:19px 0 8px}.dash-section .picker-trigger{min-width:180px}.dash-section .muted-copy,.role-explanation{font-size:13px;color:#aeb7ab;line-height:1.65;margin:0;max-width:290px}.role-explanation{margin:16px 0 0}.role-modes{display:inline-flex;border:1px solid #576653;border-radius:5px;padding:3px;gap:2px;max-width:100%}.role-modes label{cursor:pointer}.role-modes input{position:absolute;opacity:0;width:1px;height:1px}.role-modes span{display:block;padding:8px 10px;color:#bbc6b7;font-size:13px;border-radius:3px;transition:background .18s,color .18s}.role-modes input:checked+span{background:#a8b7a0;color:#151b14}.role-modes input:focus-visible+span{outline:2px solid #d1decc;outline-offset:3px}.workspace .settings-actions{grid-area:actions;justify-content:flex-end;align-items:center;margin-top:0}.workspace #save-result{color:#c5d4be}.workspace .note{max-width:420px;margin:20px 0 0 auto;text-align:right}.workspace .settings-more{text-align:right}.workspace #server-error,.workspace #server-loading,.workspace .invite-bot{position:relative;left:auto;top:auto;width:100%;padding-top:110px}.desktop-dashboard .site-footer{width:100%;align-items:center}.account-controls{margin-left:auto;display:flex;align-items:center;gap:22px;color:#adb9a8;font-size:13px}.account-controls form{margin:0}.account-controls .text-button{font-size:13px}.dashboard-loading svg,.orbit-bird{width:clamp(108px,27vw,280px)}.workspace .picker-options{max-height:180px}.workspace .picker-trigger{width:auto}.desktop-dashboard .site-header{display:none}@media(min-width:701px) and (max-width:900px){.dashboard-grid{grid-template-columns:minmax(170px,1fr) minmax(130px,190px) minmax(170px,1fr);gap:45px 20px}.workspace-bird{width:clamp(108px,27vw,280px)}.server-switch{max-width:40vw}.role-modes span{padding:7px 6px;font-size:12px}.workspace #settings{padding-top:90px}}@media(min-width:701px) and (max-height:700px){.desktop-dashboard .workspace{height:auto;min-height:calc(100svh - 100px)}.workspace #settings{max-height:none;overflow:visible}.workspace-bird{width:clamp(108px,27vw,280px)}}@media(prefers-reduced-motion:reduce){.workspace-bird{animation:none;opacity:.12}.role-modes span{transition:none}}
/* Keep each section in a distinct corner. */
.dashboard-grid{grid-template-areas:'verification . roles' 'general . protection' 'actions actions actions'}.server-switch{top:28px}
.server-switch details[open] .server-list{animation:server-list-open .22s ease both;transform-origin:top}@keyframes server-list-open{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.server-switch details[open] .server-list{animation:none}}
/* Repeat the loading fill until the server requests complete. */
.loading-fill{animation:dash-fill 1.8s cubic-bezier(.42,0,.27,1) infinite}.loading-hatch{animation:dash-hatch 1.8s ease infinite}.loading-outline{animation:dash-trace 1.8s ease infinite}.server-switch{max-width:min(420px,calc(100vw - 2 * clamp(28px,5vw,72px)))}.workspace .server-switch .server-list{width:min(420px,calc(100vw - 2 * clamp(28px,5vw,72px)));padding:12px 18px;margin-top:16px;background:#131513;position:relative;z-index:10}.workspace .server-switch .server-item{padding:9px 0}@media(prefers-reduced-motion:reduce){.loading-fill{animation:dash-fill 1.8s linear infinite}.loading-outline{animation:dash-outline 1.8s linear infinite}}
/* Keep the menu background opaque throughout its entrance. */
.server-switch details[open] .server-list{animation:server-list-drop .22s ease both}@keyframes server-list-drop{from{transform:translateY(-5px)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.server-switch details[open] .server-list{animation:none}}
/* Fade the full fill out before restarting, and crossfade the completed bird into its backdrop. */
.loading-fill{animation:dashboard-loop-fill 2.4s cubic-bezier(.42,0,.27,1) infinite}.loading-hatch{animation:dash-hatch 2.4s ease infinite}.loading-outline{animation:dash-trace 2.4s ease infinite}@keyframes dashboard-loop-fill{0%{transform:translateY(100%);opacity:0}8%{transform:translateY(98%);opacity:1}75%,82%{transform:translateY(0);opacity:1}100%{transform:translateY(0);opacity:0}}.desktop-dashboard .dashboard{grid-template-columns:minmax(0,1fr)}#dashboard-loading,#dashboard-app,#sign-in,#dashboard-error{grid-area:1 / 1}.dashboard-loading{position:relative;z-index:2;pointer-events:none;opacity:1;transition:opacity 1.1s ease}.dashboard-loading.leaving{opacity:0}.workspace-bird{animation:none;opacity:.12}.dashboard-reveal:not(.workspace){animation:dashboard-content-in 1.1s ease both}.workspace.dashboard-reveal> :not(.workspace-bird){animation:dashboard-content-in 1.1s ease both}@keyframes dashboard-content-in{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.loading-fill{animation:dashboard-loop-fill 2.4s linear infinite}.loading-outline{animation:dash-outline 2.4s linear infinite}}
/* The footer enters with the rest of the dashboard. */
.desktop-dashboard .site-footer{opacity:1;visibility:visible;transition:opacity 1.1s ease}.desktop-dashboard.dashboard-starting .site-footer{opacity:0;visibility:hidden}.workspace .server-switch .server-item.bot-missing{color:#727d70}.workspace .server-switch .server-item.bot-missing:hover{color:#bdc8b8}@media(prefers-reduced-motion:reduce){.desktop-dashboard .site-footer{transition:none}}
/* Reserve the account row before it arrives so the loading raven stays still. */
.desktop-dashboard .site-footer{min-height:93px}
/* Guided setup and autosaved server settings. */
.dashboard-grid{grid-template-areas:'general . .' 'protection . logs' 'actions actions actions';row-gap:50px}.dash-general{grid-area:general}.dash-protection{grid-area:protection}.dash-logs{grid-area:logs}.dash-general .setup-roles{margin-top:35px}.channel-actions{display:flex;align-items:flex-end;gap:24px;flex-wrap:wrap}.inline-action,.onboarding-controls button{border:0;background:none;color:#c8d6c2;font:inherit;font-size:13px;padding:8px 0;text-decoration:underline;text-decoration-color:#a8b7a0;text-decoration-thickness:2px;text-underline-offset:7px;cursor:pointer}.inline-action:disabled,.onboarding-controls button:disabled{opacity:.5;cursor:wait}.protection-row{display:flex;align-items:center;justify-content:space-between;gap:28px;max-width:240px;margin:0 0 16px;color:#aeb7ab;font-size:14px}.switch input{position:absolute;opacity:0}.switch span{display:block;width:34px;height:19px;border-radius:20px;background:#374036;position:relative}.switch span:after{content:"";position:absolute;width:13px;height:13px;top:3px;left:3px;border-radius:50%;background:#81907c}.switch input:disabled+span{opacity:.5}.dash-protection .muted-copy{margin-top:20px}.message-result{font-size:13px;color:#c5d4be;min-height:1.5em}.workspace .settings-actions{justify-content:flex-start}.workspace #settings .note{text-align:left;margin:20px 0 0}.workspace .settings-more{text-align:left}.onboarding-heading{max-width:460px;margin-bottom:38px}.onboarding-heading h1{font-size:clamp(26px,3vw,36px);font-weight:550;margin:10px 0}.onboarding-heading p{font-size:14px;color:#aeb7ab;line-height:1.6}.onboarding-heading #onboarding-progress{color:#a8b7a0;font-size:12px}.onboarding-controls{display:flex;gap:28px;margin-top:34px}.onboarding-controls button:last-child{color:#e6eee3}.is-onboarding .dashboard-grid{display:block;max-width:460px}.is-onboarding .dash-general>h2,.is-onboarding .dash-logs,.is-onboarding .note,.is-onboarding .settings-more,.is-onboarding .inline-action{display:none}.is-onboarding[data-step="0"] .setup-roles,.is-onboarding[data-step="0"] .dash-protection,.is-onboarding[data-step="1"] .setup-channel,.is-onboarding[data-step="1"] .dash-protection,.is-onboarding[data-step="2"] .dash-general{display:none}.is-onboarding .dash-general .setup-roles{margin-top:0}.is-onboarding .settings-actions{margin-top:25px}.is-onboarding .dash-section h2{margin-bottom:20px}.role-modes{max-width:100%}.workspace .picker-options{z-index:20}.workspace #settings .note{max-width:480px}.workspace .inline-action{white-space:nowrap}
/* Keep the backdrop anchored to the same point as the verification raven. */
@media(min-width:701px){.workspace-bird{position:fixed;left:50%;top:calc(50svh - 46.5px)}}
.onboarding-path{display:flex;gap:6px;margin:10px 0 18px}.onboarding-path span{height:2px;width:28px;border-radius:2px;background:#3d493b;transition:background .3s}.is-onboarding[data-step="0"] .onboarding-path span:nth-child(-n+1),.is-onboarding[data-step="1"] .onboarding-path span:nth-child(-n+2),.is-onboarding[data-step="2"] .onboarding-path span{background:#a8b7a0}.is-onboarding~.workspace-bird{opacity:.12}.onboarding-controls button{min-height:40px}.onboarding-heading #onboarding-progress{margin:0}.onboarding-heading h1{margin-top:0}@media(prefers-reduced-motion:reduce){.onboarding-path span{transition:none}}

.dashboard-grid{grid-template-areas:'general . logs' 'protection . .' 'actions actions actions'}
/* Every large raven shares the center of the viewport. */
@media(min-width:701px){.dashboard-loading{position:fixed;left:50%;top:50svh;transform:translate(-50%,-50%)}.workspace-bird,.orbit-bird{position:fixed;left:50%;top:50svh;transform:translate(-50%,-50%)} }
@media(max-width:700px){.mobile-dashboard svg{position:absolute;left:50%;top:50svh;transform:translate(-50%,-50%);margin:0}.mobile-dashboard p{position:absolute;top:calc(50svh + min(24vw,100px) + 28px);left:32px;right:32px}.mobile-dashboard span{position:absolute;top:calc(50svh + min(24vw,100px) + 62px);left:50%;width:calc(100% - 64px);transform:translateX(-50%)}.mobile-dashboard a{position:absolute;top:calc(50svh + min(24vw,100px) + 118px);left:50%;transform:translateX(-50%);white-space:nowrap}}
.switch{display:inline-flex;cursor:pointer}.switch:has(input:disabled){cursor:not-allowed}.switch span{transition:background .2s ease}.switch span:after{transition:transform .2s ease,background .2s ease}.switch input:checked+span{background:#a8b7a0}.switch input:checked+span:after{transform:translateX(15px);background:#20271e}.switch input:focus-visible+span{outline:2px solid #d1decc;outline-offset:3px}@media(prefers-reduced-motion:reduce){.switch span,.switch span:after{transition:none}}
/* Complete the loading bird once, then keep it filled while Discord responds. */
.dashboard-loading .loading-fill,.dashboard-loading .loading-hatch,.dashboard-loading .loading-outline{animation-iteration-count:1;animation-fill-mode:forwards}.dashboard-loading .loading-fill{animation-duration:1.8s}
.dashboard-loading .loading-fill{animation-name:dashboard-fill-once;animation-timing-function:cubic-bezier(.42,0,.27,1)}@keyframes dashboard-fill-once{from{transform:translateY(100%);opacity:1}to{transform:translateY(0);opacity:1}}
.permission-review{margin-top:25px;max-width:330px;font-size:13px;color:#aeb7ab;line-height:1.6}.permission-review summary{color:#c8d6c2;cursor:pointer;text-decoration:underline;text-decoration-color:#a8b7a0;text-underline-offset:7px}.permission-review p{margin:15px 0}.permission-review #permission-result{color:#d5dfd1}.permission-review .inline-action{margin-top:0}

/* Finish the loading reveal in three seconds. */
.dashboard-loading .loading-fill,.dashboard-loading .loading-hatch,.dashboard-loading .loading-outline{animation-duration:2.2s}.dashboard-loading{transition-duration:.8s}.dashboard-reveal:not(.workspace),.workspace.dashboard-reveal> :not(.workspace-bird){animation-duration:.8s}

/* One stationary silhouette, with the same hatch and outline as the loading screen. */
.workspace-bird .workspace-hatch,.workspace-bird .workspace-outline{opacity:0}.workspace-bird .workspace-fill{fill:#a8b7a0;opacity:0}.workspace-bird .workspace-base{fill:#a8b7a0}.workspace.guild-loading .workspace-base{opacity:.12}.workspace.guild-loading .workspace-fill{opacity:1;animation:workspace-fill 2.4s ease-in-out infinite}.workspace.guild-loading .workspace-hatch{animation:workspace-hatch 2.4s ease-in-out infinite}.workspace.guild-loading .workspace-outline{fill:none;stroke:#a8b7a0;stroke-width:1;stroke-dasharray:.4 .6;animation:workspace-outline 2.4s ease-in-out infinite}@keyframes workspace-fill{0%,100%{transform:translateY(0)}50%{transform:translateY(100%)}}@keyframes workspace-hatch{0%,100%{opacity:0}50%{opacity:.75}}@keyframes workspace-outline{0%,100%{stroke-dashoffset:0;opacity:0}50%{stroke-dashoffset:-.5;opacity:.8}}@media(prefers-reduced-motion:reduce){.workspace.guild-loading .workspace-fill,.workspace.guild-loading .workspace-hatch,.workspace.guild-loading .workspace-outline{animation-timing-function:linear}}

.dashboard-grid{grid-template-areas:"general . identities" "protection . logs" "actions actions actions"}.dash-identities{grid-area:identities;max-width:320px}.dash-identities .muted-copy{margin:0 0 14px}.dash-identities #fingerprint-matches{max-height:150px;overflow:auto}.dash-identities #fingerprint-matches p{margin:0 0 12px;overflow-wrap:anywhere}.dash-identities .inline-action{margin:0 0 12px}.is-onboarding .dash-identities{display:none}

.dashboard-grid{grid-template-areas:"general . protection" "actions actions actions"}

.alt-actions{position:relative;width:min(100%,260px);margin:0 0 16px}.alt-actions-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:9px 0;border:0;border-bottom:1px solid #687764;background:none;color:#dce5d8;font:inherit;font-size:13px;text-align:left;cursor:pointer}.alt-actions-trigger:disabled{opacity:.4;cursor:not-allowed}.alt-actions-trigger i{width:8px;height:8px;border-right:1.5px solid #a8b7a0;border-bottom:1.5px solid #a8b7a0;transform:rotate(45deg);flex:none;margin-right:3px}.alt-actions-trigger[aria-expanded="true"] i{transform:rotate(225deg)}.alt-actions-trigger:focus-visible,.alt-actions-menu input:focus-visible{outline:2px solid #a8b7a0;outline-offset:3px}.alt-actions-menu{position:absolute;z-index:20;top:100%;left:0;width:100%;padding:9px 12px;background:#202620;border:1px solid #414c3e}.alt-actions-menu label{display:flex;gap:10px;align-items:center;padding:10px 2px;font-size:13px;color:#d5dfd1;cursor:pointer}.alt-actions-menu input{accent-color:#a8b7a0}.dash-protection #ban-note a{color:#c8d6c2;text-underline-offset:4px}

.alt-actions-menu input{appearance:none;width:15px;height:15px;margin:0;flex:none;border:1px solid #788875;border-radius:3px;background:#171b17;display:grid;place-items:center}.alt-actions-menu input:checked{background:#a8b7a0;border-color:#a8b7a0}.alt-actions-menu input:checked::after{content:"";width:7px;height:4px;border-left:1.5px solid #182018;border-bottom:1.5px solid #182018;transform:translateY(-1px) rotate(-45deg)}

/* Groupboxes borrow Linoria's compact framing while keeping maeven's palette. */
.desktop-dashboard{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace}
.desktop-dashboard button,.desktop-dashboard input{font-family:inherit}
.workspace .dash-section h2{margin:0 0 19px;color:#e6ece2;font-size:14px;font-weight:550;letter-spacing:0}
.workspace .dash-section .field-label{margin:15px 0 7px;font-size:12px;color:#b3c0af}
.workspace .dash-general .setup-roles{margin-top:23px}
.workspace .dash-section .muted-copy,.workspace .role-explanation{font-size:12px;line-height:1.5}
.workspace .role-explanation{margin-top:11px}
.workspace .permission-review{margin-top:18px}.workspace .permission-review p{margin:10px 0 0}
.workspace .protection-row{justify-content:flex-start;gap:10px;max-width:none;margin:0 0 12px;font-size:13px}
.workspace .protection-row .switch{order:-1;flex:none}
.workspace .switch span{width:15px;height:15px;border-radius:0;border:1px solid #606d5c;background:#1c201c;box-shadow:0 0 0 1px #080a08}
.workspace .switch span:after{display:none}
.workspace .switch input:checked+span{background:#a8b7a0;border-color:#7d9077}
.workspace .switch input:disabled+span{opacity:.45}
.workspace .dash-protection .muted-copy{margin-top:14px}
.workspace .picker-trigger,.workspace .alt-actions-trigger{min-height:34px;border:1px solid #414a3f;padding:7px 9px;background:#1b1f1b;box-shadow:0 0 0 1px #080a08;font-size:12px}
.workspace .picker-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workspace .picker-options,.workspace .alt-actions-menu{background:#181c18;border:1px solid #515e4d;box-shadow:0 0 0 1px #080a08}
.workspace .alt-actions{width:min(100%,270px)}
.workspace .inline-action,.workspace .create-resource{font-size:12px}
@media(min-width:701px) and (max-width:900px){.workspace .dash-section{padding:16px 12px 14px}.workspace .channel-actions{gap:12px}.workspace .dash-section .picker-trigger{min-width:0;max-width:100%}}

.workspace .dash-protection{justify-self:end;width:100%}
.workspace .dashboard-grid{row-gap:18px}
.desktop-dashboard .site-footer{position:fixed;left:0;bottom:0;z-index:3;padding-top:12px;padding-bottom:28px;padding-left:clamp(28px,5vw,72px);padding-right:clamp(28px,5vw,72px);background:#131513}
@media(min-width:701px) and (max-height:800px){.workspace #settings{padding-top:90px;padding-bottom:10px}.workspace #settings .note{margin-top:10px}.workspace .settings-more{margin-top:8px}}

/* A quieter workspace, arranged around the centered raven. */
.desktop-dashboard{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.workspace #settings{padding:clamp(125px,21svh,190px) 0 30px}
.workspace .dashboard-grid{width:min(100%,1120px);margin:0 auto;grid-template-columns:minmax(210px,300px) minmax(200px,1fr) minmax(210px,300px);grid-template-areas:"general . protection" "actions actions actions";column-gap:clamp(24px,4vw,68px);row-gap:20px}
.workspace .dash-section{width:100%;max-width:none;padding:0;background:transparent;border:0;box-shadow:none}
.workspace .dash-section::before{display:none}
.workspace .dash-section h2{margin:0 0 30px;font-size:16px;font-weight:550;color:#e8ece6}
.workspace .dash-section .field-label{margin:0 0 10px;font-size:13px;color:#adb9a8}
.workspace .dash-general .setup-roles{margin-top:30px}
.workspace .dash-section .muted-copy,.workspace .role-explanation{font-size:12px;line-height:1.55;color:#aeb7ab}
.workspace .permission-review{margin-top:27px}.workspace .permission-review p{margin:10px 0 0}
.workspace .channel-actions{display:flex;align-items:flex-start;flex-direction:column;gap:14px}
.workspace .picker-trigger,.workspace .alt-actions-trigger{min-height:36px;width:100%;padding:7px 0;border:0;border-bottom:1px solid #667962;background:transparent;box-shadow:none;font-size:14px;color:#dce5d8}
.workspace .picker-options,.workspace .alt-actions-menu{background:#1c211c;border:1px solid #455343;box-shadow:none}
.workspace .alt-actions{width:100%;margin:3px 0 0}
.workspace .protection-row{justify-content:space-between;gap:20px;margin:0 0 19px;font-size:14px;color:#c3cdc0}
.workspace .protection-row .switch{order:0}
.workspace .switch span{width:34px;height:19px;border:0;border-radius:20px;background:#374036;box-shadow:none}
.workspace .switch span:after{display:block;width:13px;height:13px;top:3px;left:3px;border-radius:50%;background:#81907c}
.workspace .switch input:checked+span{background:#a8b7a0}.workspace .switch input:checked+span:after{transform:translateX(15px);background:#20271e}
.workspace .inline-action,.workspace .create-resource{font-size:13px}
.workspace .dash-protection .muted-copy{margin-top:17px}
.workspace .settings-actions{margin:0}
.is-onboarding .dashboard-grid{width:100%;margin:0;max-width:460px}
@media(min-width:701px) and (max-width:1000px){.workspace .dashboard-grid{grid-template-columns:minmax(180px,1fr) minmax(190px,260px) minmax(180px,1fr);gap:25px}.workspace .dash-section{padding:0}.workspace #settings{padding-top:125px}}
@media(min-width:701px) and (max-height:700px){.workspace #settings{padding-top:100px}.workspace .dash-section h2{margin-bottom:20px}.workspace .dash-general .setup-roles{margin-top:20px}.workspace .protection-row{margin-bottom:12px}}

.workspace .protection-row small{font-size:11px;color:#849080;margin-left:4px}

/* Rotate each chevron around its own center, without shifting the control. */
.workspace .picker-trigger i,.workspace .alt-actions-trigger i,.workspace .server-switch summary i{flex:none;margin:0;transform-origin:center;transform:rotate(45deg);transition:transform .28s cubic-bezier(.2,.7,.2,1)}
.workspace .picker-trigger[aria-expanded="true"] i,.workspace .alt-actions-trigger[aria-expanded="true"] i,.workspace .server-switch details[open] summary i{margin:0;transform:rotate(225deg)}
.workspace .alt-actions-trigger>span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(prefers-reduced-motion:reduce){.workspace .picker-trigger i,.workspace .alt-actions-trigger i,.workspace .server-switch summary i{transition-duration:.01ms}}

/* Keep the chevron rotation smooth for both motion preferences. */
.workspace .picker-trigger i,.workspace .alt-actions-trigger i,.workspace .server-switch summary i{transition:transform .42s cubic-bezier(.22,1,.36,1)}

/* Shared in-flow accordion menus and homepage-style underlines. */
.workspace .picker-options,.workspace .alt-actions-menu{position:relative;top:auto;left:auto;right:auto;display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin:8px 0 0;padding:5px 0 5px 14px;background:#131513;border:0;border-left:1px solid #a8b7a0;border-radius:0;box-shadow:none}
.workspace .picker-options[hidden],.workspace .alt-actions-menu[hidden]{display:none}
.workspace .picker-options button,.workspace .alt-actions-menu label{border-radius:0;background:transparent;color:#b9c2b5;padding:9px 4px}
.workspace .picker-options button:hover,.workspace .picker-options button:focus,.workspace .picker-options button[aria-selected="true"],.workspace .alt-actions-menu label:hover{background:transparent;color:#edf1eb}
.workspace .server-switch details[open] .server-list{animation:none}
.workspace .server-switch summary span{position:relative;padding-bottom:7px}
.workspace .server-switch summary span::after,.workspace .picker-trigger::after,.workspace .alt-actions-trigger::after,.workspace .inline-action::after,.workspace .onboarding-controls button::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#a8b7a0;border-radius:2px;transform-origin:left center}
.workspace .picker-trigger,.workspace .alt-actions-trigger,.workspace .inline-action,.workspace .onboarding-controls button{position:relative;border-bottom:0;text-decoration:none}
.workspace .picker-trigger::after,.workspace .alt-actions-trigger::after{height:1px;background:#899b82}
.workspace .picker-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workspace .inline-action:disabled::after,.workspace .alt-actions-trigger:disabled::after{opacity:.45}
.workspace.dashboard-reveal .server-switch summary span::after,.workspace.dashboard-reveal .picker-trigger::after,.workspace.dashboard-reveal .alt-actions-trigger::after,.workspace.dashboard-reveal .inline-action::after{animation:workspace-line 1.5s cubic-bezier(.16,1,.3,1) both}
@keyframes workspace-line{from{transform:scaleX(.012)}to{transform:scaleX(1)}}

.workspace .server-switch details[data-collapsing="true"] summary i{transform:rotate(45deg)}

/* Footer links share the workspace underline without replaying on hover. */
.desktop-dashboard .site-footer>a{position:relative;text-decoration:none}
.desktop-dashboard .site-footer>a::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:2px;background:#a8b7a0;transform-origin:left center}
.desktop-dashboard:not(.dashboard-starting) .site-footer>a::after{animation:workspace-line 1.5s cubic-bezier(.16,1,.3,1) both}
.desktop-dashboard .orbit-login:hover::after{animation:none}

/* Open the accordion menus above adjacent settings. */
.workspace .picker-options,.workspace .alt-actions-menu{position:absolute;top:100%;left:0;right:auto;z-index:30}
.workspace .picker:has(.picker-trigger[aria-expanded="true"]),.workspace .alt-actions:has(.alt-actions-trigger[aria-expanded="true"]){z-index:30}

.workspace .setup-logs{margin-top:28px}.is-onboarding[data-step="0"] .setup-logs,.is-onboarding[data-step="1"] .setup-logs,.is-onboarding[data-step="2"] .setup-logs{display:none}