@layer theme,base;@layer components{.field{border:2px solid var(--edge);border-radius:var(--r-sm);background-color:var(--well);width:100%;min-height:52px;color:var(--ink);font-family:var(--font-body), system-ui, sans-serif;font-size:var(--fs-body);box-shadow:inset 0 2px 3px rgb(var(--sh) / .12), 0 1px 0 rgb(255 255 255/calc(.9 * var(--hl-a)));padding:12px 14px;font-weight:450;line-height:1.3;display:block}.field::placeholder{color:var(--muted);opacity:1}.field:focus-visible{border-color:var(--purple-deep);outline-offset:2px}textarea.field{resize:vertical;min-height:7.5rem}select.field{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--purple-deep) 50%), linear-gradient(135deg, var(--purple-deep) 50%, transparent 50%);background-position:calc(100% - 23px),calc(100% - 16px);background-repeat:no-repeat;background-size:7px 7px;padding-right:44px}.field[aria-invalid=true]{border-color:var(--danger)}.field:disabled{color:var(--muted);cursor:not-allowed;background-color:#efedf6}.field--measure{font-family:var(--font-mono), ui-monospace, "SF Mono", Menlo, monospace;font-variant-numeric:tabular-nums;font-size:1.125rem;font-weight:700}.field-label{color:var(--ink);font-family:var(--font-display), ui-rounded, system-ui, sans-serif;margin-bottom:6px;font-size:1.125rem;font-weight:800;line-height:1.15;display:block}.field-hint{color:var(--muted);font-size:var(--fs-small);line-height:var(--lh-small);margin-bottom:8px;display:block}.field-error{color:var(--danger);font-size:var(--fs-small);font-weight:700;line-height:var(--lh-small);align-items:flex-start;gap:6px;margin-top:8px;display:flex}.field-error svg{flex:none;width:1.2em;height:1.2em;margin-top:.1em}:is(.pill,.check-row)>input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}:is(.pill,.check-row)>input:disabled{cursor:not-allowed}:is(.pill,.check-row):has(>input:focus-visible){outline:3px solid var(--focus-ring);outline-offset:3px}.pill .chip__meta{margin-left:auto;padding-left:8px}.stud{width:22px;height:22px;box-shadow:inset 0 2px 3px rgb(var(--sh) / .4), 0 0 0 1.5px var(--edge);background:#e9e6f4;border-radius:50%;flex:none}:is([aria-pressed=true],[aria-checked=true],.is-selected,:has(>input:checked))>.stud{background:radial-gradient(circle at 34% 28%, #ffe0b5, var(--orange) 55%, #b8600f);box-shadow:inset 0 1px 1px #fffc,inset 0 -2px 2px #78320080,0 0 0 2px #00000038,0 2px 2px #00000059}.check-row{border:2px solid var(--edge);border-radius:var(--r-md);background:var(--surface);min-height:60px;color:var(--ink);cursor:pointer;box-shadow:0 3px 0 var(--drop), 0 8px 10px -6px rgb(var(--sh) / .3);align-items:center;gap:12px;padding:8px 16px 8px 12px;font-weight:700;line-height:1.25;display:flex;position:relative}.check-row:active:not(:has(>input:disabled)){box-shadow:0 0 0 var(--drop);transform:translateY(3px)}.check-row__box{border:2px solid var(--purple);background:var(--well);color:#fff;width:30px;height:30px;box-shadow:inset 0 2px 3px rgb(var(--sh) / .22);border-radius:9px;flex:none;place-items:center;display:grid}.check-row:has(>input[type=radio]) .check-row__box{border-radius:50%}.check-row__box svg{opacity:0;width:20px;height:20px}.check-row__name{flex:1}.check-row__meta{color:var(--purple-deep);font-family:var(--font-mono), ui-monospace, "SF Mono", Menlo, monospace;font-weight:700}.check-row:has(>input:checked){border-color:var(--purple);box-shadow:0 3px 0 var(--purple), 0 8px 10px -6px rgb(var(--sh) / .4);background:#f1ecfd}.check-row:has(>input:checked) .check-row__box{border-color:var(--sel-edge);background:radial-gradient(120% 120% at 30% 20%, #7458b6, var(--dye-purple) 55%, #3c2670);box-shadow:inset 0 1px 1px #fff6, 0 2px 3px rgb(var(--sh) / .35)}.check-row:has(>input:checked) .check-row__box svg{opacity:1}.check-row:has(>input:disabled){opacity:.55;cursor:not-allowed}.tape-progress{gap:8px;display:grid}.tape-progress__status{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.tape-progress__status strong{font-family:var(--font-display), ui-rounded, system-ui, sans-serif;font-size:var(--fs-h3);font-weight:800;line-height:var(--lh-h3)}.tape-progress__track{background:var(--band);height:40px;box-shadow:inset 0 2px 4px rgb(var(--sh) / .28), inset 0 0 0 1px rgb(var(--sh) / .3);border-radius:7px;position:relative;overflow:hidden}.tape-progress__fill{background:linear-gradient(180deg, #ffffff8c, #fff0 36%, #78500038), var(--tape);box-shadow:0 0 0 1px #5a3c008c, 0 2px 3px rgb(var(--sh) / .3);transform:translateX(calc((var(--p,0) - 1) * 100%));border-radius:4px 2px 2px 4px;position:absolute;inset:3px}.tape-progress__fill:after{content:"";width:9px;box-shadow:0 0 0 1px rgb(var(--sh) / .45);background:linear-gradient(90deg,#f6f7fb,#9da1b5 45%,#e9ebf2 60%,#7b7f95);border-radius:2px;position:absolute;top:-3px;bottom:-3px;right:-3px}.tape-progress__ticks{display:flex;position:absolute;inset:3px}.tape-progress__ticks li{color:var(--muted);font-family:var(--font-mono), ui-monospace, "SF Mono", Menlo, monospace;font-size:var(--fs-eyebrow);background:repeating-linear-gradient(90deg,#0000 0 calc(25% - 1px),currentColor calc(25% - 1px) 25%) 0 0/100% 26% no-repeat;flex:1;justify-content:flex-end;align-items:flex-end;padding:0 12px 4px 0;font-weight:700;line-height:1;display:flex;position:relative}.tape-progress__ticks li:after{content:"";background:currentColor;width:2px;height:56%;position:absolute;top:0;right:0}.tape-progress__ticks li:last-child:after,.tape-progress__ticks li[data-state=current]:after{content:none}.tape-progress__ticks li:not([data-state=todo]){color:var(--tape-ink)}.tape-progress__ticks li[data-state=current]{padding-right:14px;font-size:1rem}.tape-progress__names{color:var(--muted);font-size:var(--fs-small);font-weight:700;line-height:1.2;display:none}.tape-progress__names li{text-align:right;flex:1;padding-right:8px}.tape-progress__names li[data-state=current]{color:var(--ink)}@media (min-width:640px){.tape-progress__names{display:flex}}}@layer areas,utilities;@media (prefers-reduced-motion:no-preference){@layer components{.check-row__box svg{transition:opacity var(--dur-slow) linear}}}@media (hover:hover){@layer components{.field:hover:not(:disabled,[aria-invalid=true]){border-color:var(--purple)}}@media screen{@layer components{:where(:root[data-theme=dark]) .field:hover:not(:disabled,[aria-invalid=true]){border-color:var(--purple-deep)}}}}@media (forced-colors:active){.tape-progress__track{border:2px solid canvastext}.tape-progress__fill{background:highlight;border:2px solid highlight}.check-row__box svg{stroke:canvastext}select.field{appearance:auto}}@media screen{@layer components{:where(:root[data-theme=dark]) .field:disabled{background-color:#1a1238}:where(:root[data-theme=dark]) .field::placeholder{color:#a79bcb}:where(:root[data-theme=dark]) .stud{background:var(--well)}:where(:root[data-theme=dark]) .check-row:has(>input:checked){background:var(--purple-soft)}:where(:root[data-theme=dark]) .tape-progress__track{box-shadow:inset 0 2px 4px rgb(var(--sh) / .6), inset 0 0 0 1px #bba4ff47}}}