.learner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.learner-card{display:grid;grid-template-columns:72px 1fr auto;gap:16px;align-items:center;background:#fff;border:2px solid #eee9ff;border-radius:24px;padding:22px}.learner-card h2{margin:3px 0;font:800 25px "Baloo 2"}.learner-card p{margin:3px 0;color:#77718e}.learner-card>a{color:#7357e8;font-weight:900}.learner-avatar-image{width:70px;height:70px}.learner-avatar-image img{width:100%;height:100%;object-fit:contain}.learner-mini-stats{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.learner-mini-stats span{font-size:12px;font-weight:900;padding:5px 8px;border-radius:999px;background:#f3efff;color:#6550c8}.learner-report-head{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:18px}.learner-report-head>div>span,.report-panel-title span,.sticker-summary>div>span{color:#7357e8;font-weight:900;font-size:12px;letter-spacing:1.6px}.learner-report-head h1{font:800 42px "Baloo 2";margin:4px 0}.learner-report-head p{margin:0;color:#77718e}.current-sticker{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:0 12px;min-width:250px;background:#fff;border:2px solid #eee9ff;border-radius:18px;padding:10px 16px}.current-sticker img{grid-row:1/3;width:80px;height:80px;object-fit:contain}.current-sticker small{font-weight:900;color:#7357e8}.report-tabs{display:flex;border-bottom:2px solid #e8e4f3;margin:20px 0 26px}.report-tabs a{padding:14px 22px;font-weight:900}.report-tabs a.active{color:#7357e8;border-bottom:4px solid #7357e8}.report-stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.report-stat-grid>div{display:grid;place-items:center;text-align:center;background:#fff;border:2px solid #eee9ff;border-radius:18px;padding:18px 9px}.report-stat-grid span{font-size:28px}.report-stat-grid b{font:800 34px "Baloo 2";line-height:1.1}.report-stat-grid small{font-size:10px;font-weight:900;color:#77718e}.star-breakdown{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:16px 0 28px}.star-breakdown span{background:#fff5ca;border-radius:999px;padding:9px 15px}.report-panel{background:#fff;border:2px solid #eee9ff;border-radius:24px;padding:24px;margin:18px 0}.report-panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.report-panel-title h2,.sticker-summary h2{font:800 28px "Baloo 2";margin:3px 0}.chapter-report{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.chapter-report article{border:2px solid #eee9ff;border-radius:17px;padding:16px}.chapter-report-top{display:flex;justify-content:space-between;align-items:center}.chapter-report h3{margin:2px 0}.chapter-report small{color:#7357e8;font-weight:900}.chapter-progress{height:10px;background:#ece9f3;border-radius:99px;overflow:hidden;margin:12px 0}.chapter-progress i{display:block;height:100%;background:linear-gradient(90deg,#7357e8,#57cfac)}.chapter-facts{display:flex;gap:8px;flex-wrap:wrap}.chapter-facts span{font-size:12px;padding:5px 8px;border-radius:8px;background:#f3f1f8}.chapter-facts .passed{color:#08764e;background:#dbf8eb}.vocab-report{display:grid;gap:9px}.vocab-report>div{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:12px;padding:13px;background:#f7f6fa;border-radius:13px}.vocab-report>div>span{font-size:28px}.vocab-report small{display:block;color:#77718e}.vocab-report>div>strong{font-size:12px;color:#9b5260}.vocab-report>div.done{background:#e8f9f1}.vocab-report>div.done>strong{color:#08764e}.sticker-summary{display:flex;align-items:center;justify-content:space-between}.sticker-summary img{width:130px;height:130px;object-fit:contain}.no-sticker{padding:20px;color:#77718e}.profile-editor{margin:22px 0}.profile-editor>summary{cursor:pointer;font-weight:900;color:#7357e8;padding:15px}.profile-editor .editor{margin-top:10px}.learning-history{display:grid;gap:10px}.learning-history article{display:grid;grid-template-columns:50px 1fr auto;gap:14px;align-items:center;padding:15px;border:2px solid #eee9ff;border-radius:15px}.history-icon{font-size:29px}.learning-history h3{margin:2px 0}.learning-history small,.learning-history div>span{color:#77718e}.history-score{text-align:right}.history-score>b{display:block;font-size:23px}.history-score i{font-style:normal;color:#d7d4df}.history-score i.on{color:#ffc928}.empty-history{text-align:center;padding:35px}.error-notice{background:#ffe3e3;color:#a32e2e}@media(max-width:850px){.learner-grid,.chapter-report{grid-template-columns:1fr}.report-stat-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.learner-card{grid-template-columns:55px 1fr}.learner-card>a{grid-column:2}.learner-avatar-image{width:55px;height:55px}.learner-report-head{align-items:flex-start}.current-sticker{min-width:100px;display:block;text-align:center}.current-sticker img{width:70px;height:70px}.current-sticker b,.current-sticker small{display:none}.report-stat-grid{grid-template-columns:repeat(2,1fr)}.report-tabs a{padding:12px 8px;font-size:13px}.learning-history article{grid-template-columns:40px 1fr}.history-score{grid-column:2;text-align:left}.chapter-facts{display:grid}.vocab-report>div{grid-template-columns:38px 1fr}.vocab-report>div>strong{grid-column:2}.sticker-summary img{width:90px;height:90px}}
.chapter-filters{display:grid;grid-template-columns:minmax(150px,1fr) minmax(210px,1.4fr) auto auto;gap:10px;align-items:end;margin:0 0 16px;padding:14px;border-radius:15px;background:#f7f4ff}.chapter-filters label{display:grid;gap:5px;color:#625b78;font-size:12px;font-weight:900}.chapter-filters select{width:100%;padding:10px 12px;border:2px solid #ddd5f5;border-radius:10px;background:#fff;font:inherit;color:#29304d}.chapter-filters button{padding:11px 15px;border:0;border-radius:10px;background:#e9e3ff;color:#654acb;font-weight:900;cursor:pointer}.chapter-filters>span{padding:11px 4px;color:#77718e;font-weight:900;white-space:nowrap}.chapter-report article[hidden]{display:none}.chapter-filter-empty{text-align:center;padding:30px;color:#77718e}.chapter-filter-empty[hidden]{display:none}@media(max-width:700px){.chapter-filters{grid-template-columns:1fr 1fr}.chapter-filters button,.chapter-filters>span{text-align:center}}