/* v5.4.12 — Task Flow Rebuild
   Practice / mock / assignment creation stop looking like admin forms.
   Motion is intentionally noticeable in low-frequency setup flows, quiet during answering. */
:root{
  --ui2-task-accent:#2867c8;
  --ui2-task-accent-strong:#1e529f;
  --ui2-task-accent-soft:#edf4ff;
  --ui2-task-ease:cubic-bezier(.2,.82,.22,1);
}
.ui2-task-legacy-hidden{display:none!important}
body.ui2-task-practice-v5412 #app,body.ui2-task-mock-v5412 #app{max-width:1040px!important;margin:0 auto!important}
.ui2-task-builder{display:grid;gap:0;color:var(--ui2-text,#172033)}
.ui2-task-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:16px 0 24px;border-bottom:1px solid var(--ui2-border,#dde3ea)}
.ui2-task-kicker{display:block;margin-bottom:7px;color:var(--ui2-task-accent-strong);font-size:11px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.ui2-task-head h2{margin:0;font-size:clamp(30px,4vw,44px);line-height:1.08;letter-spacing:-.045em}
.ui2-task-head p{margin:9px 0 0;color:var(--ui2-text-3,#7a8495);font-size:13px;line-height:1.65}
.ui2-task-more,.ui2-task-mock-settings{min-height:40px;padding:9px 12px;border:1px solid var(--ui2-border,#dde3ea);border-radius:9px;background:var(--ui2-surface,#fff);color:var(--ui2-text-2,#4a5568);font-weight:760}
.ui2-task-stage{display:grid;gap:16px;padding:27px 0;border-bottom:1px solid var(--ui2-border,#dde3ea)}
.ui2-task-stage-title{display:flex;align-items:flex-start;gap:12px}
.ui2-task-stage-title>span{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--ui2-task-accent-soft);color:var(--ui2-task-accent-strong);font-size:11px;font-weight:900;font-variant-numeric:tabular-nums}
.ui2-task-stage-title h3{margin:0;font-size:19px;letter-spacing:-.025em}
.ui2-task-stage-title p{margin:3px 0 0;color:var(--ui2-text-3,#7a8495);font-size:12px}
.ui2-task-subject-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.ui2-task-subject-rail button{min-height:58px;padding:10px 8px;border:1px solid var(--ui2-border,#dde3ea);border-radius:10px;background:var(--ui2-surface,#fff);color:var(--ui2-text-2,#4a5568);transition:transform 120ms ease,background-color 190ms var(--ui2-task-ease),border-color 190ms var(--ui2-task-ease),color 190ms var(--ui2-task-ease)}
.ui2-task-subject-rail button b{display:block;font-size:14px}.ui2-task-subject-rail button small{display:block;margin-top:3px;color:var(--ui2-text-3,#7a8495);font-size:10px}
.ui2-task-subject-rail button.active{color:var(--ui2-task-accent-strong);background:var(--ui2-task-accent-soft);border-color:#a9c5ee;transform:translateY(-2px)}
.ui2-task-scope-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 16px;border:1px solid var(--ui2-border,#dde3ea);border-radius:10px;background:var(--ui2-surface,#fff);text-align:left;color:var(--ui2-text,#172033)}
.ui2-task-scope-row small{display:block;margin-bottom:3px;color:var(--ui2-text-3,#7a8495);font-size:10px;font-weight:760}.ui2-task-scope-row b{font-size:14px}.ui2-task-scope-row em{font-style:normal;color:var(--ui2-task-accent-strong);font-size:12px;font-weight:800}
.ui2-task-segment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ui2-task-segment-grid button{min-height:70px;padding:12px 13px;border:1px solid var(--ui2-border,#dde3ea);border-radius:10px;text-align:left;background:var(--ui2-surface,#fff);color:var(--ui2-text,#172033);transition:transform 120ms ease,background-color 190ms var(--ui2-task-ease),border-color 190ms var(--ui2-task-ease)}
.ui2-task-segment-grid button b{display:block;font-size:14px}.ui2-task-segment-grid button span{display:block;margin-top:4px;color:var(--ui2-text-3,#7a8495);font-size:11px}
.ui2-task-segment-grid button.active{border-color:#a9c5ee;background:var(--ui2-task-accent-soft);box-shadow:inset 3px 0 0 var(--ui2-task-accent)}
.ui2-task-mode-grid{margin-top:-7px}
.ui2-task-amount{display:flex;align-items:center;justify-content:space-between;gap:18px}
.ui2-task-quick{display:flex;gap:7px}.ui2-task-quick button{min-width:58px;height:40px;border:1px solid var(--ui2-border,#dde3ea);border-radius:9px;background:#fff;color:var(--ui2-text-2,#4a5568);font-weight:800}
.ui2-task-stepper{display:flex;align-items:center;gap:7px}.ui2-task-stepper button{width:40px;height:40px;border:1px solid var(--ui2-border,#dde3ea);border-radius:9px;background:#fff;color:var(--ui2-text,#172033);font-size:19px}.ui2-task-stepper strong{min-width:42px;text-align:right;font-size:24px;font-variant-numeric:tabular-nums}.ui2-task-stepper span{margin-right:4px;color:var(--ui2-text-3,#7a8495);font-size:12px}
.ui2-task-launch{position:sticky;bottom:0;z-index:18;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:10px;padding:16px 0 calc(16px + env(safe-area-inset-bottom));background:var(--ui2-page,#f6f8fb);border-top:1px solid var(--ui2-border,#dde3ea)}
.ui2-task-launch small{display:block;color:var(--ui2-text-3,#7a8495);font-size:10px}.ui2-task-launch b{display:block;margin-top:3px;font-size:13px}
.ui2-task-launch-btn{min-width:190px;min-height:48px;padding:11px 18px;border:1px solid var(--ui2-task-accent);border-radius:10px;background:var(--ui2-task-accent);color:#fff;font-size:14px;font-weight:850;transition:transform 110ms ease,background-color 150ms ease}.ui2-task-launch-btn span{display:inline-block;margin-left:7px;transition:transform 180ms var(--ui2-task-ease)}.ui2-task-launch-btn:hover span{transform:translateX(3px)}.ui2-task-launch-btn:active{transform:scale(.97)}.ui2-task-launch-btn:disabled{opacity:.42}
.ui2-task-builder button:not(:disabled):active{transform:scale(.975)}

/* Mock blueprint feels like a paper outline, not a badge wall. */
body.ui2-task-mock-v5412{--ui2-task-accent:#485c75;--ui2-task-accent-strong:#35475d;--ui2-task-accent-soft:#eef2f6}
.ui2-task-blueprint{border-top:1px solid var(--ui2-border,#dde3ea)}
.ui2-task-blueprint-row{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px;padding:12px 2px;border-bottom:1px solid var(--ui2-border,#dde3ea)}
.ui2-task-blueprint-row>span{color:var(--ui2-text-3,#7a8495);font-size:11px;font-weight:850}.ui2-task-blueprint-row b{font-size:13px;font-weight:720}.ui2-task-blueprint-empty{padding:18px 0;color:var(--ui2-text-3,#7a8495)}

/* Drawer / bottom sheet: low frequency, intentionally perceptible motion. */
.ui2-task-drawer-backdrop{position:fixed;inset:0;z-index:150;display:flex;align-items:flex-end;justify-content:center;padding:20px;background:rgba(20,28,42,.24);transition:background-color 220ms ease}
.ui2-task-drawer{width:min(720px,100%);max-height:min(78dvh,760px);overflow:hidden;border:1px solid var(--ui2-border,#dde3ea);border-radius:16px;background:var(--ui2-surface,#fff);box-shadow:0 22px 56px rgba(16,24,40,.16);transform:translateY(0) scale(1);transition:transform 320ms var(--ui2-task-ease),opacity 220ms ease}
.ui2-task-drawer-backdrop.ui2-task-drawer-enter{background:rgba(20,28,42,0)}.ui2-task-drawer-enter .ui2-task-drawer{opacity:.2;transform:translateY(38px) scale(.982)}
.ui2-task-drawer-leave{background:rgba(20,28,42,0)}.ui2-task-drawer-leave .ui2-task-drawer{opacity:.01;transform:translateY(30px) scale(.988)}
.ui2-task-drawer>header{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px;border-bottom:1px solid var(--ui2-border,#dde3ea);background:#fff}.ui2-task-drawer h3{margin:0;font-size:19px}.ui2-task-drawer header p{margin:4px 0 0;color:var(--ui2-text-3,#7a8495);font-size:11px}.ui2-task-drawer-close{width:38px;height:38px;border:1px solid var(--ui2-border,#dde3ea);border-radius:9px;background:#fff;color:var(--ui2-text-2,#4a5568);font-size:20px}.ui2-task-drawer-body{max-height:calc(min(78dvh,760px) - 73px);overflow:auto;padding:18px}
.ui2-task-scope-picker,.ui2-task-settings-list{display:grid;gap:22px}.ui2-task-scope-picker section,.ui2-task-settings-list section{display:grid;gap:9px}.ui2-task-scope-picker h4,.ui2-task-settings-list h4{margin:0;font-size:13px}.ui2-task-choice-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.ui2-task-choice{min-height:48px;padding:10px 11px;border:1px solid var(--ui2-border,#dde3ea);border-radius:9px;background:#fff;text-align:left;color:var(--ui2-text,#172033)}.ui2-task-choice span{display:block;font-size:12px;font-weight:760}.ui2-task-choice small{display:block;margin-top:3px;color:var(--ui2-text-3,#7a8495);font-size:10px}.ui2-task-choice.active{background:var(--ui2-task-accent-soft);border-color:#a9c5ee;color:var(--ui2-task-accent-strong)}.ui2-task-reset{justify-self:start;min-height:38px;padding:8px 10px;border:1px solid var(--ui2-border,#dde3ea);border-radius:8px;background:#fff;color:var(--ui2-text-3,#7a8495);font-weight:720}

/* Assignment: one task, three stages. */
body.ui2-task-assignment-v5412{--ui2-task-accent:#3f7465;--ui2-task-accent-strong:#315e52;--ui2-task-accent-soft:#edf6f2}
.ui2-task-assignment-native,.ui2-task-assignment-native-preview{display:none!important}
.ui2-task-assignment-flow{display:grid;gap:20px;margin-top:2px}
.ui2-task-assignment-steps{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--ui2-border,#dde3ea)}
.ui2-task-assignment-steps button{display:flex;align-items:center;gap:8px;min-height:50px;padding:9px 6px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--ui2-text-3,#7a8495);text-align:left}.ui2-task-assignment-steps button>span{display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--ui2-border,#dde3ea);border-radius:7px;font-size:10px;font-weight:900}.ui2-task-assignment-steps button b{font-size:12px}.ui2-task-assignment-steps button.active{color:var(--ui2-task-accent-strong);border-bottom-color:var(--ui2-task-accent)}.ui2-task-assignment-steps button.active>span,.ui2-task-assignment-steps button.done>span{border-color:transparent;background:var(--ui2-task-accent-soft);color:var(--ui2-task-accent-strong)}
.ui2-task-assignment-content{min-height:220px}.ui2-task-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.ui2-task-form-grid label{display:grid;gap:6px;color:var(--ui2-text-2,#4a5568);font-size:12px;font-weight:780}.ui2-task-form-grid label.wide{grid-column:1/-1}.ui2-task-form-grid label span em{margin-left:5px;color:var(--ui2-text-3,#7a8495);font-style:normal;font-size:10px;font-weight:620}.ui2-task-form-grid input,.ui2-task-form-grid select,.ui2-task-form-grid textarea{width:100%;min-height:43px;padding:10px 11px;border:1px solid var(--ui2-border,#dde3ea);border-radius:9px;background:#fff;color:var(--ui2-text,#172033);font:inherit;box-shadow:none}
.ui2-task-assignment-pick{display:grid;gap:20px}.ui2-task-assignment-pick section{display:grid;gap:9px}.ui2-task-assignment-pick h4{margin:0;font-size:13px}.ui2-task-inline-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.ui2-task-inline-head small{color:var(--ui2-text-3,#7a8495);font-size:10px}.ui2-task-mini-options{display:flex;flex-wrap:wrap;gap:7px}.ui2-task-mini-options button{min-height:38px;padding:8px 11px;border:1px solid var(--ui2-border,#dde3ea);border-radius:8px;background:#fff;color:var(--ui2-text-2,#4a5568);font-size:12px;font-weight:720}.ui2-task-mini-options button.active{border-color:#9dc7b8;background:var(--ui2-task-accent-soft);color:var(--ui2-task-accent-strong)}.ui2-task-count-section{grid-template-columns:auto 1fr;align-items:center}.ui2-task-count-section h4{grid-column:1/-1}.ui2-task-check{display:flex!important;align-items:center;gap:8px!important;color:var(--ui2-text-2,#4a5568)!important;font-size:12px!important}.ui2-task-check input{width:17px;height:17px}
.ui2-task-review-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--ui2-border,#dde3ea);border:1px solid var(--ui2-border,#dde3ea);border-radius:10px;overflow:hidden}.ui2-task-review-summary>div{padding:13px;background:#fff}.ui2-task-review-summary small{display:block;color:var(--ui2-text-3,#7a8495);font-size:10px}.ui2-task-review-summary b{display:block;margin-top:4px;font-size:12px;line-height:1.55}.ui2-task-preview-list{margin-top:15px;border-top:1px solid var(--ui2-border,#dde3ea)}.ui2-task-preview-list>div{padding:10px 2px;border-bottom:1px solid var(--ui2-border,#dde3ea);font-size:11px;line-height:1.55;color:var(--ui2-text-2,#4a5568)}.ui2-task-preview-list>small{display:block;padding-top:10px;color:var(--ui2-text-3,#7a8495)}.ui2-task-preview-empty{margin-top:15px;padding:18px;border:1px dashed var(--ui2-border-strong,#cbd3dd);border-radius:10px}.ui2-task-preview-empty b{font-size:13px}.ui2-task-preview-empty p{margin:5px 0 0;color:var(--ui2-text-3,#7a8495);font-size:11px}
.ui2-task-assignment-actions{display:flex;justify-content:space-between;gap:10px;padding-top:15px;border-top:1px solid var(--ui2-border,#dde3ea)}.ui2-task-secondary,.ui2-task-primary{min-height:42px;padding:9px 14px;border-radius:9px;font-size:12px;font-weight:820}.ui2-task-secondary{border:1px solid var(--ui2-border,#dde3ea);background:#fff;color:var(--ui2-text-2,#4a5568)}.ui2-task-primary{margin-left:auto;border:1px solid var(--ui2-task-accent);background:var(--ui2-task-accent);color:#fff}.ui2-task-primary:disabled{opacity:.4}

/* More perceptible spatial motion than v5.4.10, still only low-frequency workspaces. */
.ui2-workspace-enter-v5410 .ui2-workspace-surface-v5410{animation:ui2WorkspaceEnter5411 250ms var(--ui2-task-ease) both!important}.ui2-workspace-leaving-v5410 .ui2-workspace-surface-v5410{animation:ui2WorkspaceLeave5411 170ms ease-in both!important}
@keyframes ui2WorkspaceEnter5411{from{opacity:.05;transform:translateX(12px) translateY(5px)}to{opacity:1;transform:none}}
@keyframes ui2WorkspaceLeave5411{from{opacity:1;transform:none}to{opacity:.02;transform:translateX(-8px)}}
.ui2-task-enter{animation:ui2TaskEnter5411 320ms var(--ui2-task-ease) both}.ui2-task-state-pulse{animation:ui2TaskPulse5411 180ms var(--ui2-task-ease)}
@keyframes ui2TaskEnter5411{from{opacity:.05;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes ui2TaskPulse5411{0%{opacity:.65;transform:translateY(4px)}100%{opacity:1;transform:none}}

@media(max-width:760px){
  body.ui2-task-practice-v5412 .main-panel,body.ui2-task-mock-v5412 .main-panel{padding-top:18px!important}
  .ui2-task-head{align-items:flex-start;padding-top:8px}.ui2-task-head h2{font-size:31px}.ui2-task-head p{font-size:12px}
  .ui2-task-subject-rail{grid-template-columns:repeat(5,104px);overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.ui2-task-subject-rail::-webkit-scrollbar{display:none}
  .ui2-task-segment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ui2-task-segment-grid button{min-height:66px;padding:10px 9px}.ui2-task-segment-grid button span{font-size:10px}
  .ui2-task-amount{align-items:flex-end}.ui2-task-quick button{min-width:49px}
  .ui2-task-launch{margin-left:-2px;margin-right:-2px;gap:10px}.ui2-task-launch>div{min-width:0}.ui2-task-launch b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui2-task-launch-btn{min-width:142px}
  .ui2-task-drawer-backdrop{padding:0;align-items:flex-end}.ui2-task-drawer{width:100%;max-height:82dvh;border-radius:16px 16px 0 0;border-bottom:0}.ui2-task-drawer-body{padding:16px 16px calc(18px + env(safe-area-inset-bottom))}.ui2-task-choice-group{grid-template-columns:1fr}
  .ui2-task-form-grid{grid-template-columns:1fr}.ui2-task-form-grid label.wide{grid-column:auto}.ui2-task-assignment-steps button{justify-content:center;flex-direction:column;gap:4px;text-align:center}.ui2-task-assignment-steps button b{display:block;font-size:10px;white-space:nowrap}.ui2-task-review-summary{grid-template-columns:1fr}.ui2-task-count-section{grid-template-columns:1fr}.ui2-task-assignment-content{min-height:0}
}
@media(max-width:430px){.ui2-task-stage{padding:23px 0}.ui2-task-subject-rail{grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.ui2-task-segment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ui2-task-segment-grid button{min-height:62px;padding:9px 7px}.ui2-task-segment-grid button b{font-size:12px}.ui2-task-segment-grid button span{font-size:9.5px}.ui2-task-mode-grid{margin-top:-8px}.ui2-task-amount{display:grid;grid-template-columns:1fr auto}.ui2-task-head .ui2-task-more,.ui2-task-head .ui2-task-mock-settings{font-size:11px;padding:8px 9px}.ui2-task-launch-btn{min-width:130px;padding-left:12px;padding-right:12px}}
@media(prefers-reduced-motion:reduce){.ui2-task-builder,.ui2-task-builder *,.ui2-task-drawer-backdrop,.ui2-task-drawer,.ui2-workspace-surface-v5410{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:760px){
  body.ui2-task-practice-v5412 .ui2-task-launch,
  body.ui2-task-mock-v5412 .ui2-task-launch{bottom:calc(76px + env(safe-area-inset-bottom));}
}

.ui2-boot-warning-v5412{position:fixed;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));z-index:9999;transform:translateX(-50%);width:min(620px,calc(100vw - 24px));padding:11px 13px;border:1px solid #e8c98f;border-radius:10px;background:#fff8e9;color:#7d5515;font-size:12px;line-height:1.5;box-shadow:0 8px 24px rgba(31,41,55,.12)}