button.course-card,button.goal-row{font:inherit;color:inherit;text-align:left;width:100%}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #69a9d2;outline-offset:3px}.brand-button{font-family:inherit;font-size:20px;font-weight:800}.shell-mark{font-size:100px;color:#3e7a9b;opacity:.32}.secondary,.pagination button{font:inherit;font-size:13px;border:1px solid #bdd6df;border-radius:10px;background:#fff;color:#235168;padding:11px 15px;cursor:pointer}.button-row{display:flex;gap:10px;flex-wrap:wrap}.resume-card{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #b6d7e4;background:#edf6fa;padding:20px;border-radius:18px;margin:18px 0}.resume-card h3{margin:7px 0}.resume-card p{color:#5a7886;font-size:13px;margin:0}.filter-row{display:flex;gap:14px;margin-bottom:20px}.filter-row label{flex:1;font-size:12px;color:#577987}.filter-row select,.observation-form select,.observation-form input{width:100%;display:block;margin-top:7px;border:1px solid #c5dbe4;border-radius:9px;background:#fff;padding:11px;color:#204252;font:inherit;font-size:14px}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin:24px 0}.pagination span{font-size:12px;color:#557687}.notice{border-left:3px solid #c99547;border-radius:8px;background:#fff6e6;color:#805c26;padding:15px;line-height:1.65;font-size:13px}.notice.error{background:#ffefed;color:#953b36}.resource-detail{border-top:1px solid #dfebef;padding:15px 0}.resource-detail summary{cursor:pointer;font-size:13px;line-height:1.8}.resource-detail summary .resource-state{margin-left:8px}.resource-detail dl{padding:10px;font-size:12px}.resource-detail dt{color:#598192;margin-top:10px}.resource-detail dd{margin:5px 0;line-height:1.6}.training-stage{max-width:900px;min-height:0}.template-caption{font-size:13px;color:#536d7c;line-height:1.6}.present-panel p{font-size:12px;color:#5c7c8a;margin:9px 0 0}.observation-form{margin-top:20px}.observation-form fieldset{border:1px solid #d7e6ec;border-radius:14px;padding:18px}.observation-form legend{font-weight:700;color:#285770;padding:0 7px}.observation-form label{font-size:12px;display:block;margin-bottom:14px;color:#436572}.observation-form .muted{font-size:12px;line-height:1.7}.prompt-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.prompt-row label{flex:1;min-width:130px}.prompt-row span{font-size:12px;color:#5a7e8d}.parent-drawer summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:#235168}.record-list{display:grid;gap:14px;margin-top:20px}.record-card h3{margin:0;font-size:16px}.record-card p{font-size:13px;color:#516f7c;line-height:1.6}.record-card small{color:#788e98}dialog{border:1px solid #c7dce5;border-radius:18px;max-width:520px;padding:26px;color:#274e61}dialog::backdrop{background:#1c334e80}#toast.error{background:#8d3f36}#toast{max-width:min(700px,90vw);border-radius:12px;line-height:1.65}select,button{touch-action:manipulation}.topbar{position:relative}.app-shell{padding-bottom:110px}.training-screen .primary,.training-screen .secondary{min-height:44px}.primary{min-height:44px}.training-screen{padding-bottom:20px}.training-stage h1{font-size:27px}.training-bar .back{min-height:44px}.training-bar{gap:16px}.training-bar .pause{min-height:44px}.training-screen .media-pending span{font-size:12px}.training-preview h2{font-size:18px;line-height:1.75}
@media(max-width:760px){.filter-row{flex-wrap:wrap}.filter-row label{min-width:130px}.resume-card{flex-direction:column;align-items:flex-start}.training-bar{font-size:11px}.pagination{gap:8px}.page{padding:0 18px}.training-stage{padding:18px}}
.export-dialog{width:min(650px,90vw);max-width:650px}.export-dialog textarea{width:100%;font-family:monospace;font-size:12px;border:1px solid #c5dbe4;border-radius:8px;margin:10px 0 20px;padding:10px;box-sizing:border-box}.export-dialog a{display:inline-flex;align-items:center;text-decoration:none}
.child-task{margin:20px 0;padding:18px;border:1px solid #cfe0f3;border-radius:18px;background:linear-gradient(135deg,#f4f9ff,#fff);box-shadow:0 8px 20px rgba(42,96,145,.08)}
.child-task-head{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.child-task-head b{font-size:18px;color:#173b5f}.child-task-kicker{font-size:12px;letter-spacing:.08em;color:#3973a8}.child-task-hint,.child-task-count{font-size:13px;color:#65809a;line-height:1.6}.child-task-count{margin:12px 0 0;color:#2d608f;font-weight:600}.child-action{width:100%;min-height:60px;border:1px solid #8db9df;border-radius:14px;background:#e8f4ff;color:#1f5d91;font-size:20px;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}.child-action:not(:disabled):hover,.child-action:not(:disabled):focus-visible{background:#d5ecff;box-shadow:0 7px 18px rgba(45,112,173,.2);transform:translateY(-1px)}.child-action:disabled,.choice-button:disabled{opacity:.5;cursor:not-allowed}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.choice-button{min-height:64px;padding:12px;border:1px solid #a8c7e0;border-radius:14px;background:#fff;color:#25557e;font-size:17px;font-weight:650;cursor:pointer}.choice-button:not(:disabled):hover,.choice-button:not(:disabled):focus-visible{border-color:#4c93c9;background:#edf7ff;box-shadow:0 6px 16px rgba(45,112,173,.15)}.pending-task{background:#f8fbfe;border-style:dashed}.pending-task>p{margin:8px 0;color:#5f758a;line-height:1.65}.real-activity{background:#f5faff}.child-task .muted{color:#8496a5}
@media (max-width:640px){.choice-grid{grid-template-columns:1fr}.child-task{padding:15px}.child-action{font-size:18px}}
.media-card{margin:16px 0;padding:16px;border:1px solid #c9e0f0;border-radius:16px;background:#f4fbff;display:flex;flex-direction:column;gap:9px}.media-card audio{width:100%}.media-card video,.media-card img{display:block;max-width:100%;max-height:280px;border-radius:12px;object-fit:contain;background:#e7f1f7}.media-label{font-size:12px;letter-spacing:.08em;color:#3675a8;font-weight:700}.media-card small{color:#6d8293;line-height:1.5}.media-card a{color:#1e6a9f;font-weight:700}
.config-checklist{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0;padding:0;list-style:none}.config-checklist li{padding:6px 10px;border-radius:999px;background:#eaf3fa;color:#4f6d85;font-size:12px}
.choice-button.selected{border-color:#2f8dbe;background:#e6f6ff;box-shadow:inset 0 0 0 2px #8ac8e5}.child-sequence-summary{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}.child-sequence-summary span{padding:7px 10px;border-radius:10px;background:#edf7ff;color:#275f87;font-size:14px;font-weight:650}
.placeholder-board{min-height:170px;border:2px dashed #9fc6dc;border-radius:16px;background:linear-gradient(135deg,#f1f8fc,#fff);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#5c8299}.placeholder-icon{width:64px;height:64px;border-radius:18px;background:#dff1f8;color:#25759b;display:grid;place-items:center;font-size:18px;font-weight:800}.placeholder-board small{font-size:12px;color:#8099a7}.generic-action-row{display:flex;gap:12px;align-items:stretch;margin-top:14px}.generic-action-row .child-action{flex:1}.generic-action-row .secondary{min-width:140px}.generic-task .child-task-hint{margin-top:14px}
.training-bar-actions{display:flex;align-items:center;gap:10px}.child-mode-toggle{border:1px solid #a9cbe3;border-radius:12px;background:#edf7ff;color:#28658f;padding:9px 13px;font-weight:700;cursor:pointer}.child-mode-toggle:disabled{opacity:.45;cursor:not-allowed}.training-screen.child-mode .parent-drawer,.training-screen.child-mode .observation-form,.training-screen.child-mode .present-panel{display:none}.training-screen.child-mode .training-stage{max-width:1180px;margin-left:auto;margin-right:auto}.training-screen.child-mode .child-task{padding:28px;border-width:2px;box-shadow:0 12px 30px rgba(42,96,145,.12)}.training-screen.child-mode .child-action{min-height:96px;font-size:28px}.training-screen.child-mode .choice-button{min-height:110px;font-size:24px}
.route-warning{border-left:4px solid #d39b43;background:#fff9eb;color:#79581f}
.draft-preview{margin:14px 0;padding:12px;border-radius:12px;background:#fff;border:1px solid #d6e4ee}.draft-preview-label{display:block;margin-bottom:8px;font-size:12px;color:#7a8d9c;font-weight:700}.draft-preview>div{display:flex;flex-wrap:wrap;gap:8px}.draft-preview>div span{padding:7px 10px;border-radius:9px;background:#edf5fa;color:#38617e;font-size:13px}
.pair-sample{margin:12px 0;padding:16px;border:2px solid #9fc4df;border-radius:14px;background:#eef8ff;color:#245b83;font-size:18px;font-weight:700;text-align:center}.sequence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.training-screen.child-mode .sequence-grid{gap:16px}@media(max-width:640px){.sequence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Retain the compatibility training view's computed appearance after retiring pair-page.css. */
.pair-sample{width:220px;height:220px;border:2px solid #b9dfe8;border-radius:26px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;box-shadow:0 8px 22px #39748712}
@media(max-width:700px){.pair-sample{width:31vw;height:160px}}