body.v3-open{overflow:hidden!important}.v3Overlay{position:fixed;inset:0;z-index:100000;background:rgba(10,20,48,.48);backdrop-filter:blur(5px);display:grid;place-items:center}.v3App{width:min(100%,1180px);height:min(100dvh,980px);background:linear-gradient(180deg,var(--guul-page-bg-2,#f5f7ff),var(--guul-page-bg,#fff));display:grid;grid-template-rows:auto 1fr;overflow:hidden;box-shadow:0 30px 90px rgba(19,32,75,.3)}.v3Top{min-height:82px;padding:16px 20px;background:linear-gradient(125deg,#5835ed,#176ff0 60%,#18a4df);color:#fff;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}.v3Back,.v3Close{width:46px;height:46px;border:0;border-radius:15px;background:rgba(255,255,255,.16);color:#fff;font-size:21px;cursor:pointer}.v3Brand b{display:block;font-size:20px;letter-spacing:.02em}.v3Brand small{display:block;margin-top:3px;color:#dceaff;font-size:10.5px;font-weight:850;letter-spacing:.11em}.v3Body{overflow:auto;padding:20px;background:linear-gradient(180deg,var(--guul-page-bg-2,#f7f9ff),var(--guul-page-bg,#fff))}.v3ProfileCard{background:#fff;border:1px solid #e5eaf4;border-radius:25px;padding:18px;box-shadow:0 9px 26px rgba(50,68,120,.07);margin-bottom:12px}.v3ProfileMain{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}.v3Avatar{width:80px;height:80px;border-radius:24px;background:linear-gradient(145deg,#dcf2ff,#e9e3ff);display:grid;place-items:center;color:#4a38df;font-size:28px;font-weight:950;border:4px solid #fff;box-shadow:0 7px 20px rgba(50,70,130,.12)}.v3Identity{min-width:0}.v3Identity h2{margin:0 0 4px;color:#13203e;font-size:23px}.v3Identity>b{display:inline-block;color:#5c43e6;font-size:12px;margin-bottom:5px}.v3Identity p{margin:2px 0;color:#60708c;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v3Streak{align-self:start;border-radius:16px;padding:10px 13px;background:#fff3d8;color:#a65113;text-align:center;min-width:86px}.v3Streak b{font-size:18px}.v3Streak small{display:block;font-size:9px;margin-top:2px}.v3MiniStats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:14px}.v3MiniStats>div{border-radius:16px;padding:10px 8px;background:#f8faff;border:1px solid #e9edf6;text-align:center;min-width:0}.v3MiniStats span{font-size:20px}.v3MiniStats small{display:block;color:#6f7b93;font-size:9px;margin:4px 0 2px}.v3MiniStats b{display:block;color:#17233e;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v3Tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:#fff;border:1px solid #e6eaf3;border-radius:18px;padding:5px;margin-bottom:12px}.v3Tabs button{border:0;border-radius:14px;background:transparent;color:#69758d;padding:10px 8px;font-weight:850;cursor:pointer}.v3Tabs button.active{background:linear-gradient(90deg,#5234ec,#3577f0);color:#fff;box-shadow:0 6px 15px rgba(78,55,225,.2)}.v3Panel{background:#fff;border:1px solid #e5eaf4;border-radius:23px;padding:17px;box-shadow:0 8px 23px rgba(50,68,120,.055);margin-bottom:12px;color:#17233e}.v3SectionTitle{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.v3SectionTitle small,.v3Overall small,.v3Weekly small,.v3SubjectHero small{font-size:9.5px;font-weight:900;color:#6548e4;letter-spacing:.08em}.v3SectionTitle h3,.v3Weekly h3,.v3Overall h3{margin:3px 0 0;font-size:19px}.v3SectionTitle>b{font-size:12px;color:#5d6b85}.v3Overall{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}.v3Ring{--pct:0;width:105px;height:105px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#6639ed 0 calc(var(--pct)*1%),#29cfa1 calc(var(--pct)*1%) calc(var(--pct)*1%),#e8edf6 calc(var(--pct)*1%) 100%);position:relative}.v3Ring:after{content:"";position:absolute;inset:12px;border-radius:50%;background:#fff}.v3Ring>div{position:relative;z-index:1;text-align:center}.v3Ring b{display:block;font-size:25px;color:#4d39e3}.v3Ring small{color:#6f7a93;font-size:9px}.v3Overall p,.v3Weekly p{margin:6px 0;color:#65738d;line-height:1.5;font-size:12px}.v3WideBar,.v3Subjects span{height:8px;border-radius:99px;background:#e5ebf4;overflow:hidden}.v3WideBar i,.v3Subjects span i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5a37ed,#2a82f2,#24c99b)}.v3Subjects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.v3Subjects button{border:1px solid #e4eaf4;border-radius:18px;padding:10px;display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;text-align:left;color:#17233e;cursor:pointer;min-width:0}.v3Subjects button.tone1{background:#fff0f4}.v3Subjects button.tone2{background:#effcf7}.v3Subjects button.tone3{background:#fff8e9}.v3Subjects button.tone4{background:#eef7ff}.v3Subjects button.tone5{background:#f5efff}.v3Subjects img{width:48px;height:58px;object-fit:cover;border-radius:9px;background:#fff;box-shadow:0 4px 12px rgba(35,50,96,.12)}.v3Subjects button>div{min-width:0}.v3Subjects b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v3Subjects small{display:block;color:#6c7890;font-size:10px;margin:2px 0 7px}.v3Subjects span{display:block}.v3Subjects strong{font-size:12px;color:#4d39e3}.v3Weekly{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#f0f6ff,#f6f2ff)}.v3Weekly button{border:0;border-radius:13px;padding:11px 14px;background:#5738ec;color:#fff;font-weight:850;cursor:pointer;white-space:nowrap}.v3InfoGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.v3InfoGrid>div{background:#f8faff;border:1px solid #e8edf6;border-radius:16px;padding:12px;min-width:0}.v3InfoGrid span{font-size:20px}.v3InfoGrid small{display:block;color:#748097;font-size:9px;margin:5px 0 3px}.v3InfoGrid b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v3BadgeGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.v3BadgeGrid article{position:relative;border-radius:18px;padding:14px 8px;text-align:center;border:1px solid #e5eaf3;background:#f8f9fc}.v3BadgeGrid article.earned{background:linear-gradient(145deg,#effcf6,#fff9e9);border-color:#d8eee3}.v3BadgeGrid article.locked{filter:grayscale(.82);opacity:.62}.v3BadgeGrid article>span{font-size:32px}.v3BadgeGrid article>i{position:absolute;right:8px;top:8px;font-style:normal;font-size:11px}.v3BadgeGrid article b{display:block;font-size:11px;margin-top:8px}.v3BadgeGrid article small{display:block;color:#69758c;font-size:9px;min-height:24px;margin-top:3px}.v3BadgeGrid article em{display:block;font-style:normal;font-size:9px;font-weight:850;margin-top:6px;color:#0d9564}.v3BadgeGrid article.locked em{color:#778196}.v3BadgeTip{display:flex;gap:12px;align-items:flex-start}.v3BadgeTip>span{font-size:30px}.v3BadgeTip h3{font-size:16px;margin:0 0 4px}.v3BadgeTip p{font-size:12px;line-height:1.5;color:#67738b;margin:0}.v3SubjectHero{display:grid;grid-template-columns:70px 1fr auto;gap:14px;align-items:center;margin-bottom:16px}.v3SubjectHero img{width:70px;height:88px;object-fit:cover;border-radius:12px;box-shadow:0 7px 18px rgba(39,55,102,.14)}.v3SubjectHero h3{margin:3px 0;font-size:22px}.v3SubjectHero p{margin:0 0 8px;color:#68758d;font-size:12px}.v3SubjectHero>strong{font-size:20px;color:#5639e5}.v3ChapterGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.v3ChapterGrid article{border-radius:15px;padding:11px;background:#f8f9fd;border:1px solid #e8ecf4;display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:center;min-width:0}.v3ChapterGrid article.done{background:#eefbf5;border-color:#d7efe4}.v3ChapterGrid article>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#ece9ff;color:#5939e6;font-size:11px;font-weight:900}.v3ChapterGrid article.done>span{background:#18b979;color:#fff}.v3ChapterGrid b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v3ChapterGrid small{display:block;font-size:9px;color:#727d93;margin-top:2px}.v3ChapterGrid em{font-style:normal;font-size:9px;font-weight:850;color:#68748a}.v3AccountNav small{font-weight:750!important}
@media(max-width:760px){.v3App{width:100%;height:100dvh}.v3Top{min-height:70px;padding:12px;grid-template-columns:40px 1fr 40px;gap:9px}.v3Back,.v3Close{width:40px;height:40px;border-radius:12px}.v3Brand b{font-size:16px}.v3Brand small{font-size:8.5px}.v3Body{padding:10px 10px calc(92px + env(safe-area-inset-bottom))}.v3ProfileCard{padding:13px;border-radius:20px}.v3ProfileMain{grid-template-columns:auto 1fr;gap:10px}.v3Avatar{width:62px;height:62px;border-radius:20px;font-size:21px}.v3Identity h2{font-size:17px}.v3Identity p{font-size:10.5px}.v3Streak{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:5px;padding:7px}.v3Streak small{display:inline}.v3MiniStats{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.v3MiniStats>div{padding:7px 3px;border-radius:12px}.v3MiniStats span{font-size:16px}.v3MiniStats small{font-size:7px}.v3MiniStats b{font-size:11px}.v3Tabs{border-radius:15px}.v3Tabs button{padding:9px 4px;font-size:11px}.v3Panel{padding:12px;border-radius:19px}.v3Overall{grid-template-columns:80px 1fr;gap:12px}.v3Ring{width:78px;height:78px}.v3Ring:after{inset:9px}.v3Ring b{font-size:19px}.v3Overall h3,.v3Weekly h3,.v3SectionTitle h3{font-size:15px}.v3Overall p,.v3Weekly p{font-size:10.5px}.v3Subjects{grid-template-columns:1fr 1fr;gap:6px}.v3Subjects button{grid-template-columns:38px 1fr;gap:7px;padding:8px}.v3Subjects img{width:38px;height:48px}.v3Subjects strong{grid-column:2;font-size:9px}.v3Subjects b{font-size:10.5px}.v3Subjects small{font-size:8px;margin-bottom:5px}.v3Subjects span{height:6px}.v3Weekly{align-items:flex-start;flex-direction:column}.v3Weekly button{width:100%;padding:10px}.v3InfoGrid{grid-template-columns:1fr 1fr}.v3BadgeGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.v3BadgeGrid article{padding:11px 5px}.v3BadgeGrid article>span{font-size:27px}.v3SubjectHero{grid-template-columns:54px 1fr auto;gap:9px}.v3SubjectHero img{width:54px;height:70px}.v3SubjectHero h3{font-size:17px}.v3SubjectHero>strong{font-size:15px}.v3ChapterGrid{grid-template-columns:1fr}.v3ChapterGrid article{padding:10px}.v3ChapterGrid b{font-size:10.5px}}
@media(min-width:761px) and (max-width:1100px){.v3App{width:min(96%,900px);height:min(94dvh,920px);border-radius:26px}}@media(min-width:1101px){.v3App{border-radius:28px}.v3Body{padding:24px}}


/* v46 profile picture + theme-surface improvements */
html[data-guul-theme] .v3ProfileCard,html[data-guul-theme] .v3Panel,html[data-guul-theme] .v3Tabs{background:var(--guul-surface,#fff)!important;border-color:var(--guul-line,#e5eaf4)!important}
html[data-guul-theme] .v3MiniStats>div,html[data-guul-theme] .v3InfoGrid>div,html[data-guul-theme] .v3Weekly,html[data-guul-theme] .v3Subjects button,html[data-guul-theme] .v3ChapterGrid article{background:var(--guul-surface-2,#f8faff)!important;border-color:var(--guul-line,#e5eaf4)!important}
.v3Avatar.hasPhoto,.v3AvatarPreview.hasPhoto{padding:0!important;overflow:hidden!important;background:#fff!important}
.v3Avatar.hasPhoto img,.v3AvatarPreview.hasPhoto img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
.v3Avatar.isEmoji,.v3AvatarPreview.isEmoji{font-size:33px}
.v3Ring.isFull{background:conic-gradient(#21c887 0 100%)!important}
.v3Ring.isFull b{color:#139f67!important}
.v3AvatarEditor{display:grid;grid-template-columns:108px 1fr;gap:16px;align-items:start}
.v3AvatarPreviewWrap{display:grid;gap:8px;justify-items:center;text-align:center}
.v3AvatarPreview{width:100px;height:100px;border-radius:26px}
.v3AvatarPreviewWrap small{font-size:10px;color:#6b7890;font-weight:800}
.v3AvatarControls{display:grid;gap:10px}
.v3AvatarOptions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.v3AvatarOption,.v3AvatarUpload,.v3AvatarRemove{border:1px solid #dfe5f0;border-radius:15px;padding:11px 12px;background:#f8faff;color:#182641;font-weight:850;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-align:center}
.v3AvatarOption.active{background:linear-gradient(90deg,#5838ec,#3182f1);border-color:transparent;color:#fff;box-shadow:0 7px 18px rgba(84,58,230,.18)}
.v3AvatarUpload{background:#eef5ff;color:#2652a8}
.v3AvatarRemove{background:#fff2f4;color:#ba3f57}
.v3AvatarHint{margin:0;color:#6b7890;font-size:11px;line-height:1.55}
@media(max-width:760px){.v3AvatarEditor{grid-template-columns:1fr;gap:12px}.v3AvatarPreviewWrap{justify-items:start;text-align:left}.v3AvatarOptions{grid-template-columns:1fr 1fr}.v3AvatarPreview{width:82px;height:82px;border-radius:22px}.v3Avatar.isEmoji,.v3AvatarPreview.isEmoji{font-size:27px}}