body.account-loading>aside,body.account-loading>main,body.account-loading>dialog,body.account-loading>#toast{display:none}.account-screen{min-height:100vh;display:grid;grid-template-columns:1fr 430px;gap:70px;align-items:center;max-width:1100px;margin:auto;padding:60px 35px}.account-story .brand{font-size:27px;margin:0 0 40px}.account-story h1{font-size:44px;font-weight:500;line-height:1.5;letter-spacing:-1px}.account-story h1 span{background:linear-gradient(110deg,#b590ee,#6fa8ff,#77d4a0);background-clip:text;color:transparent}.account-story p{color:#a99e96;line-height:2;font-size:14px;max-width:410px}.account-features{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}.account-features span{border:1px solid #ffffff12;background:#ffffff04;border-radius:9px;padding:11px 15px;color:#b4a9c3;font-size:12px}.account-box{background:radial-gradient(ellipse at 100% 0,#7c69bc13,transparent 70%),#19171c;border:1px solid #ffffff15;border-radius:20px;padding:32px;box-shadow:0 25px 80px #0005,inset 0 1px #ffffff07}.account-tabs{display:flex;gap:5px;background:#101013;border:1px solid #ffffff0c;padding:5px;border-radius:10px;margin-bottom:29px}.account-tabs button{flex:1;padding:10px;border-radius:7px;color:#8b8195}.account-tabs button.active{color:#e5ddff;background:linear-gradient(135deg,#5e548f55,#34436e55);box-shadow:inset 0 1px #ffffff10}.account-box h2{font-size:22px;margin-bottom:10px}.account-box .hint{color:#91869d;font-size:12px;line-height:1.8}.account-box form label{font-size:12px;color:#b6adbf}.account-box input{padding:12px;border-radius:8px}.account-box .confirm-row{display:none}.account-box.register .confirm-row{display:block}.account-box .primary{margin-top:10px;font-size:14px;padding:13px}.account-error{color:#f698a5;min-height:22px;font-size:12px;line-height:1.7}.account-note{color:#85798c;font-size:11px;line-height:1.8;margin:18px 0 0}.account-loading-text{text-align:center;padding:25vh 20px;color:#b6abc5}.account-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.account-user{color:#b8a3df;font-size:12px;padding:8px 12px;background:#aa86e410;border:1px solid #aa86e425;border-radius:8px}.sync-state{font-size:10px;color:#74bd97;margin-right:8px}.sync-state.failed{color:#fb9a82}.save-alert{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:100;background:#352333;border:1px solid #d58b8b66;padding:15px 22px;border-radius:12px;max-width:90vw;color:#ffd4d4;box-shadow:0 10px 30px #0006;font-size:12px}.save-alert button{color:#d7c2ff;text-decoration:underline;margin-left:12px}.primary:disabled{opacity:.6;cursor:wait}@media(max-width:850px){.account-screen{grid-template-columns:1fr;gap:30px;max-width:500px;padding:35px 22px}.account-story h1{font-size:30px;margin:15px 0}.account-story .brand{margin-bottom:20px}.account-features{display:none}.account-box{padding:25px}header{height:auto;min-height:80px;gap:12px;padding:15px 0;align-items:flex-start;flex-direction:column}.account-controls{gap:4px}.sync-state{display:block}}
