.focus-shell{max-width:1050px;margin:20px auto;min-width:0}.focus-shell h2{font-size:25px;margin:12px 0}.focus-intro{margin-bottom:20px}.focus-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.focus-course{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin:0}.focus-course h3,.focus-course p{margin:0}.focus-course p{flex:1}.focus-family{color:#56768d;font-weight:700}.focus-course select{background:white;border:1px solid #c9d4dc;border-radius:10px;padding:10px;min-height:44px;max-width:100%}.focus-caption{color:#637a89;font-size:13px;line-height:1.8}.focus-history{margin-top:20px}.focus-history>summary,.focus-result summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:700}.focus-run-head{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-bottom:18px}.focus-run-head>.secondary{flex-shrink:0;background:#e9eef2;border:1px solid #bfccd7}.focus-rule{padding:18px;background:#edf3f7;border:1px solid #cfdee8;border-radius:14px;font-size:21px;font-weight:700;margin:18px 0}.focus-find-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.focus-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:90px;padding:12px 5px;border:2px solid #d7e1e8;background:#fff;border-radius:12px;font-size:24px;font-weight:650;min-width:0;overflow-wrap:anywhere}.focus-cell small{font-size:12px;font-weight:400;color:#677e8d}.focus-cell:disabled{opacity:1}.focus-cell.selected{border-color:#527c99;background:#e6eff6;box-shadow:0 0 0 2px #adc5d6}.focus-cell.expected{border-color:#508775;background:#eff8f3}.focus-cell>span:not(.focus-shape){font-size:15px}.focus-shape{display:flex;width:30px;height:30px;align-items:center;justify-content:center;color:white;font-size:20px}.shape-0{border-radius:50%}.shape-1{clip-path:polygon(50% 0,100% 100%,0 100%)}.shape-2{border-radius:4px}.tone-0{background:#39729c}.tone-1{background:#ba722c}.tone-2{background:#85639f}.focus-memory-grid{display:grid;grid-template-columns:repeat(var(--focus-cols),minmax(0,1fr));gap:8px;max-width:500px;margin:20px auto}.focus-memory-cell{aspect-ratio:1;border:2px solid #cfdde7;border-radius:12px;background:#f6f8fa;font-size:23px;color:#7891a2}.focus-memory-cell:disabled{opacity:1}.focus-memory-cell.lit{background:#527c99;color:white;border-color:#365d78;box-shadow:0 0 0 3px #b2cadc}.focus-memory-cell.chosen{background:#e2edf5;color:#345875}.focus-status{text-align:center}.focus-rule-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:25px 0}.focus-round-feedback{background:#eef5f1;border-radius:12px;padding:16px;margin-top:18px}.focus-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.focus-metrics>div{padding:12px;background:#f1f5f8;border-radius:12px;display:flex;flex-direction:column;gap:5px;text-align:center}.focus-metrics b{font-size:24px}.focus-metrics span{font-size:13px;color:#5c7485}.focus-evidence{padding:14px 0;border-bottom:1px solid #dce5eb;overflow-wrap:anywhere}.focus-evidence p{margin:6px 0}.focus-evidence small{color:#637a89}.focus-shell .actions{flex-wrap:wrap}.focus-shell .actions>button{min-height:44px}.focus-shell [role=status]{overflow-wrap:anywhere}@media(max-width:760px){.focus-course-grid{grid-template-columns:1fr}.focus-course p{flex:initial}.focus-shell h2{font-size:22px}.focus-find-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.focus-rule{font-size:18px}.focus-metrics{gap:6px}.focus-metrics b{font-size:21px}.focus-rule-choices{gap:8px}.focus-run-head{align-items:flex-start}.focus-cell{font-size:21px}.focus-cell>span:not(.focus-shape){font-size:13px}}@media(prefers-reduced-motion:reduce){.focus-shell *{transition:none!important;animation:none!important}}

.focus-activity-mode #app .page{animation:none!important}