:root{color-scheme:dark;--bg-top: #081221;--bg-mid: #10213a;--bg-bottom: #02060f;--panel-bg: rgba(5, 12, 24, .8);--panel-border: rgba(160, 218, 255, .12);--text-main: #f0f7ff;--text-muted: rgba(222, 235, 255, .74);--accent: #4bb0ff;--accent-strong: #1d86ff}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{width:100%;height:100%;margin:0}body{font-family:Instrument Sans,Segoe UI,sans-serif;background:radial-gradient(circle at 20% 20%,rgba(63,133,255,.18),transparent 28%),radial-gradient(circle at 80% 10%,rgba(92,229,255,.12),transparent 24%),linear-gradient(180deg,var(--bg-top) 0%,var(--bg-mid) 48%,var(--bg-bottom) 100%);overflow:hidden}.pure-flip-app{position:relative;width:100%;height:100%}.pure-flip-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.pure-flip-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#050c1842,#050c1880)}.pure-flip-panel{width:min(100%,460px);padding:28px 28px 24px;border:1px solid var(--panel-border);border-radius:24px;background:linear-gradient(180deg,#111d32e6,#08101ee6),var(--panel-bg);box-shadow:0 24px 80px #00000073,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.pure-flip-kicker{margin-bottom:10px;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#a7d5ffb8}.pure-flip-title{margin:0 0 12px;font-size:clamp(32px,5vw,42px);line-height:.95;color:var(--text-main)}.pure-flip-message{margin:0;font-size:15px;line-height:1.6;color:var(--text-muted)}.pure-flip-button{margin-top:22px;border:0;border-radius:999px;padding:12px 18px;font:inherit;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);box-shadow:0 12px 24px #1d86ff59;cursor:pointer}.pure-flip-button:hover{filter:brightness(1.05)}.pure-flip-hint{position:absolute;z-index:2}.pure-flip-hint{left:50%;top:50%;transform:translate(-50%,-50%);min-width:240px;padding:12px 16px;border-radius:16px;color:#f0f7ffeb;background:#000000b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;animation:hint-fade 6s ease forwards}.pure-flip-hint p{margin:0}.pure-flip-hint p+p{margin-top:6px;font-size:13px;opacity:.72}@keyframes hint-fade{0%,20%{opacity:0;transform:translate(-50%,calc(-50% + 18px))}30%,75%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,calc(-50% - 8px))}}@media(max-width:640px){.pure-flip-panel{padding:24px 20px 20px}}