:root{--paper:#fffdf7;--ink:#18243b;--muted:#667083;--blue:#087dff;--pink:#ffd0d7;--yellow:#fff0b4;--sky:#bbebfa;--mint:#c8efce;--line:#d5deea;--hand:'KaiTi','STKaiti','Kaiti SC','Comic Sans MS',cursive;--body:'Microsoft YaHei','PingFang SC','Noto Sans CJK SC',sans-serif}
*{box-sizing:border-box}body{margin:0;background-color:var(--paper);background-image:radial-gradient(#b9b1a64a .65px,transparent .85px);background-size:17px 17px;color:var(--ink);font-family:var(--body);font-size:14px;line-height:1.55}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,.heat-cell:focus-visible{outline:3px solid #237ce5;outline-offset:3px}::selection{background:var(--yellow)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.25}svg{vertical-align:middle;flex-shrink:0}b.required,label>b,.error-table-head b{color:#ee5269}input,select,textarea{width:100%;background:#ffffffc9;border:1px solid #a6b3c8;border-radius:7px;padding:9px 12px;min-width:0;box-shadow:inset 0 1px 2px #19223806}input,select{min-height:39px}textarea{resize:vertical;min-height:64px;line-height:1.6}input::placeholder,textarea::placeholder{color:#8d9bb2}label{display:block;font-weight:600}label>input,label>select{display:block;margin-top:5px}label>textarea{margin-top:4px}select{padding-right:25px}fieldset{margin:0;padding:0;border:0;min-width:0}.shell{width:min(1120px,calc(100% - 56px));margin:auto}.hand{font-family:var(--hand);font-weight:900;letter-spacing:.035em}.small{font-size:12px}.muted{color:var(--muted)}.optional{font-weight:400;color:var(--muted);font-size:12px}.text-link{color:#006dff;font-weight:700;border:0;background:none;padding:0;cursor:pointer}.text-link:hover{text-decoration:underline;text-underline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:8px;background:var(--blue);color:white;padding:10px;transform:translateY(-160%);z-index:100}.skip-link:focus{transform:none}.loading{text-align:center;padding:15vh 20px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 4px 29px;min-height:116px}.brand{display:flex;align-items:center;gap:14px;flex-shrink:0}.brand-icon{display:grid;place-items:center;width:69px;height:73px;color:#18243b;background:#e9f5fc;border:2px solid #202b3b;box-shadow:3px 3px 0 #a7a18c;border-radius:6px 9px 7px 3px;transform:rotate(-12deg);position:relative}.brand-icon:before{content:'';position:absolute;left:-7px;top:12px;width:10px;height:45px;background:repeating-linear-gradient(transparent 0 7px,#28394a 7px 9px);border-left:2px solid #28394a}.brand strong{font-family:var(--hand);font-size:30px;font-weight:900;letter-spacing:3px;line-height:1.25;display:block}.brand em{font-family:'Comic Sans MS',var(--hand);font-size:15px;font-weight:700;font-style:italic;display:block;border-bottom:3px solid #ffcf58;transform:rotate(-1deg)}.site-header nav{display:flex;gap:44px;align-items:center;font-size:18px;font-family:var(--hand);font-weight:700}.site-header nav a{padding:9px 3px;position:relative}.site-header nav a.active:after{content:'';position:absolute;left:0;right:0;bottom:2px;height:4px;border-bottom:3px solid #fb6876;border-radius:45% 35% 45% 25%;transform:rotate(-2deg)}.student-badge{display:flex;align-items:center;gap:12px;min-width:175px;padding:9px 16px 9px 12px;border:1.8px solid #222d3b;border-radius:18px 21px 14px 17px;box-shadow:3px 3px 0 #32353c;background:#fffefe;transform:rotate(-1.5deg)}.avatar{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#a9e5ff;color:#0578e5;font-family:'Comic Sans MS',cursive;font-size:24px;font-weight:800}.student-badge strong{font-family:var(--hand);font-size:19px}.student-badge small{display:block;font-size:11px;color:#5b6578}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0 0 25px}.stat-card{display:flex;align-items:center;gap:19px;min-height:103px;padding:14px 22px;border:2px solid #29303a;box-shadow:2px 3px 0 #30343e;border-radius:11px 14px 10px 15px;transform:rotate(-.7deg)}.stat-card:nth-child(2){transform:rotate(.7deg)}.stat-card:nth-child(3){transform:rotate(-.5deg)}.stat-card:nth-child(4){transform:rotate(.5deg)}.stat-card.blue{background:#f0f6ff}.stat-card.green{background:#f0fcf4}.stat-card.rose{background:#fff3f5}.stat-card.amber{background:#fffae8}.stat-icon{width:56px;height:60px;display:grid;place-items:center;border:1.7px solid currentColor;border-radius:14px 11px 15px 10px;transform:rotate(-5deg);flex-shrink:0}.blue .stat-icon{color:#137bff;background:#d7eaff}.green .stat-icon{color:#11a467;background:#dcf7e6}.rose .stat-icon{color:#ff5975;background:#ffe3e9}.amber .stat-icon{color:#f5a000;background:#fff0c0}.stat-card strong{font-family:'Comic Sans MS',var(--hand);font-size:38px;line-height:1.2;font-weight:800;display:block;letter-spacing:-1px}.stat-card strong+span{display:block;font-family:var(--hand);font-size:18px;white-space:nowrap}.panel{border:1.7px solid #292e36;border-radius:9px 7px 11px 8px;position:relative;background:#ffffff55;padding:20px 26px 21px;margin-bottom:24px;min-width:0}.home .panel:before{content:'';position:absolute;top:-8px;left:66%;width:37px;height:16px;border:1px solid #888578;background:#e6dfbd82;transform:rotate(5deg);z-index:1}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;position:relative;min-height:33px}.panel-heading h2{font-size:25px}.sticker{display:inline-flex;align-items:center;gap:9px;background:var(--pink);padding:6px 17px 5px;border:1.7px solid #202733;border-radius:4px 7px 3px 5px;box-shadow:2px 2px 0 #9b9b9255;transform:rotate(-2deg);width:fit-content;white-space:nowrap}.panel>.panel-heading>.sticker{margin-top:-35px}.pink{background-color:var(--pink)}.yellow{background-color:var(--yellow)}.sky{background-color:var(--sky)}.mint{background-color:var(--mint)}.coral{background-color:#ffbbb7}.panel-subtitle{color:#5f697b;margin:7px 0 13px;font-size:13px}.home-charts{display:grid;grid-template-columns:1.03fr 1fr;gap:24px;margin-top:28px}.home-charts .panel{min-height:270px;padding-top:19px}.chart-scroll{overflow-x:auto}.type-chart{width:100%;min-width:400px;height:205px;display:block}.type-chart text,.trend-chart text{font-family:var(--body);font-size:11px;fill:var(--ink)}.type-chart .bar-value{font-family:'Comic Sans MS',var(--hand);font-size:16px;font-weight:bold}.cause-bars{display:grid;gap:15px;padding:8px 0 2px}.cause-row{display:grid;grid-template-columns:minmax(146px,1.2fr) minmax(65px,1fr) 42px;gap:12px;align-items:center;font-size:13px}.cause-row>span:first-child{white-space:normal}.cause-row>span:last-of-type{text-align:right}.bar-track{height:15px;border-radius:20px;background:#dce6f3;overflow:hidden}.bar-fill{height:100%;border-radius:20px;background:#147dff;min-width:0}.home .bar-fill{border:1px solid #1b58c8}.shade-1{background:#4c9cfc}.shade-2{background:#78b5fd}.shade-3{background:#93c6ff}.shade-4,.shade-5{background:#b2d7ff}.recent-panel{padding-top:18px;margin-top:3px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;border:1.4px solid var(--blue);padding:8px 17px;border-radius:12px 9px 13px 8px;min-height:37px;font-weight:700;color:var(--blue);background:#fff;line-height:1.4}.button:hover{background:#edf6ff;transform:translateY(-1px)}.button.primary{background:#087dff;color:#fff;border:2px solid #1e2c45;box-shadow:3px 3px 0 #202733;font-family:var(--hand);font-size:20px;letter-spacing:.03em;padding:8px 22px;transform:rotate(-1deg)}.button.primary:hover{background:#006cf0}.button.secondary{border:1.8px solid #252b36;box-shadow:2px 3px 0 #333;color:#0673f5;font-family:var(--hand);font-size:20px;min-width:151px}.button.outline{background:#ffffff9c}.small-button{font-size:12px;padding:6px 13px;min-height:34px}.table-scroll{overflow-x:auto}table{border-collapse:separate;border-spacing:0;width:100%;text-align:left;font-size:13px}th{font-weight:600;white-space:nowrap;background:#e4ebf0;color:#263247;padding:7px 15px;border-top:1px solid #a3b2c2;border-bottom:1px solid #a3b2c2}th:first-child{border-radius:7px 0 0 7px;border-left:1px solid #a3b2c2}th:last-child{border-radius:0 7px 7px 0;border-right:1px solid #a3b2c2}td{padding:10px 15px;border-bottom:1px solid #d6dde6;vertical-align:middle}tbody tr:last-child td{border-bottom:0}.recent-table{border:1px solid #bcc6d1;border-radius:8px}.recent-table th{border-top:0}.recent-table td{padding-top:9px;padding-bottom:9px}.recent-table td,.recent-table th{white-space:nowrap}.recent-table td .text-link{font-family:var(--hand);font-size:16px}.new-practice{margin-top:28px;padding:19px 29px 23px}.new-practice .panel-subtitle{margin-bottom:15px}.fields{display:grid;gap:15px}.main-fields{grid-template-columns:1fr 1.25fr .65fr 1fr 1.1fr}.fields label{font-size:13px}.count-fields{grid-template-columns:135px 135px 190px minmax(180px,1fr);align-items:end;margin-top:14px}.count-fields input{height:37px;min-height:37px}#score-preview{display:flex;align-items:center;justify-content:flex-end;gap:12px;font-size:12px;color:#69768a;min-height:39px}#score-preview strong{font-family:'Comic Sans MS',var(--hand);font-size:27px;line-height:1;color:#1478e0}.sub-heading{display:flex;align-items:center;gap:17px;margin:24px 0 12px}.sub-heading .sticker{font-size:20px;padding:4px 12px}.sub-heading p{font-size:12px;color:#697486}.sub-heading>.button{margin-left:auto;font-size:13px;padding:6px 15px}.error-table{border:1px solid #c4cedd;border-radius:8px;overflow:hidden;background:#ffffff80}.error-table-head,.error-row{display:grid;grid-template-columns:72px minmax(210px,.95fr) minmax(220px,1.25fr) 37px;gap:12px;padding:9px 12px;align-items:start}.error-table-head{background:#e2eaf1;font-size:12px;padding-top:6px;padding-bottom:6px}.error-row{border-top:1px solid #e0e5ed;padding-top:12px;padding-bottom:12px}.error-row input{padding:7px 8px;min-height:34px;margin:0}.error-row label{font-weight:400}.mobile-label{display:none}.cause-options{display:flex;gap:5px;flex-wrap:wrap}.cause-chip{position:relative}.cause-chip input{position:absolute;opacity:0;width:1px;height:1px;min-height:0}.cause-chip span{display:block;background:#f7f9fc;color:#5b6679;border:1px solid #d8e0ed;border-radius:6px;padding:4px 7px;font-size:11px;cursor:pointer;line-height:1.4}.cause-chip input:checked+span{background:#e0efff;border-color:#478def;color:#005dc7;font-weight:700}.cause-chip input:checked+span:before{content:'✓ ';font-weight:800}.cause-chip input:focus-visible+span{outline:2px solid #237ce5;outline-offset:2px}.error-notes textarea{font-size:12px;padding:7px 9px;min-height:54px;border-color:#c3cede}.error-notes details{font-size:11px;margin-top:4px;color:#5e708c}.error-notes details summary{cursor:pointer;user-select:none;width:fit-content}.error-notes details label{margin-top:7px}.delete-error{display:grid;place-items:center;width:32px;height:34px;border:0;color:#ff4c65;background:none;padding:0}.delete-error:hover{background:#fff0f1;border-radius:5px}.empty-errors{padding:20px;text-align:center;font-size:12px;color:#738198}.review-heading{margin-top:18px}.form-actions{display:flex;align-items:center;gap:17px;margin-top:17px}.form-actions>.primary{margin-left:auto}.form-error{background:#fff0f0;color:#bc2c44;padding:10px 14px;border:1px solid #f7b3be;border-radius:6px;margin-top:12px;font-size:13px}.draft-bar,#restore-bar{display:flex;align-items:center;gap:14px;background:#fff9df;padding:9px 12px;border-radius:7px;margin-bottom:13px;font-size:12px}.draft-bar label{white-space:nowrap}.draft-bar select{max-width:400px;font-size:12px;min-height:31px;padding:4px 8px}.empty{min-height:169px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#8390a5;text-align:center;font-size:13px;padding:22px 14px}.empty>svg{color:#a5b9cf}.empty p{max-width:340px}.recent-panel .empty{min-height:130px}footer{display:flex;justify-content:space-between;color:#7c8490;font-size:11px;padding:0 4px 23px}#toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);padding:12px 23px;color:#fff;background:#21354a;box-shadow:2px 3px 0 #0003;border-radius:8px;z-index:20;max-width:90vw;min-width:230px;text-align:center}dialog{border:2px solid #263344;border-radius:13px 9px 15px 8px;box-shadow:6px 7px 0 #1922382b;background:var(--paper);color:var(--ink);padding:30px;max-width:570px;width:calc(100% - 32px)}dialog::backdrop{background:#19223866}dialog h2{font-size:25px;margin-bottom:12px;padding-right:20px}dialog>label{font-size:12px;margin-top:22px}.close-dialog{position:absolute;right:11px;top:7px;border:0;background:none;color:#59677c;font-size:28px}.share-input{display:flex;gap:10px;margin:5px 0 10px}.share-input input{font-size:12px}.share-input .button{font-family:var(--body);font-size:13px;padding:7px 14px}.share-input+.small{margin-top:10px}#share-feedback{font-size:12px;color:#147951;min-height:20px}#open-share{display:inline-block;margin-top:14px;font-size:13px}.page-heading{text-align:center}.page-heading h1{font-size:27px;letter-spacing:1px;white-space:nowrap}.page-heading p{font-size:12px;margin-top:11px;color:#4e5868}.marker{padding:1px 10px 3px;border-radius:15px 7px 12px 8px;width:fit-content;display:inline-block;box-decoration-break:clone}.page-heading .marker{position:relative;background:linear-gradient(transparent 65%,#ffb8b3 65%)}
.analysis{width:min(1120px,calc(100% - 64px))}.analysis-header{padding-top:22px;padding-bottom:28px;gap:18px;min-height:111px}.analysis-header .brand-icon{width:44px;height:48px;background:#0e86ff;color:white;transform:none;border:0;border-radius:10px 5px 9px 5px;box-shadow:none}.analysis-header .brand-icon:before{display:none}.analysis-header .brand-icon svg{width:30px;height:30px}.analysis-header .brand strong{font-size:25px;letter-spacing:2px}.analysis-header .brand em{font-family:var(--body);font-size:11px;font-weight:400;border:0;font-style:normal;color:#6a7382;transform:none}.analysis-header .student-badge{min-width:165px;border:1px solid #89909b;box-shadow:none;transform:none;border-radius:18px;padding:6px 11px}.analysis-header .avatar{width:33px;height:33px;font-size:19px;background:#4995ff;color:white}.analysis-header .student-badge strong{font-size:16px}.analysis .panel{background:#ffffffd9;border:1px solid #eeece5;box-shadow:0 2px 2px #a4915b0c;border-radius:13px;margin-bottom:16px;padding:18px 22px}.analysis .panel-heading h2{font-size:23px}.analysis .panel>.panel-heading>.sticker,.analysis .sticker{margin-top:0;border:0;box-shadow:none;transform:rotate(-1deg);border-radius:14px 7px 12px 6px;padding:2px 12px 4px}.analysis .panel-subtitle{font-size:12px;margin:4px 0 12px}.analysis .filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px;padding:12px 33px}.filters label{font-size:12px}.filters input,.filters select{font-size:12px;padding:6px 9px;min-height:33px;margin-top:3px}.custom-range{grid-column:1/-1;display:flex;align-items:end;gap:15px}.custom-range label{width:200px}.custom-range>span{padding-bottom:8px}.custom-range .button{font-size:12px;min-height:33px}.filters .form-error{grid-column:1/-1;margin:0}.heatmap-panel{min-height:227px}.heat-legend{display:flex;align-items:center;gap:5px;font-size:11px;color:#667080}.heat-legend i{width:19px;height:17px;border-radius:4px;display:inline-block}.level-0{background:#eaf4ff}.level-1{background:#d2e8ff}.level-2{background:#a5ceff}.level-3{background:#68acff}.level-4{background:#1688ff}.heatmap-wrap{margin-top:7px;padding:0 12px}.heatmap-months{display:flex;justify-content:space-between;color:#788291;font-size:10px;padding:0 0 6px 53px}.heatmap{display:flex;gap:25px}.week-labels{display:grid;grid-template-rows:repeat(7,18px);gap:3px;color:#697184;font-size:11px;flex-shrink:0}.heatmap-grid{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,18px);grid-auto-columns:minmax(12px,1fr);gap:3px;width:100%;min-width:0}.heat-cell{border-radius:4px;position:relative;min-width:0}.heat-tooltip{display:none;position:absolute;bottom:25px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:11px;background:#27364a;color:white;padding:5px 8px;border-radius:5px;z-index:5;pointer-events:none}.heat-cell:hover .heat-tooltip,.heat-cell:focus .heat-tooltip{display:block}.analysis-charts{display:grid;grid-template-columns:1.08fr .94fr;gap:16px}.analysis-charts>.panel{min-height:249px}.analysis .cause-bars{gap:13px;padding-top:2px}.analysis .cause-row{font-size:12px;grid-template-columns:minmax(155px,1fr) minmax(70px,1.18fr) 34px;gap:9px}.analysis .bar-track{background:#f0f1f3;height:13px}.trend-chart{width:100%;height:192px;display:block}.trend-chart text{font-size:11px;fill:#626b78}.history-detail{display:grid;grid-template-columns:1.08fr .94fr;gap:16px;align-items:stretch}.analysis .history-panel,.analysis .detail-panel{min-height:524px;padding-top:16px}.history-table{font-size:12px}.history-table th{background:#f3f4f5;border:0;font-size:11px;padding:7px 8px;font-weight:400}.history-table th:first-child{border-radius:6px 0 0 0}.history-table th:last-child{border-radius:0 6px 0 0}.history-table td{padding:11px 8px;border-bottom:1px solid #edf0f3;font-size:11px;white-space:nowrap}.history-table td:first-child{padding:0 5px}.history-table tr.selected td{background:#e9f3ff;border-top:1px solid #d9eaff;border-bottom:1px solid #d9eaff}.history-table tr.selected td:first-child{border-radius:5px 0 0 5px}.history-table tr.selected td:last-child{border-radius:0 5px 5px 0;color:#075cd0}.record-select{background:none;border:0;padding:12px 7px;text-align:left;font-size:11px;width:100%;display:block;white-space:normal;color:#27354b}.record-select:hover{color:var(--blue);text-decoration:underline}.record-select span{white-space:nowrap}.pagination{display:flex;justify-content:center;align-items:center;gap:13px;margin-top:23px;font-size:12px;color:#5685b9}.pagination .button{padding:3px 12px;min-width:37px;min-height:37px;font-size:23px;font-weight:400;border-radius:8px}.detail-summary{padding:8px 12px;background:#eaf4ff;border:1px solid #e1efff;border-radius:8px;margin:0 0 10px;font-size:12px}.detail-summary strong{display:block;color:#0782fa;font-size:13px;line-height:1.8}.detail-summary span{display:block;font-size:12px}.detail-panel h3,.share-record h3{font-size:17px;margin:6px 0 5px}.info-list{margin:0 0 8px;display:grid;gap:3px;font-size:11px}.info-list>div{display:grid;grid-template-columns:118px 1fr;background:#fafbfd;border:1px solid #edf0f4;border-radius:5px;padding:4px 12px}.info-list dt{color:#6e7480}.info-list dd{margin:0}.detail-errors{display:grid;gap:5px;margin-bottom:9px}.detail-error{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:7px 9px;border:1px solid #e7ebf0;border-radius:7px;background:#ffffffb3}.question-badge{display:grid;place-items:center;width:29px;height:29px;border-radius:7px;font-family:'Comic Sans MS',var(--hand);font-size:15px;font-weight:bold;line-height:1}.badge-0{background:#b8dbff;color:#056cd4}.badge-1{background:#ffe7a7;color:#906711}.badge-2{background:#ffb9e8;color:#8d1c6e}.detail-tags{display:flex;flex-wrap:wrap;gap:4px 9px;font-size:11px;line-height:1.4}.detail-tags strong:not(:last-child):after{content:' /';color:#8090a5}.detail-error p{font-size:11px;color:#707987;line-height:1.5;margin-top:3px}.detail-error p b{font-weight:600}.preserve{white-space:pre-wrap;overflow-wrap:anywhere}.review-content{border:1px solid #e4ecf5;border-radius:6px;background:#f4f9ff;padding:8px 12px;font-size:11px;line-height:1.6}.detail-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:15px;font-size:12px}.detail-actions .button{font-size:12px;padding:5px 12px;min-height:32px}.all-correct{font-size:12px;color:#2a8451;padding:12px}.share .site-header{gap:30px}.share .page-heading h1{font-size:27px}.share .page-heading .marker{background:linear-gradient(transparent 65%,#bbebfa 65%)}.share-record{max-width:790px;margin:20px auto 30px;padding:26px 33px 30px}.share-record .panel-heading h2{font-size:26px}.share-record .info-list,.share-record .review-content,.share-record .detail-error p{font-size:14px}.share-record .detail-tags{font-size:13px}.share-record .detail-error{padding:12px;gap:14px}.share-record .detail-summary{padding:13px;margin:18px 0}.share-record .detail-summary strong{font-size:16px}.share-record .detail-summary span{font-size:14px}.share-record h3{font-size:20px;margin-top:17px}.share-record .info-list>div{padding:7px 13px;grid-template-columns:145px 1fr}.readonly-label{border:1px solid #a6d6ed;color:#3280a2;background:#eefaff;font-size:12px;padding:3px 10px;border-radius:6px}.share-record .review-content{padding:12px 16px}.share footer{max-width:790px;margin:auto}.share .student-badge{box-shadow:none;transform:none}
@media(min-width:1250px){.home{padding-top:4px}.home .panel{margin-bottom:28px}.home-charts .panel{min-height:278px}.home .new-practice{padding-bottom:23px}.site-header nav{margin-right:auto;margin-left:40px}.home .site-header{padding-bottom:27px}.analysis{padding-top:5px}}
@media(max-width:1050px){.shell{width:calc(100% - 36px)}.stat-card{padding:13px;gap:11px}.stat-card strong+span{font-size:16px}.stat-card strong{font-size:32px}.stat-icon{width:46px;height:51px}.site-header nav{gap:25px}.brand strong{font-size:26px}.brand em{font-size:13px}.student-badge{min-width:158px}.panel{padding-left:20px;padding-right:20px}.cause-row{grid-template-columns:minmax(120px,1.3fr) minmax(55px,1fr) 38px;gap:8px;font-size:12px}.page-heading h1{font-size:23px}.analysis-header .brand strong{font-size:22px}.analysis-header .brand{gap:10px}.analysis-header .student-badge{min-width:140px}.analysis-header .page-heading p{font-size:10px}.analysis .filters{gap:20px;padding-left:23px;padding-right:23px}.analysis .cause-row{grid-template-columns:minmax(120px,1.3fr) minmax(50px,1fr) 33px;font-size:11px;gap:7px}.analysis .panel{padding-left:18px;padding-right:18px}.main-fields{grid-template-columns:1fr 1.2fr .6fr 1fr 1fr}.error-table-head,.error-row{grid-template-columns:62px minmax(175px,1fr) minmax(200px,1.15fr) 28px;gap:9px}.count-fields{grid-template-columns:110px 110px 170px 1fr}.history-table td{padding-left:5px;padding-right:5px}.history-table th{padding-left:5px;padding-right:5px}.history-detail,.analysis-charts{grid-template-columns:1.05fr 1fr}.analysis .panel-heading h2{font-size:21px}.small-button{font-size:11px;padding:5px 9px}.history-table{min-width:420px}.site-header .brand-icon{width:57px;height:62px}.analysis-header .brand-icon{width:40px;height:44px}.share .page-heading p{font-size:11px}.share .page-heading h1{font-size:24px}}
@media(max-width:850px){.site-header{flex-wrap:wrap;gap:18px;padding-top:22px;padding-bottom:25px}.site-header nav{order:3;justify-content:center;width:100%;gap:50px}.site-header nav a{padding-top:1px}.stats-grid{gap:13px;grid-template-columns:repeat(2,1fr);margin-bottom:29px}.stat-card{padding:14px 23px;gap:23px}.stat-card strong{font-size:35px}.stat-card strong+span{font-size:18px}.home-charts{grid-template-columns:1fr;gap:6px}.home-charts .panel{min-height:245px}.cause-row{grid-template-columns:minmax(165px,1fr) minmax(90px,1.3fr) 43px;font-size:13px}.type-chart{max-height:215px}.new-practice{padding-left:20px;padding-right:20px}.main-fields{grid-template-columns:repeat(3,1fr)}.main-fields label:nth-child(2){grid-column:span 2}.count-fields{grid-template-columns:1fr 1fr 1.3fr}.count-fields output{grid-column:1/-1;justify-content:flex-start!important;margin-top:0}.error-table-head{display:none}.error-row{grid-template-columns:65px 1fr 30px;gap:12px;padding:13px}.error-row .cause-options{grid-column:2}.error-row .error-notes{grid-column:2;grid-row:2}.error-row .delete-error{grid-column:3;grid-row:1}.mobile-label{display:block;font-size:11px;color:#6d788c;margin-bottom:3px}.sub-heading{gap:12px;flex-wrap:wrap}.sub-heading p{flex:1;min-width:160px}.sub-heading .button{padding:6px 10px}.form-actions{flex-wrap:wrap;gap:15px}#save-state{font-size:11px}.form-actions>.primary{font-size:18px}.analysis-header{display:grid;grid-template-columns:1fr 1fr}.analysis-header .student-badge{justify-self:end}.analysis-header .page-heading{grid-column:1/-1;grid-row:2;text-align:left;padding:5px 0}.analysis-header .page-heading h1{font-size:28px}.analysis-header .page-heading p{font-size:12px;margin-top:9px}.history-detail,.analysis-charts{grid-template-columns:1fr}.analysis-charts{gap:0}.analysis .panel-heading h2{font-size:23px}.analysis .cause-row{grid-template-columns:minmax(150px,1fr) minmax(100px,1.4fr) 40px;font-size:13px}.analysis .history-panel,.analysis .detail-panel{min-height:0}.analysis .filters{gap:13px 20px;grid-template-columns:1fr 1fr}.analysis .panel{padding-left:23px;padding-right:23px}.heatmap-panel{min-height:220px}.history-detail{gap:0}.history-table th,.history-table td,.record-select{font-size:12px}.history-table td{padding-top:13px;padding-bottom:13px}.info-list{font-size:12px}.detail-error p,.review-content,.detail-tags{font-size:12px}.detail-panel h3{font-size:19px}.detail-summary strong{font-size:14px}.share .site-header{display:grid;grid-template-columns:1fr 1fr;gap:20px}.share .student-badge{justify-self:end}.share .page-heading{grid-column:1/-1;grid-row:2;text-align:center}.share-record{margin-top:0;padding:24px}.share .page-heading h1{font-size:28px}}
@media(max-width:540px){body{font-size:13px}.shell,.analysis{width:calc(100% - 24px)}.site-header{padding:19px 4px 21px;gap:13px}.brand{gap:11px}.brand strong{font-size:23px;letter-spacing:2px}.brand em{font-size:10px}.site-header .brand-icon{width:43px;height:50px}.site-header .brand-icon svg{width:32px;height:32px}.brand-icon:before{height:31px;top:10px}.student-badge{min-width:0;padding:6px 9px;gap:8px;border-radius:12px}.student-badge strong{font-size:15px}.student-badge small{font-size:9px}.avatar{width:30px;height:30px;font-size:20px}.site-header nav{font-size:18px;gap:42px}.stats-grid{gap:11px 12px}.stat-card{padding:12px 10px;gap:11px;min-height:90px}.stat-icon{width:39px;height:45px}.stat-icon svg{width:29px;height:29px}.stat-card strong{font-size:30px}.stat-card strong+span{font-size:14px}.home-charts{margin-top:10px}.panel,.new-practice{padding:17px 14px 18px;margin-bottom:24px}.panel-heading h2{font-size:22px}.sticker{padding:5px 11px 4px}.panel>.panel-heading>.sticker{margin-top:-30px}.panel-subtitle{font-size:11px}.home-charts .panel{min-height:238px}.type-chart{min-width:330px;height:194px}.cause-bars{gap:15px}.cause-row{grid-template-columns:minmax(125px,1.3fr) minmax(65px,1fr) 33px;gap:6px;font-size:11px}.recent-panel .panel-heading{align-items:center}.recent-panel .panel-heading .button{font-size:12px;padding:7px 10px;min-height:35px;letter-spacing:0}.recent-panel .sticker{font-size:19px;padding-left:9px;padding-right:9px}.recent-table{font-size:11px}.recent-table th,.recent-table td{padding:9px}.main-fields{gap:12px;grid-template-columns:1fr 1fr}.main-fields label:nth-child(2){grid-column:auto}.main-fields label:last-child{grid-column:span 2}.count-fields{gap:10px;grid-template-columns:1fr 1fr}.count-fields label:nth-child(3){grid-column:1/-1}.count-fields output{margin-bottom:0}.fields label{font-size:12px}.sub-heading{gap:9px;margin-top:18px}.sub-heading .sticker{font-size:17px;padding:5px 9px}.sub-heading p{font-size:10px;min-width:120px}.sub-heading>.button{font-size:11px;padding:6px 8px;margin-left:0}.error-row{grid-template-columns:50px 1fr 24px;gap:8px;padding:10px 8px}.cause-chip span{font-size:10px;padding:4px 5px}.error-notes details{font-size:10px}.review-heading p{flex-basis:100%}.error-notes textarea{font-size:11px}.form-actions{gap:11px}.form-actions .secondary{min-width:112px;font-size:18px;padding:7px 14px}.form-actions>.primary{font-size:18px;padding:7px 15px}.form-actions>#save-state{order:5;width:100%}.form-actions>.outline{font-size:11px}footer{font-size:9px;gap:10px}.analysis-header .brand strong{font-size:22px}.analysis-header .brand em{font-size:10px}.analysis-header .student-badge{min-width:0}.analysis-header .page-heading h1{font-size:24px}.analysis-header .page-heading p{font-size:10px}.analysis .panel{padding:15px 14px}.analysis .filters{padding:13px 15px;gap:11px 15px}.filters label{font-size:11px}.filters input,.filters select{font-size:11px;padding:7px 5px}.analysis .panel-heading h2{font-size:21px}.heat-legend{gap:3px;font-size:9px}.heat-legend i{width:12px;height:13px}.heatmap-wrap{padding:0}.heatmap{gap:10px}.week-labels{grid-template-rows:repeat(7,15px);font-size:9px;gap:3px}.heatmap-grid{grid-template-rows:repeat(7,15px);grid-auto-columns:minmax(9px,1fr);gap:3px}.heatmap-months{padding-left:34px;font-size:9px}.heatmap-panel{min-height:220px}.analysis .panel-subtitle{font-size:10px}.analysis .cause-row{grid-template-columns:minmax(123px,1.25fr) minmax(70px,1fr) 32px;font-size:11px;gap:6px}.analysis-charts>.panel{min-height:240px}.history-table{min-width:385px}.history-table td,.record-select{font-size:10px}.history-table th{font-size:10px}.pagination{margin-top:16px}.detail-summary strong{font-size:12px}.info-list>div{grid-template-columns:93px 1fr}.detail-error p,.review-content,.detail-tags{font-size:11px}.small-button{font-size:10px;padding:5px 8px}.custom-range{gap:8px;flex-wrap:wrap}.custom-range label{width:calc(50% - 15px)}.custom-range>.button{margin-left:auto}.share-input{flex-direction:column}.share-input .button{align-self:flex-end}.share-record .info-list,.share-record .review-content,.share-record .detail-error p{font-size:12px}.share-record .info-list>div{grid-template-columns:90px 1fr}.share-record .detail-tags{font-size:12px}.share .page-heading h1{font-size:25px}.share-record .detail-summary strong{font-size:13px}.share-record .detail-summary span{font-size:12px}.share-record .detail-error{padding:10px}.draft-bar{flex-wrap:wrap;gap:5px}#restore-bar{flex-wrap:wrap;gap:8px}.draft-bar select{width:100%}dialog{padding:22px}dialog h2{font-size:22px}}
.material-field{min-width:0;font-size:13px;font-weight:600}.material-combobox{position:relative;margin-top:5px}.material-combobox>input{display:block;margin:0;padding-right:29px}.material-toggle{position:absolute;right:3px;top:3px;bottom:3px;width:25px;padding:0;border:0;background:transparent;color:#566a87;font-size:19px;line-height:1}.material-popup{position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:10;overflow:hidden;border:1.4px solid #a6b3c8;border-radius:7px 9px 7px 8px;background:var(--paper);box-shadow:2px 3px 0 #26324726;font-weight:400}.material-popup [role=listbox]{max-height:210px;overflow-y:auto;overscroll-behavior:contain}.material-option{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;cursor:pointer;font-size:12px;line-height:1.45}.material-option>span{min-width:0;overflow-wrap:anywhere}.material-option small{flex-shrink:0;font-size:10px;color:#768399}.material-option:hover,.material-option[aria-selected=true]{background:#e6f2ff;color:#006ad5}.material-hint{border-top:1px solid #e0e5ed;padding:8px 10px;color:#66758b;font-size:10px;line-height:1.5}.material-popup [role=listbox]:empty{display:none}@media(max-width:540px){.material-field{font-size:12px}}
@media(max-width:850px){.main-fields .material-field{grid-column:span 2}}@media(max-width:540px){.main-fields .material-field{grid-column:auto}}
/* 84 real dates occupy 12–13 week columns. Keep cells compact instead of stretching days into bars. */
.heatmap-wrap{width:min(100%,430px);margin-left:auto;margin-right:auto}.heatmap-grid{grid-auto-columns:minmax(12px,1fr)}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}