.auth-actions{display:flex;align-items:center;gap:10px}.auth-button{padding:10px 18px;border-radius:10px;font-size:13px;font-weight:700}.login{background:#000;border:1px solid #a6b1c0;color:#fff}.signup{background:#fff;color:#000}.signup:hover{background:#dce1e8}.guest .sidebar{display:none}.guest main{margin-left:0}.guest .identity{visibility:visible}.guest .identity .toggle{display:none}.right-panel{position:fixed;right:0;top:66px;bottom:0;width:324px;background:#0c0f14;border-left:1px solid #282f39;padding:24px;overflow:auto;z-index:5}.right-panel h2{font-size:20px;letter-spacing:-.03em;margin:0 35px 28px 0}.right-panel .close-panel{position:absolute;right:16px;top:14px;font-size:26px;width:40px;height:40px;border-radius:50%;color:#a6b1c0}.right-panel .profile{display:block;margin-top:0}.right-panel .example{display:none}.right-panel .fields textarea{min-height:90px;font-size:13px}.right-panel .fields input{font-size:13px}.right-panel .sub{font-size:13px;margin-top:0}.right-panel .fields label{font-size:13px}.pattern-open main{margin-right:324px}.pattern-open h1{font-size:clamp(36px,3.4vw,54px)}.pattern-open .hero{padding:75px 30px 65px}.panel-control{background:#20242a;border-radius:12px;width:42px;height:42px;display:grid;place-items:center}.avatar{width:36px;height:36px;border-radius:50%;background:#d3dce8;color:#12161c;font-size:13px;font-weight:700}.account-wrap{position:relative}.account-menu{position:absolute;right:0;top:47px;width:210px;border:1px solid #353e49;background:#181e26;border-radius:13px;padding:7px;z-index:8}.account-menu button{display:block;width:100%;padding:11px 12px;text-align:left;border-radius:7px;font-size:13px}.account-menu small{display:block;padding:9px 12px;color:#9ca6b5}.auth-page{max-width:380px;margin:75px auto;padding:0 22px}.auth-page h1{font-size:34px;letter-spacing:-.04em;text-align:center}.auth-page p{text-align:center;font-size:13px;color:#a6b1c0;line-height:1.6}.auth-page label{display:block;font-size:13px;margin:22px 0 8px}.auth-page input{display:block;width:100%;padding:13px;background:#171c23;color:#fff;border:1px solid #343d48;border-radius:10px}.auth-page button{width:100%;margin-top:17px;border-radius:10px;padding:13px;font-weight:650}.auth-page .google{border:1px solid #555f6e;background:#000}.auth-page .auth-submit{background:#fff;color:#000}.auth-page .back{font-weight:400;color:#a6b1c0;background:transparent}.auth-page .preview-login{background:#253343;color:#d4e9ff}.auth-page .divider{text-align:center;margin:22px 0 0;color:#7e8a9c;font-size:12px}.recent-list{margin:28px auto 0;max-width:760px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.learning-card{border:1px solid #303640;border-radius:15px;padding:20px;text-align:left;background:#10141a}.learning-card small{font-size:10px;letter-spacing:.08em;color:#98a6b8}.learning-card :is(h2,h3){font-size:15px;font-weight:550;line-height:1.5;margin:12px 0 6px}.learning-card p{font-size:12px;color:#a6b1c0;line-height:1.5;margin:0}.learning-card .progress{height:3px;background:#2a3038;border-radius:3px;margin:20px 0 10px}.progress span{display:block;height:100%;background:#91d7ff;width:40%}.learning-view{max-width:740px;margin:65px auto;padding:0 28px}.learning-view h1{font-size:36px;line-height:1.2;text-align:left;margin:20px 0}.learning-view p{font-size:16px;line-height:1.8;color:#bac4d1}.learning-view .answer{padding:20px;border-left:2px solid #91d7ff;background:#111820;margin-top:25px}.learning-view button{padding:11px 18px;background:#242c37;border-radius:10px;margin-top:20px}.guest .review-note{margin-top:55px}.account{font-size:11px}.header-hidden{display:none!important}
@media(max-width:1050px){.pattern-open main{margin-right:0}.right-panel{box-shadow:-30px 0 100px #000c}.pattern-open h1{font-size:clamp(38px,4.3vw,68px)}}@media(max-width:760px){.right-panel{width:min(350px,100%);top:66px}.auth-button{padding:9px 11px;font-size:12px}.auth-actions{gap:7px}.main-header{padding:12px 14px}.guest .brand{font-size:13px}.recent-list{grid-template-columns:1fr}.hero{padding-top:55px}.pattern-open .hero{padding:55px 20px 70px}.auth-page{margin-top:50px}.account-menu{right:0}.main-header .brand{max-width:120px}.panel-control{width:36px;height:36px}.learning-view h1{font-size:30px}}
.right-panel{top:0}.account-dock{position:fixed;left:18px;bottom:18px;z-index:10}.account-dock .avatar{width:42px;height:42px}.account-dock .account-menu{left:0;right:auto;top:auto;bottom:54px}.sidebar .account{min-height:78px;padding-left:74px;display:flex;align-items:center}.main-header{padding-right:24px}.pattern-open .main-header{padding-right:24px}.guest .account-dock{display:none}@media(max-width:760px){.right-panel{top:0;padding-top:24px}.account-dock{left:12px;bottom:12px}}

.language-choice{display:flex;align-items:center;gap:5px;padding:6px 0;color:#e1e6ed;font-weight:650;font-size:13px;border-radius:6px}.language-choice svg{width:16px;height:16px;margin-left:3px}.language-choice:hover{background:#202630}.language-help{margin:4px 0 14px;font-size:13px;line-height:1.6;color:#a6b1c0}.language-actions{display:flex;gap:8px;margin-top:-14px}.language-actions button{padding:8px 11px;border-radius:8px;background:#26303d;font-size:12px}.language-actions .language-reset{background:transparent;color:#a6b1c0}.fields #preferred-language{margin-bottom:24px}
.language-choice{width:100%;justify-content:flex-start;text-align:left;padding:0;min-height:40px;gap:4px}.language-choice svg{margin-left:auto;width:32px;height:32px;padding:7px;border-radius:8px;flex-shrink:0;transition:background .15s}.language-choice:hover{background:transparent}.language-choice:hover svg{background:#272f3a}.language-choice[aria-expanded="true"] svg{transform:rotate(180deg)}