:root{color:#f4f6fa;font-synthesis:none;text-rendering:optimizelegibility;background:#0f1116;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#0f1116}body{background:#0f1116;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}#root{min-height:100vh}.app{width:min(100%,520px);margin:0 auto;padding:24px 16px 48px}.app-header{margin-bottom:24px}.app-header h1{margin:2px 0 0;font-size:1.8rem}.eyebrow{color:#8f9bb3;text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.85rem;font-weight:700}.panel{background:#181b22;border:1px solid #292e39;border-radius:16px;margin-bottom:16px;padding:20px}.panel h2{margin:4px 0}.import-panel p{color:#aab2c2}.section-label{color:#8f9bb3;text-transform:uppercase;letter-spacing:.07em;margin:0;font-size:.8rem;font-weight:700}.secondary-text{color:#aab2c2;margin:4px 0 0}.file-button,.compact-primary-button{color:#fff;font:inherit;cursor:pointer;background:#526dff;border:0;justify-content:center;align-items:center;font-weight:700;display:flex}.file-button{border-radius:12px;width:100%;margin-top:20px;padding:16px}.compact-primary-button{border-radius:11px;flex:none;min-height:42px;padding:0 14px}.file-input-hidden{display:none}.library-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.library-heading h2,.section-heading h2{margin:3px 0 0;font-size:1.25rem}.package-list{flex-direction:column;gap:12px;display:flex}.package-card{background:#181b22;border:1px solid #292e39;border-radius:16px;position:relative;overflow:hidden}.package-open-button{width:100%;min-height:150px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;padding:18px 18px 48px;display:flex}.package-open-button strong{margin-top:4px;font-size:1.25rem}.package-class{color:#9ea7b8;text-transform:uppercase;letter-spacing:.05em;font-size:.82rem;font-weight:700}.package-subject{color:#aab2c2;margin-top:3px}.package-meta{color:#8f9bb3;margin-top:18px;font-size:.78rem;line-height:1.45}.package-delete-button{color:#d88b96;font:inherit;cursor:pointer;background:0 0;border:0;padding:7px 9px;font-size:.78rem;font-weight:600;position:absolute;bottom:9px;right:10px}.storage-note{color:#8f9bb3;text-align:center;margin:16px 2px 0;font-size:.82rem}.error-message,.notice-message{border-radius:10px;margin:0 0 16px;padding:12px;font-size:.9rem}.error-message{color:#ffb8c1;background:#3a1d22;border:1px solid #78313c}.notice-message{color:#b8e8d6;background:#182b25;border:1px solid #315c4d}.standalone-error{margin-bottom:16px}.back-button{color:#aeb8ca;font:inherit;cursor:pointer;background:0 0;border:0;margin:-4px 0 16px;padding:8px 0;font-weight:650}.compact-context-panel{padding:18px}.context-title-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.student-count-badge{color:#b8c1d2;background:#222733;border:1px solid #343b49;border-radius:999px;flex:none;padding:7px 9px;font-size:.73rem;font-weight:700}.series-ready-panel{background:#171d2d;border:1px solid #3a4975;border-radius:14px;flex-direction:column;gap:7px;padding:18px;display:flex}.series-ready-panel strong{margin-top:2px;line-height:1.4}.series-ready-panel p:last-child{color:#9da9bf;margin:4px 0 0;font-size:.87rem;line-height:1.5}.context-metrics{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px;display:grid}.context-metric-card{background:#181b22;border:1px solid #292e39;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:88px;padding:12px;display:flex}.context-metric-card strong{font-size:1.45rem}.context-metric-card span{color:#9ea7b8;margin-top:4px;font-size:.78rem}.criteria-preview-section{margin-top:28px}.section-heading{margin-bottom:12px}.criteria-list{flex-direction:column;gap:10px;display:flex}.criterion-preview-card{background:#181b22;border:1px solid #292e39;border-radius:12px;flex-direction:column;gap:6px;padding:16px;display:flex}.criterion-preview-card strong{line-height:1.4}.criterion-preview-card span{color:#99a3b6;font-size:.84rem;line-height:1.4}.compatibility-note{color:#7f899c;text-align:center;margin:18px 2px 0;font-size:.78rem;line-height:1.45}@media (width<=390px){.library-heading{align-items:flex-end}.compact-primary-button{padding:0 11px}.context-title-row{flex-direction:column}.student-count-badge{align-self:flex-start}}.mobile-lessons-section{margin-top:28px}.lessons-heading{margin-bottom:12px}.empty-lessons-panel{background:#181b22;border:1px dashed #343b49;border-radius:14px;padding:18px}.empty-lessons-panel strong{line-height:1.4;display:block}.empty-lessons-panel p{color:#9ea7b8;margin:8px 0 0;font-size:.87rem;line-height:1.5}.mobile-lesson-list{flex-direction:column;gap:10px;display:flex}.mobile-lesson-card{background:#181b22;border:1px solid #292e39;border-radius:14px;overflow:hidden}.mobile-lesson-card.is-selected{background:#171d2d;border-color:#526dff}.mobile-lesson-select{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;padding:15px 16px 13px;display:flex}.mobile-lesson-select strong{margin-top:4px;line-height:1.4}.mobile-lesson-select>span:last-child:not(.mobile-lesson-number){color:#8f9bb3;margin-top:6px;font-size:.8rem}.mobile-lesson-number{color:#9da9bf;text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:750}.mobile-lesson-actions{justify-content:flex-end;gap:4px;padding:0 8px 8px;display:flex}.mobile-lesson-actions button{color:#9fa9bb;font:inherit;cursor:pointer;background:0 0;border:0;padding:7px 8px;font-size:.78rem;font-weight:650}.mobile-lesson-actions .danger-text-button{color:#d88b96}.lesson-editor{background:#181b22;border:1px solid #3a4975;border-radius:14px;margin-bottom:12px;padding:17px}.lesson-editor-heading{margin-bottom:16px}.lesson-editor-heading strong{margin-top:4px;line-height:1.4;display:block}.lesson-form-grid{grid-template-columns:minmax(90px,.75fr) minmax(150px,1.25fr);gap:10px;display:grid}.lesson-field{flex-direction:column;gap:6px;margin-top:12px;display:flex}.lesson-form-grid .lesson-field{margin-top:0}.lesson-field span{color:#aab2c2;font-size:.8rem;font-weight:650}.lesson-field input{color:#f4f6fa;background:#11141a;border:1px solid #343b49;border-radius:10px;outline:none;width:100%;min-height:46px;padding:10px 12px}.lesson-field input:focus{border-color:#526dff}.lesson-field input::placeholder{color:#697386}.lesson-editor-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.secondary-button{color:#c9d0dd;font:inherit;cursor:pointer;background:0 0;border:1px solid #353b48;font-weight:650}.compact-action-button,.save-lesson-button{border-radius:11px;min-height:44px}.save-lesson-button{width:100%}.selected-lesson-panel{background:#171d2d;border:1px solid #3a4975;border-radius:14px;flex-direction:column;gap:6px;margin-top:14px;padding:17px;display:flex}.selected-lesson-panel strong{margin-top:2px;line-height:1.4}.selected-lesson-panel>span{color:#9da9bf;font-size:.82rem}.selected-lesson-panel p:last-child{color:#9da9bf;margin:5px 0 0;font-size:.86rem;line-height:1.5}@media (width<=390px){.lesson-form-grid{grid-template-columns:90px minmax(0,1fr)}}.selection-hint{color:#9da9bf;background:#151922;border:1px dashed #343b49;border-radius:12px;margin:0 0 12px;padding:12px 14px;font-size:.86rem;line-height:1.5}.criterion-select-card{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:#181b22;border:1px solid #292e39;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;display:grid}.criterion-select-card:disabled{opacity:.55;cursor:default}.criterion-select-card.is-selected{background:#171d2d;border-color:#526dff}.criterion-select-content{flex-direction:column;gap:6px;min-width:0;display:flex}.criterion-select-content strong{line-height:1.4}.criterion-select-content>span{color:#99a3b6;font-size:.84rem;line-height:1.4}.criterion-record-count{color:#aeb8ca;white-space:nowrap;background:#222733;border-radius:999px;flex:none;padding:6px 8px;font-size:.72rem;font-weight:700}.participation-section{margin-top:32px}.capture-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.capture-heading h2{margin:3px 0 0;font-size:1.25rem}.capture-progress{background:#181b22;border:1px solid #343b49;border-radius:999px;align-items:baseline;gap:3px;padding:8px 10px;display:flex}.capture-progress strong{font-size:1rem}.capture-progress span{color:#8f9bb3;font-size:.78rem}.capture-context-card{background:#171d2d;border:1px solid #3a4975;border-radius:14px;flex-direction:column;gap:6px;padding:16px;display:flex}.capture-context-card>span{color:#9da9bf;font-size:.8rem;font-weight:700}.capture-context-card strong{line-height:1.4}.capture-context-card small{color:#9da9bf;font-size:.82rem;line-height:1.45}.capture-rule-note{color:#9da9bf;margin:12px 2px 14px;font-size:.82rem;line-height:1.5}.capture-summary-row{color:#8f9bb3;justify-content:space-between;gap:12px;margin:0 2px 10px;font-size:.76rem;display:flex}.student-participation-list{flex-direction:column;gap:10px;display:flex}.student-participation-card{background:#181b22;border:1px solid #292e39;border-radius:14px;padding:14px}.student-participation-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px;display:flex}.student-participation-heading strong{min-width:0;line-height:1.35}.student-status{color:#bdaebd;background:#25222a;border-radius:999px;flex:none;padding:5px 8px;font-size:.7rem;font-weight:700}.student-status.rated{color:#b8e8d6;background:#182b25}.participation-buttons{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(72px,1.15fr);gap:7px;display:grid}.participation-value-button,.participation-absent-button{color:#d7dde8;min-height:52px;font:inherit;cursor:pointer;background:#11141a;border:1px solid #343b49;border-radius:11px;font-weight:800}.participation-value-button{font-size:1.25rem}.participation-absent-button{color:#9da9bf;font-size:.78rem;font-weight:700}.participation-value-button.is-selected,.participation-absent-button.is-selected{color:#fff;background:#202944;border-color:#526dff}.participation-value-button.value-positive.is-selected{background:#173126;border-color:#4b8f73}.participation-value-button.value-neutral.is-selected{background:#292d35;border-color:#6c7380}.participation-value-button.value-negative.is-selected{background:#371c22;border-color:#8f4b58}.participation-absent-button.is-selected{color:#c4b7c8;background:#242029;border-color:#514657}@media (width<=390px){.criterion-select-card{grid-template-columns:minmax(0,1fr)}.criterion-record-count{justify-self:start}.participation-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}.participation-absent-button{grid-column:1/-1;min-height:44px}}.library-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.compact-secondary-button{color:#c9d0dd;min-height:42px;font:inherit;cursor:pointer;background:0 0;border:1px solid #353b48;border-radius:11px;padding:0 12px;font-size:.82rem;font-weight:650}.series-export-button{color:#cdd6ff;width:100%;min-height:44px;font:inherit;cursor:pointer;background:#151b2a;border:1px solid #3a4975;border-radius:11px;margin-top:16px;font-weight:700}.student-note-row{align-items:center;gap:10px;margin-top:10px;display:flex}.student-note-toggle{color:#9da9bf;font:inherit;cursor:pointer;background:0 0;border:1px solid #343b49;border-radius:9px;flex:none;padding:7px 9px;font-size:.76rem;font-weight:700}.student-note-toggle:disabled{opacity:.38;cursor:default}.student-note-toggle.has-note{color:#cdd6ff;border-color:#3a4975}.student-note-preview{color:#8f9bb3;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.76rem;line-height:1.35;overflow:hidden}.student-note-editor{background:#11141a;border:1px solid #343b49;border-radius:11px;margin-top:10px;padding:10px}.student-note-editor textarea{resize:vertical;color:#f4f6fa;width:100%;font:inherit;background:#0d1015;border:1px solid #343b49;border-radius:9px;outline:none;padding:10px 11px;line-height:1.4}.student-note-editor textarea:focus{border-color:#526dff}.student-note-editor textarea::placeholder{color:#697386}.student-note-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.compact-note-button{border-radius:9px;min-height:38px}@media (width<=390px){.library-actions{flex-direction:column-reverse;align-items:stretch}.compact-secondary-button{min-height:38px}}.app-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.install-app-button{color:#cbd5ff;min-height:40px;font:inherit;cursor:pointer;background:#171d2d;border:1px solid #3d4f8a;border-radius:10px;flex:none;padding:0 12px;font-size:.82rem;font-weight:700}@media (width<=390px){.app-header{align-items:flex-start}.install-app-button{min-height:38px;padding:0 10px;font-size:.78rem}}.series-export-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.series-export-actions .series-export-button{margin-top:0}.series-share-button{color:#d9e0ff;width:100%;min-height:44px;font:inherit;cursor:pointer;background:#1b2340;border:1px solid #4b5f9d;border-radius:11px;font-weight:700}@media (width<=390px){.series-export-actions{grid-template-columns:1fr}}.onedrive-panel{background:#151922;border:1px solid #343b49;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;padding:14px 16px;display:flex}.onedrive-panel.is-connected{background:#14221d;border-color:#355e51}.onedrive-status{align-items:center;gap:10px;min-width:0;display:flex}.onedrive-status-dot{background:#6f7889;border-radius:50%;flex:none;width:10px;height:10px}.onedrive-panel.is-connected .onedrive-status-dot{background:#66b493}.onedrive-status div{flex-direction:column;gap:2px;min-width:0;display:flex}.onedrive-status strong{font-size:.88rem}.onedrive-status span:last-child{color:#9da9bf;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.onedrive-actions{flex:none;gap:8px;display:flex}.onedrive-connect-button,.onedrive-send-all-button,.series-onedrive-button{min-height:40px;font:inherit;cursor:pointer;border-radius:10px;padding:0 12px;font-size:.8rem;font-weight:700}.onedrive-connect-button{color:#c4ccda;background:0 0;border:1px solid #3c4657}.onedrive-send-all-button,.series-onedrive-button{color:#c8efdf;background:#193127;border:1px solid #477c68}.onedrive-connect-button:disabled,.onedrive-send-all-button:disabled,.series-onedrive-button:disabled{opacity:.55;cursor:default}.series-onedrive-button{grid-column:1/-1;width:100%;min-height:48px;font-size:.92rem}@media (width<=480px){.onedrive-panel{flex-direction:column;align-items:stretch}.onedrive-actions{grid-template-columns:1fr;display:grid}.onedrive-connect-button,.onedrive-send-all-button{width:100%}}