dialog.modal{border:1px solid var(--border);background:var(--bg);width:min(720px,100% - 2rem);max-width:none;max-height:calc(100dvh - 4rem);color:var(--text);box-shadow:var(--shadow-pop);transition:opacity .2s var(--ease-out), transform .2s var(--ease-out);border-radius:16px;padding:0;overflow:visible}html:has(dialog.modal[open]){overflow:hidden}dialog.modal::backdrop{transition:opacity .2s var(--ease-out);background:#0006}@starting-style{dialog.modal[open]{opacity:0;transform:scale(.97)}dialog.modal[open]::backdrop{opacity:0}}dialog.modal.closing{opacity:0;pointer-events:none;transition-duration:.15s;transform:scale(.97)}dialog.modal.closing::backdrop{opacity:0;transition-duration:.15s}.modal-body{padding:1.5rem}.modal-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.modal-head h2{margin:0 0 .2rem;font-size:1.15rem}.modal-head p{margin:0;font-size:.875rem}.modal-head .icon-btn{margin:-.4rem -.5rem 0 0}.entry-form.compact .row:first-child>.grow{flex-basis:100%}.entry-form.compact .row:nth-child(2)>label{flex:8rem;min-width:0}.entry-form.compact .row:nth-child(2)>label>input{width:100%}.entry-form.compact .entry-foot{justify-content:space-between;align-items:center}.entry-form.compact .entry-delete{color:var(--danger)}.entry-form.compact .entry-delete:hover{color:var(--danger);text-decoration:underline}@media (max-width:640px){dialog.modal{border-width:1px 0 0;border-radius:16px 16px 0 0;width:100%;max-height:calc(100dvh - 2rem);margin:auto 0 0;overflow-y:auto}@starting-style{dialog.modal[open]{opacity:1;transform:translateY(100%)}}dialog.modal.closing{opacity:1;transform:translateY(100%)}.modal-body{padding:1.25rem 1rem calc(1rem + env(safe-area-inset-bottom))}.entry-form.compact .entry-foot>.entry-delete{width:auto}.entry-form.compact .entry-foot>.submit{flex:1}}@media (prefers-reduced-motion:reduce){@starting-style{dialog.modal[open]{opacity:0;transform:none}}dialog.modal.closing{opacity:0;transform:none}}.confirm-inline{flex-wrap:wrap;align-items:center;gap:.5rem;max-width:100%;display:inline-flex;position:relative}.confirm-inline>.confirm-layer{transition-property:color,background-color,border-color,box-shadow,opacity,filter,transform,display;transition-duration:.15s, .15s, .15s, .15s, .15s, .15s, var(--dur-fast), .15s;transition-timing-function:var(--ease-out);transition-behavior:allow-discrete}.confirm-inline>.confirm-layer[data-off]{opacity:0;filter:blur(2px);display:none;position:absolute;left:0}.confirm-inline.icon>.confirm-group[data-off]{margin-left:.5rem;left:100%}@starting-style{.confirm-inline>.confirm-group:not([data-off]),.confirm-inline[data-ready]>.confirm-trigger:not([data-off]){opacity:0;filter:blur(2px)}}.confirm-group{white-space:nowrap;flex-wrap:wrap;align-items:center;gap:.4rem .75rem;display:inline-flex}.confirm-ask{color:var(--muted);font-size:.85rem}.confirm-group .confirm-ok{background:var(--danger);border-color:var(--danger);color:#fff;height:2.25rem;padding:0 .85rem}.confirm-group .confirm-ok:hover{background:color-mix(in srgb, var(--danger) 88%, #000);border-color:color-mix(in srgb, var(--danger) 88%, #000)}.confirm-group .confirm-ok:active{transform:scale(.97)}.entry-foot>.confirm-inline{margin-right:.75rem}@media (max-width:640px){.danger-zone>.confirm-inline,.danger-zone>.confirm-inline>.confirm-trigger{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.confirm-inline>.confirm-layer{transition-duration:0s}.confirm-group .confirm-ok:active{transform:none}}
