:root{--bg:#f5f7f8;--lime:#ecd29b;--line:#dfe7eb;--muted:#647b8b;--teal:#218477}body{font-size:15px;color:#193a50}.shell>header{background:#ffffffed;backdrop-filter:blur(12px)}#app{padding-top:36px;padding-bottom:20px}#app h1{font-size:clamp(27px,2.7vw,37px);letter-spacing:-1.3px;font-weight:750}#app .eyebrow{font-size:9px;letter-spacing:1.7px}#app .sub{font-size:13px;line-height:1.8;color:#6e8493}.sidebar{background:#fcfdfd}.sidebar .side-label{font-size:9px;letter-spacing:1.8px;margin-top:40px}.sidebar .brand{font-size:21px}.sidebar nav{gap:5px}.sidebar .nav{font-size:12px;padding:13px 12px;gap:12px;border-radius:8px;font-weight:550;position:relative}.sidebar .nav.active{background:#173d55;color:white;box-shadow:none}.sidebar .nav.active:after{content:'';position:absolute;right:12px;width:4px;height:4px;background:#edd5a0;border-radius:50%}.sidebar .nav:hover:not(.active){background:#eaf1f4}.sidebar .nav>span{height:20px;display:grid;place-items:center}.brand small{font-size:8px;letter-spacing:1.8px}.source-btn{font-size:10px}.btn{border-radius:9px;transition:background .15s,transform .15s}.btn:hover{transform:translateY(-1px);filter:brightness(1.06)}.btn.soft{background:#edf3f5;color:#325a70;border:1px solid #dce6eb}.link{color:#37786f}.panel,.study-stat,.library-card,.subject-card,.exam-card{box-shadow:0 4px 16px #12345603;border-color:#dce6eb}.section-title{margin-top:33px;margin-bottom:18px}.section-title h2{font-size:24px;letter-spacing:-.8px}.dashboard-top{margin-bottom:29px;align-items:center}.dashboard-top .btn{font-size:11px;padding:12px 16px;white-space:nowrap}.command-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:38px;padding:36px 40px 32px;border-radius:18px;background:#14374e;color:white;position:relative;overflow:hidden;border:1px solid #24495f}.command-hero:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:#d8b96c}.command-hero-copy{position:relative;z-index:1}.command-label{display:flex;gap:9px;align-items:center;font-size:8px;letter-spacing:1.4px;font-weight:650;color:#aac4d2}.command-label i{width:5px;height:5px;background:#cfb477;border-radius:50%}.command-hero h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(36px,4vw,53px);letter-spacing:-2px;line-height:1.06;margin:23px 0 19px;font-weight:700}.command-hero h2 em{font-family:Georgia,serif;font-weight:400;color:#eed8aa;letter-spacing:-1.5px}.command-hero-copy>p{font-size:12px;color:#a9c1d0;line-height:1.85;max-width:330px}.command-hero .hero-actions{gap:17px;align-items:center;margin-top:25px;flex-wrap:wrap}.command-hero .hero-actions>.btn{font-size:11px;background:#ebd4a1;color:#17384e;padding:12px 15px}.command-hero .hero-actions>.link{font-size:10px;color:#c1d4de;padding:0}.command-hero-copy>small{display:block;font-size:9px;color:#7394aa;margin-top:20px;letter-spacing:.5px}.command-blueprint{border:1px solid #ffffff25;padding:24px 26px;border-radius:13px;background:linear-gradient(130deg,#ffffff08,#ffffff01);position:relative;align-self:center}.blueprint-top{display:flex;justify-content:space-between;font-size:7px;color:#83a7bb;letter-spacing:1.4px;padding-bottom:18px;border-bottom:1px solid #ffffff16}.blueprint-target{padding:24px 0 16px}.blueprint-target>span{font-size:8px;color:#a0bece;letter-spacing:1.5px}.blueprint-target>strong{display:block;font:600 55px Manrope,sans-serif;letter-spacing:-2px;margin-top:5px;color:#f1dfba}.blueprint-target>strong small{font-size:14px;color:#6e95ab;margin-left:6px;letter-spacing:0;font-weight:400}.blueprint-line{display:flex;align-items:center;gap:30px}.blueprint-line>span{font-size:20px;font-weight:650}.blueprint-line small{display:block;font-size:8px;color:#9cb7c7;font-weight:400;margin-top:4px}.blueprint-line>i{height:32px;width:1px;background:#ffffff15}.blueprint-progress{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:8px;color:#8badc0;margin-top:23px;gap:9px}.blueprint-progress>div{height:3px;background:#ffffff17;border-radius:3px;width:100%;overflow:hidden}.blueprint-progress i{display:block;height:100%;background:#7dc4af}.command-blueprint>p{font-size:7px;letter-spacing:1.3px;color:#7a9fb5;margin-top:19px}.command-blueprint>p>i{font-style:normal;margin:0 8px;color:#cfb477}.study-dashboard{margin-top:32px}.study-dashboard .section-title{margin:0 0 20px}.study-dashboard .study-stats{gap:12px}.study-dashboard .study-stat{padding:22px 20px;border-radius:12px;background:white;min-width:0}.study-stat>small{font-size:8px;letter-spacing:1px;color:#7b919f;font-weight:650}.study-stat>strong{font-size:32px;color:#193c53}.study-stat>span{font-size:10px;line-height:1.6;color:#8599a6}.coverage-track{height:3px}.daily-command-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:18px;margin-top:22px;align-items:stretch}.reward-command{padding:25px!important;margin:0!important;background:white!important;border:1px solid #dce6eb!important;border-radius:15px!important;min-width:0}.reward-command-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.reward-command-top .eyebrow{font-size:8px!important;color:#8d784c;letter-spacing:1.3px;margin:0}.reward-command-top .link{font-size:10px;padding:0;white-space:nowrap}.rank-command-main{display:flex;align-items:center;gap:12px;margin:20px 0 17px}.rank-art{display:block;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 8px 8px #18384d14)}.rank-command-main>.rank-art{width:112px;height:112px}.rank-command-main>div{flex:1;min-width:0}.rank-command-main small{font-size:7px;letter-spacing:1.2px;color:#8c9faa}.rank-command-main h2{font-size:25px;letter-spacing:-.8px;margin:5px 0 10px}.rank-command-main strong{font-size:19px;font-weight:650;font-variant-numeric:tabular-nums}.rank-command-main strong>span{font-size:10px;font-weight:400;color:#8b9ea9}.rank-command-main .coach-xp-track{margin-top:13px;height:4px}.rank-command-main .coach-xp-track>i{background:#489d88}.rank-command-main p{font-size:9px;color:#8a9eaa;margin:8px 0 0}.rank-command-main>.btn{align-self:end;font-size:9px;padding:8px 10px;white-space:nowrap}.xp-sync-line{display:flex;align-items:center;gap:7px;background:#f4f8f7;border:1px solid #e4eeea;border-radius:7px;padding:10px;font-size:9px;color:#6d8d80;line-height:1.5}.sync-indicator{width:4px;height:4px;background:#51a28a;border-radius:50%;flex-shrink:0}.xp-sync-line .link{font-size:9px;padding:0;margin-left:auto}.reward-command .coach-footer{font-size:8px;color:#8b9ca7;border-top:0;padding-top:15px;align-items:center;gap:12px}.reward-command .coach-footer button{font-size:9px}.pico-dashboard-card{padding:27px 25px;border-radius:15px;position:relative;overflow:hidden;background:#eaf2f1;border:1px solid #d4e4e1}.pico-dashboard-card .eyebrow{font-size:8px!important;max-width:65%;margin-bottom:22px}.pico-dashboard-card h3{font-size:22px;line-height:1.2;letter-spacing:-.6px;max-width:210px}.pico-dashboard-card p{font-size:10px;line-height:1.8;color:#6e8b88;max-width:230px;margin:14px 0 20px}.pico-dashboard-card .btn{background:#3b786d;font-size:10px}.pico-mini-art{position:absolute;right:6px;top:12px;transform:rotate(6deg);width:90px;height:90px;opacity:.85}.pico-mini-art img{width:100%;height:100%}.workspace-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:25px 0;border:1px solid #dce6eb;border-radius:12px;background:white;overflow:hidden}.workspace-shortcuts>button{padding:18px 15px;background:none;border:0;border-right:1px solid #e6ecef;display:flex;gap:10px;text-align:left;align-items:center;color:#254a61}.workspace-shortcuts>button:last-child{border:0}.workspace-shortcuts>button:hover{background:#f1f6f6}.shortcut-no{font-size:9px;color:#7d9aab;align-self:flex-start;margin-top:3px}.workspace-shortcuts b{font-size:11px;display:block;line-height:1.4}.workspace-shortcuts small{font-size:8px;color:#8da0ac;display:block;line-height:1.8;margin-top:5px}.workspace-shortcuts>button>span:last-child{margin-left:auto;color:#5c988c;font-size:17px}.next-plan-panel{margin-top:24px}.heatmap-panel{border-radius:14px}#app .library-card{border-radius:12px;padding:23px;background:white}#app .library-card h3{font-size:15px;line-height:1.4;letter-spacing:-.3px}#app .library-card>p{font-size:11px}#app .exam-card{border-radius:13px;transition:border-color .2s,transform .2s}#app .exam-card:hover{border-color:#88b3ab;transform:translateY(-2px)}#app .exam-card h3{font-size:18px}.study-catalogue-tabs{border-radius:10px}.study-catalogue-tabs button{border-radius:7px}.social-profile{border-radius:14px}.community-welcome{background:#15384e}.league-table .social-avatar{border-radius:50%}
#badgeGallery{width:min(860px,96vw);max-width:860px;max-height:92dvh;border:1px solid #d8e4ea;border-radius:20px;padding:0;color:#173b53;background:#f8fafb}#badgeGallery::backdrop,.badge-unlock-dialog::backdrop{background:#0c233ba8;backdrop-filter:blur(7px)}#badgeGallery .dialog-head{padding:25px 30px;border-bottom:1px solid #e2e9ee;background:white}#badgeGallery .dialog-head h2{font-size:25px;letter-spacing:-.8px}#badgeGallery .eyebrow{font-size:8px;color:#9b834c}.badge-gallery-body{padding:28px 30px;max-height:74dvh;overflow:auto}.badge-spotlight{display:flex;align-items:center;gap:25px;background:#15374f;border-radius:15px;padding:12px 25px;color:white}.badge-spotlight>.rank-art{width:145px;height:145px}.badge-spotlight span{font-size:8px;letter-spacing:1.6px;color:#b5cbd7}.badge-spotlight h3{font-size:28px;letter-spacing:-.7px;margin:7px 0}.badge-spotlight p{font-size:12px;color:#e1c791}.badge-spotlight small{display:block;font-size:10px;color:#9bb9ca;margin-top:10px}.badge-game-note{font-size:10px;line-height:1.8;color:#8498a6;margin:18px 0 22px}.badge-collection{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:25px}.badge-item{position:relative;background:white;border:1px solid #e0e8ed;border-radius:12px;padding:14px 8px;text-align:center;display:flex;flex-direction:column;align-items:center}.badge-item>.rank-art{width:124px;height:124px;transition:transform .25s}.badge-item.unlocked:hover>.rank-art{transform:translateY(-5px)scale(1.04)}.badge-item.locked>.rank-art{filter:grayscale(.95)opacity(.3);}.badge-item.current{border-color:#bda76d;background:#fffdf5;box-shadow:inset 0 0 0 1px #ecdfb333}.badge-item b{font-size:12px;margin-top:8px}.badge-item>span{font-size:10px;color:#7a919e;margin-top:7px}.badge-item>small{font-size:8px;color:#9badb6;letter-spacing:.5px;margin-top:9px}.badge-item.current>small{color:#9e7d32}.badge-unlock-dialog{position:relative;text-align:center;border:1px solid #e0d4b3;border-radius:24px;padding:45px 35px 30px;width:min(430px,94vw);color:#193b50;background:radial-gradient(ellipse at 50% 20%,#f7ecd2,#fff 65%);overflow:hidden}.badge-unlock-dialog>.close{position:absolute;top:15px;right:15px}.badge-unlock-dialog>.eyebrow{font-size:8px;color:#a08650;letter-spacing:2px}.badge-unlock-dialog>.rank-art{width:210px;height:210px;margin:10px auto;animation:badgeReveal 1.1s cubic-bezier(.2,.8,.2,1)}.badge-unlock-dialog h2{font-size:31px;letter-spacing:-.8px}.badge-unlock-dialog p{font-size:12px;line-height:1.8;margin:13px 0 23px;color:#8c9da6}.badge-unlock-dialog .btn{width:100%}@keyframes badgeReveal{from{transform:translateY(20px)scale(.6)rotate(-12deg);opacity:0}to{transform:none;opacity:1}}
.pico-dialog{width:min(620px,96vw);max-width:620px}.pico-welcome{padding-bottom:18px}.pico-panel-body>section{margin-bottom:25px}.pico-toolkit{border-top:1px solid #d9e6e8;padding-top:2px}.pico-tool-tabs{display:flex;flex-wrap:wrap;gap:6px}.pico-tool-tabs>button{border:1px solid #ccdfdf;border-radius:7px;padding:9px 10px;font:500 10px inherit;color:#4c7d7a;background:#f7fbfa;cursor:pointer}.pico-tool-tabs>button:hover{background:#e1eeea}.pico-tool-response{font-size:11px;line-height:1.85;color:#6a868b;margin:15px 0}.pico-sprint{display:flex;justify-content:space-between;gap:18px;padding:20px;background:#15384f;border-radius:13px;color:white;align-items:center}.pico-sprint>div:first-child{max-width:65%;min-width:0}.pico-sprint span{font-size:7px;letter-spacing:1.4px;color:#a5c1d2}.pico-sprint strong{display:block;font:500 40px Manrope,sans-serif;letter-spacing:-1.2px;color:#eed8a9;margin:6px 0;font-variant-numeric:tabular-nums}.pico-sprint small{display:block;font-size:8px;line-height:1.8;color:#8eacbd}.pico-sprint>div:last-child{display:grid;gap:8px;justify-items:stretch}.pico-sprint select{font-size:9px;padding:7px;color:#b6cdd9;background:#24485f;border-color:#466579}.pico-sprint .btn{font-size:9px;background:#e4c991;color:#17384c;padding:9px 12px}.pico-sprint .link{color:#aec9d6;font-size:9px;padding:0}.pico-breathe{text-align:center;padding:25px;background:#e6f0ed;border-radius:12px;margin:15px 0}.pico-breathe[hidden]{display:none}.pico-breathe>i{width:64px;height:64px;border-radius:50%;display:block;background:radial-gradient(circle,#bfe1d5,#4e9d8f);box-shadow:0 0 0 10px #b8d4ca33;margin:10px auto 30px;animation:breathe 8s ease-in-out infinite}.pico-breathe>span{display:block;font-size:13px;color:#3f7f70}.pico-breathe small{display:block;font-size:9px;color:#8aa096;margin:8px 0}.pico-breathe .link{font-size:10px}@keyframes breathe{0%,100%{transform:scale(.75)}50%{transform:scale(1.3)}}.pico-personal form{display:flex;gap:8px}.pico-personal input:not([type=checkbox]){min-width:0;flex:1;background:white;border:1px solid #cfdee5;border-radius:8px;padding:11px 12px;font:11px inherit;color:#3b6379}.pico-personal .btn{width:37px;height:37px;padding:0;font-size:20px}.pico-task-list{margin-top:15px}.pico-task-list>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe9eb;padding:11px 0;gap:10px}.pico-task-list label{display:flex;gap:10px;font-size:11px;align-items:center;line-height:1.7;overflow-wrap:anywhere}.pico-task-list input{accent-color:#438c79}.pico-task-list input:checked+span{text-decoration:line-through;color:#98acae}.pico-task-list button{font-size:17px;border:0;color:#89a0a7;background:transparent}.pico-task-list>p{font-size:10px;color:#91a5ad}.pico-still .pico-breathe>i{animation:none}.lesson-recall{border:1px solid #d6e6e1;border-radius:12px;background:#f0f7f4;padding:20px;margin:20px 0}.lesson-recall h4{font-size:16px}.lesson-recall p{font-size:12px;line-height:1.8;margin:10px 0}.lesson-recall .eyebrow{font-size:8px}.lesson-recall .btn{font-size:11px}
@media(max-width:1150px){.command-hero{gap:25px;padding:30px}.daily-command-grid{grid-template-columns:1fr}.pico-dashboard-card{padding-right:140px}.pico-dashboard-card h3{max-width:none}.pico-mini-art{width:115px;height:115px;right:15px;top:30px}.pico-dashboard-card .eyebrow{max-width:none}.pico-dashboard-card p{max-width:430px}.rank-command-main>.btn{align-self:center}.workspace-shortcuts b{font-size:10px}.workspace-shortcuts small{font-size:8px}.badge-collection{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.command-hero{grid-template-columns:1fr;gap:26px;padding:30px}.command-hero h2{font-size:47px}.command-hero-copy>p{max-width:100%}.command-blueprint{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:17px}.blueprint-top,.blueprint-progress{grid-column:1/-1}.blueprint-target{padding:0}.blueprint-target>strong{font-size:40px}.blueprint-line{gap:20px;align-self:center}.blueprint-line>span{font-size:18px}.blueprint-progress{margin-top:0}.command-blueprint>p{grid-column:1/-1;margin:0}.dashboard-top{display:block}.dashboard-top>.btn{margin-top:18px}.study-dashboard .study-stat{padding:20px 15px}.study-stat>strong{font-size:28px}.daily-command-grid{gap:14px}.rank-command-main{flex-wrap:wrap}.rank-command-main>.rank-art{width:97px;height:97px}.rank-command-main h2{font-size:24px}.rank-command-main>.btn{margin-left:auto;align-self:end}.reward-command{padding:20px!important}.reward-command-top .eyebrow{max-width:55%;line-height:1.8}.reward-command .coach-footer{gap:12px;flex-wrap:wrap;font-size:8px}.workspace-shortcuts{grid-template-columns:1fr}.workspace-shortcuts>button{border-right:0;border-bottom:1px solid #e1e9ee;padding:18px}.workspace-shortcuts b{font-size:12px}.workspace-shortcuts small{font-size:10px}.badge-collection{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.badge-item>.rank-art{width:90px;height:90px}.badge-item{padding:10px 3px}.badge-item b{font-size:10px}.badge-item>span{font-size:9px}.badge-item>small{font-size:7px}.badge-gallery-body{padding:20px}#badgeGallery .dialog-head{padding:22px 20px}#badgeGallery .dialog-head h2{font-size:22px}.badge-spotlight{padding:12px;gap:10px}.badge-spotlight>.rank-art{width:110px;height:110px}.badge-spotlight h3{font-size:24px}.badge-spotlight small{font-size:9px}.pico-sprint{padding:17px;gap:12px}.pico-sprint strong{font-size:35px}.pico-sprint>div:first-child{max-width:62%}.pico-sprint>div:last-child{max-width:110px}.pico-tool-tabs>button{font-size:9px}.pico-dialog{max-width:96vw}#app .page-top{flex-wrap:wrap}.pico-personal input:not([type=checkbox]){font-size:11px}.badge-game-note{font-size:9px}.xp-sync-line{font-size:8px}.pico-dashboard-card{padding:24px 100px 24px 22px}.pico-mini-art{width:90px;height:90px;right:4px;top:20px}.pico-dashboard-card h3{font-size:23px}.pico-dashboard-card p{font-size:11px}.pico-dashboard-card .eyebrow{max-width:100%;line-height:1.7}}
@media(max-width:380px){.command-hero{padding:25px 22px}.command-hero h2{font-size:42px}.command-blueprint{padding:17px;gap:12px}.blueprint-target>strong{font-size:35px}.blueprint-line{gap:12px}.blueprint-line small{font-size:7px}.blueprint-target>span{font-size:7px}.rank-command-main>.rank-art{width:82px;height:82px}.rank-command-main>.btn{width:100%;margin-top:4px}.rank-command-main h2{font-size:22px}.badge-item>.rank-art{width:75px;height:75px}.badge-gallery-body{padding:15px}.badge-item b{font-size:9px}.pico-sprint{padding:14px;gap:10px}.pico-sprint small{font-size:7px}.pico-tool-tabs{gap:5px}.pico-task-list label{font-size:10px}.pico-tool-tabs>button{font-size:8px;padding:8px}.pico-sprint .btn{font-size:8px}.pico-sprint select{font-size:8px}}
@media(prefers-reduced-motion:reduce){.badge-unlock-dialog>.rank-art,.pico-breathe>i{animation:none!important}.btn:hover{transform:none}}

.reward-command{color:#193b51!important}.rank-command-main h2,.rank-command-main strong{color:#193b51!important}.rank-command-main .coach-xp-track{background:#e7efef}.reward-command .coach-footer button{color:#557e79}.reward-command .coach-footer span{color:#879ca6}

.podium-card>.league-tier-art{width:94px;height:94px;margin:-9px 0 10px;filter:drop-shadow(0 4px 7px #0003)}.league-table .league-row-tier{width:43px;height:43px;flex-shrink:0;filter:none}.league-table td:nth-child(2){min-width:0}.league-table td:nth-child(2)>span{min-width:0}@media(max-width:700px){.podium-card>.league-tier-art{width:76px;height:76px;margin:-8px 0 5px}.league-table .league-row-tier{width:33px;height:33px}}
