.web-account-buttons{display:flex;gap:8px;align-items:center;flex-shrink:0}.web-account-buttons button,.web-account-avatar{font-family:'DM Sans',system-ui,sans-serif;cursor:pointer;font-size:13px;font-weight:750;border-radius:10px;padding:10px 17px;line-height:18px;white-space:nowrap;color:#fff}.web-login{background:linear-gradient(180deg,#65b4ff,#2081ee);border:1px solid #83c1ff;box-shadow:inset 0 1px 0 #ffffff40,0 4px 14px #1486ff24}.web-register{background:#101114;border:1px solid #30333a}.web-account-buttons button:hover{filter:brightness(1.13)}.web-account-avatar{border:1px solid #428bd3;border-radius:50%;background:#14243b;width:39px;height:39px;padding:0}
#boo-account-dialog{font-family:'DM Sans',system-ui,sans-serif;width:min(448px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #2d3441;border-radius:24px;color:#f6f7fb;background:radial-gradient(ellipse at 100% 0%,#12305080,transparent 55%),#111318;padding:28px;box-shadow:0 30px 140px #000b;color-scheme:dark}#boo-account-dialog::backdrop{background:#030509c9;backdrop-filter:blur(9px)}#boo-account-dialog *{box-sizing:border-box}#boo-account-dialog button,#boo-account-dialog input{font:inherit}#boo-account-dialog button{cursor:pointer}#boo-account-dialog button:disabled{cursor:wait;opacity:.6}.account-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px}.account-brand{display:flex;align-items:center;gap:9px;font-size:22px;font-weight:850;text-decoration:none;color:#fff}.account-brand img{width:31px;height:31px}.account-head>button{width:30px;height:30px;border-radius:50%;border:1px solid #343945;color:#bcc5d5;background:#1c2029}#boo-account-dialog h1{font-size:25px;letter-spacing:-.8px;margin:0 0 10px}.account-intro{color:#929eaf;font-size:13px;line-height:1.65;margin:0 0 22px}.account-tabs{display:flex;background:#080a0d;border:1px solid #242a33;padding:4px;border-radius:12px;gap:4px;margin-bottom:24px}.account-tabs button{flex:1;border:0;border-radius:8px;color:#929eaf;background:none;font-weight:700;padding:9px}.account-tabs button.selected{color:white;background:linear-gradient(180deg,#54a7f6,#257fda);box-shadow:inset 0 1px 0 #b3daff50}#boo-account-dialog form{display:grid;gap:16px}#boo-account-dialog label{font-size:12px;color:#aeb8c8;font-weight:550;display:grid;gap:8px}#boo-account-dialog input:not([type=checkbox]){width:100%;height:45px;border-radius:10px;border:1px solid #2b313c;background:#0b0d12;color:white;padding:0 13px;outline:none;font-size:13px}#boo-account-dialog input:focus{border-color:#4f9ef0;box-shadow:0 0 0 3px #308fed1c}#boo-account-dialog input::placeholder{color:#5d697a}.account-password{position:relative;display:block}.account-password input{padding-right:43px!important}.account-password button{position:absolute;right:4px;top:4px;height:37px;width:36px;background:none;color:#8998b1;border:0}.account-check{display:flex!important;align-items:center;gap:9px!important}.account-check input{accent-color:#358ce9;width:16px;height:16px}.account-submit{display:flex;justify-content:space-between;align-items:center;border:1px solid #77baff;border-radius:11px;background:linear-gradient(180deg,#55a8fb,#227de0);color:white;font-size:14px;font-weight:750;padding:13px 16px;width:100%;margin-top:4px;box-shadow:0 7px 25px #2084f023}.account-error{font-size:12px;line-height:1.5;color:#ffb2bd;background:#391c27;border:1px solid #6a303f;padding:11px;border-radius:9px}.account-error:empty{display:none}.account-foot{text-align:center;color:#8793a6;font-size:12px;margin:5px 0 0}.account-foot button{background:none;border:0;color:#66b3ff;font-weight:650;padding:0 3px}.account-success{display:grid;place-items:center;width:72px;height:72px;margin:30px auto;color:#7bc8ff;background:#132e48;border:1px solid #24537e;border-radius:50%;font-size:32px}.account-menu{display:grid;gap:10px}.account-menu button{display:flex;align-items:center;justify-content:space-between;border:1px solid #2b3340;border-radius:10px;background:#171d27;color:#d8e4f6;padding:13px;font-size:13px}.account-proof{padding:13px;border:1px solid #2a3547;background:#0a1019;border-radius:11px;margin:13px 0 21px}.account-proof dt{font-size:11px;color:#8293ae;margin:9px 0}.account-proof dd{margin:0;color:#d7e7ff;overflow-wrap:anywhere;font:11px/1.7 ui-monospace,monospace}.account-reveals{margin-top:23px;color:#91a8c8;font-size:12px}.account-transactions{display:grid;gap:1px;max-height:60vh;overflow:auto}.account-transactions>div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #262e3c;padding:14px 0;font-size:13px}.account-transactions small{display:block;color:#7789a4;font-size:10px;margin-top:5px}.account-transactions strong{font-variant-numeric:tabular-nums}.account-transactions .positive{color:#53d8a6}
.boo-server-equite{display:flex;width:100%;align-items:center;gap:10px;padding:13px;border:1px solid #30333c;border-radius:12px;background:#1b1c20;color:#b5c2d6;cursor:pointer;font:650 12px 'DM Sans',system-ui,sans-serif}.boo-server-equite span:last-child{margin-left:auto;color:#739cc7}
@media(max-width:600px){.web-account-buttons{gap:5px}.web-account-buttons button{padding:8px 11px;font-size:12px;border-radius:9px}#boo-account-dialog{padding:23px;border-radius:20px}}

/* The illustrated layout is limited to sign-in, registration and email confirmation. */
#boo-account-dialog.account-wide{width:min(940px,calc(100vw - 40px));height:fit-content;max-height:calc(100dvh - 48px);padding:0;overflow:hidden;border-radius:23px;border-color:#303849;background:#111318;box-shadow:0 32px 160px #000c}
.account-layout{display:grid;grid-template-columns:46% 54%;height:min(660px,calc(100dvh - 48px));min-height:0}
.account-art{position:relative;overflow:hidden;isolation:isolate;min-width:0;background:#04152d;border-right:1px solid #2b497040}
.account-art-visual{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.02);animation:boo-account-float 8s ease-in-out infinite alternate}
.account-art-shade{position:absolute;inset:0;background:linear-gradient(180deg,#03132966,transparent 24%,transparent 61%,#06101dbf 91%,#07101df2);pointer-events:none}
.account-art-brand{position:absolute;left:31px;top:29px;display:flex;align-items:center;gap:9px;color:white;font-size:30px;font-weight:850;letter-spacing:-1.4px;text-shadow:0 2px 15px #00153460}
.account-art-brand img{width:38px;height:38px;object-fit:contain}
.account-art-copy{position:absolute;left:32px;right:28px;bottom:30px;color:white;text-shadow:0 3px 24px #00112d80}
.account-art-copy>span{display:block;font-size:9px;letter-spacing:2.5px;font-weight:750;color:#a7cfff;margin-bottom:10px}
.account-art-copy strong{display:block;font-size:29px;line-height:1.17;font-weight:800;letter-spacing:-1px}
.account-art-copy i{display:block;width:29px;height:3px;border-radius:4px;background:#56b6ff;margin-top:19px;box-shadow:0 0 13px #3b9fff}
.account-form-panel{display:flex;flex-direction:column;justify-content:safe center;min-height:0;min-width:0;padding:32px 36px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#2a3b52 transparent;background:radial-gradient(ellipse at 100% 0%,#12305038,transparent 55%),#111318}
#boo-account-dialog.account-wide .account-head{margin-bottom:22px;min-height:20px}
.account-eyebrow{font-size:9px;font-weight:750;letter-spacing:2px;color:#6daeff}
#boo-account-dialog.account-wide h1{font-size:27px;line-height:1.2;letter-spacing:-1px;margin:0 0 11px}
#boo-account-dialog.account-wide .account-intro{margin-bottom:21px;max-width:370px;font-size:12px;line-height:1.65}
#boo-account-dialog.account-wide .account-tabs{margin-bottom:22px}
#boo-account-dialog.account-wide form{gap:14px}
.account-fields-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.account-fields-row>label{min-width:0}
#boo-account-dialog.account-wide .account-floating-close{position:absolute;z-index:5;top:17px;right:17px;display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid #394352;border-radius:50%;background:#121923b8;color:#abb9cc;font-size:15px;transition:background .18s,color .18s}
#boo-account-dialog.account-wide .account-floating-close:hover{background:#28394f;color:white}
@keyframes boo-account-float{from{transform:scale(1.025) translateY(2px)}to{transform:scale(1.04) translateY(-4px)}}
@media(prefers-reduced-motion:reduce){.account-art-visual{animation:none}}
@media(max-width:760px){
 #boo-account-dialog.account-wide{width:min(470px,calc(100vw - 24px));max-height:calc(100dvh - 24px);border-radius:20px}
 .account-layout{display:block;height:auto;max-height:calc(100dvh - 24px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#2a3b52 transparent}
 .account-art{height:155px;border-right:0;border-bottom:1px solid #28538a55;background:radial-gradient(ellipse at 65% 50%,#094b9d,#06172f 75%)}
 .account-art-visual{width:210px;height:315px;inset:auto 0 -78px auto;object-fit:contain;object-position:center;animation:none;transform:rotate(-7deg);opacity:.95}
 .account-art-shade{background:linear-gradient(90deg,#06172f22,#06172f00 65%,#06172f30)}
 .account-art-brand{left:24px;top:37px;font-size:33px;gap:9px}
 .account-art-brand img{width:40px;height:40px}
 .account-art-copy{left:25px;bottom:29px;right:auto}
 .account-art-copy>span{font-size:8px;letter-spacing:1.9px;margin:0;color:#88baff}
 .account-art-copy strong,.account-art-copy i{display:none}
 .account-form-panel{padding:26px;overflow:visible}
 #boo-account-dialog.account-wide .account-head{margin-bottom:17px}
 #boo-account-dialog.account-wide h1{font-size:25px}
 #boo-account-dialog.account-wide .account-intro{max-width:none;margin-bottom:20px}
 #boo-account-dialog.account-wide .account-floating-close{background:#06182bcb;border-color:#6583a54d;color:#c8e4ff;top:13px;right:13px}
}
@media(max-width:420px){.account-fields-row{grid-template-columns:1fr;gap:14px}.account-form-panel{padding:25px 22px}.account-art{height:135px}.account-art-brand{top:28px}.account-art-copy{bottom:22px}.account-art-visual{width:195px;height:293px;bottom:-78px;right:-6px}}
.server-profile-actions{padding:16px;border:1px solid #282828;border-radius:18px;display:grid;gap:10px;background:#141414}.server-profile-actions p{margin:0;color:#93a1b6;font-size:12px}.server-profile-actions a,.server-profile-actions button{color:#e8eef9;font:600 14px 'DM Sans',system-ui,sans-serif;text-decoration:none;text-align:left;background:#202020;border:1px solid #303030;border-radius:10px;padding:12px;cursor:pointer}.server-tip{display:grid;gap:16px;font-family:'DM Sans',system-ui,sans-serif}.server-tip h3,.server-tip p{margin:0}.server-tip-note{font-size:12px;color:#8b95a6;line-height:1.6}.server-tip-balance{font-size:14px;color:#c9d6e8}.server-tip label{display:grid;gap:8px;color:#aeb8c7;font-size:13px}.server-tip input{width:100%;box-sizing:border-box;background:#101010;border:1px solid #303030;color:#fff;padding:14px;border-radius:12px;font:500 15px 'DM Sans',sans-serif}.server-tip input:focus{outline:1px solid #368ef3}.server-tip-success{font-size:13px;color:#54dc88;line-height:1.6}
.seed-panel{display:grid;gap:20px;margin-top:22px}.seed-line{display:grid;gap:8px}.seed-line>span{color:#a4bed1;font-size:12px;font-weight:650}.seed-value{display:flex;border:1px solid #304858;border-radius:10px;background:#14232e;overflow:hidden;min-width:0}.seed-value output{flex:1;min-width:0;padding:12px;color:#dfebf6;overflow-wrap:anywhere;font:600 13px/1.65 'DM Sans',system-ui,sans-serif;font-variant-numeric:tabular-nums}.seed-value button{width:45px;flex:none;border:0;background:#30495c;color:#e2effa;font-size:21px!important}.seed-rotation{border:1px solid #273b4a;border-radius:14px;background:#192c3a;padding:18px;margin-top:4px}.seed-rotation h2{font-size:17px;margin:0 0 10px}.seed-rotation p{color:#a1b6c7;font-size:12px;line-height:1.6;margin:0 0 16px}.seed-rotation .seed-locked{color:#e4c278}.seed-rotation .account-submit:disabled{cursor:not-allowed!important}