.mode-progress{min-width:0}.mp-mode-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin:20px 0;display:grid}.mp-mode{text-align:left;color:#205b49;cursor:pointer;background:#fff;border:1.5px solid #bed5cc;border-radius:16px;flex-direction:column;gap:5px;min-width:0;min-height:135px;padding:12px;display:flex}.mp-mode[aria-pressed=true]{background:#e5f5ed;border-color:#087553;box-shadow:0 0 0 2px #08755320}.mp-mode:focus-visible{outline-offset:2px;outline:3px solid #8970b7}.mp-mode strong{font-size:.95rem;line-height:1.6}.mp-mode span{font-size:.8rem}.mp-mode small{color:#506d62;font-size:.7rem}.mp-spark{width:100%;height:54px}.mp-empty-mini{color:#5c746a;margin:auto 0;line-height:1.7}.mp-detail{border-top:1px solid #d2e4dc;padding-top:20px}.mp-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0;display:grid}.mp-stats>div{background:#eff7f3;border-radius:12px;flex-direction:column;gap:5px;padding:12px;display:flex}.mp-stats strong{font-size:1.5rem}.mp-stats span{font-size:.8rem;line-height:1.6}.mp-chart{width:100%;min-width:0;font-size:.75rem}.mp-table{overflow-x:auto}.mp-table table{border-collapse:collapse;width:100%}.mp-table th,.mp-table td{text-align:center;white-space:nowrap;border-bottom:1px solid #d2e4dc;padding:10px}.mode-progress summary{cursor:pointer;min-height:44px;padding:10px 0}@media (max-width:500px){.mp-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-stats{grid-template-columns:1fr}.mp-stats>div{flex-direction:row;align-items:center;gap:14px}.mp-stats strong{min-width:55px}.mp-mode{padding:10px}}.mp-detail{scroll-margin-top:20px}.mp-picker{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.mp-picker select{color:#183e3b;background:#fff;border:1px solid #91b6a7;border-radius:10px;max-width:100%;min-height:44px;padding:8px 12px}