@font-face{font-family:Condensed;src:local('Bahnschrift Condensed')}
:root{color-scheme:dark;--accent:#d34d55;--line:#303237;--muted:#a1a6ae;font:15px/1.55 'Segoe UI',Arial,sans-serif;color:#ececec;background:#101113}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#17191c 0,#101113 330px)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}
.access-shell{width:min(460px,calc(100% - 40px));margin:0 auto;padding:clamp(44px,12vh,120px) 0 32px}.access-shell.member-view{width:min(860px,calc(100% - 40px));padding-top:48px}
.brand{display:flex;align-items:center;justify-content:center;gap:15px;width:fit-content;margin:0 auto 30px;font-size:12px;line-height:1.5;font-weight:750;letter-spacing:1.6px}.brand b{color:var(--accent)}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:2px;color:#9a9ea6;margin-top:5px}.brand-mark{width:47px;height:57px;display:grid;place-items:center;border:1px solid #bd3f48;background:#a52e37;color:#fff;font:31px Georgia,serif}.member-view .brand{margin-left:0;margin-bottom:28px}
.panel{background:#191b1f;border:1px solid var(--line);border-radius:6px;margin-bottom:22px}.login-panel{padding:34px;border-top:3px solid var(--accent);box-shadow:0 14px 44px #0003}.panel-heading p{color:var(--muted);font-size:14px;margin:12px 0 0}.panel-heading .eyebrow,.eyebrow{color:#d48a93;font-size:10px;letter-spacing:2px;font-weight:600;margin:0 0 9px}h1{font:700 32px/1.2 Condensed,'Arial Narrow','Segoe UI',sans-serif;letter-spacing:.3px;margin:0}h2{font-size:20px;line-height:1.3;margin:0}p{margin-top:0}
.button,button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:4px;padding:12px 16px;font-weight:600;font-size:14px;cursor:pointer;background:var(--accent);color:#111215;min-height:44px}.discord-button{width:100%;margin-top:28px;background:#5865f2;color:#fff;border-color:#7380ff;box-shadow:0 2px 0 #0002}.discord-button:hover{background:#4855dc}.discord-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}.discord-button svg circle{fill:currentColor;stroke:none}.secondary{background:#23262b;color:#d7dae0;border-color:#3d4149;font-weight:500;padding:8px 14px}.secondary:hover{background:#30343b}button:disabled{opacity:.5;cursor:wait}
.login-note{margin-top:28px;border-top:1px solid var(--line);padding-top:22px}.login-note strong{font-size:13px;font-weight:600}.login-note p{font-size:12px;color:var(--muted);line-height:1.7;margin:7px 0 0}.notice{padding:14px;background:#291a20;border:1px solid #68353f;border-radius:4px;color:#e8a5ad;font-size:13px;margin-top:24px}
.account-panel{padding:28px;border-top:3px solid var(--accent)}.identity{display:flex;align-items:center;gap:14px;padding-top:24px;margin-top:24px;border-top:1px solid var(--line)}.avatar{width:48px;height:48px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#2c1c21;border:1px solid #783e49;color:#f0a2a8;font-size:15px;font-weight:600}.identity-details{min-width:0}.identity h2{font-size:18px;overflow-wrap:anywhere}.identity button{margin-left:auto}.badge{display:inline-flex;font-size:11px;color:#b9ccbf;margin-top:4px;gap:7px;align-items:center}.badge:before{content:'';width:6px;height:6px;border-radius:50%;background:#84a98c}.membership-note{color:var(--muted);font-size:13px;margin:22px 0 0}.review-panel{padding:28px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.section-description{font-size:13px;color:var(--muted);margin:18px 0 22px;max-width:630px}.account{padding:20px 0;border-top:1px solid var(--line)}.account:last-child{padding-bottom:0}.account strong{display:block;font-size:14px}.account small{display:block;color:#959ba5;font-size:12px;margin-top:5px;overflow-wrap:anywhere}
form{display:flex;flex-wrap:wrap;gap:14px;align-items:end;margin-top:18px}label{display:grid;gap:6px;font-size:12px;color:#bdc2c9}label.note{flex:1;min-width:180px}input,select{border:1px solid #41454d;background:#111316;color:#e6e8ed;padding:10px;border-radius:4px;font-size:14px;min-height:44px;max-width:100%}#message{color:#f0a2a8;background:#2c191d;border:1px solid #613039;border-radius:4px;padding:12px 16px;margin:0 0 18px;font-size:13px}#message:empty{display:none}footer{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:1.2px;color:#747a85;padding:4px 2px 0}.member-view footer{padding-top:4px}[hidden]{display:none!important}:focus-visible{outline:2px solid #ef747d;outline-offset:4px}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:2;background:#ececec;color:#111;padding:10px}
@media(max-width:550px){.access-shell,.access-shell.member-view{width:calc(100% - 32px);padding-top:38px}.login-panel,.account-panel,.review-panel{padding:24px}.brand{font-size:11px}.identity{flex-wrap:wrap}.identity button{margin-left:0;width:100%;margin-top:5px}.section-heading{align-items:flex-start}form{display:grid;grid-template-columns:1fr}label.note{min-width:0}footer{font-size:8px;letter-spacing:.7px}}
.profile-panel{padding:28px;margin-bottom:24px}.profile-panel p{color:var(--muted);line-height:1.6}.profile-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.profile-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.profile-preview,.profile-form [role=status]{grid-column:1/-1}.key-row{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:12px 0;border-top:1px solid var(--line)}.key-row span{color:var(--muted)}.key-row button{margin-left:auto}.profile-panel input[readonly]{width:100%;font-family:monospace}.remember-choice{display:flex;align-items:center;gap:10px;margin-top:16px}.remember-choice input{min-height:18px;width:18px;height:18px}.login-note summary{cursor:pointer;line-height:1.6}.login-note form{display:grid;grid-template-columns:1fr}@media(max-width:650px){.profile-form{grid-template-columns:1fr}.profile-panel{padding:20px}}
.workspace-view>.profile-panel{margin:24px 32px 24px 276px}@media(max-width:1000px){.workspace-view>.profile-panel{margin-left:234px}}@media(max-width:700px){.workspace-view>.profile-panel{margin:16px}}
