/* V7.41.79 — Stars are earned by actual recorded words; motion stays decorative. */
.magic-stats-page{--mag-blue:#3a718d;--mag-teal:#418d7b;--mag-ink:#27445e;--mag-gold:#e4b86f;color:var(--mag-ink);padding-bottom:16px}
.magic-stats-page button{font-family:inherit;-webkit-tap-highlight-color:transparent}
.magic-stats-intro{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#7d91a1;font-size:12px;margin:0 0 13px;padding:0 2px}
.magic-stats-intro>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.magic-stats-intro button{font-size:12px;white-space:nowrap;border:1px solid #dfebf4;border-radius:10px;background:rgba(255,255,255,.82);color:#507991;font-weight:650;padding:8px 11px}
.magic-stats-page>section{margin-bottom:14px;box-sizing:border-box}
.magic-stat-hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid #d1deed;border-radius:22px;padding:19px 20px 15px;background:radial-gradient(circle at 91% 16%,rgba(255,247,213,.88) 0 4%,transparent 19%),radial-gradient(circle at 90% 73%,rgba(191,223,245,.55),transparent 30%),linear-gradient(135deg,#f9faff 0%,#ecf5ff 47%,#f5efff 100%);box-shadow:0 9px 24px rgba(85,117,159,.09)}
.magic-stat-hero::after{content:"";position:absolute;top:-33px;right:-29px;width:133px;height:133px;border-radius:50%;border:24px solid rgba(255,255,255,.24);transform:rotate(-20deg);pointer-events:none;z-index:-1}
.hero-star{position:absolute;color:#e2bc74;pointer-events:none;z-index:-1;animation:magic-star-float 4s ease-in-out infinite}
.hero-star-a{right:16px;top:17px;font-size:25px}.hero-star-b{right:68px;top:61px;font-size:17px;animation-delay:.8s}.hero-star-c{left:57%;bottom:70px;color:#adbee7;font-size:13px;animation-delay:1.5s}
.magic-hero-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.magic-hero-kicker{font-size:10px;letter-spacing:2px;font-weight:800;color:#8091ac}
.magic-hero-rank{font-size:11px;font-weight:800;white-space:nowrap;color:#85699d;background:#ffffffba;border:1px solid #eee4f6;border-radius:99px;padding:5px 10px}
.magic-hero-body{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:113px}
.magic-hero-main{min-width:0;flex:1}.magic-hero-eyebrow{display:block;color:#587790;font-size:13px;font-weight:700;margin-bottom:3px}
.magic-hero-value{font-size:52px;letter-spacing:-2px;line-height:1.08;font-weight:900;color:#315d7f;font-variant-numeric:tabular-nums}
.magic-hero-value>span{font-size:17px;letter-spacing:0;font-weight:650;color:#8295a7}
.magic-hero-main p{margin:9px 0 0;color:#758c9c;font-size:11px;line-height:1.45}
.magic-hero-orbit{width:107px;height:107px;flex:0 0 107px;display:flex;align-items:center;justify-content:center}
.magic-orbit-ring{width:105px;height:105px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#85baaa var(--progress),#e2eaf3 var(--progress));box-shadow:0 0 0 5px rgba(255,255,255,.35),0 4px 15px rgba(103,136,167,.08);transform:rotate(-90deg)}
.magic-orbit-ring>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;background:#f5f8ff;width:83px;height:83px;border-radius:50%;transform:rotate(90deg);font-size:27px;color:#dbb66f;text-shadow:0 1px 1px white}
.magic-orbit-ring small{font-size:13px;font-weight:850;color:#3d7990;text-shadow:none}
.magic-star-trail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:13px 0 9px;padding:11px 6px 9px;background:rgba(255,255,255,.57);border:1px solid rgba(255,255,255,.8);border-radius:14px}
.magic-star-marker{display:flex;flex-direction:column;align-items:center;gap:1px;color:#b9c4d0;min-width:0}
.magic-star-marker>span{font-size:27px;line-height:1.1;filter:drop-shadow(0 1px 1px white);transition:transform .2s}
.magic-star-marker.earned{color:#e1ac51}.magic-star-marker.earned>span{filter:drop-shadow(0 3px 4px rgba(235,180,79,.23))}
.magic-star-marker small{font-size:11px;font-weight:750;color:#899bab}
.magic-star-marker.earned small{color:#98794c}
.magic-hero-foot{display:flex;align-items:center;justify-content:space-between;gap:7px;flex-wrap:wrap;font-size:10px;color:#7e91a3;line-height:1.5}
.magic-hero-foot span:first-child{color:#926e46;font-weight:800}
.magic-stat-panel{position:relative;overflow:hidden;padding:16px 16px 17px;border:1px solid #dfe9f3;border-radius:20px;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 5px 19px rgba(69,111,150,.055)}
.magic-stat-panel::before{content:"✦";position:absolute;right:11px;top:51px;color:#edd5a1;font-size:12px;opacity:.65;pointer-events:none}
.magic-stat-today{border-left:3px solid #bfd6eb;background:linear-gradient(138deg,#fff,#f5faff)}
.magic-stat-growth{border-left:3px solid #c1dfd4;background:linear-gradient(138deg,#fff,#f7fcf9)}
.magic-stat-trend{border-left:3px solid #dbcef0;background:linear-gradient(138deg,#fff,#fcfaff)}
.magic-stat-review{border-left:3px solid #eed9ad;background:linear-gradient(138deg,#fff,#fffdf6)}
.magic-course-panel{border-left:3px solid #d6e2f2;background:#ffffffdb}
.magic-panel-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:13px}
.magic-panel-title h2{margin:0;font-size:17px;line-height:1.4;color:#2a4b63;font-weight:850;min-width:0}
.magic-panel-title h2 span{font-size:12px;color:#dbbc7a;vertical-align:middle}
.magic-panel-hint{font-size:11px;flex:0 0 auto;color:#8194a5;text-align:right}
.magic-today-grid{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;align-items:stretch}
.magic-today-total{border:1px solid #d6e9f2;border-radius:15px;background:linear-gradient(145deg,#eaf6ff,#f4faff);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:108px;color:#3d708d}
.magic-today-total span{font-size:12px;font-weight:750}.magic-today-total b{font-size:39px;line-height:1.13;font-weight:880;color:#315f7d;font-variant-numeric:tabular-nums}.magic-today-total small{font-size:10px;color:#7f98a8}
.magic-today-details{display:flex;flex-direction:column;justify-content:center;gap:12px;min-width:0}
.magic-today-scores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.magic-today-scores>div{display:flex;align-items:center;justify-content:center;gap:4px;background:#fff;border:1px solid #e7edf1;padding:10px 4px;border-radius:12px;min-width:0}
.magic-today-scores span{font-size:11px;white-space:nowrap;color:#718799}.magic-today-scores b{font-size:21px;color:#356e80;font-variant-numeric:tabular-nums}
.magic-dot{display:inline-block;width:7px;height:7px;border-radius:99px;flex:0 0 7px}.magic-dot.right,.magic-chart-legend i.right{background:#7dbba7}.magic-dot.wrong,.magic-chart-legend i.wrong{background:#eba693}
.magic-today-percent{font-size:11px;text-align:center;color:#8091a0}.magic-today-percent strong{color:#388b7b;font-size:17px;font-variant-numeric:tabular-nums}
.magic-today-task{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#eff6fa;border-radius:11px;margin-top:11px;padding:9px 11px;color:#6f899b;font-size:11px}.magic-today-task b{color:#416d80}.magic-today-task button{border:0;color:#477991;background:transparent;font-size:11px;font-weight:800}
.magic-panel-bottom-note{margin:11px 0 0;color:#8499a8;font-size:10px;line-height:1.5}
.magic-growth-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.magic-growth-metric{text-align:left;display:flex;flex-direction:column;gap:3px;min-width:0;padding:12px;border-radius:14px;background:#f0f9f6;border:1px solid #deeee8;color:#607e79}
.magic-growth-metric.mastered{background:#f2f6fc;border-color:#e1eaf5}
.magic-growth-metric strong{font-size:30px;line-height:1.15;color:#2f826d;font-weight:850;font-variant-numeric:tabular-nums}.magic-growth-metric.mastered strong{color:#50769a}
.magic-growth-metric span{font-size:11px;display:flex;flex-wrap:wrap;gap:5px;justify-content:space-between}.magic-growth-metric em{font-style:normal;font-weight:850;color:#6b9f90}
.magic-status-track{display:flex;height:12px;border-radius:99px;overflow:hidden;margin:16px 0 9px;gap:1px;background:#e6edf3}
.magic-status-segment{min-width:0;display:block}.magic-status-segment.s0,.magic-status-tile.s0::before{background:#dce5ee}.magic-status-segment.s1,.magic-status-tile.s1::before{background:#9dc6b7}.magic-status-segment.s2,.magic-status-tile.s2::before{background:#e9aa9b}.magic-status-segment.s3,.magic-status-tile.s3::before{background:#eacb7b}
.magic-status-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.magic-status-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid #e7edf1;border-radius:11px;background:#fff;padding:10px 2px;color:#667c8d;min-width:0}
.magic-status-tile::before{content:"";width:7px;height:7px;border-radius:50%;position:absolute;top:8px;left:8px}
.magic-status-tile span{font-size:10px;white-space:nowrap}.magic-status-tile b{font-size:21px;color:#31576a;font-variant-numeric:tabular-nums}
.magic-small-level{font-size:11px;color:#879b9d;margin-top:11px}
.magic-range-switch{display:flex;gap:2px;background:#f0f4f9;padding:3px;border-radius:99px;flex:0 0 auto}
.magic-range-switch button{border:0;background:transparent;padding:6px 11px;border-radius:99px;color:#8695a5;font-size:11px;font-weight:750}
.magic-range-switch button.active{background:#fff;color:#3d7590;box-shadow:0 1px 5px #8daac133}
.magic-practice-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0 0 15px}
.magic-practice-summary>div{display:flex;flex-direction:column;align-items:center;gap:4px;border-radius:12px;background:#f4f6fc;padding:11px 4px;border:1px solid #e9ecf5}
.magic-practice-summary strong{font-size:23px;color:#567193;font-weight:850;font-variant-numeric:tabular-nums}.magic-practice-summary span{font-size:10px;color:#8695aa;white-space:nowrap}
.magic-chart-legend{display:flex;justify-content:flex-start;align-items:center;gap:11px;flex-wrap:wrap;margin:0 2px 5px;font-size:10px;color:#8493a4}
.magic-chart-legend>span{display:inline-flex;align-items:center;gap:4px}.magic-chart-legend span:last-child{margin-left:auto}.magic-chart-legend i{display:inline-block;width:8px;height:8px;border-radius:3px}
.magic-chart-scroll{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#d6e0ec transparent}
.magic-chart-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;width:100%;min-height:120px;align-items:end;padding-bottom:4px}
.magic-chart-bars.is-month{grid-template-columns:repeat(30,22px);gap:5px;width:max-content;min-width:100%;padding-left:4px;padding-right:4px}
.magic-chart-day{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:5px;min-width:0;color:#99a5b4;padding:0 0 3px;border-radius:7px;cursor:pointer}
.magic-chart-day.has-data{color:#51728e}.magic-chart-day.selected{background:#edf3fa}.magic-chart-day:disabled{cursor:default;opacity:.68}
.magic-chart-column{height:104px;width:100%;display:flex;justify-content:center;align-items:flex-end;border-bottom:1px solid #e5eaf2;padding-bottom:1px}
.magic-chart-stack{width:18px;max-width:55%;min-height:0;display:flex;flex-direction:column;border-radius:6px 6px 3px 3px;overflow:hidden;filter:drop-shadow(0 3px 2px #668e9a17);animation:magic-chart-grow .45s ease-out both;transform-origin:bottom}
.magic-bar-right{display:block;width:100%;background:linear-gradient(#93ccb4,#65ad9c);order:1}.magic-bar-wrong{display:block;width:100%;background:linear-gradient(#e7b0a5,#e9968c);order:0}
.magic-chart-day.selected .magic-chart-stack{outline:2px solid #749cb9;outline-offset:2px}
.magic-chart-daylabel{font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}
.magic-day-detail{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:11px;padding:11px 12px;background:#f5f7fc;border:1px solid #e7ebf5;border-radius:13px;min-height:47px}
.magic-day-detail>div{display:flex;flex-direction:column;gap:5px;min-width:0}.magic-day-detail strong{font-size:12px;color:#516f8e}.magic-day-detail span{font-size:10px;color:#8392a2;line-height:1.4}.magic-day-detail button{border:1px solid #d9e4f3;border-radius:9px;padding:8px 9px;background:#fff;color:#557c96;white-space:nowrap;font-size:11px;font-weight:750}
.magic-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.magic-review-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:80px;padding:10px 2px;border:1px solid #efe9dd;border-radius:13px;background:rgba(255,255,255,.78);min-width:0}
.magic-review-item b{font-size:27px;font-variant-numeric:tabular-nums;color:#a97762}.magic-review-item.dueToday b{color:#b39358}.magic-review-item.future7 b{color:#668c85}
.magic-review-item span{font-size:11px;color:#83929c;white-space:nowrap}
.magic-review-start{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:13px;padding:11px 15px;border:1px solid #d5e5ec;border-radius:12px;background:linear-gradient(90deg,#e7f2f8,#f1f7fb);color:#38758a;font-size:13px;font-weight:800}.magic-review-start span{color:#88a5b8}
.magic-course-panel{padding:0 15px}.magic-course-panel::before{display:none}
.magic-course-panel details>summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;padding:16px 0;color:#2c506a;font-weight:850;font-size:15px}
.magic-course-panel details>summary::-webkit-details-marker{display:none}.magic-course-panel summary>span:first-child{display:flex;flex-direction:column;gap:2px}.magic-course-panel summary small{color:#98a5b4;font-weight:500;font-size:10px}.magic-course-chevron{color:#89a4b9;font-size:23px;transition:transform .2s}.magic-course-panel details[open] .magic-course-chevron{transform:rotate(180deg)}
.magic-course-list{border-top:1px solid #e7eef5;padding:5px 0 12px}
.magic-course-row{display:flex;justify-content:space-between;gap:10px;width:100%;border:0;border-bottom:1px solid #edf2f5;background:transparent;text-align:left;padding:11px 3px;color:#365b75}
.magic-course-row>span{display:flex;flex-direction:column;gap:4px;min-width:0}.magic-course-row span:last-child{text-align:right;font-size:11px;flex:0 0 auto}
.magic-course-row strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.magic-course-row small{font-size:10px;color:#93a3af}
.magic-stats-page button:focus-visible{outline:2px solid #73a5c9;outline-offset:2px}
@keyframes magic-star-float{0%,100%{transform:translateY(0);opacity:.8}50%{transform:translateY(-5px);opacity:1}}
@keyframes magic-chart-grow{from{transform:scaleY(.35);opacity:.55}to{transform:scaleY(1);opacity:1}}
@media(max-width:365px){.magic-stat-hero{padding:17px 15px 14px}.magic-stat-panel{padding:15px 12px}.magic-course-panel{padding:0 12px}.magic-hero-orbit{width:89px;height:89px;flex-basis:89px}.magic-orbit-ring{width:88px;height:88px}.magic-orbit-ring>span{width:70px;height:70px}.magic-hero-value{font-size:44px}.magic-today-grid{grid-template-columns:94px minmax(0,1fr);gap:8px}.magic-today-scores>div{gap:3px;padding:9px 2px}.magic-today-scores b{font-size:18px}.magic-status-tiles{gap:4px}.magic-status-tile span{font-size:9px}.magic-practice-summary span{font-size:9px}.magic-panel-title h2{font-size:16px}}
@media(prefers-reduced-motion:reduce){.magic-stats-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.magic-star-marker{border:0;background:transparent;padding:2px 0;border-radius:9px;cursor:pointer}
.magic-star-marker.cheered>span{animation:magic-sparkle .7s ease-out both}
.magic-star-pop{animation:magic-msg-pop .45s ease-in-out both}
@keyframes magic-sparkle{0%{transform:scale(1)}50%{transform:scale(1.55) rotate(14deg);filter:drop-shadow(0 0 8px #f7d37b)}100%{transform:scale(1)}}
@keyframes magic-msg-pop{0%{opacity:.4;transform:translateY(3px)}100%{opacity:1;transform:translateY(0)}}

/* 7.41.80 · Unified six-card statistics accordion */
.magic-stats-controls{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin:-2px 0 12px}
.magic-stats-controls button{border:1px solid #d8e5f0;background:#ffffffd9;border-radius:11px;padding:8px 12px;font-size:12px;font-weight:750;color:#65879e;min-height:33px}
.magic-stats-controls button.active{background:#e9f3fa;border-color:#c5ddeb;color:#3d738a}
.magic-accordion-head{position:relative;display:flex;align-items:center;gap:8px;cursor:pointer;outline-offset:3px;-webkit-tap-highlight-color:transparent;user-select:none}
.magic-accordion-head:focus-visible{outline:2px solid #79a3bf;border-radius:6px}
.magic-accordion-head h2{flex:1;min-width:0}
.magic-accordion-head .magic-panel-hint{font-size:10px;max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:auto}
.magic-accordion-chevron{display:inline-grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border-radius:9px;border:1px solid #ddebf3;background:#ffffffc9;color:#648aa1;font-size:19px;font-weight:800;line-height:1;transition:transform .18s}
.magic-accordion-body[hidden]{display:none!important}
.magic-stat-panel:not(.is-open) .magic-panel-title{margin-bottom:0}
.magic-stat-panel:not(.is-open){padding-bottom:16px}
.magic-stat-panel:not(.is-open)::before{display:none}
.magic-stat-hero:not(.is-open) .magic-hero-top{margin-bottom:0}
.magic-stat-hero:not(.is-open){padding-bottom:19px}
.magic-hero-top.magic-accordion-head .magic-hero-rank{margin-left:auto}
.magic-hero-top.magic-accordion-head .magic-accordion-chevron{flex-basis:25px}
.magic-range-in-body{width:max-content;margin:0 0 11px auto}
.magic-course-panel .magic-course-fold-title{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:15px 0;font-size:16px;font-weight:850;color:#2c506a}
.magic-course-panel .magic-course-fold-title>span:first-child{display:flex;flex-direction:column;gap:3px;min-width:0}
.magic-course-panel .magic-course-fold-title small{font-size:10px;font-weight:500;color:#98a5b4}
.magic-course-panel .magic-accordion-body>details>summary{display:none!important}
.magic-course-panel .magic-accordion-body>details{margin:0}
.magic-course-panel .magic-course-fold-title{padding:0;margin:0}
.magic-course-panel.is-open .magic-course-fold-title{margin-bottom:12px}
.magic-course-panel.magic-stat-panel{padding:16px}
.magic-course-panel .magic-course-list{padding-top:4px}
.magic-chapter-name{color:#8979a0;font-size:11px;font-weight:750;letter-spacing:.4px;margin:6px 0 -6px}
.magic-course-filters{margin-top:4px}
.magic-course-tabs{display:flex;gap:5px;margin-bottom:10px}
.magic-course-tabs button{background:#fff;border:1px solid #dae7ef;border-radius:10px;padding:8px 14px;color:#66869a;font-size:12px;font-weight:750}
.magic-course-tabs button.active{background:#e4f1f8;color:#3f7892;border-color:#bdd7e5}
.magic-course-fields{display:grid;grid-template-columns:1fr 1.2fr;gap:10px}
.magic-course-fields label{display:flex;flex-direction:column;gap:5px;color:#8495a7;font-size:11px;font-weight:750;min-width:0}
.magic-course-fields input,.magic-course-fields select{width:100%;min-width:0;box-sizing:border-box;border:1px solid #dbe6ee;background:#fff;color:#355b71;border-radius:10px;padding:10px 8px;font-size:12px;height:39px}
.magic-course-found{font-size:11px;color:#91a3b0;margin:9px 0 0}
.magic-course-row .magic-course-row-title{flex:1;min-width:0;align-items:flex-start;text-align:left}
.magic-course-row .magic-course-numbers{flex:0 0 auto;text-align:right}
.magic-course-progress{display:block;width:min(160px,100%);height:4px;border-radius:30px;background:#e9eef3;overflow:hidden;margin-top:2px}
.magic-course-progress>span{display:block;height:100%;border-radius:30px;background:linear-gradient(90deg,#91bdaf,#70b2a0)}
.magic-course-empty{text-align:center;color:#98a4b0;font-size:12px;padding:12px}
.magic-course-more{border:1px solid #dbe6ef;background:#f3f9fc;width:100%;border-radius:11px;padding:12px;color:#52839a;font-size:12px;font-weight:750;margin:8px 0 13px}
@media(max-width:365px){.magic-hero-kicker{letter-spacing:1px;font-size:9px}.magic-hero-rank{font-size:10px;padding:4px 6px}.magic-course-tabs button{padding:8px 11px}.magic-accordion-head .magic-panel-hint{max-width:35%}}
@media(prefers-reduced-motion:reduce){.magic-accordion-chevron{transition:none}}

@keyframes magic-panel-unfold{from{opacity:.55;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
.magic-stats-page .magic-stat-panel.is-open .magic-accordion-body,.magic-stats-page .magic-stat-hero.is-open .magic-accordion-body{animation:magic-panel-unfold .22s ease-out both}
@media(prefers-reduced-motion:reduce){.magic-stats-page .magic-accordion-body{animation:none!important}}

/* V7.41.81 · compact single-row toolbar, native iOS focus safe, direct chart drill */
.magic-stats-toolbar{display:flex;justify-content:space-between;align-items:center;gap:7px;margin:0 0 13px;padding:0 1px;min-width:0}
.magic-stats-toolbar .magic-stats-back{white-space:nowrap;border:1px solid #d8e5f0;background:#ffffffdf;color:#507991;border-radius:11px;font-size:12px;font-weight:750;padding:8px 10px;min-height:34px;flex:0 0 auto}
.magic-stats-toolbar .magic-stats-controls{display:flex;justify-content:flex-end;align-items:center;gap:7px;margin:0;min-width:0}
.magic-stats-toolbar .magic-stats-controls button{white-space:nowrap;padding:8px 10px;min-height:34px}
.magic-course-fields input,.magic-course-fields select{font-size:16px;height:43px;line-height:normal;letter-spacing:-.25px}
.magic-chart-day.has-data:active .magic-chart-stack{filter:brightness(1.09);transform:scaleY(.97)}
.magic-chart-empty{text-align:center;color:#93a4b2;font-size:11px;margin:12px 0 2px}
@media(max-width:365px){.magic-stats-toolbar{gap:4px}.magic-stats-toolbar .magic-stats-back,.magic-stats-toolbar .magic-stats-controls button{padding:8px 7px;font-size:11px}.magic-stats-toolbar .magic-stats-controls{gap:5px}}


/* V7.41.84 · read actual right/wrong counts directly from the 7-day chart. */
.magic-chart-bars.is-week{gap:3px}
.magic-chart-bars.is-week .magic-chart-column,
.magic-chart-bars.is-month .magic-chart-column{height:124px}
.magic-chart-bar-pair{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:118px;width:100%;min-width:0}
.magic-chart-single{display:flex;flex:0 1 15px;min-width:0;height:118px;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px}
.magic-chart-count{height:12px;line-height:12px;font-size:10px;font-weight:850;font-variant-numeric:tabular-nums;white-space:nowrap}
.magic-chart-single.right .magic-chart-count{color:#398c7c}
.magic-chart-single.wrong .magic-chart-count{color:#bc756a}
.magic-chart-valuebar{display:block;flex:0 0 auto;min-height:0;width:12px;max-width:100%;border-radius:5px 5px 2px 2px;filter:drop-shadow(0 2px 2px #668e9a16);animation:magic-chart-grow .45s ease-out both;transform-origin:bottom}
.magic-chart-valuebar.right{background:linear-gradient(180deg,#9dd6c0,#6caf9f)}
.magic-chart-valuebar.wrong{background:linear-gradient(180deg,#efb6a8,#e39285)}
.magic-chart-month-column{height:118px;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:3px}
.magic-chart-month-count{font-size:9px;line-height:11px;height:11px;color:#64819a;font-weight:800;font-variant-numeric:tabular-nums}
.magic-chart-bars.is-month .magic-chart-stack{flex:0 0 auto;width:16px;max-width:none}
.magic-chart-bars.is-week .magic-chart-day.selected .magic-chart-bar-pair{background:#eaf2fa;border-radius:5px}
.magic-chart-day.has-data:active .magic-chart-valuebar{filter:brightness(1.1);transform:scaleY(.97)}
@media(max-width:365px){.magic-chart-bars.is-week{gap:2px}.magic-chart-bar-pair{gap:2px}.magic-chart-single{flex-basis:13px}.magic-chart-valuebar{width:10px}.magic-chart-count{font-size:9px}}
@media(prefers-reduced-motion:reduce){.magic-chart-valuebar{animation:none!important}}