.modal-layer{background:var(--paper);width:calc(100vw - clamp(32px,6vw,96px));max-width:1200px;height:calc(100vh - clamp(32px,6vw,96px));color:var(--ink);border-radius:var(--r-xl);border:none;margin:auto;padding:0;position:fixed;inset:0;box-shadow:0 40px 90px -30px #1d1b198c}.modal-layer::backdrop{background:color-mix(in srgb, var(--ink) 55%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-body{overscroll-behavior:contain;height:100%;padding:clamp(24px,4vw,56px);overflow-y:auto}.modal-close{z-index:2;border:1px solid var(--outline);width:40px;height:40px;color:var(--muted);cursor:pointer;background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px;box-shadow:0 2px 6px #1d1b191f}.modal-close:hover{color:var(--gold);border-color:var(--gold)}.modal-skeleton{flex-direction:column;gap:16px;padding-top:8px;display:flex}.modal-skeleton .sk{background:linear-gradient(100deg, var(--panel) 40%, #fff 50%, var(--panel) 60%);background-size:200% 100%;border-radius:6px;animation:1.2s linear infinite sk-shimmer;display:block}.sk-kicker{width:180px;height:14px}.sk-title{width:min(560px,80%);height:34px;margin-top:6px}.sk-sub{width:240px;height:16px;margin-bottom:18px}.sk-line{width:100%;height:14px}.sk-line.short{width:62%}@keyframes sk-shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.modal-skeleton .sk{animation:none}}@media (max-width:640px){.modal-layer{width:calc(100vw - 24px);height:calc(100vh - 24px)}}