.v-lesson-reports__truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.v-lesson-reports{padding:var(--space-6);height:calc(100dvh - 104px)}.v-lesson-reports__card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex-direction:column;height:100%;display:flex;overflow:hidden}.v-lesson-reports__toolbar{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-5);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex}.v-lesson-reports__date-nav{align-items:center;gap:var(--space-0-5);flex-shrink:0;display:flex}.v-lesson-reports__icon-button{padding:var(--space-2);border-radius:var(--radius-lg);color:var(--color-text-secondary);transition:background-color var(--duration-normal)var(--ease-default),color var(--duration-normal)var(--ease-default)}.v-lesson-reports__icon-button:hover{background-color:var(--gray-100);color:var(--gray-700)}.v-lesson-reports__date{width:10rem}.v-lesson-reports__today-button{margin-left:var(--space-1);height:var(--size-lg);padding-inline:var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary);border:1px solid var(--brand-200);border-radius:var(--radius-lg);transition:background-color var(--duration-normal)var(--ease-default)}.v-lesson-reports__today-button:hover{background-color:var(--color-primary-subtle)}.v-lesson-reports__template-picker{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.v-lesson-reports__template-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-600)}.v-lesson-reports__select{height:var(--size-lg);padding-inline:var(--space-3);font-size:var(--text-sm);color:var(--gray-700);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.v-lesson-reports__select--sm{height:var(--size-sm);padding-inline:var(--space-2)}.v-lesson-reports__select:focus{border-color:var(--brand-300);box-shadow:0 0 0 2px var(--color-primary-subtle-hover);outline:none}.v-lesson-reports__counts{align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--color-text-secondary);margin-left:auto;display:flex}.v-lesson-reports__save-all{height:var(--size-lg);padding-inline:var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary);background-color:var(--color-primary-subtle);border:1px solid var(--brand-200);border-radius:var(--radius-lg);white-space:nowrap;transition:background-color var(--duration-normal)var(--ease-default);flex-shrink:0}.v-lesson-reports__save-all:hover:not(:disabled){background-color:var(--color-primary-subtle-hover)}.v-lesson-reports__save-all:disabled{opacity:.6;cursor:default}.v-lesson-reports__count-value{font-weight:var(--font-semibold);color:var(--color-primary)}.v-lesson-reports__count-unlinked{color:var(--red-500)}.v-lesson-reports__body{flex:1;min-height:0;display:flex}.v-lesson-reports__list{background-color:var(--color-surface);border-right:1px solid var(--color-border);flex-shrink:0;width:15rem;overflow-y:auto}.v-lesson-reports__list-empty{padding:var(--space-6)var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted)}.v-lesson-reports__group{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);background-color:var(--color-background);border-block:1px solid var(--color-border-subtle);display:flex;position:sticky;top:0}.v-lesson-reports__group-time{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--gray-600)}.v-lesson-reports__group-count{font-size:var(--text-xs);color:var(--color-text-muted)}.v-lesson-reports__group-toggle{font-size:var(--text-xs);color:var(--color-primary);margin-left:auto}.v-lesson-reports__group-toggle:hover{color:var(--color-primary-hover)}.v-lesson-reports__student{text-align:left;width:100%;padding:var(--space-2-5)var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--duration-normal)var(--ease-default),border-color var(--duration-normal)var(--ease-default);border-left:2px solid #0000}.v-lesson-reports__student:not(.v-lesson-reports__student--selected):hover{background-color:var(--color-surface-hover)}.v-lesson-reports__student--selected{background-color:var(--color-primary-subtle);border-left-color:var(--color-primary)}.v-lesson-reports__student-head{align-items:center;gap:var(--space-2);display:flex}.v-lesson-reports__dot{width:var(--space-1-5);height:var(--space-1-5);border-radius:var(--radius-full);background-color:var(--gray-300);flex-shrink:0}.v-lesson-reports__dot--written{background-color:var(--color-primary)}.v-lesson-reports__student-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-800);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.v-lesson-reports__student-link{flex-shrink:0;margin-left:auto}.v-lesson-reports__link-badge{flex-shrink:0}.v-lesson-reports__student-meta{margin-top:var(--space-1);padding-left:var(--space-3-5);align-items:center;gap:var(--space-1-5);font-size:var(--text-xs);color:var(--color-text-muted);display:flex}.v-lesson-reports__checked-in{color:var(--color-success);flex-shrink:0}.v-lesson-reports__judge{font-weight:var(--font-medium);flex-shrink:0}.v-lesson-reports__judge--late{color:var(--color-warning)}.v-lesson-reports__judge--absent{color:var(--red-500)}.v-lesson-reports__student-last{margin-top:var(--space-1);padding-left:var(--space-3-5);font-size:var(--text-xs);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.v-lesson-reports__placeholder{flex:1;justify-content:center;align-items:center;display:flex}.v-lesson-reports__placeholder-text{font-size:var(--text-sm);color:var(--color-text-muted)}.v-lesson-reports__compose{flex-direction:column;flex:1;min-width:0;display:flex}.v-lesson-reports__compose-empty{justify-content:center;align-items:center;gap:var(--space-2);min-width:0;padding-inline:var(--space-5);flex-direction:column;flex:1;display:flex}.v-lesson-reports__compose-empty-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}.v-lesson-reports__compose-empty-text{font-size:var(--text-xs);color:var(--color-text-muted)}.v-lesson-reports__compose-head{padding:var(--space-3)var(--space-5);border-bottom:1px solid var(--color-border)}.v-lesson-reports__student-detail{gap:var(--space-2);flex-direction:column;display:flex}.v-lesson-reports__student-row{align-items:center;gap:var(--space-2);display:flex}.v-lesson-reports__detail-multi{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.v-lesson-reports__detail-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-800)}.v-lesson-reports__detail-meta{font-size:var(--text-xs);color:var(--color-text-muted)}.v-lesson-reports__checkin{align-items:center;gap:var(--space-1-5);font-size:var(--text-xs);color:var(--color-text-secondary);margin-left:auto;display:flex}.v-lesson-reports__checkin-time{font-variant-numeric:tabular-nums;color:var(--color-success)}.v-lesson-reports__memo{align-items:center;gap:var(--space-2);padding:var(--space-1-5)var(--space-2-5);border-radius:var(--radius-lg);background-color:var(--color-danger-subtle);font-size:var(--text-xs);color:var(--color-on-danger-subtle);display:flex}.v-lesson-reports__memo-label{font-weight:var(--font-medium);flex-shrink:0}.v-lesson-reports__memo-input{height:var(--size-sm);min-width:0;padding-inline:var(--space-2-5);font-size:var(--text-sm);color:var(--gray-700);background-color:var(--color-surface);border:1px solid var(--red-200);border-radius:var(--radius-lg);flex:1}.v-lesson-reports__memo-input::placeholder{color:var(--color-text-disabled)}.v-lesson-reports__memo-input:focus{border-color:var(--red-400);box-shadow:0 0 0 2px var(--red-100);outline:none}.v-lesson-reports__compose-body{min-height:0;padding:var(--space-4)var(--space-5);flex:1;overflow-y:auto}.v-lesson-reports__unlinked{margin-bottom:var(--space-3);padding:var(--space-2)var(--space-3);border-radius:var(--radius-lg);background-color:var(--color-danger-subtle);border:1px solid var(--red-100);font-size:var(--text-xs);color:var(--color-danger)}.v-lesson-reports__unlinked-action{margin-left:var(--space-2);text-decoration:underline}.v-lesson-reports__unlinked-action:hover{color:var(--red-800)}.v-lesson-reports__notice{margin-bottom:var(--space-3);padding:var(--space-2)var(--space-3);border-radius:var(--radius-lg);background-color:var(--color-warning-subtle);border:1px solid color-mix(in srgb,var(--color-warning)25%,transparent);font-size:var(--text-xs);color:var(--color-warning)}.v-lesson-reports__template{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.v-lesson-reports__template-text{white-space:pre-wrap;color:var(--color-text-secondary)}.v-lesson-reports__auto-value{margin-inline:var(--space-0-5);padding:var(--space-0-5)var(--space-1-5);border-radius:var(--radius-sm);background-color:var(--gray-100);color:var(--gray-600);font-size:var(--text-xs);display:inline-block}.v-lesson-reports__slot{margin-block:var(--space-1-5)}.v-lesson-reports__field-head{margin-bottom:var(--space-1);justify-content:space-between;align-items:center;display:flex}.v-lesson-reports__field-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-primary)}.v-lesson-reports__field-count{font-size:var(--text-xs);color:var(--color-text-disabled)}.v-lesson-reports__textarea{width:100%;padding:var(--space-2)var(--space-3);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--gray-700);background-color:var(--color-surface);border:1px solid var(--brand-200);border-radius:var(--radius-lg);resize:none}.v-lesson-reports__textarea--free{padding-block:var(--space-2-5)}.v-lesson-reports__textarea::placeholder{color:var(--color-text-disabled)}.v-lesson-reports__textarea:focus{border-color:var(--brand-400);box-shadow:0 0 0 2px var(--color-primary-subtle-hover);outline:none}.v-lesson-reports__photos{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px dashed var(--color-border)}.v-lesson-reports__photo-hint{margin-bottom:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted)}.v-lesson-reports__photo-error{margin-bottom:var(--space-2);padding:var(--space-1-5)var(--space-2-5);border-radius:var(--radius-lg);background-color:var(--color-danger-subtle);font-size:var(--text-xs);color:var(--color-on-danger-subtle)}.v-lesson-reports__photo-grid{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.v-lesson-reports__photo{position:relative}.v-lesson-reports__photo-img{width:var(--space-20);height:var(--space-20);object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.v-lesson-reports__photo-tag{padding:var(--space-0-5)var(--space-1);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);background-color:color-mix(in srgb,var(--gray-900)55%,transparent);text-align:center;font-size:var(--text-xs);line-height:var(--leading-none);color:var(--color-text-inverse);position:absolute;bottom:0;left:0;right:0}.v-lesson-reports__photo-remove{top:calc(var(--space-1-5)*-1);right:calc(var(--space-1-5)*-1);width:var(--space-5);height:var(--space-5);border-radius:var(--radius-full);background-color:var(--gray-700);color:var(--color-text-inverse);font-size:var(--text-xs);line-height:var(--leading-none);opacity:0;transition:opacity var(--duration-normal)var(--ease-default);position:absolute}.v-lesson-reports__photo:hover .v-lesson-reports__photo-remove,.v-lesson-reports__photo-remove:focus{opacity:1}.v-lesson-reports__photo-add{width:var(--space-20);height:var(--space-20);justify-content:center;align-items:center;gap:var(--space-1);border:2px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted);transition:border-color var(--duration-normal)var(--ease-default),color var(--duration-normal)var(--ease-default);flex-direction:column;display:flex}.v-lesson-reports__photo-add:hover{border-color:var(--brand-300);color:var(--color-primary)}.v-lesson-reports__photo-add-icon{font-size:var(--text-lg);line-height:var(--leading-none)}.v-lesson-reports__photo-add-text{font-size:var(--text-xs)}.v-lesson-reports__actions{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);border-top:1px solid var(--color-border);display:flex}.v-lesson-reports__actions-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.v-lesson-reports__actions-hint--blocked{color:var(--color-danger);font-weight:var(--font-medium)}.v-lesson-reports__action-button{white-space:nowrap;flex-shrink:0}.v-lesson-reports__action-button--push{margin-left:auto}.v-lesson-reports__progress{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.v-lesson-reports__progress-spinner{flex-shrink:0}.v-lesson-reports__progress-body{flex:1;min-width:0}.v-lesson-reports__progress-head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.v-lesson-reports__progress-text{font-size:var(--text-xs);color:var(--color-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.v-lesson-reports__progress-ratio{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--brand-400);flex-shrink:0}.v-lesson-reports__progress-track{margin-top:var(--space-1);height:var(--space-1);border-radius:var(--radius-full);background-color:var(--color-primary-subtle-hover);width:100%;overflow:hidden}.v-lesson-reports__progress-fill{border-radius:var(--radius-full);background-color:var(--color-primary);height:100%;transition:width var(--duration-normal)var(--ease-default)}.v-lesson-reports__preview{background-color:var(--color-background);border-left:1px solid var(--color-border);flex-direction:column;flex-shrink:0;width:340px;display:none}@media (min-width:1024px){.v-lesson-reports__preview{display:flex}}.v-lesson-reports__preview-head{padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--color-border)}.v-lesson-reports__preview-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--gray-600)}.v-lesson-reports__preview-subject{margin-left:var(--space-1-5);font-size:var(--text-xs);color:var(--color-text-muted)}.v-lesson-reports__preview-empty{padding-inline:var(--space-4);flex:1;justify-content:center;align-items:center;display:flex}.v-lesson-reports__preview-empty-text{font-size:var(--text-xs);color:var(--color-text-muted)}.v-lesson-reports__preview-body{min-height:0;padding:var(--space-4);gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.v-lesson-reports__bubble-row{align-items:flex-end;gap:var(--space-1);flex-direction:column;display:flex}.v-lesson-reports__bubble{width:100%;padding:var(--space-2-5)var(--space-3-5);border-radius:var(--radius-2xl);border-top-right-radius:var(--radius-sm)}.v-lesson-reports__bubble--sent{background-color:var(--gray-100)}.v-lesson-reports__bubble--preview{background-color:var(--color-surface);border:2px dashed var(--brand-200)}.v-lesson-reports__bubble-text{font-size:var(--text-sm);color:var(--gray-700);white-space:pre-wrap}.v-lesson-reports__bubble-empty{font-size:var(--text-sm);color:var(--color-text-muted)}.v-lesson-reports__preview-photos{margin-top:var(--space-2);gap:var(--space-1-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.v-lesson-reports__preview-photo{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--color-border);width:100%}.v-lesson-reports__preview-status{font-size:var(--text-xs);color:var(--brand-400)}.v-lesson-reports__divider{align-items:center;gap:var(--space-2);display:flex}.v-lesson-reports__divider-line{height:var(--space-px);background-color:var(--color-border);flex:1}.v-lesson-reports__divider-text{font-size:var(--text-xs);color:var(--color-text-muted)}.v-lesson-reports__media-button{margin-top:var(--space-2);align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);font-size:var(--text-xs);color:var(--gray-600);transition:border-color var(--duration-normal)var(--ease-default),color var(--duration-normal)var(--ease-default);display:inline-flex}.v-lesson-reports__media-button:hover:not(:disabled){border-color:var(--brand-300);color:var(--color-primary)}.v-lesson-reports__media-button:disabled{cursor:default}.v-lesson-reports__media-hint{color:var(--color-text-disabled)}.v-lesson-reports__thread-meta{justify-content:flex-end;align-items:center;gap:var(--space-1-5);font-size:var(--text-xs);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.v-lesson-reports__today{padding:var(--space-0-5)var(--space-1);border-radius:var(--radius-sm);background-color:var(--color-primary-subtle);font-weight:var(--font-medium);color:var(--color-on-primary-subtle)}.v-lesson-reports__read,.v-lesson-reports__reuse{color:var(--color-primary)}.v-lesson-reports__reuse:hover{color:var(--color-primary-hover);text-decoration:underline}.v-sent-media-viewer__frame{flex-direction:column;flex:1;min-height:0;display:flex}.v-sent-media-viewer__body{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.v-sent-media-viewer__notice{padding-block:var(--space-10);font-size:var(--text-sm);color:var(--color-text-secondary)}.v-sent-media-viewer__error{align-items:center;gap:var(--space-3);padding-block:var(--space-10);flex-direction:column;display:flex}.v-sent-media-viewer__error-text{font-size:var(--text-sm);color:var(--red-500)}.v-sent-media-viewer__stage{justify-content:center;align-items:center;gap:var(--space-2);width:100%;display:flex}.v-sent-media-viewer__arrow{padding:var(--space-2);border-radius:var(--radius-full);color:var(--color-text-muted);transition:background-color var(--duration-normal)var(--ease-default),color var(--duration-normal)var(--ease-default);flex-shrink:0}.v-sent-media-viewer__arrow:hover{background-color:var(--gray-100);color:var(--gray-600)}.v-sent-media-viewer__image{border-radius:var(--radius-lg);object-fit:contain;width:auto;max-width:100%;max-height:60vh}.v-sent-media-viewer__missing{width:100%;height:10rem;padding-inline:var(--space-4);text-align:center;border:1px dashed var(--gray-300);border-radius:var(--radius-lg);background-color:var(--color-background);justify-content:center;align-items:center;display:flex}.v-sent-media-viewer__missing-text{font-size:var(--text-xs);color:var(--color-text-secondary)}.v-sent-media-viewer__counter{font-size:var(--text-xs);color:var(--color-text-muted)}.v-sent-media-viewer__thumbs{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.v-sent-media-viewer__thumb{height:var(--space-14);width:var(--space-14);border:2px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--duration-normal)var(--ease-default);overflow:hidden}.v-sent-media-viewer__thumb--current{border-color:var(--color-primary)}.v-sent-media-viewer__thumb-img{object-fit:cover;width:100%;height:100%}.v-sent-media-viewer__thumb-blank{background-color:var(--gray-100);width:100%;height:100%;font-size:var(--text-xs);color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.v-lesson-reports__check{width:var(--space-4);height:var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--gray-300);cursor:pointer;flex-shrink:0}.v-lesson-reports__overwrite{padding:var(--space-1-5)var(--space-2-5);border-radius:var(--radius-lg);background-color:var(--color-danger-subtle);font-size:var(--text-xs);color:var(--color-on-danger-subtle)}