.learning-plan-panel{background:linear-gradient(135deg,#fff,#fbf9ff);border:1px solid #ddd4ec;border-radius:18px;margin:0 0 20px;padding:19px;box-shadow:0 8px 22px #4c32710b}.learning-plan-header{justify-content:space-between;align-items:center;gap:15px;display:flex}.learning-plan-header p{color:#8168ce;letter-spacing:.13em;margin:0 0 4px;font-size:8px;font-weight:900}.learning-plan-header h2{letter-spacing:-.04em;margin:0 0 5px;font-size:18px}.learning-plan-header span{color:#80778b;font-size:9px}.learning-plan-progress{justify-items:end;min-width:72px;display:grid}.learning-plan-progress b{color:#6545be;font-size:25px}.learning-plan-progress b small{font-size:12px}.learning-plan-progress span{color:#8d8299;font-size:8px}.learning-plan-focus{background:#f8f4ff;border:1px solid #e5daf6;border-radius:13px;justify-content:space-between;align-items:center;gap:13px;margin-top:16px;padding:14px 15px;display:flex}.learning-plan-focus>div{min-width:0}.learning-plan-focus span{color:#7457c5;letter-spacing:.04em;font-size:8px;font-weight:900}.learning-plan-focus h3{color:#332951;margin:4px 0;font-size:14px}.learning-plan-focus p{color:#6f657c;margin:0;font-size:9px;line-height:1.55}.learning-plan-focus small{color:#9b90a5;margin-top:6px;font-size:8px;display:block}.learning-plan-focus button,.learning-plan-next button{color:#fff;background:#6143b9;border:0;border-radius:9px;flex:none;padding:9px 11px;font-size:9px;font-weight:800}.learning-plan-days{grid-template-columns:repeat(7,1fr);gap:6px;margin-top:17px;display:grid;position:relative}.learning-plan-day-track{background:#e7def4;height:2px;position:absolute;top:17px;left:7%;right:7%}.learning-plan-days button{z-index:1;color:#7f748d;background:0 0;border:0;justify-items:center;gap:4px;padding:0;font-size:8px;display:grid;position:relative}.learning-plan-days button span{color:#8064c6;background:#fff;border:2px solid #ded3ee;border-radius:50%;place-items:center;width:34px;height:34px;font-size:10px;font-weight:900;display:grid}.learning-plan-days button b{font-size:8px}.learning-plan-days button small{color:#a094ad;font-size:7px}.learning-plan-days button.done span{color:#fff;background:#4d9b75;border-color:#4d9b75}.learning-plan-days button.locked span{color:#a99db5;background:#f6f3fa;border-style:dashed}.learning-plan-next{border-top:1px solid #eee9f3;align-items:center;gap:12px;margin-top:17px;padding-top:13px;display:flex}.learning-plan-next>div{gap:3px;min-width:180px;display:grid}.learning-plan-next b{color:#3e315a;font-size:10px}.learning-plan-next span,.learning-plan-next p{color:#887d93;margin:0;font-size:8px;line-height:1.5}.learning-plan-next p{flex:1}.learning-plan-next button{color:#6848c7;background:#f0eaff;padding:7px 9px}@media (max-width:680px){.learning-plan-focus{flex-direction:column;align-items:flex-start}.learning-plan-focus button{width:100%}.learning-plan-next{flex-wrap:wrap;align-items:flex-start}.learning-plan-next>div{width:100%}.learning-plan-next button{margin-left:auto}}@media (max-width:520px){.learning-plan-panel{padding:14px}.learning-plan-header h2{font-size:16px}.learning-plan-header span{max-width:240px;line-height:1.5;display:block}.learning-plan-days{gap:2px}.learning-plan-days button span{width:29px;height:29px;font-size:9px}.learning-plan-days button b{font-size:7px}.learning-plan-days button small{font-size:6px}}.member-course-panel{background:linear-gradient(135deg,#fbf9ff,#f5f1ff);border:1px solid #decff4;border-radius:18px;margin-top:20px;padding:18px}.member-course-panel>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.member-course-panel>header p{color:#8066cd;letter-spacing:.13em;margin:0 0 4px;font-size:8px;font-weight:900}.member-course-panel>header h2{margin:0 0 4px;font-size:17px}.member-course-panel>header span{color:#877d91;font-size:9px}.member-course-panel>header>b{color:#6948c8;background:#ece5ff;border-radius:99px;padding:6px 8px;font-size:8px}.member-course-grid{gap:8px;margin-top:14px;display:grid}.member-course-grid article{background:#fff;border:1px solid #e6ddf2;border-radius:12px;align-items:center;gap:10px;padding:11px;display:flex}.member-course-grid article>span{color:#fff;background:#7655cb;border-radius:9px;place-items:center;width:29px;height:29px;font-size:9px;font-weight:900;display:grid}.member-course-grid article>div{flex:1;min-width:0}.member-course-grid article b{font-size:10px}.member-course-grid article p{color:#80768b;margin:3px 0;font-size:8px}.member-course-grid article small{color:#a096a8;font-size:7px}.member-course-grid article button{color:#fff;background:#49357e;border:0;border-radius:8px;flex:none;padding:7px 9px;font-size:8px;font-weight:800}.member-course-grid article.locked{opacity:.72}.member-course-grid article.locked>span{background:#9c90ae}.member-course-grid article.locked button{color:#6d50bc;background:#eee8ff}@media (max-width:620px){.member-course-panel{padding:14px}.member-course-panel>header{align-items:flex-start}.member-course-panel>header span{max-width:225px;line-height:1.5;display:block}.member-course-grid article{flex-wrap:wrap;align-items:flex-start}.member-course-grid article>div{width:calc(100% - 40px)}.member-course-grid article button{margin-left:39px}}.social-hero{color:#fff;background:linear-gradient(125deg,#312255,#704ec5 65%,#8c70dc);border-radius:20px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:17px;padding:25px 27px;display:flex;box-shadow:0 14px 28px #4f369c1f}.social-hero p,.social-friends-card header p,.social-progress-card header p,.social-identity-card p{color:#cfc5f4;letter-spacing:.14em;margin:0 0 6px;font-size:8px;font-weight:900}.social-hero h2{letter-spacing:-.04em;margin:0 0 8px;font-size:25px}.social-hero>div:first-child>span{color:#e8e3fa;max-width:650px;font-size:10px;line-height:1.65;display:block}.social-preview-badge{background:#ffffff12;border:1px solid #ffffff40;border-radius:12px;flex:none;gap:4px;padding:11px 13px;display:grid}.social-preview-badge b{font-size:10px}.social-preview-badge small{color:#d6cef0;font-size:8px}.social-identity-card{background:linear-gradient(135deg,#fff,#f6f2ff);border:1px solid #ded6ef;border-radius:18px;align-items:center;gap:14px;margin-bottom:14px;padding:18px 20px;display:flex}.social-avatar{color:#6444bd;background:#eee8ff;border-radius:15px;flex:none;place-items:center;width:48px;height:48px;font-size:19px;font-weight:900;display:grid}.social-identity-card p{color:#7654cf}.social-identity-card h2{color:#33244c;letter-spacing:.08em;margin:0 0 4px;font-size:25px}.social-identity-card span{color:#857d90;font-size:9px}.social-identity-card button{color:#fff;background:#6848c8;border:0;border-radius:10px;margin-left:auto;padding:10px 12px;font-size:9px;font-weight:800}.social-grid{grid-template-columns:340px 1fr;gap:14px;display:grid}.social-friends-card,.social-progress-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:20px}.social-friends-card header,.social-progress-card header{justify-content:space-between;align-items:start;gap:12px;display:flex}.social-friends-card header p,.social-progress-card header p{color:#7654cf}.social-friends-card h2,.social-progress-card h2{margin:0 0 4px;font-size:17px}.social-friends-card header>span{color:#6849c7;background:#f1ecff;border-radius:99px;padding:6px 8px;font-size:8px;font-weight:800}.social-add{grid-template-columns:1fr auto;gap:7px;margin:16px 0 6px;display:grid}.social-add input{min-width:0;font:inherit;letter-spacing:.08em;border:1px solid #dcd4ea;border-radius:10px;outline-color:#7654d1;padding:11px;font-size:11px}.social-add button{color:#fff;background:#6848c8;border:0;border-radius:10px;padding:0 11px;font-size:9px;font-weight:800}.social-helper{color:#93899e;font-size:8px;line-height:1.55;display:block}.social-friend-list{gap:7px;margin-top:14px;display:grid}.social-friend-list button{color:#4f465c;text-align:left;background:#fff;border:1px solid #e7e1ef;border-radius:12px;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;padding:9px;display:grid}.social-friend-list button.active{background:#f6f2ff;border-color:#7c5adb}.social-friend-list button>span{color:#6645bf;background:#eee8ff;border-radius:10px;place-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:grid}.social-friend-list b,.social-friend-list small{display:block}.social-friend-list b{font-size:10px}.social-friend-list small{color:#938a9c;margin-top:2px;font-size:7px}.social-friend-list i{color:#2e8c68;background:#eef9f3;border-radius:6px;padding:4px 6px;font-size:9px;font-style:normal;font-weight:900}.social-progress-card header>div>span{color:#898092;font-size:8px}.social-progress-card header>b{color:#5e41b4;text-align:right;font-size:29px;display:grid}.social-progress-card header>b small{color:#8c819c;font-size:8px;font-weight:400}.social-progress-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0 14px;display:grid}.social-progress-grid article{background:#f8f6fb;border-radius:12px;gap:3px;padding:12px;display:grid}.social-progress-grid b{color:#6546bd;font-size:21px}.social-progress-grid span{color:#777080;font-size:8px}.social-progress-bar{background:#f6fcf8;border:1px solid #dcebe2;border-radius:13px;padding:14px 15px}.social-progress-bar>div{color:#527263;justify-content:space-between;margin-bottom:7px;font-size:9px;display:flex}.social-progress-bar b{color:#2d9068}.social-progress-bar>i{background:#dcefe4;border-radius:99px;height:7px;display:block;overflow:hidden}.social-progress-bar em{background:linear-gradient(90deg,#49b987,#288a64);border-radius:99px;height:100%;display:block}.social-focus{grid-template-columns:auto 1fr;align-items:center;gap:4px 12px;margin-top:14px;display:grid}.social-focus span{color:#8c8192;font-size:9px}.social-focus b{color:#4d3e68;font-size:10px}.social-focus small{color:#948b9c;grid-column:1/-1;font-size:8px;line-height:1.55}.social-empty-progress{text-align:center;place-content:center;gap:8px;min-height:260px;display:grid}.social-empty-progress>span{color:#7554ce;font-size:32px}.social-empty-progress b{font-size:12px}.social-empty-progress small{color:#8d8494;font-size:9px}.social-privacy{background:#f3faf6;border:1px solid #d7e9de;border-radius:14px;gap:10px;margin-top:14px;padding:15px 17px;display:flex}.social-privacy>span{color:#fff;background:#39986d;border-radius:8px;flex:none;place-items:center;width:26px;height:26px;font-size:11px;display:grid}.social-privacy b{font-size:10px}.social-privacy p{color:#668272;margin:4px 0 0;font-size:8px;line-height:1.6}@media (max-width:800px){.social-grid{grid-template-columns:1fr}.social-progress-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.social-hero{padding:19px;display:grid}.social-hero h2{font-size:20px}.social-preview-badge{justify-self:start}.social-identity-card{flex-wrap:wrap;align-items:flex-start;padding:15px}.social-identity-card button{width:100%;margin:0}.social-identity-card h2{font-size:20px}.social-friends-card,.social-progress-card{padding:15px}.social-add{grid-template-columns:1fr}.social-add button{min-height:38px}.social-progress-grid{margin-top:14px}}.companion-hero{color:#fff;background:linear-gradient(125deg,#2b214e,#6544b1 62%,#8f71e2);border-radius:21px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:17px;padding:26px 28px;display:flex;box-shadow:0 14px 28px #4f369c1f}.companion-hero p{color:#d6ccf7;letter-spacing:.14em;margin:0 0 7px;font-size:8px;font-weight:900}.companion-hero h2{letter-spacing:-.05em;margin:0 0 8px;font-size:25px}.companion-hero>div:first-child>span{color:#e7e1fa;max-width:670px;font-size:10px;line-height:1.7;display:block}.companion-lock{background:#ffffff12;border:1px solid #ffffff42;border-radius:12px;flex:none;gap:4px;padding:12px 14px;display:grid}.companion-lock b{font-size:10px}.companion-lock small{color:#d9d0ef;font-size:8px}.companion-shell{border:1px solid var(--line);background:#fff;border-radius:20px;padding:20px}.companion-header{border-bottom:1px solid var(--line);align-items:center;gap:13px;padding-bottom:16px;display:flex}.companion-avatar{color:#fff;background:linear-gradient(145deg,#8e6be9,#5d3db5);border-radius:15px;flex:none;place-items:center;width:48px;height:48px;font-size:20px;font-weight:900;display:grid;overflow:hidden}.companion-avatar img{object-fit:cover;width:100%;height:100%;display:block}.companion-header p{color:#7757cf;letter-spacing:.11em;margin:0 0 4px;font-size:8px;font-weight:900}.companion-header h2{margin:0 0 3px;font-size:18px}.companion-header>div:nth-child(2)>span{color:#8b8296;font-size:9px}.companion-name-editor{align-items:end;gap:7px;margin-left:auto;display:flex}.companion-name-editor label{color:#7d7389;gap:5px;font-size:8px;font-weight:800;display:grid}.companion-name-editor input{color:#3e3451;width:150px;font:inherit;background:#fff;border:1px solid #ded5ea;border-radius:9px;outline-color:#7454d0;padding:9px;font-size:10px}.companion-name-editor button{color:#fff;background:#6948c8;border:0;border-radius:9px;min-height:34px;padding:0 11px;font-size:9px;font-weight:800}.companion-prompts{gap:7px;padding:15px 0 6px;display:flex;overflow:auto}.companion-prompts button{color:#6044b6;background:#fbf9ff;border:1px solid #ddd4ee;border-radius:99px;flex:none;padding:8px 10px;font-size:9px}.companion-prompts button:disabled{opacity:.55}.companion-messages{gap:12px;max-height:430px;padding:13px 3px;display:grid;overflow:auto}.companion-messages article{align-items:flex-start;gap:8px;max-width:84%;display:flex}.companion-messages article.user{flex-direction:row-reverse;justify-self:end}.companion-messages article>span{color:#6545bd;background:#eee8ff;border-radius:9px;flex:none;place-items:center;width:28px;height:28px;font-size:9px;font-weight:900;display:grid}.companion-messages article.user>span{color:#fff;background:#3b8769}.companion-messages p{color:#4d455b;white-space:pre-wrap;background:#f7f5fa;border-radius:12px;margin:0;padding:10px 12px;font-size:10px;line-height:1.65}.companion-messages article.user p{color:#fff;background:#6045b2}.companion-typing{font-style:italic;color:#7d7091!important}.companion-composer{border-top:1px solid var(--line);grid-template-columns:1fr auto;align-items:end;gap:8px;padding-top:13px;display:grid}.companion-composer textarea{resize:vertical;color:#3f3651;background:#fcfbfe;border:1px solid #ded7e8;border-radius:11px;outline-color:#7454d0;min-height:66px;padding:11px;font-size:10px;line-height:1.55}.companion-composer button{color:#fff;background:linear-gradient(130deg,#805de6,#5a3bb7);border:0;border-radius:10px;min-height:40px;padding:0 13px;font-size:10px;font-weight:800}.companion-composer button:disabled{cursor:not-allowed;opacity:.45}.companion-quota-note{color:#948a9e;text-align:right;margin-top:9px;font-size:8px;display:block}.companion-paywall{background:#faf7ff;border:1px solid #e0d4fb;border-radius:14px;align-items:center;gap:11px;margin-top:16px;padding:15px;display:flex}.companion-paywall>span{color:#7654d3;font-size:23px}.companion-paywall div{flex:1}.companion-paywall b{font-size:11px}.companion-paywall p{color:#82788e;margin:4px 0 0;font-size:9px;line-height:1.55}.companion-paywall button{color:#fff;background:#6948c8;border:0;border-radius:10px;padding:10px 12px;font-size:9px;font-weight:800}.companion-safety{color:#5e7869;background:#f2faf5;border:1px solid #d7eadf;border-radius:13px;align-items:start;gap:9px;margin-top:14px;padding:13px 15px;display:flex}.companion-safety>span{color:#358a66;font-size:13px}.companion-safety p{margin:0;font-size:9px;line-height:1.6}.companion-safety b{color:#34765b}@media (max-width:760px){.companion-header{flex-wrap:wrap;align-items:flex-start}.companion-name-editor{width:100%;margin:4px 0 0}.companion-name-editor label{flex:1}.companion-name-editor input{width:100%}.companion-name-editor button{min-width:58px}.companion-composer{grid-template-columns:1fr}.companion-composer button{min-height:42px}.companion-paywall{flex-wrap:wrap;align-items:flex-start}.companion-paywall button{width:100%}}@media (max-width:620px){.companion-hero{padding:20px;display:grid}.companion-hero h2{font-size:20px}.companion-shell{padding:15px}.companion-messages article{max-width:94%}}.companion-memory-status{color:#4e7765;background:#f4fbf7;border:1px solid #d9eee5;border-radius:12px;align-items:center;gap:9px;margin:14px 0 10px;padding:10px 12px;display:flex}.companion-memory-status>span{color:#3b9a70;font-size:14px}.companion-memory-status p{gap:2px;margin:0;display:grid}.companion-memory-status b{color:#356b56;font-size:10px}.companion-memory-status small{color:#729080;font-size:9px;line-height:1.45}
