.brand{align-items:center;gap:8px;line-height:1;display:inline-flex}.brand__icon{filter:drop-shadow(0 0 6px #b478ff59);width:34px;height:34px;transition:transform .35s cubic-bezier(.34,1.56,.64,1),filter .35s}button:hover>.brand .brand__icon,.brand:hover .brand__icon{filter:drop-shadow(0 0 10px #ffc86e99)drop-shadow(0 0 14px #aa64ff80);transform:rotate(-8deg)scale(1.08)}.brand__name{background:linear-gradient(90deg,#f7d47e 0%,#ffe9b0 45%,#c79cff 70%,#9a68ff 100%);color:#0000;-webkit-background-clip:text;background-clip:text}@media (width<=380px){.brand__name{display:none}}.brand-logo{aspect-ratio:1000/720;width:min(88vw,440px);animation:1.1s cubic-bezier(.2,.8,.2,1) both brand-logo-in,6s ease-in-out 1.1s infinite brand-logo-glow;display:block;position:relative}.brand-logo__art{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.brand-logo__sheen{mix-blend-mode:overlay;pointer-events:none;background:linear-gradient(105deg,#0000 35%,#fff8dcbf 48%,#dcbeff99 52%,#0000 65%) 150% 0/300% 100%;animation:5.5s ease-in-out 1.2s infinite brand-logo-sheen;position:absolute;inset:0;-webkit-mask:url(/art/ui/brand/logo.avif) 50%/contain no-repeat;mask:url(/art/ui/brand/logo.avif) 50%/contain no-repeat}@keyframes brand-logo-in{0%{opacity:0;filter:blur(8px)brightness(1.8);transform:scale(.92)}}@keyframes brand-logo-glow{0%,to{filter:drop-shadow(0 0 14px #ffbe5a47)drop-shadow(0 0 22px #965aff33)}50%{filter:drop-shadow(0 0 20px #ffc86e66)drop-shadow(0 0 30px #a064ff5c)}}@keyframes brand-logo-sheen{0%{background-position:150% 0}45%,to{background-position:-50% 0}}@media (prefers-reduced-motion:reduce){.brand-logo,.brand-logo__sheen{animation:none}}.brand-logo picture{display:contents}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.auth-splash{background:#07060b;place-items:center;display:grid;position:fixed;inset:0}.auth-splash .auth-logo{animation:1.1s cubic-bezier(.2,.8,.2,1) both brand-logo-in,1.6s ease-in-out 1.1s infinite auth-pulse}@keyframes auth-pulse{50%{opacity:.55}}.auth__brand .auth-logo{width:min(86vw,520px,40dvh)}.auth{align-content:center;place-items:center;min-height:100dvh;padding:24px 16px;display:grid;position:relative;overflow:hidden}.auth__veil{pointer-events:none;background:radial-gradient(at 50% 40%,#07060b26,#07060bbf 75%);position:fixed;inset:0}.auth__card{z-index:2;-webkit-backdrop-filter:blur(22px)saturate(1.5);backdrop-filter:blur(22px)saturate(1.5);background:linear-gradient(160deg,#ffffff24,#ffffff08 45%,#ffffff12),#0e0b1680;border:1px solid #ffffff2e;border-radius:28px;gap:18px;width:min(440px,100%);padding:30px 26px 26px;animation:.8s cubic-bezier(.2,1.2,.3,1) backwards auth-card-in;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff47,0 30px 90px #0009,0 0 60px #ffbe5a14}@keyframes auth-card-in{0%{opacity:0;transform:translateY(40px)scale(.94)}}.auth__card.is-shaking{animation:.45s cubic-bezier(.36,.07,.19,.97) auth-shake}@keyframes auth-shake{15%,85%{transform:translate(-2px)}30%,70%{transform:translate(5px)}45%,55%{transform:translate(-7px)}}.auth__sheen{pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff1a,#0000);width:40%;animation:6s ease-in-out 1s infinite gpick-sheen-auth;position:absolute;inset:-40% auto -40% -60%;transform:rotate(18deg)}@keyframes gpick-sheen-auth{0%{translate:0}40%,to{translate:500%}}.auth__brand{z-index:2;text-align:center;justify-items:center;margin-bottom:14px;display:grid;position:relative}.auth__brand .auth__tagline{text-shadow:0 1px 8px #000000e6;margin-top:-.2em;animation:.9s ease-out .7s both auth-tagline-in}@keyframes auth-tagline-in{0%{opacity:0;letter-spacing:.6em}}.auth__tagline{letter-spacing:.25em;text-transform:uppercase;color:#fff9;font-size:12px}.auth__title{text-align:center;color:#fff1d0;margin:0;font-family:Cinzel,serif;font-size:22px}.auth__tabs{background:#0000004d;border:1px solid #ffffff1f;border-radius:999px;grid-template-columns:1fr 1fr;padding:4px;display:grid;position:relative}.auth__tab-pill{background:linear-gradient(135deg,#ffd77a,#e0a63a);border-radius:999px;width:calc(50% - 4px);transition:transform .35s cubic-bezier(.2,1.3,.4,1);position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 4px 18px #ffbe5066}.auth__tabs[data-active=register] .auth__tab-pill{transform:translate(100%)}.auth__tabs button{color:#ffffffb3;min-height:42px;font:inherit;cursor:pointer;background:0 0;border:0;font-weight:800;transition:color .25s;position:relative}.auth__tabs button[aria-selected=true]{color:#1a1206}.auth__step{animation:.4s cubic-bezier(.2,1,.3,1) backwards auth-step}@keyframes auth-step{0%{opacity:0;transform:translate(18px)}}.auth__form{gap:14px;display:grid}.auth__field{display:block;position:relative}.auth__field input{color:#fff;width:100%;height:54px;font:inherit;background:#00000059;border:1px solid #ffffff29;border-radius:14px;outline:none;padding:20px 16px 6px;font-size:16px;transition:border-color .2s,box-shadow .2s,background .2s}.auth__field input:focus{background:#00000080;border-color:#f4cf78;box-shadow:0 0 0 4px #f4cf7826,0 0 24px #f4cf7826}.auth__field>span{color:#ffffff8c;pointer-events:none;transform-origin:0 0;font-size:15px;transition:transform .2s,color .2s;position:absolute;top:17px;left:17px}.auth__field input:focus+span,.auth__field.has-value>span{color:#f4cf78;transform:translateY(-10px)scale(.75)}.auth__field--password input{padding-right:52px}.auth__eye{color:#fff9;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.auth__eye svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:22px;height:22px}.auth__eye:hover{color:#fff}.auth__strength{grid-template-columns:repeat(4,1fr) auto;align-items:center;gap:6px;margin-top:-4px;display:grid}.auth__strength span{background:#ffffff1f;border-radius:4px;height:4px;transition:background .3s,box-shadow .3s}.auth__strength[data-score="1"] span.is-on{background:#ff6a5a}.auth__strength[data-score="2"] span.is-on{background:#ffb34a}.auth__strength[data-score="3"] span.is-on{background:#9be15a}.auth__strength[data-score="4"] span.is-on{background:#5affb0;box-shadow:0 0 8px #5affb0}.auth__strength em{text-align:right;color:#fff9;min-width:90px;font-size:12px;font-style:normal}.auth__submit{color:#1d1306;min-height:52px;font:inherit;letter-spacing:.06em;cursor:pointer;background:linear-gradient(135deg,#ffe08a,#e2a43a 55%,#c47f22);border:0;border-radius:14px;font-family:Cinzel,serif;font-size:17px;font-weight:900;transition:transform .2s cubic-bezier(.2,1.4,.4,1),box-shadow .2s,filter .2s;position:relative;overflow:hidden;box-shadow:0 8px 26px #e2a43a59}.auth__submit:after{content:"";background:linear-gradient(100deg,#0000,#fff9,#0000);width:40%;animation:3.2s ease-in-out infinite auth-button-shine;position:absolute;inset:0 auto 0 -60%;transform:skew(-20deg)}@keyframes auth-button-shine{0%{translate:0}45%,to{translate:475%}}.auth__submit:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 12px 34px #e2a43a8c}.auth__submit:not(:disabled):active{transform:scale(.98)}.auth__submit:disabled{cursor:default;filter:grayscale(.7)brightness(.6);box-shadow:none}.auth__submit:disabled:after{display:none}.auth__spinner{vertical-align:middle;border:3px solid #1d130640;border-top-color:#1d1306;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite auth-spin;display:inline-block}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth__link{color:#ffffffa6;font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;justify-self:center;padding:6px 10px;font-size:13px;text-decoration:underline}.auth__link:hover{color:#fff}.auth__hint{color:#ffffffc7;text-align:center;margin:0;font-size:14px;line-height:1.5}.auth__label{letter-spacing:.12em;text-transform:uppercase;color:#fff9;text-align:center;margin:4px 0 -6px;font-size:12px}.auth__error{color:#ffb4a8;text-align:center;background:#ff463c1f;border:1px solid #ff6a5a73;border-radius:12px;margin:0;padding:10px 14px;font-size:14px;animation:.3s ease-out backwards auth-step}.auth__shield{justify-self:center;width:84px;height:96px;animation:3s ease-in-out infinite auth-float}.auth__shield svg{fill:#ffd2781f;stroke:#f4cf78;stroke-width:2px;stroke-linejoin:round;filter:drop-shadow(0 0 14px #f4cf7880);width:100%;height:100%}.auth__shield-check{fill:none;stroke:#9dffc5;stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:40;stroke-dashoffset:40px;animation:.8s ease-out .4s forwards auth-check}@keyframes auth-check{to{stroke-dashoffset:0}}@keyframes auth-float{50%{transform:translateY(-6px)}}.tfa{gap:12px;display:grid}.tfa__steps{color:#ffffffc7;margin:0;padding-left:20px;font-size:13px;line-height:1.5}.tfa__qr{background:#fff8e8;border-radius:18px;justify-self:center;width:190px;padding:10px;animation:.6s cubic-bezier(.2,1.3,.4,1) backwards auth-card-in;box-shadow:0 0 0 1px #ffffff4d,0 0 40px #f4cf7859}.tfa__qr svg{width:100%;height:auto;display:block}.tfa__link{color:#f4cf78;justify-self:center;font-size:13px}.tfa__secret{color:#fff;font:inherit;cursor:pointer;background:#0000004d;border:1px dashed #ffffff40;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.tfa__secret code{letter-spacing:.05em;word-break:break-all;text-align:left;font-size:13px}.tfa__secret span{color:#f4cf78;flex:none;font-size:12px;font-weight:800}.code-input{cursor:text;display:block;position:relative}.code-input__field{opacity:0;width:100%;font-size:16px;position:absolute;inset:0}.code-input__boxes{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.code-input__box{color:#fff;background:#00000059;border:1px solid #ffffff2e;border-radius:12px;place-items:center;height:54px;font-family:Cinzel,serif;font-size:24px;font-weight:900;transition:border-color .2s,transform .2s cubic-bezier(.2,1.5,.4,1),box-shadow .2s;display:grid}.code-input__box.is-filled{border-color:#f4cf78b3;transform:translateY(-2px);box-shadow:0 0 14px #f4cf7840}.code-input__field:focus+.code-input__boxes .code-input__box.is-caret{border-color:#f4cf78;animation:1s ease-in-out infinite code-caret}@keyframes code-caret{50%{box-shadow:0 0 0 3px #f4cf7840}}.pseudo__row{grid-template-columns:1fr auto;gap:10px;display:grid}.pseudo__status{font-style:normal;font-weight:900;animation:.35s cubic-bezier(.2,1.6,.4,1) auth-pop;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.pseudo__status.is-ok{color:#5affb0}.pseudo__status.is-bad{color:#ff7a6a}@keyframes auth-pop{0%{transform:translateY(-50%)scale(.2)}}.pseudo__dice{color:#f4cf78;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:14px;place-items:center;width:54px;height:54px;transition:background .2s;animation:.6s cubic-bezier(.2,1.3,.4,1) pseudo-roll;display:grid}.pseudo__dice:hover{background:#ffffff29}.pseudo__dice svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:26px;height:26px}.pseudo__dice circle{fill:currentColor;stroke:none}@keyframes pseudo-roll{0%{transform:rotate(-360deg)scale(.7)}}.pseudo__note{color:#9dffc5;margin:-8px 0 0 4px;font-size:12px}.pseudo__note.is-bad{color:#ffb4a8}.pseudo__chips{flex-wrap:wrap;gap:8px;display:flex}.pseudo__chip{color:#fff;font:inherit;cursor:pointer;animation:.4s cubic-bezier(.2,1.4,.4,1) backwards auth-chip;animation-delay:calc(var(--i) * 60ms);background:#ffffff0f;border:1px solid #fff3;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:700;transition:background .2s,border-color .2s,transform .2s}.pseudo__chip:hover{background:#ffffff1f;transform:translateY(-2px)}.pseudo__chip.is-picked{color:#ffe9b0;background:#f4cf782e;border-color:#f4cf78}@keyframes auth-chip{0%{opacity:0;transform:translateY(10px)scale(.9)}}.welcome{text-align:center;justify-items:center;gap:10px;padding:12px 0 4px;display:grid;position:relative}.welcome__burst{pointer-events:none;background:radial-gradient(circle,#ffdc8c8c,#0000 65%);border-radius:50%;width:320px;height:320px;animation:1.6s ease-out backwards welcome-burst;position:absolute;top:40%;left:50%;translate:-50% -50%}@keyframes welcome-burst{0%{opacity:1;scale:.1}}.welcome__kicker{letter-spacing:.3em;text-transform:uppercase;color:#ffffffb3;margin:0;font-size:12px;animation:.6s ease-out .3s backwards auth-step}.welcome__name{color:#fff6dc;text-shadow:0 0 20px #ffb04a,0 0 50px #ff8a2b;margin:0 0 8px;font-family:Cinzel,serif;font-size:clamp(30px,8vw,44px);font-weight:900;position:relative}.welcome__name span{animation:.6s cubic-bezier(.2,1.4,.4,1) backwards bdivine-letter-auth;animation-delay:calc(.5s + var(--i) * 60ms);display:inline-block}@keyframes bdivine-letter-auth{0%{opacity:0;transform:translateY(-24px)scale(2)}}.settings__icon svg{fill:none;stroke:#ffe2a0;stroke-width:1.8px;stroke-linecap:round;width:26px;height:26px;animation:12s linear infinite settings-spin}@keyframes settings-spin{to{transform:rotate(360deg)}}.settings__body{gap:14px;min-height:0;display:grid;position:relative;overflow-y:auto}.settings__info{gap:8px;margin:0;display:grid}.settings__info div{background:#00000047;border-radius:12px;justify-content:space-between;gap:12px;padding:12px 14px;display:flex}.settings__info dt{color:#fff9}.settings__info dd{word-break:break-all;text-align:right;margin:0;font-weight:700}.settings__2fa{background:#ffb34a14;border:1px solid #ffb34a59;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.settings__2fa.is-on{background:#5affb014;border-color:#5affb066}.settings__2fa div{gap:4px;display:grid}.settings__2fa span{color:#ffffffb3;font-size:13px}.settings__2fa .bact{min-width:0;min-height:40px;padding:0 16px;font-size:14px}.settings__notice{color:#9dffc5;text-align:center;margin:0;animation:.3s ease-out backwards auth-step}@media (prefers-reduced-motion:reduce){.auth *,.auth-logo{animation-duration:1ms!important;animation-iteration-count:1!important}}.welcome .auth__submit{min-width:220px;padding:0 28px}.auth__alpha{color:#ffffffd1;background:linear-gradient(100deg,#a064ff2e,#ffcf6a14);border:1px solid #c79bff73;border-radius:12px;align-items:center;gap:10px;margin:0;padding:9px 12px;font-size:13px;line-height:1.4;animation:.5s cubic-bezier(.2,1.2,.4,1) backwards auth-alpha-in;display:flex}.auth__alpha strong{color:#1a0f24;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(135deg,#c79bff,#ffcf6a);border-radius:999px;flex:none;padding:3px 8px;font-size:10.5px;font-weight:900}@keyframes auth-alpha-in{0%{opacity:0;transform:translateY(-6px)}}
