.classes-modal{border:1px solid var(--line);background:var(--surface);width:min(760px,100% - 32px);max-height:calc(100dvh - 48px);color:var(--ink);border-radius:16px;margin:auto;padding:0;overflow:hidden;box-shadow:0 24px 64px #0a100e4d}.classes-modal[open]{animation:classes-in var(--t-slow,.42s) var(--ease,cubic-bezier(.16, 1, .3, 1)) both, classes-fade var(--t-base,.24s) var(--ease-soft,cubic-bezier(.25, .46, .45, .94)) both;grid-template-rows:auto minmax(0,1fr);display:grid}.classes-modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:classes-fade var(--t-base,.24s) var(--ease-soft,cubic-bezier(.25, .46, .45, .94)) both;background:#120c098c}.classes-modal.is-closing{animation:classes-out .2s var(--ease-in,cubic-bezier(.55, 0, .75, .25)) forwards}.classes-modal.is-closing::backdrop{animation:classes-fade .2s var(--ease-in,cubic-bezier(.55, 0, .75, .25)) reverse forwards}@keyframes classes-in{0%{transform:translateY(12px)scale(.96)}}@keyframes classes-out{to{opacity:0;transform:translateY(8px)scale(.98)}}@keyframes classes-fade{0%{opacity:0}}.classes-modal-discard{z-index:5;border-top:1px solid var(--danger-line);background:var(--danger-bg);color:var(--ink);box-shadow:0 -12px 28px var(--shadow-soft);animation:classes-discard-in var(--t-base,.24s) var(--ease,cubic-bezier(.16, 1, .3, 1)) both;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;padding:14px 20px;display:flex;position:absolute;inset:auto 0 0}.classes-modal-discard p{margin:0;font-size:14px;font-weight:600}.classes-modal-discard-actions{flex-wrap:wrap;gap:8px;display:flex}.classes-modal-discard-actions button{min-height:40px;font:700 11px / 1 var(--font-action);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:8px 16px}.classes-modal-discard-keep{border-color:var(--accent);background:var(--accent);color:var(--surface)}.classes-modal-discard-keep:hover{border-color:var(--accent-dark);background:var(--accent-dark)}.classes-modal-discard-confirm{border-color:var(--danger-line);color:var(--danger);background:0 0}.classes-modal-discard-confirm:hover{border-color:var(--danger);background:0 0}@keyframes classes-discard-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.classes-modal[open],.classes-modal::backdrop,.classes-modal.is-closing,.classes-modal.is-closing::backdrop,.classes-modal-discard{animation:none}}
