:root{--ui-enter:240ms;--ui-exit:160ms;--ui-page:280ms;--ui-press:160ms;--ui-focus:160ms;--ui-stagger:40ms;--ui-ease-out:cubic-bezier(.2,.75,.2,1);--ui-ease-in:cubic-bezier(.4,0,1,1)}
:is(button,a,input,select,textarea,label[for]){transition:color var(--ui-focus),border-color var(--ui-focus),background-color var(--ui-focus),box-shadow var(--ui-focus),opacity var(--ui-focus)}
button,a{touch-action:manipulation}button:active:not(:disabled),a:active{filter:brightness(1.08)}:is(input,select,textarea):focus-visible{outline-offset:3px}.field:focus-within>label{color:var(--text)}
#modal[open]::backdrop{animation:ui-backdrop-in var(--ui-enter) var(--ui-ease-out)}#modal.ui-dialog-closing::backdrop{animation:ui-backdrop-out var(--ui-exit) var(--ui-ease-in) both}#modal.ui-dialog-closing{pointer-events:none}#modal-content{min-width:0}
[data-ui-busy]{position:relative}[data-ui-busy]::after{content:'';position:absolute;bottom:1px;left:12px;width:calc(100% - 24px);height:2px;background:var(--brass);transform-origin:left;animation:ui-busy 800ms ease-in-out infinite;pointer-events:none}
@media(hover:hover){:is(button,a,label.drop-zone):hover:not(:disabled){filter:brightness(1.09)}:is(input,textarea,select):hover:not(:disabled){border-color:#8d9db3}}
@keyframes ui-backdrop-in{from{opacity:0}to{opacity:1}}@keyframes ui-backdrop-out{from{opacity:1}to{opacity:0}}@keyframes ui-busy{0%,100%{transform:scaleX(.3);opacity:.35}50%{transform:scaleX(1);opacity:.85}}
@media(prefers-reduced-motion:reduce){:root{--ui-enter:1ms;--ui-exit:1ms;--ui-page:1ms;--ui-press:1ms;--ui-stagger:0ms}#modal::backdrop,[data-ui-busy]::after{animation:none!important}}
.motion-reduced{--ui-enter:1ms;--ui-exit:1ms;--ui-page:1ms;--ui-press:1ms;--ui-stagger:0ms}.motion-reduced #modal::backdrop,.motion-reduced [data-ui-busy]::after{animation:none!important}
