:root{color-scheme:light;--swa-bg-top:#f4f7fd;--swa-bg-bottom:#d9e4f6}*{box-sizing:border-box}body,html{margin:0;padding:0;width:100%;overflow-x:hidden;background:linear-gradient(180deg,var(--swa-bg-top),var(--swa-bg-bottom))}main{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:100vh;min-height:100dvh;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}main:before{content:"";position:absolute;inset:-10%;background-image:var(--swa-banner-blur);background-size:cover;background-position:50%;filter:blur(48px) saturate(1.15);transform:scale(1.1);opacity:.85}.frame{position:relative;display:flex}.frame,.frame img{max-width:100%;max-height:100%}.frame img{width:auto;height:auto;object-fit:contain;border-radius:clamp(0px,.6vw,10px);box-shadow:0 18px 50px -12px rgba(0,21,60,.35)}@media (max-aspect-ratio:1/1){main{padding:16px}.frame{width:100%}}@media (prefers-reduced-motion:no-preference){.frame img{animation:swa-fade-in .6s ease-out both}}@keyframes swa-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}