:root{--motion-ease:cubic-bezier(.2,.75,.25,1)}
.button,.task-entry,.query-door,.project-option,.type-choice{transition:background-color .18s,border-color .18s,box-shadow .18s;transform-origin:center}
button[data-saving]{position:relative}button[data-saving] svg{display:none}button[data-saving]::before{content:'';display:inline-block;width:19px;height:19px;flex-shrink:0;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:save-spin .85s linear infinite}
.field-error:not(:empty){display:flex;align-items:flex-start;gap:8px}.field-error:not(:empty)::before{content:'!';display:grid;place-items:center;flex-shrink:0;width:20px;height:20px;border-radius:50%;background:#53565a;color:white;font:700 14px/20px var(--utility);margin-top:3px}
.save-status.error{border-left:4px solid #676a6e;background:#f8f6f4;line-height:1.65}
.toast{display:flex;align-items:center;gap:10px;bottom:calc(106px + env(safe-area-inset-bottom));padding:15px 19px;max-width:min(91vw,500px);border:1px solid #d1cfcd;background:#fffcfa;color:#383b3f;box-shadow:0 9px 34px #40434726;position:fixed;overflow:hidden}
.toast::before{content:'i';display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border-radius:50%;background:#e9e7e5;color:#55585c;font:700 18px var(--utility)}
.toast[data-tone=success]::before{content:'✓';background:#eeecea;color:#5b5e62}.toast[data-tone=error]::before{content:'!';background:#e8e6e4;color:#4c4f53}
.toast.visible::after{content:'';position:absolute;bottom:0;left:0;height:3px;width:100%;background:#9ea1a5;transform-origin:left;animation:toast-life 6s linear forwards}
.toast[data-tone=success].visible::after{background:#8b8e92}.toast[data-tone=error].visible::after{background:#6b6e72}
.connection-banner{top:12px;left:12px;right:12px;margin:auto;max-width:560px;border-radius:14px;border:1px solid #bbbec2;background:#f7f5f3;color:#43464a;padding:14px 17px;box-shadow:0 7px 28px #4b4e5224;font-size:17px;line-height:1.6;pointer-events:none}
.connection-banner::before{content:'!';display:inline-grid;place-items:center;background:#696c70;color:white;width:23px;height:23px;margin-right:8px;border-radius:50%;font-weight:700}
.draft-banner{border-left:4px solid #b69671}.loading::before{content:'';display:inline-block;width:17px;height:17px;border:2px solid #cbc9c7;border-top-color:#53565a;border-radius:50%;margin-right:10px;vertical-align:-3px;animation:save-spin .85s linear infinite}
@keyframes save-spin{to{transform:rotate(360deg)}}@keyframes toast-life{to{transform:scaleX(0)}}
@media(min-width:721px){.toast{bottom:28px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.toast.visible::after{transform:scaleX(1)}button[data-saving]::before,.loading::before{border-right-color:currentColor}.receipt-stamp{transform:rotate(-7deg)}}