@layer components{.st-tone-ok{--st-tone:var(--ok)}.st-tone-neutral{--st-tone:var(--accent)}.st-tone-warn{--st-tone:var(--warn)}.st-tone-err{--st-tone:var(--err)}.st-item{scroll-margin-top:6rem;scroll-margin-bottom:6rem;border-radius:1rem;border:1px solid var(--stroke);background:var(--glass);padding:1rem;transition:border-color .2s ease}.st-item[data-missing=true]{border-color:color-mix(in oklab,var(--err) 70%,transparent)}.st-item[data-answered=true]{border-color:color-mix(in oklab,var(--accent) 35%,var(--stroke))}.st-opts{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.st-opt{position:relative;display:inline-flex;cursor:pointer}.st-opt input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.st-opt span{display:inline-flex;align-items:center;min-height:2.75rem;padding:.4rem .95rem;border-radius:999px;border:1px solid var(--stroke-hi);background:var(--glass);color:var(--txt-2);font-size:.875rem;line-height:1.6;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.st-opt:hover span{border-color:color-mix(in oklab,var(--accent) 55%,var(--stroke-hi));color:var(--txt-1)}.st-opt input:checked+span{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 18%,transparent);color:var(--txt-1);font-weight:700}.st-opt input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.st-opt input:active+span{transform:scale(.97)}.st-dock{position:sticky;bottom:.75rem;z-index:5;display:flex;align-items:center;gap:.75rem;border-radius:1rem;border:1px solid var(--stroke-hi);background:color-mix(in oklab,var(--bg-1) 94%,transparent);padding:.6rem .75rem;box-shadow:0 10px 30px -18px rgb(0 0 0/.55)}.st-progress{position:relative;height:.4rem;overflow:hidden;border-radius:999px;background:color-mix(in oklab,var(--txt-3) 22%,transparent)}.st-progress>i{position:absolute;inset:0;transform-origin:right;transform:scaleX(var(--p,0));background:linear-gradient(90deg,var(--accent-2),var(--accent));transition:transform .35s cubic-bezier(.2,.8,.2,1)}[dir=ltr] .st-progress>i{transform-origin:left}.st-chip{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;border:1px solid color-mix(in oklab,var(--st-tone) 55%,transparent);background:color-mix(in oklab,var(--st-tone) 16%,transparent);padding:.2rem .75rem;font-size:.8125rem;font-weight:700;color:var(--txt-1)}.st-gauge{position:relative;display:flex;gap:3px;height:.65rem}.st-gauge>span{border-radius:999px;background:color-mix(in oklab,var(--st-tone) 30%,transparent)}.st-gauge>span[data-on=true]{background:var(--st-tone)}.st-marker{position:absolute;top:50%;width:1.1rem;height:1.1rem;margin-inline-start:-.55rem;border-radius:999px;border:3px solid var(--bg-1);background:var(--txt-1);box-shadow:0 0 0 1px var(--stroke-hi);transform:translateY(-50%)}.st-bar{position:relative;height:.6rem;border-radius:999px;background:color-mix(in oklab,var(--txt-3) 22%,transparent);overflow:hidden}.st-bar>i{position:absolute;inset:0;transform-origin:right;transform:scaleX(var(--p,0));background:linear-gradient(90deg,var(--accent-2),var(--accent));border-radius:inherit}.st-bar>b{position:absolute;top:0;bottom:0;width:2px;margin-inline-start:-1px;background:var(--txt-3);opacity:.6}@media (prefers-reduced-motion:no-preference){.st-rise{animation:st-rise .55s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i, 0) * 80ms)}.st-bar>i{animation:st-grow .8s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i, 0) * 80ms + .15s)}.st-marker{animation:st-pop .5s cubic-bezier(.2,.8,.2,1.4) both;animation-delay:.25s}@keyframes st-rise{0%{opacity:0;transform:translateY(14px)}}@keyframes st-grow{0%{transform:scaleX(0)}}@keyframes st-pop{0%{opacity:0;transform:translateY(-50%) scale(.3)}}}@media print{.st-dock,.st-no-print{display:none!important}}}