:root{color-scheme:dark;font:16px/1.5 system-ui,Segoe UI,sans-serif;color:#f9f5fc;background:#100d14;--muted: #c1b7ca;--line: #ffffff24;--gold: #fbc287}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 50% 30%,#251c30 0,transparent 62%),#100d14}.shell{width:min(1080px,calc(100% - 48px));min-height:100svh;margin:0 auto;display:grid;grid-template-rows:auto 1fr auto;gap:clamp(22px,4vh,44px);padding:26px 0 20px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:block;width:clamp(128px,22vw,190px);height:auto;background:transparent}nav{display:flex;gap:4px;border:1px solid var(--line);border-radius:12px;padding:4px;background:#141019}button,.buttonLink{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.62}:where(a,button):focus-visible{outline:2px solid var(--gold);outline-offset:4px}nav button{min-width:42px;min-height:36px;background:transparent;color:var(--muted);border:0;border-radius:8px;font-size:.78rem;font-weight:750}nav button[aria-pressed=true]{background:#3b2a43;color:#fff}.entry{align-self:center;justify-self:center;width:min(100%,460px);overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#1b1522;box-shadow:0 16px 48px #0004}.login{padding:32px}h1{margin:0;font-size:clamp(1.75rem,4vw,2rem);line-height:1.15;letter-spacing:-.025em;text-wrap:balance}.intro{margin:16px 0 24px;color:var(--muted);max-width:37ch}.discordLogin{display:grid;grid-template-columns:22px 1fr 22px;align-items:center;gap:10px;width:100%;min-height:54px;padding:10px 13px;border:1px solid #a49cff;border-radius:12px;background:linear-gradient(112deg,#5245c5,#4436a8);color:#fff;font-weight:750;text-align:left}.discordLogin:hover:not(:disabled){background:linear-gradient(112deg,#6050d5,#4f41b6)}.discord{display:block;width:22px;height:22px;fill:currentColor}.button-arrow{text-align:center}.message{margin:10px 0 0;color:#b8eace;font-size:.875rem}.message:empty,.membership .muted:empty{display:none}.message.error{color:#ffadb8}.membership{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.membership h2{margin:0;font-size:1.05rem}.membership .muted{margin:6px 0 12px;color:var(--muted);font-size:.875rem;overflow-wrap:anywhere}.actions{display:flex;flex-wrap:wrap;gap:8px}.actions button,.buttonLink{padding:8px 10px;min-height:42px;border-radius:9px;border:1px solid var(--line);background:#332641;text-decoration:none;font-size:.875rem}.actions button:hover,.buttonLink:hover{border-color:#bb93d5}.quiet{margin-top:10px;padding:6px 0;border:0;background:transparent;color:var(--muted);text-decoration:underline;font-size:.875rem}.setup{padding:10px 12px;border:1px solid #d39f6266;border-radius:9px;background:#392a2a;color:#ffdaa8;font-size:.875rem}.community{display:inline-flex;gap:7px;margin-top:18px;color:#d9cce2;font-size:.875rem;text-underline-offset:3px}.community:hover,.quiet:hover{color:#fff}footer{color:var(--muted);font-size:.75rem;text-align:center}@media(max-width:700px){.shell{width:min(100% - 28px,470px);gap:18px;padding:14px 0}.login{padding:22px 18px}.intro{margin:12px 0 18px}}
