html{color-scheme:dark}
.skip-link{position:fixed;z-index:1000;top:10px;left:12px;padding:10px 14px;border-radius:10px;background:var(--acid);color:#11160f;font-weight:800;text-decoration:none;transform:translateY(-160%);transition:transform .16s var(--ease)}
.skip-link:focus-visible{transform:translateY(0);outline:2px solid var(--paper);outline-offset:3px}
:where(button,a,input,textarea,select,summary):focus-visible{outline:2px solid var(--acid);outline-offset:3px}
.task-form input:focus-visible,.task-form textarea:focus-visible,.task-form select:focus-visible,.compact-form input:focus-visible,.compact-form textarea:focus-visible,.compact-form select:focus-visible,.inline-form input:focus-visible,.inline-form select:focus-visible{border-color:var(--acid);box-shadow:0 0 0 3px rgba(201,244,91,.12)}
.nav-link,.ghost-button{transition:color .18s var(--ease),background-color .18s var(--ease)}
.secondary-button{transition:border-color .16s var(--ease),background-color .16s var(--ease),color .16s var(--ease),transform .16s var(--ease)}
.toast{transition:transform .22s var(--ease),opacity .22s var(--ease)}
.task-rail,.task-inspector,.task-options-menu,.capability-menu,.history-options-popover{overscroll-behavior:contain}
button,summary{touch-action:manipulation}
@media(max-width:980px){.task-composer{padding-bottom:max(18px,env(safe-area-inset-bottom))}.task-rail,.task-inspector{padding-bottom:env(safe-area-inset-bottom)}}
@media(prefers-reduced-motion:reduce){.skip-link{transition:none}}