.toasts{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));z-index:300;pointer-events:none;gap:10px;width:min(380px,100vw - 32px);display:grid;position:fixed}.toast{pointer-events:auto;border-radius:var(--r-md);background:var(--c-ink-2);color:var(--c-paper);box-shadow:var(--shadow-3);animation:toast-in .42s var(--ease-out) both;border:1px solid #ffffff14;align-items:flex-start;gap:12px;padding:14px 14px 14px 16px;display:flex}.toast.is-leaving{animation:toast-out .3s var(--ease-in-out) both}.toast__icon{width:24px;height:24px;color:var(--c-blue-soft);background:#2563ff33;border-radius:50%;flex:none;place-items:center;display:grid}.toast--success .toast__icon{color:#5fd6a6;background:#12a36d33}.toast--error .toast__icon{color:#ff8c8f;background:#e5484d33}.toast__text{flex:1;min-width:0}.toast__title{font-size:var(--fs-14);font-weight:600}.toast__body{font-size:var(--fs-13);color:var(--c-grey);margin-top:2px}.toast__close{width:28px;height:28px;color:var(--c-grey);border-radius:50%;flex:none;place-items:center;margin:-4px -4px 0 0;display:grid}.toast__close:hover{color:var(--c-paper);background:#ffffff14}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}@keyframes toast-out{to{opacity:0;transform:translateY(8px)scale(.98)}}.modal{width:100%;max-width:none;height:100%;max-height:none;padding:var(--gutter);color:var(--fg);background:0 0;border:0;place-items:center;margin:0;display:grid;position:fixed;inset:0;overflow-y:auto}.modal::backdrop{animation:fade-in .26s var(--ease-out) both;background:#08090bb8}.modal.is-closing::backdrop{animation:fade-out .24s var(--ease-in-out) both}.modal__surface{background:var(--bg-raised);width:min(560px,100%);color:var(--fg);border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:var(--shadow-3);animation:modal-in .42s var(--ease-out) both;padding:clamp(1.5rem,1rem + 2vw,2.5rem);position:relative}.modal.is-closing .modal__surface{animation:modal-out .24s var(--ease-in-out) both}.modal__close{z-index:2;width:40px;height:40px;color:var(--fg-muted);transition:background var(--dur-2), color var(--dur-2);border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.modal__close:hover{background:color-mix(in srgb, var(--fg) 8%, transparent);color:var(--fg)}.modal--lightbox .modal__surface{background:var(--c-ink-2);width:min(1180px,100%);color:var(--c-paper);border-color:#ffffff14;padding:clamp(.75rem,.5rem + 1vw,1.25rem)}.modal--lightbox .modal__close{color:var(--c-paper);background:#ffffff14;top:-48px;right:0}.modal--lightbox{padding-top:72px}.modal--palette{place-items:start center;padding-top:min(16vh,140px)}.modal--palette .modal__surface{width:min(640px,100%);padding:0;overflow:hidden}.modal--palette .modal__close{top:10px;right:10px}@keyframes modal-in{0%{opacity:0;transform:translateY(16px)scale(.985)}}@keyframes modal-out{to{opacity:0;transform:translateY(8px)scale(.99)}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}