:root{color:#1f2933;background:#f5f7fa;font-family:system-ui,Hiragino Sans,Noto Sans JP,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit;font-size:14px}.app{max-width:1100px;margin:0 auto;padding:0 16px 48px}.loading{text-align:center;color:#6b7280;padding:80px}.app-header{border-bottom:1px solid #e4e7eb;justify-content:space-between;align-items:center;padding:16px 0;display:flex}.app-title{align-items:center;gap:10px;display:flex}.brand-mark{width:24px;height:24px}.beta-badge{color:#fff;vertical-align:middle;background:#f59e0b;border-radius:6px;margin-left:6px;padding:1px 7px;font-size:11px;font-weight:700;display:inline-block}.brand h1 .beta-badge{vertical-align:super;font-size:14px}.legal{margin:8px 0 0}.legal dt{color:#1f2933;margin-top:12px;font-size:14px;font-weight:600}.legal dd{color:#4b5563;margin:4px 0 0;font-size:13px;line-height:1.6}.app-title strong{color:#2563eb;font-size:20px}.project-name-btn{color:#374151;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:15px}.project-name-btn:hover{background:#eef2ff}.header-actions{gap:8px;display:flex}.tabs{border-bottom:2px solid #e4e7eb;gap:4px;margin:16px 0 24px;display:flex}.tab{color:#6b7280;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 18px;font-size:15px}.tab.active{color:#2563eb;border-bottom-color:#2563eb;font-weight:600}.backup-reminder{color:#92400e;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;align-items:center;gap:10px;margin:12px 0;padding:10px 14px;font-size:14px;display:flex}.about-list{color:#4b5563;margin:8px 0 0;padding-left:18px;font-size:14px}.about-list li{margin-bottom:4px}.tab-badge{text-align:center;color:#fff;vertical-align:middle;background:#dc2626;border-radius:999px;min-width:18px;margin-left:6px;padding:0 5px;font-size:11px;line-height:18px;display:inline-block}button.primary{color:#fff;background:#2563eb;border:none;border-radius:6px;padding:8px 18px;font-size:14px}button.primary:hover{background:#1d4ed8}button.ghost,a.ghost{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 16px;font-size:14px;text-decoration:none;display:inline-block}button.ghost:hover,a.ghost:hover{background:#f3f4f6}button.danger-ghost{color:#dc2626;background:#fff;border:1px solid #fca5a5;border-radius:6px;padding:8px 16px;font-size:14px}button.link{color:#2563eb;background:0 0;border:none;padding:2px 6px;font-size:13px}button.link.danger{color:#dc2626}.muted{color:#9ca3af}.small{font-size:12px}.row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.spacer{flex:1}.card{background:#fff;border:1px solid #e4e7eb;border-radius:10px;margin-bottom:20px;padding:20px}.card h2{margin-top:0;font-size:16px}.project-manager{max-width:560px;margin:0 auto;padding:48px 16px}.brand{text-align:center;margin-bottom:32px}.brand h1{color:#2563eb;margin:0;font-size:32px}.tagline{color:#6b7280;margin:4px 0 0}.project-manager input[type=text]{border:1px solid #d1d5db;border-radius:6px;flex:1;padding:8px 12px}.pm-footer{text-align:center;margin-top:8px;font-size:13px}.pm-footer a{color:#6b7280}.project-list{margin:0;padding:0;list-style:none}.project-list li{cursor:pointer;border:1px solid #e4e7eb;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 14px;display:flex}.project-list li:hover{background:#f8faff;border-color:#2563eb}.project-name{font-weight:600;display:block}.master{grid-template-columns:320px 1fr;align-items:start;gap:24px;display:grid}@media (width<=760px){.master{grid-template-columns:1fr}}.master-form h3,.master-list h3{margin-top:0;font-size:15px}.master-form label{color:#6b7280;margin:12px 0 4px;font-size:13px;display:block}.master-form input[type=text],.master-form input[type=number],.master-form input:not([type]){border:1px solid #d1d5db;border-radius:6px;width:100%;padding:8px 10px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:#f3f4f6;border:1px solid #d1d5db;border-radius:999px;padding:4px 12px;font-size:13px}.chip.on{color:#fff;background:#2563eb;border-color:#2563eb}.chip:disabled{opacity:.4;cursor:default}.master-list table{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;overflow:hidden}.master-list th,.master-list td{text-align:left;border-bottom:1px solid #eef0f2;padding:8px 12px;font-size:14px}.master-list th{color:#6b7280;background:#f9fafb;font-size:12px}.actions{white-space:nowrap;text-align:right}.swatch{border:1px solid #d1d5db;border-radius:4px;width:18px;height:18px;display:inline-block}.timetable-screen{grid-template-columns:1fr 300px;align-items:start;gap:20px;display:grid}@media (width<=860px){.timetable-screen{grid-template-columns:1fr}}.timetable-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.timetable-toolbar select{border:1px solid #d1d5db;border-radius:6px;padding:6px 10px}.small-btn{padding:5px 10px;font-size:13px}.toolbar-spacer{flex:1;min-width:12px}.timetable-context{margin:4px 0 10px;font-size:13px}.ctx-week{color:#b45309;background:#fffbeb;border:1px solid #fcd34d;border-radius:6px;padding:3px 10px}.ctx-base{color:#6b7280}.view-toggle{border:1px solid #d1d5db;border-radius:6px;display:inline-flex;overflow:hidden}.view-toggle button{color:#4b5563;background:#fff;border:none;padding:6px 14px;font-size:13px}.view-toggle button.on{color:#fff;background:#2563eb}.timetable{border-collapse:collapse;table-layout:fixed;width:100%}.overview-scroll{overflow-x:auto}.timetable.overview{table-layout:auto;width:auto}.timetable.overview .day-head{background:#374151;border-left:2px solid #9ca3af}.timetable.overview .period-sub{color:#fff;background:#4b5563;width:58px;padding:2px 0;font-size:11px;font-weight:400}.timetable.overview .class-head{color:#1f2933;white-space:nowrap;z-index:1;background:#f3f4f6;padding:0 10px;font-size:13px;position:sticky;left:0}.timetable.overview .cell{width:58px;height:50px;padding:2px}.timetable.overview .cell-subject{font-size:12px;font-weight:600;line-height:1.25}.timetable.overview .cell-meta{color:#4b5563;font-size:10px;line-height:1.2}.timetable.overview .cell-room,.timetable.overview .kind-tag,.timetable.overview .changed-tag{display:none}.timetable.overview .cell-plus{font-size:12px;line-height:1}.timetable.overview tbody td:nth-child(6n+2),.timetable.overview thead .period-sub:nth-child(6n+1){border-left:2px solid #9ca3af}.timetable.grade-view{table-layout:fixed;width:auto}.timetable.grade-view .corner-col{width:56px}.timetable.grade-view .cell-col{width:44px}.cell-inner{width:100%}.timetable.grade-view .cell,.timetable.grade-view .class-sub{box-sizing:border-box;overflow:hidden}.timetable.grade-view .cell-inner{width:36px;overflow:hidden}.timetable.grade-view .cell-subject,.timetable.grade-view .cell-meta,.timetable.grade-view .class-sub{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.timetable.grade-view .day-head{background:#374151;border-left:2px solid #9ca3af}.timetable.grade-view .class-sub{color:#fff;background:#4b5563;padding:4px 2px;font-size:12px;font-weight:400}.timetable.grade-view .cell{height:60px;padding:3px 1px}.timetable.grade-view .cell-body{text-align:center}.timetable.grade-view .cell-inner{margin:0 auto}.timetable.grade-view .day-start{border-left:2px solid #9ca3af}.timetable.grade-view .grade-start{border-left:2px dashed #c4c9d0}.timetable.grade-view .day-start.grade-start{border-left:2px solid #9ca3af}.timetable th,.timetable td{border:1px solid #d8dce1}.timetable thead th{color:#fff;background:#374151;padding:8px;font-size:14px}.timetable .corner{background:#1f2933;width:64px}.period-head{text-align:center;color:#4b5563;background:#f3f4f6;width:56px;font-size:13px}.cell{vertical-align:top;cursor:pointer;height:72px;padding:4px 6px;transition:outline 50ms;position:relative}.cell.changed{box-shadow:inset 4px 0 #f59e0b}.changed-tag{color:#fff;background:#f59e0b;border-radius:3px;padding:2px 4px;font-size:10px;line-height:1;position:absolute;top:2px;right:2px}.cell.filled{cursor:grab}.cell.dragging{opacity:.4}.cell.drop-target{outline-offset:-2px;outline:2px dashed #2563eb}.cell.empty{text-align:center;color:#c4c9d0;background:#fff}.cell.empty:hover{color:#2563eb;background:#f0f6ff}.cell.filled:hover{outline-offset:-2px;outline:2px solid #2563eb}.cell.error{box-shadow:inset 0 0 0 3px #dc2626;background:#fef2f2!important}.cell.error .cell-subject{color:#b91c1c}.cell.warn{box-shadow:inset 0 0 0 2px #eab308}.lock-tag{font-size:11px;position:absolute;bottom:2px;right:3px}.cell.locked{cursor:default}.cell.error.changed{box-shadow:inset 0 0 0 3px #dc2626,inset 4px 0 #f59e0b}.cell.focus{animation:1.6s ease-out cell-flash}@keyframes cell-flash{0%,40%{box-shadow:inset 0 0 0 3px #f59e0b}to{box-shadow:inset 0 0 0 3px #0000}}.cell-plus{font-size:18px;line-height:64px}.cell-subject{font-size:14px;font-weight:600}.cell-meta{color:#4b5563;font-size:12px}.cell-given{color:#6b7280;font-size:.9em;display:block}.cell-room{color:#6b7280;font-size:11px}.cell.special{background:repeating-linear-gradient(45deg,#f3f4f6,#f3f4f6 6px,#eceef1 6px 12px)}.kind-tag{color:#fff;background:#6b7280;border-radius:3px;margin-bottom:2px;padding:1px 5px;font-size:10px;display:inline-block}.empty-state{text-align:center;color:#6b7280;padding:60px 20px}.side-panels{flex-direction:column;gap:16px;display:flex;position:sticky;top:12px}.problem-panel,.changes-panel{background:#fff;border:1px solid #e4e7eb;border-radius:10px;padding:14px}.problem-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.problem-title{font-size:14px;font-weight:600}.problem-count{text-align:center;color:#fff;border-radius:999px;min-width:24px;padding:0 7px;font-size:12px;line-height:22px}.problem-counts{gap:6px;display:flex}.problem-count.has{background:#dc2626}.problem-count.warn{background:#eab308}.problem-count.info{background:#2563eb}.problem-list li.info{background:#eff6ff;border-color:#bfdbfe}.problem-badge.info{color:#fff;background:#2563eb}.cell-exchange{color:#1d4ed8;text-overflow:ellipsis;white-space:nowrap;background:#eff6ff;border-radius:3px;margin-top:2px;padding:0 3px;font-size:10px;overflow:hidden}.exchange-list{margin:0;padding:0;list-style:none}.exchange-list li{border:1px solid #e4e7eb;border-radius:8px;justify-content:space-between;gap:12px;margin-bottom:8px;padding:10px 12px;display:flex}.exchange-list li.inactive{opacity:.55}.exchange-title{margin-bottom:2px;font-weight:600}.problem-count.ok{background:#d1d5db}.problem-list li.warn{background:#fffbeb;border-color:#fde68a}.problem-list li.warn:hover{background:#fef3c7}.problem-badge.warn{color:#fff;background:#eab308}.problem-ok{color:#059669;margin:4px 0;font-size:14px}.problem-ok .check{margin-right:4px;font-weight:700}.problem-list{flex-direction:column;gap:8px;max-height:460px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.problem-list li{cursor:pointer;background:#fef6f6;border:1px solid #fecaca;border-radius:8px;padding:8px 10px}.problem-list li:hover{background:#fee2e2}.problem-badge{border-radius:4px;margin-bottom:4px;padding:1px 7px;font-size:11px;display:inline-block}.problem-badge.error{color:#fff;background:#dc2626}.problem-msg{color:#374151;font-size:13px;display:block}.diff-count{text-align:center;color:#fff;background:#f59e0b;border-radius:999px;min-width:24px;padding:0 7px;font-size:12px;line-height:22px}.diff-list{flex-direction:column;gap:8px;max-height:320px;margin:0 0 10px;padding:0;list-style:none;display:flex;overflow-y:auto}.diff-list li{cursor:pointer;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:8px 10px}.diff-list li:hover{background:#fef3c7}.diff-where{color:#92400e;margin-bottom:2px;font-size:12px;display:block}.diff-change{color:#374151;font-size:13px;display:block}.arrow{color:#9ca3af}.history-toggle{margin-top:4px;font-size:13px;display:block}.history-list{flex-direction:column;gap:8px;max-height:260px;margin:8px 0 0;padding:0;list-style:none;display:flex;overflow-y:auto}.history-list li{border-left:2px solid #e5e7eb;padding:2px 0 2px 10px}.history-head{align-items:center;gap:8px;display:flex}.history-when{color:#9ca3af;font-size:11px}.history-reason{color:#4338ca;background:#eef2ff;border-radius:4px;padding:0 6px;font-size:11px}.history-body{color:#4b5563;font-size:12px}.unavail-grid{border-collapse:collapse;margin-top:4px}.unavail-grid th,.unavail-grid td{text-align:center;border:1px solid #d8dce1;width:30px;height:26px;padding:0;font-size:12px}.unavail-grid thead th,.unavail-grid tbody th{color:#6b7280;background:#f3f4f6}.unavail-grid td{cursor:pointer;color:#dc2626;font-weight:700}.unavail-grid td:hover{background:#f0f6ff}.unavail-grid td.off{background:#fee2e2}.modal-backdrop{z-index:50;background:#11182773;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:360px;max-width:calc(100vw - 32px);max-height:calc(100vh - 40px);padding:24px;overflow-y:auto}.modal-wide{width:460px}.placer-grid{border-collapse:collapse;margin-top:4px}.placer-grid th,.placer-grid td{text-align:center;border:1px solid #d8dce1;width:40px;height:28px;padding:0;font-size:12px}.placer-grid thead th,.placer-grid tbody th{color:#6b7280;background:#f3f4f6}.placer-grid td{cursor:pointer;color:#2563eb}.placer-grid td:hover{background:#f0f6ff}.placer-grid td.on{background:#dbeafe}.modal h3{margin-top:0}.modal label{color:#6b7280;margin:14px 0 4px;font-size:13px;display:block}.modal select{border:1px solid #d1d5db;border-radius:6px;width:100%;padding:8px 10px}.modal-actions{align-items:center;gap:8px;margin-top:24px;display:flex}.feedback-text{box-sizing:border-box;resize:vertical;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:8px 10px;font-family:inherit;font-size:14px}.feedback-error{color:#dc2626;font-size:13px}.checkbox-row{align-items:center;gap:8px;margin:16px 0 4px;font-size:13px;color:#374151!important;display:flex!important}.checkbox-row input{width:auto}.settings-row{flex-wrap:wrap;gap:24px;display:flex}.settings-row label{align-items:center;gap:8px;font-size:14px;display:flex}.settings-row input{border:1px solid #d1d5db;border-radius:6px;width:64px;padding:6px 8px}.hours-scroll{overflow-x:auto}.hours-table{border-collapse:collapse}.hours-table th,.hours-table td{text-align:center;white-space:nowrap;border:1px solid #e4e7eb;padding:4px 8px;font-size:13px}.hours-table thead th{color:#4b5563;background:#f9fafb}.hours-table tbody th{text-align:left;background:#f9fafb;font-weight:500}.hours-table tbody th .swatch{vertical-align:middle;width:12px;height:12px;margin-right:6px}.hours-table input{text-align:center;border:1px solid #d1d5db;border-radius:4px;width:48px;padding:4px}.test-table td{font-variant-numeric:tabular-nums}.test-table td.gap-flag{color:#92400e;background:#fef9c3;font-weight:700}.test-settings .settings-row label{flex-direction:column;align-items:flex-start;gap:4px}.test-settings input,.test-settings select{border:1px solid #d1d5db;border-radius:6px;padding:6px 8px}.legend{align-items:center;gap:6px;margin-top:12px;display:flex}.output-buttons{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.output-buttons button:disabled{opacity:.5;cursor:not-allowed}.gap-flag-legend{background:#fef9c3;border:1px solid #fde68a;border-radius:3px;width:14px;height:14px;display:inline-block}.candidate-list{border:1px solid #eef0f2;border-radius:8px;flex-direction:column;gap:4px;max-height:184px;margin:4px 0 0;padding:6px;list-style:none;display:flex;overflow-y:auto}.candidate{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:5px 8px;font-size:13px;display:flex}.candidate:hover{background:#f3f4f6}.candidate.ng{cursor:not-allowed;opacity:.55}.candidate.selected{background:#eef2ff;outline:1px solid #c7d2fe}.cand-mark{text-align:center;width:16px;font-weight:700}.cand-mark.ok{color:#059669}.cand-mark.warn{color:#d97706}.cand-mark.ng{color:#dc2626}.cand-name{flex:1}.cand-reason{color:#9ca3af;font-size:11px}