/* قالب «ليلة الفوانيس» — سماء ليلية وفوانيس دافئة، والمتن داكن */
body.tpl-lanterns { --q-bg: #0F1A3A; --q-soft: #172452; --q-ink: #F3E9D2; --q-muted: #B9B3C9; --q-accent: #F2B84B; --q-line: rgba(242,184,75,.35); --q-btn: #F2B84B; --q-btn-ink: #0F1A3A; --q-display: 'Aref Ruqaa', serif; background: #0F1A3A; }
.ln-cover { position: absolute; inset: 0; background: radial-gradient(500px 420px at 50% 30%, #1C2D63, #0B1330 75%); display: flex; flex-direction: column; align-items: center; justify-content: safe center; gap: 22px; padding: 30px 20px; color: #F3E9D2; overflow-y: auto; transition: opacity .8s ease 1.4s; }
.ln-sky { position: absolute; inset: 0; background-image: radial-gradient(1.5px 1.5px at 12% 18%, #fff, transparent), radial-gradient(1px 1px at 30% 40%, #fff, transparent), radial-gradient(1.5px 1.5px at 72% 12%, #fff, transparent), radial-gradient(1px 1px at 86% 34%, #fff, transparent), radial-gradient(1px 1px at 55% 22%, #fff, transparent), radial-gradient(1.5px 1.5px at 20% 70%, #fff, transparent), radial-gradient(1px 1px at 80% 78%, #fff, transparent); animation: ln-tw 4s ease-in-out infinite; }
@keyframes ln-tw { 0%, 100% { opacity: .6; } 50% { opacity: 1; } }
.ln-row { position: relative; display: flex; gap: 16px; align-items: flex-start; }
.ln { position: relative; display: flex; flex-direction: column; align-items: center; }
.ln-wire { width: 2px; height: 30px; background: rgba(243,233,210,.4); }
.ln2 .ln-wire, .ln4 .ln-wire { height: 56px; }
.ln3 .ln-wire { height: 16px; }
.ln-cap { width: 22px; height: 8px; border-radius: 4px 4px 0 0; background: #C9953F; }
.ln-body { width: 34px; height: 52px; border-radius: 16px 16px 8px 8px; background: #3A2E3A; border: 2px solid #C9953F; transition: background .6s ease, box-shadow .6s ease; }
.is-opening .ln-body, .is-open .ln-body { background: radial-gradient(circle at 50% 55%, #FFE3A3, #F2A93B 70%); box-shadow: 0 0 34px rgba(255,190,90,.75); }
.is-opening .ln2 .ln-body { transition-delay: .25s; }
.is-opening .ln3 .ln-body { transition-delay: .5s; }
.is-opening .ln4 .ln-body { transition-delay: .75s; }
.is-opening .ln5 .ln-body { transition-delay: 1s; }
.ln-cover .q-guest { position: relative; font-size: 15px; }
.ln-cover .q-guest strong { font: 700 30px 'Aref Ruqaa', serif; }
.ln-cn { position: relative; font: 700 30px/1.4 'Aref Ruqaa', serif; color: #F2B84B; text-align: center; }
.ln-cn i { font-style: normal; color: #F3E9D2; }
.ln-open { position: relative; min-height: 52px; padding: 0 30px; border-radius: 999px; border: 0; background: #F2B84B; color: #0F1A3A; font: 700 16px 'Plex Arabic', sans-serif; cursor: pointer; }
.is-opening .ln-cover { opacity: 0; }
.ln-hero { display: flex; flex-direction: column; align-items: center; gap: 18px; text-align: center; padding: 10px 24px 10px; }
.ln-row.sm .ln-body { width: 24px; height: 36px; background: radial-gradient(circle at 50% 55%, #FFE3A3, #F2A93B 70%); box-shadow: 0 0 24px rgba(255,190,90,.6); }
.ln-host { font-size: 15px; color: #B9B3C9; max-width: 30ch; }
.ln-names { display: flex; flex-direction: column; font: 700 54px/1.25 'Aref Ruqaa', serif; color: #F2B84B; outline: none; }
.ln-and { font-size: 24px; color: #F3E9D2; }
.ln-tag { font: 400 19px 'Aref Ruqaa', serif; color: #F3E9D2; }
.ln-when { display: flex; flex-direction: column; gap: 2px; }
.ln-when strong { font-size: 18px; }
.ln-when span { font-size: 14px; color: #B9B3C9; }
@media (prefers-reduced-motion: reduce) { .ln-sky { animation: none; } .ln-body, .ln-cover { transition: none; } }