:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f7f9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{color:#fff;min-height:38px;font:inherit;cursor:pointer;background:#19006e;border:1px solid #19006e;border-radius:4px;padding:7px 14px}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #1f9fdf}h1{color:#19006e;margin:0 0 24px;font-size:1.6rem}.app-header{background:#fff;border-bottom:1px solid #d9d9e0;padding:16px max(24px,50vw - 600px)}.header-primary,.header-meta{justify-content:space-between;align-items:center;gap:24px;display:flex}.app-title{color:#19006e;font-size:1.25rem;font-weight:700;text-decoration:none}.header-meta{color:#5f6470;margin-top:10px;font-size:.84rem}.page-shell{width:min(1200px,100% - 48px);margin:0 auto;padding:32px 0 64px}.login-page,.center-panel{place-items:center;min-height:100vh;padding:24px;display:grid}.message-panel{background:#fff;border:1px solid #d9d9e0;border-radius:6px;width:min(100%,520px);padding:32px}.message-panel p{margin:0 0 24px;line-height:1.7}.inline-error{color:#b42318;margin:12px 0;font-size:.9rem;line-height:1.5}.data-table{border-collapse:collapse;background:#fff;width:100%}.data-table th,.data-table td{text-align:left;border:1px solid #d9d9e0;padding:10px 12px}.data-table th{color:#19006e;background:#f0eef8}.table-scroll{overflow-x:auto}.data-table .numeric-cell{text-align:right;white-space:nowrap}.sort-button{width:100%;min-height:0;color:inherit;text-align:inherit;background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:center;padding:0;font-weight:700;display:inline-flex}.sort-indicator{color:#5f6470;margin-left:8px;font-size:.72rem}.clickable-row{cursor:pointer}.clickable-row:hover{background:#f7f5fc}.data-table .warning-row,.data-table .warning-row:hover{background:#fff7e8}.warning-icon{color:#8a3d00}.table-link{color:#19006e;font-weight:600}.warning-cell{color:#8a3d00;background:#fff0d5;border-radius:3px;padding:3px 6px;font-weight:700;display:inline-block}.status-message{background:#fff;border:1px solid #d9d9e0;margin:0;padding:24px;line-height:1.6}.status-message p{margin:0 0 16px}.tabs{border-bottom:1px solid #d9d9e0;gap:4px;margin-bottom:20px;display:flex}.tab-button{color:#5f6470;background:0 0;border-color:#0000;border-bottom-style:solid;border-bottom-width:3px;border-radius:4px 4px 0 0;font-weight:700}.tab-button.active{color:#19006e;background:#f0eef8;border-bottom-color:#19006e}.difficulty-toolbar,.min-attempts-form{align-items:center;gap:10px;display:flex}.difficulty-toolbar{justify-content:space-between;margin-bottom:16px}.min-attempts-form label{font-weight:600}.min-attempts-form input{width:80px;min-height:38px;color:inherit;font:inherit;background:#fff;border:1px solid #a8a8b3;border-radius:4px;padding:7px 8px}.small-button{min-height:34px;padding:5px 12px}.refresh-note{color:#5f6470;margin:0;font-size:.86rem}.student-page{gap:24px;display:grid}.student-summary,.dashboard-section{background:#fff;border:1px solid #d9d9e0;border-radius:6px;padding:24px}.student-summary{justify-content:space-between;align-items:center;gap:32px;display:flex}.student-summary h1{margin-bottom:6px}.student-class{color:#5f6470;margin:0;font-weight:600}.student-metrics{gap:36px;margin:0;display:flex}.student-metrics div{min-width:88px}.student-metrics dt{color:#5f6470;margin-bottom:4px;font-size:.82rem}.student-metrics dd{margin:0;font-size:1.08rem;font-weight:700}.dashboard-section h2{color:#19006e;margin:0 0 20px;font-size:1.2rem}.section-heading-row{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.section-heading-row h2{margin:0}.period-switcher{background:#f7f7f9;border:1px solid #d9d9e0;border-radius:5px;padding:3px;display:inline-flex}.period-switcher button{color:#5f6470;background:0 0;border:0;min-height:32px;padding:4px 12px;font-weight:700}.period-switcher button.active{color:#fff;background:#19006e}.section-status{background:#fafafd;border:1px solid #e5e5e9;margin:0;padding:20px;line-height:1.6}.section-status p{margin:0 0 12px}.daily-chart{width:100%;height:300px}.chart-tooltip{background:#fff;border:1px solid #d9d9e0;border-radius:4px;gap:4px;padding:10px 12px;font-size:.84rem;display:grid;box-shadow:0 3px 10px #19006e1f}.heatmap-wrapper{padding-bottom:4px;overflow-x:auto}.heatmap-layout{gap:8px;width:max-content;display:flex}.heatmap-weekdays,.heatmap-grid{grid-template-rows:repeat(7,14px);grid-auto-flow:column;gap:4px;display:grid}.heatmap-weekdays{color:#5f6470;font-size:.66rem;line-height:14px}.heatmap-grid{grid-auto-columns:14px}.heatmap-cell{background:#ececf0;border-radius:2px;width:14px;height:14px;display:inline-block}.heatmap-cell.intensity-1{background:#d9d0f1}.heatmap-cell.intensity-2{background:#a68fd5}.heatmap-cell.intensity-3{background:#6746ad}.heatmap-cell.intensity-4{background:#19006e}.heatmap-legend{color:#5f6470;justify-content:flex-end;align-items:center;gap:4px;width:max-content;min-width:100%;margin-top:10px;font-size:.72rem;display:flex}.stage-distribution{gap:14px;display:grid}.stage-row{grid-template-columns:76px minmax(120px,1fr) 64px;align-items:center;gap:12px;display:grid}.stage-label{font-weight:600}.stage-track{background:#ececf0;border-radius:3px;height:20px;overflow:hidden}.stage-fill{height:100%;display:block}.stage-fill.mastered{background:#1f9fdf}.stage-fill.learning{background:#e89b30}.stage-fill.not-started{background:#9e9e9e}.stage-row strong{text-align:right}.load-more-row{justify-content:center;margin-top:16px;display:flex}@media (width<=700px){.header-meta{flex-direction:column;align-items:flex-start;gap:4px}.page-shell{width:min(100% - 24px,1200px)}.difficulty-toolbar,.student-summary,.section-heading-row{flex-direction:column;align-items:flex-start}.student-metrics{gap:16px;width:100%}.student-metrics div{min-width:0}.student-summary,.dashboard-section{padding:18px}.stage-row{grid-template-columns:68px minmax(80px,1fr) 48px;gap:8px}}