.ink-preview{margin-top:65px;text-align:left;--motion-ease:cubic-bezier(.16,1,.3,1)}
.ink-preview-label{display:flex;justify-content:space-between;gap:20px;padding:0 5px 18px;color:#71807d;font-size:9px;letter-spacing:1.5px}.ink-preview-label>span:last-child{letter-spacing:0}
.motion-stage{position:relative;isolation:isolate;background:#24363c;border-radius:25px;color:#f3f6f5;overflow:hidden}.motion-surface{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 10% 100%,#405a60,transparent 65%);pointer-events:none}
.motion-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 32px;color:#b1c2c7;font-size:9px;letter-spacing:1.3px}.motion-top>span:first-child{display:flex;align-items:center;gap:12px}.motion-top i{width:3px;height:3px;background:#91a7ae;border-radius:50%}.motion-top>span:last-child{letter-spacing:0}
.motion-views{display:grid;min-height:640px;position:relative}.motion-view{grid-area:1/1;min-width:0;padding:38px 60px 50px;opacity:0;visibility:hidden;transform:translateY(15px);transition:opacity 650ms var(--motion-ease),transform 1000ms var(--motion-ease),visibility 650ms;pointer-events:none}.motion-view[aria-hidden=false]{opacity:1;visibility:visible;transform:none;pointer-events:auto}.learner-view{display:grid;padding:25px 60px 35px}
.motion-scene{width:min(100%,790px);margin:auto;grid-area:1/1;align-self:start;opacity:0;visibility:hidden;transform:translateY(17px);transition:opacity 550ms var(--motion-ease),transform 1100ms var(--motion-ease),visibility 550ms;pointer-events:none}.motion-stage[data-beat=intro] .motion-intro,.motion-stage[data-beat=q1] [data-question="1"],.motion-stage[data-beat=q2] [data-question="2"],.motion-stage[data-beat=finish] .motion-finish{opacity:1;visibility:visible;transform:none}
.motion-kicker{font-size:10px;letter-spacing:1.5px;color:#a6bcc2}.motion-scene h2,.admin-copy h2,.record-heading h2{font-weight:450;font-size:clamp(32px,3.3vw,48px);line-height:1.12;letter-spacing:-1.8px;margin:25px 0 18px;color:#f3f6f5}.motion-scene h2 em,.admin-copy h2 em,.record-heading h2 em{font:italic 1em Georgia,serif;color:#c3dce0}.motion-scene>p,.admin-copy>p{font-size:14px;line-height:1.65;color:#b6c8cd;margin:0}.motion-intro{padding-top:45px}
.motion-invitation{margin-top:40px;position:relative;isolation:isolate;border:1px solid #b2c6cd;border-radius:19px;padding:27px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(120deg,#dde5e7,#e9eeef);color:#374b53;min-height:130px}.motion-invitation small,.motion-mini-record small{display:block;font-size:9px;letter-spacing:1px;color:#6f8289;margin-bottom:12px}.motion-invitation strong{font-size:19px;font-weight:450;letter-spacing:-.5px}
.motion-pill{display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:12px;padding:12px 17px;min-height:44px;background:linear-gradient(#f7f9f9,#e1e9eb);color:#34494f;font-size:11px;white-space:nowrap;box-shadow:inset 0 1px #fff,0 4px 12px #071d2610}.motion-pill svg{width:16px;height:16px}
.motion-progress{display:flex;align-items:center;gap:18px;color:#dfe9ec;font-size:16px;margin-bottom:26px;font-variant-numeric:tabular-nums}.motion-progress>small{margin-left:auto;font-size:10px;color:#aec1c7}.motion-progress>span small{color:#8ca3aa;font-size:12px}.motion-progress>div{display:flex;gap:6px;width:85px}.motion-progress i{width:50%;height:3px;background:#4b636c;border-radius:3px;position:relative;overflow:hidden}.motion-progress i::before{content:'';display:block;height:100%;background:#c1d8df;transform:scaleX(0);transform-origin:left;transition:transform 1200ms var(--motion-ease)}.motion-progress i.done::before{transform:scaleX(1)}
.motion-question h2{font-size:38px;margin:0 0 15px;letter-spacing:-1.2px}.motion-question .motion-prompt{font-size:13px;color:#b3c6cc;margin-bottom:25px}.motion-answers{display:grid;grid-template-columns:1fr 1fr;gap:11px}.motion-answers>div{position:relative;isolation:isolate;display:flex;align-items:center;gap:12px;padding:16px 18px;min-height:72px;border-radius:15px;background:#344950;font-size:12px;line-height:1.5;color:#edf3f4;transition:color 600ms var(--motion-ease),transform 700ms var(--motion-ease)}.motion-answers>div::before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background:#f9fbfb;border:1px solid #c4d6dc;opacity:0;transform:scale(.985);transition:opacity 650ms var(--motion-ease),transform 800ms var(--motion-ease)}.motion-answers>div>span{width:24px;height:24px;border:1px solid #677f87;border-radius:7px;display:grid;place-items:center;position:relative;font-size:9px;flex:none;color:#b4c6cc;transition:color 600ms var(--motion-ease),border-color 600ms var(--motion-ease)}.motion-answers svg{position:absolute;width:14px;height:14px;opacity:0;transform:scale(.5);color:#477262;transition:opacity 500ms var(--motion-ease),transform 750ms var(--motion-ease)}
.motion-question.is-selected .motion-correct{color:#30434b;transform:translateY(-2px)}.motion-question.is-selected .motion-correct::before{opacity:1;transform:none}.motion-question.is-selected .motion-correct>span{color:#566e77;border-color:#b6cbd0}.motion-question.is-checked .motion-correct>span{color:transparent}.motion-question.is-checked .motion-correct svg{opacity:1;transform:none}.motion-question[data-question="1"].is-checked .motion-progress i:first-child::before,.motion-question[data-question="2"].is-checked .motion-progress i::before{transform:scaleX(1)}
.motion-question-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:22px;font-size:10px;color:#adc2c9}.motion-feedback{display:flex;gap:10px;align-items:flex-start;min-height:63px;margin-top:20px;opacity:0;transform:translateY(7px);transition:opacity 900ms var(--motion-ease),transform 1000ms var(--motion-ease);color:#b7cfca}.motion-feedback svg{width:17px;height:17px;margin-top:2px;flex:none}.motion-feedback p{font-size:12px;line-height:1.6;margin:0}.motion-feedback strong{font-weight:500;color:#f1f6f3;margin-right:5px}.is-checked .motion-feedback{opacity:1;transform:none}
.motion-capsule{width:222px;height:48px;display:flex;align-items:center;gap:12px;margin:8px auto 0;padding:0 15px;font-size:11px;color:#798b70;background:linear-gradient(128deg,#ffffffed,#f1f6ebdd);border:1px solid #e2e9da;border-radius:17px;box-shadow:inset 0 1px 1px #fff,0 14px 32px -18px #11293330}.motion-capsule>span{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;border:1px solid #e1e9d8;background:linear-gradient(#fbfdf9,#eaf1e1);font-size:19px}
.motion-finish{padding-top:28px}.motion-mini-record{position:relative;isolation:isolate;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:30px;margin:30px 0 24px;padding:29px 32px;border-radius:19px;background:#fafbfa;color:#29373b;overflow:hidden}.motion-mini-record:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 55%,#2f8a631c,transparent 70%);opacity:0;transform:scale(.6);transition:opacity 1800ms var(--motion-ease) 450ms,transform 1800ms var(--motion-ease) 450ms}.motion-mini-record strong{display:block;font-size:27px;font-weight:450;letter-spacing:-.8px;margin-bottom:9px}.motion-mini-record div>span{font-size:11px;color:#83918c}.motion-mini-seal{display:flex;align-items:center;gap:8px;font-size:12px;color:#2f8a63;opacity:0;transform:translateY(7px) scale(.94);transition:opacity 1000ms var(--motion-ease) 850ms,transform 1100ms var(--motion-ease) 850ms}.motion-mini-seal svg{width:17px;height:17px}.mini-record-fields{border-top:1px solid #dce4e0;padding-top:20px;display:flex;gap:30px;width:100%}.motion-stage[data-beat=finish] .motion-mini-record:before{opacity:1;transform:none}.motion-stage[data-beat=finish] .motion-mini-seal{opacity:1;transform:none}
.motion-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:22px 4px;font-size:10px;color:#71827e}.view-switch{display:flex;position:relative;isolation:isolate;padding:5px;background:linear-gradient(#f6f8f7af,#e8eae98c);border:1px solid #dfe4e1;border-radius:18px}.view-switch button{z-index:1;position:relative;background:none;border:0;padding:12px 20px;font-size:11px;color:#74837e;white-space:nowrap;min-height:39px}.view-switch button[aria-pressed=true]{color:#34413e}.view-selection{position:absolute;left:5px;top:5px;height:39px;background:white;border:1px solid #eceeed;border-radius:13px;box-shadow:0 3px 6px #253c3310;transform-origin:left;transition:transform 1000ms var(--motion-ease),width 1000ms var(--motion-ease)}.motion-playback{justify-self:end;display:flex;align-items:center;gap:8px}.motion-playback button{background:transparent;border:0;color:#71827e;font-size:10px;min-width:38px;min-height:44px;padding:8px}.motion-playback svg{width:16px;height:16px}
.admin-view{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center;padding:65px 70px 95px}.admin-copy h2{font-size:42px}.admin-roster{border:1px solid #61777f55;border-radius:19px;padding:26px;background:#34495080}.roster-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:24px;border-bottom:1px solid #5d747b66;font-size:12px}.roster-head small{font-size:8px;letter-spacing:1px;color:#b5c6cc}.roster-person{display:flex;gap:12px;align-items:center;border-bottom:1px solid #5d747b55;padding:23px 0}.roster-avatar{width:34px;height:34px;border-radius:50%;background:#52707860;display:grid;place-items:center;font-size:9px;color:#c2d1d6}.roster-person>div{flex:1}.roster-person strong{display:block;font-size:12px;font-weight:450}.roster-person small{display:block;font-size:10px;color:#b1c5cb;margin-top:5px}.roster-complete{display:flex;gap:5px;align-items:center;color:#c0d9cb;font-size:10px}.roster-complete svg{width:14px;height:14px}.roster-progress{font-size:10px;color:#bed2d8}.roster-due{font-size:8px;background:#bd4a3e;padding:5px 7px;border-radius:4px;color:white}.roster-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:24px;font-size:10px;color:#b2c7cd}.roster-foot .motion-pill{font-size:10px;padding:10px 12px}
.record-view{display:grid;grid-template-columns:1fr 1.15fr;gap:65px;align-items:center;padding:50px 75px 80px}.record-heading h2{font-size:42px}.motion-statement{position:relative;isolation:isolate;overflow:hidden;background:#fafbfa;border-radius:19px;padding:32px 34px;color:#29373b}.statement-wash{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 55%,#2f8a631c,transparent 67%);opacity:0;transform:scale(.6);transition:opacity 1800ms var(--motion-ease) 400ms,transform 1800ms var(--motion-ease) 400ms}.motion-statement header{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#83918c;font-size:8px;letter-spacing:1.1px}.motion-statement header svg{width:15px;height:15px}.motion-statement h3{font-size:29px;letter-spacing:-1px;font-weight:450;margin:25px 0 10px}.motion-statement>p{font-size:11px;color:#83918c}.motion-statement dl{margin:25px 0 0}.motion-statement dl>div{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid #dce4e0;font-size:10px}.motion-statement dt{color:#83918c}.motion-statement dd{margin:0;text-align:right}.motion-statement footer{display:flex;justify-content:space-between;align-items:center;margin-top:26px;font-size:9px;color:#83918c}.statement-seal{display:flex;gap:8px;align-items:center;color:#2f8a63;font-size:12px;opacity:0;transform:translateY(5px) scale(.94);transition:opacity 1000ms var(--motion-ease) 950ms,transform 1100ms var(--motion-ease) 950ms}.record-view[aria-hidden=false] .statement-wash,.record-view[aria-hidden=false] .statement-seal{opacity:1;transform:none}.statement-seal svg{width:16px;height:16px}
.admin-view[aria-hidden=false] .roster-person{animation:roster-arrive 1000ms var(--motion-ease) both}.admin-view[aria-hidden=false] .roster-person:nth-child(2){animation-delay:200ms}.admin-view[aria-hidden=false] .roster-person:nth-child(3){animation-delay:320ms}.admin-view[aria-hidden=false] .roster-person:nth-child(4){animation-delay:440ms}@keyframes roster-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.motion-controls button:focus-visible{outline:2px solid #658993;outline-offset:3px;border-radius:12px}.motion-controls button{cursor:pointer}.motion-playback [hidden]{display:none!important}
@media(max-width:1000px){.view-caption{display:none}.motion-controls{grid-template-columns:1fr auto}.view-switch{justify-self:start}.admin-view,.record-view{padding-inline:40px;gap:35px}.admin-copy h2,.record-heading h2{font-size:34px}}
@media(max-width:700px){
.ink-preview{margin-top:43px}.ink-preview-label{font-size:8px;line-height:1.7;letter-spacing:1px;padding:0 4px 15px}.ink-preview-label>span:first-child{max-width:200px}.ink-preview-label>span:last-child{display:none}.motion-stage{border-radius:21px;overflow:visible}.motion-surface{border-radius:inherit}.motion-top{padding:23px 20px 13px;font-size:7px;gap:8px;letter-spacing:.7px}.motion-top>span:last-child{display:none}.motion-top>span:first-child{gap:9px}.motion-views{min-height:650px}.motion-view{padding:20px 20px 30px;min-width:0}.learner-view{padding:23px 20px 30px}.motion-scene{width:100%}.motion-intro{padding-top:42px}.motion-kicker{font-size:8px;letter-spacing:1px}.motion-scene h2{font-size:31px;letter-spacing:-1.2px;margin:23px 0 18px}.motion-scene>p{font-size:12px}.motion-invitation{margin-top:30px;display:block;padding:23px 20px}.motion-invitation small{font-size:8px}.motion-invitation strong{font-size:18px;line-height:1.4;display:block}.motion-invitation .motion-pill{margin-top:20px}.motion-progress{font-size:14px;gap:12px;margin-bottom:22px}.motion-progress>small{font-size:9px}.motion-progress>div{width:59px}.motion-question h2{font-size:28px;margin:0 0 13px;letter-spacing:-.9px}.motion-question .motion-prompt{font-size:12px;margin-bottom:20px}.motion-answers{grid-template-columns:1fr;gap:9px}.motion-answers>div{min-height:58px;font-size:11px;gap:10px;padding:11px 13px;border-radius:13px}.motion-answers>div>span{width:22px;height:22px;font-size:8px}.motion-question-bottom{margin-top:19px;gap:14px;font-size:8px;line-height:1.5}.motion-question-bottom>span:first-child{max-width:123px}.motion-pill{font-size:10px;padding:11px 13px;gap:10px}.motion-feedback{min-height:85px;margin-top:18px}.motion-feedback p{font-size:11px;line-height:1.6}.motion-capsule{height:46px;width:208px;margin-top:13px;font-size:10px}.motion-finish{padding-top:30px}.motion-mini-record{display:block;margin:28px 0 22px;padding:26px 24px}.motion-mini-seal{margin:25px 0}.mini-record-fields{display:grid;gap:11px;padding-top:20px}.motion-mini-record strong{font-size:26px}.motion-mini-record div>span{font-size:10px}.motion-controls{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;padding:18px 0}.view-switch{padding:4px;border-radius:16px;max-width:100%}.view-switch button{padding:12px 14px;font-size:10px;min-height:38px}.view-selection{left:4px;top:4px;height:38px;border-radius:12px}.motion-playback{width:100%;justify-content:center;gap:3px}.admin-view,.record-view{display:flex;flex-direction:column;gap:25px;align-items:stretch;padding:26px 20px 35px}.admin-copy h2,.record-heading h2{font-size:29px;letter-spacing:-1px;margin:20px 0 15px}.admin-copy>p{font-size:12px}.admin-roster{padding:19px 15px;border-radius:16px}.roster-head{font-size:10px;gap:10px;padding-bottom:20px}.roster-head small{font-size:7px}.roster-person{gap:9px;padding:20px 0}.roster-person strong{font-size:11px}.roster-person small{font-size:9px}.roster-avatar{width:27px;height:27px;font-size:8px}.roster-complete,.roster-progress{font-size:8px}.roster-complete svg{width:11px}.roster-due{font-size:7px;padding:4px}.roster-foot{font-size:8px}.roster-foot .motion-pill{font-size:8px;padding:8px}.motion-statement{padding:25px 20px}.motion-statement h3{font-size:27px}.motion-statement header{font-size:7px}.motion-statement dl>div{font-size:9px;gap:14px;padding:12px 0}.motion-statement dd{max-width:155px}.motion-statement>p{font-size:10px}
}
.motion-reduced *, .motion-reduced *::before{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.ink-preview *, .ink-preview *::before{animation:none!important;transition:none!important}}

.motion-top{position:relative;z-index:2}.motion-views{z-index:1}.motion-morph{position:absolute;inset:0;z-index:0;pointer-events:none;transform-origin:0 0;border-radius:inherit;background:#dce6e8}