.auth-page{background:radial-gradient(circle at 70% 20%,#2563eb22,#0000 30%),#f6f8fc;place-items:center;min-height:calc(100vh - 70px);padding:30px;display:grid}.auth-form{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:6px;gap:15px;width:min(460px,94vw);padding:32px;display:grid;box-shadow:0 20px 60px #0f172a14}.auth-form>small{color:#2563eb;letter-spacing:.1em;font-weight:800}.auth-form h1{color:#0f172a;margin:0}.auth-form p{color:#64748b}.auth-form label{gap:6px;font-weight:600;display:grid}.auth-form input{font:inherit;border:1px solid #cbd5e1;border-radius:6px;padding:12px}.auth-form label small{color:#64748b;font-weight:400}.auth-form .auth-agree{align-items:start;font-size:13px;display:flex}.auth-form .auth-agree input{margin-top:2px}.auth-form>button{color:#fff;background:#2563eb;border:0;border-radius:6px;padding:13px;font-weight:700}.auth-message{color:#1d4ed8;background:#eff6ff;border-radius:6px;padding:12px}.auth-form>a{text-align:center;color:#2563eb;font-weight:600}.account-app{color:#334155;background:#f6f8fc;grid-template-columns:250px 1fr;min-height:calc(100vh - 70px);display:grid}.account-app>aside{color:#cbd5e1;background:#07182d;padding:25px 16px}.account-name{align-items:center;gap:10px;margin-bottom:24px;display:flex}.account-name>i{color:#fff;background:linear-gradient(135deg,#2563eb,#ff6b00);border-radius:50%;place-items:center;width:46px;height:46px;font-style:normal;display:grid}.account-name span{display:grid}.account-app>aside nav{gap:4px;display:grid}.account-app>aside button,.account-app>aside>a{width:100%;color:inherit;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;padding:11px;display:flex}.account-app>aside button.active,.account-app>aside button:hover{color:#fff;background:#1d4ed8}.account-app>aside button i{width:22px;font-style:normal}.account-app>aside button em{color:#fff;background:#2563eb;border-radius:20px;margin-left:auto;padding:2px 7px}.account-app>aside>a{background:#312e81;margin-top:20px}.account-app>aside .logout{color:#fca5a5;margin-top:30px}.account-content{padding:32px}.account-content>header{justify-content:space-between;display:flex}.account-content>header small{color:#2563eb;font-weight:800}.account-content>header h1{margin:5px 0;font-size:32px}.account-overview{grid-template-columns:1.5fr 1fr;gap:12px;display:grid}.account-overview>article,.account-list,.account-achievements,.account-settings{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:22px}.account-overview>article>div{grid-template-columns:repeat(3,1fr);display:grid}.account-overview span{border-right:1px solid #e2e8f0;display:grid}.account-overview span b{color:#2563eb;font-size:26px}.account-list{margin-top:14px;display:grid}.account-list article{border-top:1px solid #e2e8f0;grid-template-columns:1fr auto auto;gap:14px;padding:14px;display:grid}.account-list article:first-child{border:0}.account-list a{color:#2563eb}.account-list button,.mark-read{background:#fff;border:1px solid #cbd5e1;border-radius:5px;padding:6px 10px}.account-list article.unread{background:#eff6ff;border-left:3px solid #2563eb}.mark-read{float:right}.account-achievements{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;display:grid}.account-achievements article{border:1px solid #e2e8f0;place-items:center;padding:18px;display:grid}.account-achievements i{font-size:34px;font-style:normal}.account-settings{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;display:grid}.account-settings label{gap:5px;display:grid}.account-settings input,.account-settings select,.account-settings textarea{font:inherit;border:1px solid #cbd5e1;border-radius:6px;padding:11px}.account-settings .wide{grid-column:1/3}.account-settings textarea{min-height:120px}.account-settings button{color:#fff;background:#2563eb;border:0;border-radius:6px;padding:12px;font-weight:700}.community-v2{padding:18px max(20px,50vw - 720px) 50px}.community-v2>nav{color:#64748b;margin-bottom:15px}.community-v2 .community-hero{color:#0f172a;background:linear-gradient(120deg,#fff,#f8fbff);border-radius:6px;grid-template-columns:1.3fr 220px 380px;gap:20px;padding:32px;display:grid}.community-v2 .community-hero p{color:#475569}.community-v2 .community-hero aside{gap:8px;display:grid}.community-v2 .community-hero aside span{background:#fff;border:1px solid #e2e8f0;border-radius:6px;grid-template-columns:36px 1fr;padding:8px;display:grid}.community-v2 .community-hero aside i{grid-row:1/3;font-style:normal}.community-pc{color:#2563eb;background:radial-gradient(circle,#bfdbfe,#eff6ff);border-radius:6px;place-items:center;font-size:60px;font-weight:900;display:grid}.community-pc small{font-size:12px}.community-hero footer{grid-template-columns:repeat(5,1fr);gap:10px;margin-top:25px;display:grid}.community-hero footer span{display:grid}.community-hero footer b{font-size:20px}.community-v2 .community-directions{max-width:none}.community-v2 .community-directions article{gap:10px;display:flex}.community-v2 .community-directions article.active{border-color:#2563eb}.community-main-grid,.community-bottom{grid-template-columns:2.2fr 1fr;gap:12px;display:grid}.community-v2 .featured-streamers{padding:18px}.community-v2 .featured-streamers>div{grid-template-columns:repeat(3,1fr)}.steam-top,.community-activity,.community-join{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:18px}.steam-top>header{justify-content:space-between;display:flex}.steam-top p{border-top:1px solid #e2e8f0;grid-template-columns:25px 1fr auto;padding:9px;display:grid}.steam-top em{color:#16a34a}.community-activity>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.community-activity span{border:1px solid #e2e8f0;padding:12px;display:grid}.community-activity b{color:#2563eb;font-size:23px}.community-activity i{color:#16c784}.community-join{justify-content:space-between;margin-top:12px;display:flex}.community-join span{grid-template-columns:35px 1fr;display:grid}.community-join span>small{grid-column:2}.community-join a{color:#fff;background:#2563eb;border-radius:6px;padding:12px 20px}@media (max-width:1000px){.community-v2 .community-hero{grid-template-columns:1fr}.community-pc{min-height:180px}.community-main-grid,.community-bottom,.account-overview,.account-app{grid-template-columns:1fr}.account-app>aside nav,.account-achievements{grid-template-columns:1fr 1fr}}@media (max-width:600px){.account-content{padding:14px}.account-app>aside nav,.account-settings,.account-achievements{grid-template-columns:1fr}.account-settings .wide{grid-column:auto}.community-hero footer{grid-template-columns:1fr 1fr}.community-v2 .featured-streamers>div{grid-template-columns:1fr}.community-join{flex-direction:column;align-items:start;gap:12px}}.level-progress{color:#fff;background:linear-gradient(135deg,#0f172a,#172554);border-radius:6px;margin:18px 0 14px;padding:24px}.level-progress>header{justify-content:space-between;align-items:end;display:flex}.level-progress h2,.level-progress h3{margin:4px 0}.level-progress>header small,.level-progress .skill-grid small{color:#bfdbfe}.level-progress>header strong{font-size:24px}.level-bar{background:#ffffff18;border-radius:6px;height:34px;margin:18px 0 22px;position:relative;overflow:hidden}.level-bar>i{background:linear-gradient(90deg,#2563eb 0%,#3b82f6 45%,#ff6b00 100%);height:100%;transition:width .7s;display:block}.level-bar>span{place-items:center;font-size:13px;font-weight:700;display:grid;position:absolute;inset:0}.skill-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.skill-grid article{background:#ffffff0c;border:1px solid #ffffff20;border-radius:6px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:14px;display:grid}.skill-grid article>i{font-size:25px;font-style:normal}.skill-grid article>span{display:grid}.skill-grid article>strong{background:#2563eb;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.account-list article div{display:grid}.account-list article div small,.account-achievements article small{color:#64748b}.account-achievements time{color:#94a3b8;font-size:12px}@media (max-width:1000px){.skill-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.skill-grid{grid-template-columns:1fr}.level-progress>header{flex-direction:column;align-items:start}}.level-unlocks{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.level-unlocks span{color:#94a3b8;background:#02061755;border:1px solid #ffffff18;border-radius:20px;padding:7px 10px;font-size:12px}.level-unlocks span.open{color:#d1fae5;border-color:#16c78466}.level-unlocks b{color:#fff;margin-right:6px}@media (max-width:600px){.auth-page{place-items:start center;width:100%;min-height:calc(100dvh - 60px);padding:16px 12px 28px;overflow-x:hidden}.auth-form{box-sizing:border-box;border-radius:10px;gap:13px;width:100%;min-width:0;max-width:calc(100vw - 24px);padding:22px 16px}.auth-form *,.account-app *,.account-content *{box-sizing:border-box;max-width:100%}.auth-form h1{font-size:28px;line-height:1.1}.auth-form p{margin:0;font-size:14px;line-height:1.45}.auth-form input,.auth-form button{width:100%;min-width:0}.auth-form .auth-agree{align-items:flex-start;gap:8px}.auth-form .auth-agree input{flex:none;width:auto}.account-app{width:100%;overflow-x:hidden}.account-content{width:100%;min-width:0;padding:16px 12px 36px;overflow-x:hidden}.account-content>header{flex-direction:column;align-items:flex-start;gap:10px}.account-list article{grid-template-columns:1fr}}@media (max-width:380px){.auth-page{padding-inline:10px}.auth-form{max-width:calc(100vw - 20px);padding:20px 14px}}