.magnus-greeting{padding:22px 18px 18px;text-align:center;color:#000;font-family:Tahoma,Geneva,sans-serif}
.magnus-greeting h2{font-size:17px;margin:0 0 15px;color:#000080}
.magnus-greeting-open{display:flex;flex-direction:column;align-items:center;gap:15px;margin:auto;padding:14px 20px;background:#dedede;color:#000;border:2px outset #fff;font:700 14px/1.4 Tahoma,Geneva,sans-serif;cursor:pointer;max-width:100%}
.magnus-greeting-open:disabled{cursor:default;opacity:.7}
.magnus-greeting-open:not(:disabled):hover{background:#ececec}
.magnus-greeting-open:focus-visible,.magnus-greeting a:focus-visible,.magnus-greeting-dialog button:focus-visible,.magnus-greeting-dialog a:focus-visible,.magnus-greeting-dialog summary:focus-visible{outline:3px solid #000080;outline-offset:4px}
.magnus-envelope{position:relative;display:block;width:158px;height:100px;background:linear-gradient(145deg,#fffef2,#e9ddb1);border:2px solid #6a5b38;box-shadow:5px 5px 0 #808080;isolation:isolate;overflow:hidden}
.magnus-envelope::before{content:"";position:absolute;inset:0;background:linear-gradient(35deg,transparent 49%,#b3a074 50%,transparent 51%),linear-gradient(-35deg,transparent 49%,#b3a074 50%,transparent 51%)}
.magnus-envelope::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fffbed,#e4d6a8);clip-path:polygon(0 0,100% 0,50% 62%);filter:drop-shadow(0 2px 1px #6a5b3855)}
.magnus-seal{position:absolute;left:calc(50% - 16px);top:44px;z-index:1;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:2px solid #5e1313;background:#a92727;color:#fff5d3;box-shadow:2px 2px 0 #7e6539;font:bold 18px Georgia,serif}
.magnus-greeting-note{font-size:12px;line-height:1.5;margin:13px 0 8px}
.magnus-greeting-fallback{font-size:12px;color:#000080;text-decoration:underline}
.magnus-greeting-dialog{position:fixed;inset:14px auto auto 50%;transform:translateX(-50%);margin:0;width:min(620px,calc(100vw - 24px));max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);padding:0;border:2px solid #5b4929;background:#f1e4bf;color:#251b0d;overflow:auto;box-shadow:8px 8px 0 #0005;font:14px/1.5 Tahoma,Geneva,sans-serif}
.magnus-greeting-dialog::backdrop{background:#001c28ba}
.magnus-scroll-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:12px;padding:9px 12px;background:linear-gradient(90deg,#000080,#1084d0);color:#fff;border-bottom:2px solid #6a5b38}
.magnus-scroll-header h2{font-size:14px;line-height:1.35;margin:0;flex:1}
.magnus-scroll-close{flex-shrink:0;min-height:36px;padding:4px 11px;border:2px outset #fff;background:#c0c0c0;color:#000;font:700 13px Tahoma,Geneva,sans-serif;cursor:pointer}
.magnus-scroll-top,.magnus-scroll-bottom{height:16px;background:linear-gradient(#8e7040,#e6ce91 25%,#fff2cc 48%,#c2a46a 75%,#71552c);border:1px solid #70552e;box-shadow:0 2px 3px #70552e66}
.magnus-scroll-reveal{display:grid;grid-template-rows:1fr}
.magnus-greeting-dialog.is-opening .magnus-scroll-reveal{animation:magnus-unroll .75s ease-out both}
.magnus-scroll-content{min-height:0;overflow:hidden;background:linear-gradient(90deg,#e3d0a0,#fff5d8 9%,#f9edce 90%,#dec798)}
.magnus-scroll-inner{padding:17px clamp(12px,4vw,26px) 15px;text-align:center}
.magnus-greeting-video{display:block;margin:0 auto;background:#111;width:min(100%,max(180px,calc((100vh - 245px)*.5625)),540px);width:min(100%,max(180px,calc((100dvh - 245px)*.5625)),540px);height:auto;aspect-ratio:9/16;object-fit:contain;border:1px solid #7b653e}
.magnus-video-status{font-size:12px;line-height:1.5;margin:11px 0 0;min-height:18px}
.magnus-transcript{margin:12px auto 0;text-align:left;max-width:54ch;font-size:13px}
.magnus-transcript summary{cursor:pointer;font-weight:700;padding:7px 0}
.magnus-transcript p{margin:8px 0 0}
.magnus-scroll-footer{padding:10px 14px 12px;margin:0;text-align:center;font-size:12px;background:#f1e4bf}
.magnus-scroll-footer a{color:#000080}
@keyframes magnus-unroll{from{grid-template-rows:0fr}to{grid-template-rows:1fr}}
@media(max-width:520px){.magnus-greeting{padding:18px 10px}.magnus-greeting-open{width:100%}.magnus-scroll-header{padding:8px}.magnus-scroll-close{min-height:44px;padding:5px 9px}.magnus-scroll-inner{padding:12px}}
@media(prefers-reduced-motion:reduce){.magnus-greeting-dialog.is-opening .magnus-scroll-reveal{animation:none}}

.magnus-greeting-dialog:not([open]){display:none}