.dlg{border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--paper-raised);color:var(--ink);padding:0;width:min(26rem,calc(100vw - 2rem));box-shadow:var(--shadow-md)}.dlg::backdrop{background:rgb(0 0 0 / .5)}.dlg-form{display:grid;gap:var(--s-3);padding:var(--s-5)}.dlg-title{margin:0;font-size:var(--t-lg);line-height:1.3}.dlg-message{margin:0;font-size:var(--t-sm);color:var(--ink-soft);line-height:1.55}.dlg-input{width:100%;box-sizing:border-box;padding:var(--s-3);border-radius:var(--r-md);border:1px solid var(--rule);background:var(--paper-sunk);color:var(--ink);font:var(--t-md) var(--font)}.dlg-input:focus{outline:0;border-color:var(--accent)}.dlg-row{display:flex;align-items:center;justify-content:flex-end;gap:var(--s-3);margin-top:var(--s-2)}.dlg-danger{background:var(--warn)}.dlg-pick{width:min(30rem,calc(100vw - 2rem))}.dlg-pick-head{display:grid;gap:var(--s-3);padding:var(--s-5) var(--s-5) var(--s-3)}.dlg-pick-list{max-height:min(22rem,50vh);overflow-y:auto;border-block:1px solid var(--rule)}.dlg-pick-row{display:grid;gap:2px;width:100%;text-align:start;cursor:pointer;border:0;background:none;color:var(--ink);padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--rule)}.dlg-pick-row:last-child{border-bottom:0}.dlg-pick-row:hover,.dlg-pick-row:focus-visible{background:var(--accent-soft);outline:0}.dlg-pick-label{font:500 var(--t-sm) var(--font)}.dlg-pick-hint{font-size:var(--t-xs);color:var(--ink-faint)}.dlg-pick-none{margin:0;padding:var(--s-4);font-size:var(--t-xs);color:var(--ink-faint)}.dlg-pick .dlg-row{padding:var(--s-3) var(--s-5) var(--s-4);margin:0}.toast{position:fixed;z-index:90;inset-block-end:var(--s-5);inset-inline:0;margin-inline:auto;width:max-content;max-width:calc(100vw - 2rem);display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-3) var(--s-3) var(--s-4);border:1px solid var(--rule);border-radius:var(--r-full);background:var(--paper-raised);color:var(--ink);box-shadow:var(--shadow-md);animation:toast-in .18s ease-out}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){.toast{animation:none}}.toast-text{font-size:var(--t-sm)}.toast-do{border:1px solid currentcolor;border-radius:var(--r-full);cursor:pointer;padding:var(--s-1) var(--s-3);background:none;color:var(--accent);font:600 var(--t-xs) var(--font)}.toast-do:hover{background:var(--accent-soft)}.toast-x{border:0;background:none;cursor:pointer;color:var(--ink-faint);font-size:var(--t-lg);line-height:1;padding:0 var(--s-1)}.toast-x:hover{color:var(--ink)}
