.opening-frame { width:min(100%,760px);box-sizing:border-box;margin:18px auto 24px;padding:19px 22px;border:1px solid color-mix(in srgb,var(--response-color) 42%,transparent);border-radius:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--response-color) 9%,transparent),transparent 75%);box-shadow:0 8px 38px #0005, inset 0 1px #ffffff16;animation:opening-frame-in .45s cubic-bezier(.2,.8,.2,1) both; }
.opening-frame-label { color:var(--response-color);font:650 10px/1.2 system-ui,sans-serif;letter-spacing:.18em;margin-bottom:11px; }
.opening-frame-body { color:#f0f2f5;font:400 15px/1.6 Georgia,serif; }
.opening-frame-body p { margin:0 0 10px; }.opening-frame-body p:last-child { margin-bottom:0; }
.opening-frame-loading,.opening-frame-hint { color:#cbd1d9;font:400 13px/1.5 system-ui,sans-serif; }
.opening-frame-prompt { margin-top:14px;color:#dce2ea;font:500 13px/1.45 system-ui,sans-serif; }
.opening-frame-loading::after { content:' ✦';color:var(--response-color);animation:opening-frame-pulse 1.3s ease-in-out infinite; }
.opening-frame-actions { display:flex;flex-wrap:wrap;gap:9px;margin-top:17px; }
.opening-frame-actions button { border:1px solid color-mix(in srgb,var(--response-color) 55%,transparent);border-radius:8px;padding:10px 13px;background:transparent;color:#f4f6f9;font:600 12px/1.25 system-ui,sans-serif;cursor:pointer;transition:background .2s,border-color .2s,transform .2s; }
.opening-frame-actions button:hover { transform:translateY(-1px);border-color:var(--response-color);background:color-mix(in srgb,var(--response-color) 14%,transparent); }
.opening-frame-continue { box-shadow:inset 0 0 18px color-mix(in srgb,var(--response-color) 10%,transparent); }
@keyframes opening-frame-in { from { opacity:0;transform:translateY(9px);filter:blur(5px); } to { opacity:1;transform:none;filter:none; } }
@keyframes opening-frame-pulse { 50% { opacity:.25; } }
@media (max-width:600px) { .opening-frame { margin:14px 10px 20px;padding:16px; }.opening-frame-actions button { flex:1 1 auto; } }
@media (prefers-reduced-motion:reduce) { .opening-frame,.opening-frame-loading::after { animation:none; } }