.ft{color:#263238;font-family:system-ui,sans-serif;container-type:inline-size;margin:24px 0;letter-spacing:0}.ft *{box-sizing:border-box;letter-spacing:0}.ft .ft-settings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ft label{display:grid;gap:5px;font-size:14px;font-weight:600;min-width:0}.ft input,.ft select,.ft button{font:inherit;font-size:14px;min-height:42px;border:1px solid #aab9be;border-radius:4px;background:#fff;color:#263238;max-width:100%;padding:8px;line-height:1.5}.ft input,.ft select{width:100%}.ft button{cursor:pointer;white-space:normal}.ft button:hover{background:#edf6f3}.ft button:disabled{opacity:.5;cursor:default}.ft :is(button,input,select,summary,[tabindex]):focus-visible{outline:3px solid #1268a0;outline-offset:2px}.ft .ft-error{color:#a42432;font-size:14px}.ft .ft-error:empty{display:none}.ft .ft-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:16px;align-items:start}.ft .ft-player,.ft .ft-record{min-width:0}.ft .ft-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid #087b69;padding-top:8px;gap:8px;font-size:12px}.ft .ft-values strong{display:block;font-size:24px;font-variant-numeric:tabular-nums}.ft .ft-values div:nth-child(2){color:#087b69}.ft .ft-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:8px}.ft .ft-actions button{font-size:12px;padding:7px 2px}.ft .ft-status{font-size:13px;line-height:1.5;min-height:3em;margin:8px 0}.ft .ft-diagram{display:block;width:100%;max-width:400px;height:auto;margin:0 auto}.ft .ft-edges path{fill:none;stroke:#53656c;stroke-width:2;marker-end:url(#ft-arrow)}.ft marker path{fill:#53656c}.ft [data-node] rect,.ft [data-node] polygon{fill:#f5f8f9;stroke:#53656c;stroke-width:2}.ft [data-node] text{font-size:16px;text-anchor:middle;dominant-baseline:middle;fill:#263238;font-weight:600}.ft .ft-labels text{font-size:14px;text-anchor:middle;fill:#45565e}.ft [data-node].active rect,.ft [data-node].active polygon{stroke:#087b69;stroke-width:3;fill:#e2f4eb}.ft h3{font-size:17px;line-height:1.5;border:0;background:none;padding:0;margin:0 0 10px}.ft .ft-table-scroll{max-height:520px;overflow:auto;border:1px solid #d5dfe1}.ft table{width:100%;border-collapse:collapse;margin:0;font-size:12px;line-height:1.5;table-layout:fixed}.ft th,.ft td{padding:7px 3px;border:0;border-bottom:1px solid #dde5e6;text-align:center;overflow-wrap:anywhere}.ft th{background:#edf2f4}.ft th:nth-child(2){width:40%}.ft tbody tr:last-child{background:#e2f4eb;font-weight:600}.ft .ft-practice{border-top:1px solid #d5dfe1;margin-top:22px;padding-top:18px}.ft .ft-quiz{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.ft .ft-quiz button{grid-column:1/-1;justify-self:start;background:#1268a0;color:white}.ft .ft-feedback,.ft details p{font-size:14px;line-height:1.8}.ft details{margin-top:14px}.ft summary{cursor:pointer;font-size:14px;font-weight:600}@container(max-width:520px){.ft .ft-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.ft .ft-workspace{grid-template-columns:1fr;gap:18px}.ft .ft-table-scroll{max-height:230px}.ft .ft-diagram{max-width:330px}.ft .ft-status{min-height:3em}}
.ft .ft-record table th,.ft .ft-record table td{padding:7px 3px;font-size:12px;line-height:1.5}.ft .ft-record table th{white-space:nowrap}.ft .ft-record h3::before,.ft .ft-record h3::after,.ft .ft-practice h3::before,.ft .ft-practice h3::after{display:none}