.dev-token-login-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999;animation:dev-token-login-fade-in .3s ease}@keyframes dev-token-login-fade-in{0%{opacity:0}to{opacity:1}}.dev-token-login-modal{background:white;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.2);width:90%;max-width:500px;position:relative;animation:dev-token-login-slide-up .3s ease;overflow:hidden}@keyframes dev-token-login-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.dev-token-login-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.dev-token-login-close:hover{background-color:#f0f0f0;color:#000}.dev-token-login-content{padding:32px 24px 24px}.dev-token-login-title{margin:0 0 8px;font-size:20px;font-weight:600;color:#000}.dev-token-login-subtitle{margin:0 0 24px;font-size:13px;color:#666;line-height:1.5}.dev-token-login-code{display:inline-block;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;padding:8px 12px;font-family:Monaco,Menlo,monospace;font-size:12px;color:#c41d7f;margin-top:8px;word-break:break-all}.dev-token-login-input-group{margin-bottom:16px}.dev-token-login-textarea{width:100%;min-height:120px;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-family:Monaco,Menlo,monospace;font-size:12px;resize:vertical;box-sizing:border-box;transition:border-color .2s ease}.dev-token-login-textarea:focus{outline:none;border-color:#0f83e9;background-color:#f8fbff}.dev-token-login-textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.dev-token-login-error{background-color:#fee;border:1px solid #fcc;border-radius:6px;padding:12px;margin-bottom:16px;font-size:13px;color:#c41d7f;line-height:1.4}.dev-token-login-success{text-align:center;padding:24px;background-color:#f0fdf4;border-radius:8px}.dev-token-login-success-icon{font-size:40px;margin-bottom:12px;color:#22c55e}.dev-token-login-success p{margin:0;font-size:16px;font-weight:500;color:#16a34a}.dev-token-login-buttons{display:flex;gap:12px;margin-bottom:12px}.dev-token-login-paste-btn,.dev-token-login-signin-btn{flex:1 1;padding:10px 16px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.dev-token-login-paste-btn{background-color:#f0f0f0;color:#333;border:1px solid #ddd}.dev-token-login-paste-btn:hover:not(:disabled){background-color:#e8e8e8;border-color:#999}.dev-token-login-signin-btn{background-color:#0f83e9;color:white}.dev-token-login-signin-btn:hover:not(:disabled){background-color:#0970d6;transform:translateY(-1px);box-shadow:0 4px 12px rgba(15,131,233,.3)}.dev-token-login-signin-btn:disabled{opacity:.6;cursor:not-allowed}.dev-token-login-cancel-btn{width:100%;padding:10px;background:none;border:1px solid #ddd;border-radius:6px;font-size:13px;color:#666;cursor:pointer;transition:all .2s ease}.dev-token-login-cancel-btn:hover:not(:disabled){background-color:#f9f9f9;border-color:#999}.dev-token-login-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.dev-token-login-footer{background-color:#faf8f3;border-top:1px solid #f0e8e0;padding:12px 24px;text-align:center;font-size:12px;color:#999}.dev-token-login-footer p{margin:0}@media (prefers-color-scheme:dark){.dev-token-login-modal{background:#1e1e1e;color:#fff}.dev-token-login-close{color:#999}.dev-token-login-close:hover{background-color:#333;color:#fff}.dev-token-login-title{color:#fff}.dev-token-login-subtitle{color:#aaa}.dev-token-login-code{background-color:#333;border-color:#555;color:#ff9eb9}.dev-token-login-textarea{background-color:#2a2a2a;border-color:#444;color:#fff}.dev-token-login-textarea:focus{border-color:#0f83e9;background-color:#1a2332}.dev-token-login-textarea:disabled{background-color:#1a1a1a}.dev-token-login-error{background-color:#3a1818;border-color:#5a3838;color:#ff9eb9}.dev-token-login-paste-btn{background-color:#333;color:#ccc;border-color:#555}.dev-token-login-paste-btn:hover:not(:disabled){background-color:#444;border-color:#777}.dev-token-login-cancel-btn{border-color:#555;color:#999}.dev-token-login-cancel-btn:hover:not(:disabled){background-color:#2a2a2a;border-color:#777}.dev-token-login-footer{background-color:#2a2a2a;border-top-color:#444;color:#666}}.account-page-container{min-height:100vh;background-color:var(--background);display:flex;flex-direction:column;position:relative;padding:10px 10px 200px}.account-page-desktop-back{display:none}@media (min-width:1024px){.account-page-desktop-back{display:block;padding:20px 0 10px}}.account-page-content{flex:1 1;padding:0 10px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;overflow:visible}.account-page-header{display:flex;align-items:center;justify-content:space-between;margin-top:10px;margin-bottom:10px;overflow:visible!important;gap:10px}.account-page-header-actions{display:flex;align-items:center;gap:8px}.account-page-title{font-size:24px;font-weight:400;color:var(--text);margin:0;flex:1 1;font-family:var(--font-arial-rounded-mt)}.account-page-dev-token-btn{width:40px;height:40px;border-radius:100px;background-color:var(--gray1);border:5px solid var(--background);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px var(--shadow),0 0 33px var(--shadow);transition:all .2s ease;font-size:18px;position:relative;overflow:hidden}.account-page-dev-token-btn:after{content:"";position:absolute;top:0;right:0;width:8px;height:8px;background-color:#ff6b6b;border-radius:50%;box-shadow:0 0 6px rgba(255,107,107,.6)}.account-page-dev-token-btn:hover{background-color:var(--gray2);transform:scale(1.05)}.account-page-dev-token-btn:active{transform:scale(.95)}.account-page-logout-btn{height:40px;padding:0 15px;border-radius:100px;background-color:var(--gray1);border:5px solid var(--background);display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 2px 5px var(--shadow),0 0 33px var(--shadow);transition:all .2s ease;color:var(--contrast1)}.account-page-logout-btn:hover{background-color:var(--gray2)}.account-page-logout-btn:active{transform:scale(.95)}.account-page-logout-icon{font-size:18px!important}.account-page-logout-text{font-size:14px;font-weight:700;font-family:var(--font-arial-rounded-mt)}.account-page-profile-row{display:flex;gap:10px;align-items:center;margin-bottom:10px}.account-page-avatar{width:60px;height:60px;border-radius:50%;background:var(--best-gray);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:transform .2s ease}.account-page-avatar:hover{transform:scale(1.05)}.account-page-avatar-img{width:100%;height:100%;object-fit:cover}.account-page-avatar-placeholder{color:white;display:flex;align-items:center;justify-content:center}.account-page-avatar-icon{font-size:50px;color:white}.account-page-user-info{flex:1 1;min-width:0;padding-left:0}.account-page-user-name{font-size:20px;font-weight:400;color:var(--text);margin:0 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-arial-rounded-mt)}.account-page-user-label{font-size:14px;color:var(--sub-text);margin:0;font-family:var(--font-arial-rounded-mt)}.account-page-spacer{flex:1 1}.account-page-section{display:flex;flex-direction:column;gap:10px;margin-top:10px}.account-page-section-title{font-size:16px;font-weight:400;color:var(--text);margin:0;padding-left:0;font-family:var(--font-arial-rounded-mt)}.account-page-cards-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.account-page-settings-card{width:100%;height:80px;background-color:var(--best-gray);border-radius:20px;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;transition:all .2s ease;padding:0;color:var(--text)}.account-page-settings-card--span-2{grid-column:span 2}.account-page-settings-card:hover{background-color:var(--gray2);transform:translateY(-2px)}.account-page-settings-card:active{transform:scale(.98)}.account-page-card-icon{font-size:30px!important;color:var(--text)}.account-page-card-label{font-size:12px;font-weight:400;color:var(--text);text-align:center;line-height:1.2;font-family:var(--font-arial-rounded-mt)}.account-page-nav-spacer{height:20px}.account-page-bottom-switch{position:fixed;bottom:calc(100px + env(safe-area-inset-bottom, 0px));left:10px;right:10px;display:flex;justify-content:center;z-index:999}.account-page-switch-account-btn{background-color:var(--best-gray);box-shadow:0 2px 4px var(--shadow);border-radius:20px;border:5px solid var(--background);padding:6px 15px;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;transition:all .2s ease;color:var(--text);font-size:14px;font-weight:400;font-family:var(--font-arial-rounded-mt)}.account-page-switch-account-btn:hover{background-color:var(--gray2)}.account-page-switch-account-btn:active{transform:scale(.98)}.account-page-switch-icon{font-size:18px!important}.account-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px;color:var(--text)}.account-page-spinner{width:48px;height:48px;border:4px solid var(--gray3);border-top-color:var(--text);border-radius:50%;animation:account-page-spin .8s linear infinite}.account-page-card-spinner{width:24px;height:24px;border:3px solid var(--gray3);border-top-color:var(--text);border-radius:50%;animation:account-page-spin .8s linear infinite}@keyframes account-page-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.account-page-container{padding:10px 10px 200px}.account-page-content{overflow:visible;padding:0 10px}.account-page-title{font-size:24px}.account-page-avatar{width:60px;height:60px}.account-page-settings-card{height:80px}}@media (max-width:480px){.account-page-content{overflow:visible;padding:0 5px}.account-page-container{padding:5px 5px 200px}.account-page-title{font-size:20px}.account-page-cards-wrap{gap:8px}.account-page-settings-card{height:70px}.account-page-card-icon{font-size:26px!important}.account-page-card-label{font-size:11px}}@supports (padding-bottom:env(safe-area-inset-bottom)){.account-page-container{padding-bottom:calc(200px + env(safe-area-inset-bottom))}}@media (min-width:1024px){.account-page-cards-wrap{grid-template-columns:repeat(6,1fr)}.account-page-container{padding-bottom:40px}.account-page-bottom-switch{position:static;margin-top:20px}.account-page-nav-spacer{display:none}}