:root{--motion-fast:130ms;--motion-entry:170ms;--motion-ease:cubic-bezier(.2,.7,.2,1)}
.btn,.icon-button,.nav-button,.premium-select-trigger,.premium-select-arrow{transition:background-color var(--motion-fast) ease,border-color var(--motion-fast) ease,color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}
dialog{max-height:calc(100dvh - 16px);overflow:auto;min-width:min(340px,calc(100vw - 16px))}
dialog[open]{animation:dialog-enter var(--motion-entry) var(--motion-ease) both}
dialog[open]::backdrop{animation:backdrop-enter var(--motion-entry) ease both}
.dialog-drag-handle{cursor:grab;touch-action:none;user-select:none;position:sticky;top:0;z-index:2}
.dialog-drag-handle button{cursor:pointer}
.is-dragging .dialog-drag-handle{cursor:grabbing}
dialog.is-dragging{transition:none;box-shadow:inset 1px 1px #fff,8px 10px 0 #142d4e35,18px 22px 40px #081a3345}
.premium-select-menu:not([hidden]){animation:menu-enter 120ms var(--motion-ease) both;transform-origin:top}
.premium-select-menu.opens-above{transform-origin:bottom}
#toast:not([hidden]){animation:notice-enter 160ms var(--motion-ease) both}
.connection-notice{display:flex;align-items:center;gap:10px;margin-bottom:9px;padding:8px 12px;background:linear-gradient(#fff8e8,#f2e7cf);border:1px solid #b9a57a;border-left:3px solid #9e742a;box-shadow:var(--raised);font-size:11px;color:#70551f}
.connection-notice .btn{margin-left:auto;min-height:28px;padding:4px 12px;font-size:11px}
.offline{background:#b77d34}
.empty-cell{text-align:center!important;color:var(--muted);padding:30px 15px!important;font-weight:400!important}
.settings-actions{padding:0 22px 22px}
.setup-form{width:min(520px,calc(100vw - 80px));display:grid;grid-template-columns:1fr 1fr;gap:13px}
.setup-form label{display:flex!important;flex-direction:column;align-items:stretch!important;gap:5px!important;padding:0!important;font-size:11px}
.setup-form label.full-width{grid-column:1/-1}
.setup-form>.full-width{grid-column:1/-1}
.setup-form input{height:33px;width:100%;min-width:0}
.setup-form>button{grid-column:1/-1;justify-self:end;min-width:100px;margin-top:6px}
.setup-form .premium-select{width:100%;min-width:0}
.setup-form .premium-select-trigger{min-height:33px}
.form-error{grid-column:1/-1;color:#9d3023;font-size:11px;max-width:480px}
@keyframes dialog-enter{from{opacity:0;translate:0 5px}to{opacity:1;translate:none}}
@keyframes backdrop-enter{from{opacity:0}to{opacity:1}}
@keyframes menu-enter{from{opacity:0;scale:1 .97}to{opacity:1;scale:1 1}}
@keyframes notice-enter{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:600px){.connection-notice{font-size:10px;padding:8px}.setup-form{grid-template-columns:1fr}.setup-form label.full-width{grid-column:auto}}
@media print{.connection-notice,.settings-actions{display:none!important}}