/* Private page styles (Mohona) — carried over unchanged from the previous site */
:root{--t:.3s cubic-bezier(.4,0,.2,1)}
/* ==============================
   MOHONA PAGE
   ============================== */
#mohona-page{
  position:fixed;inset:0;z-index:999;overflow-y:auto;
  background:linear-gradient(135deg,#1a0a1e 0%,#2d0d2d 30%,#1e0a14 60%,#0d0a1e 100%);
  font-family:"Archivo",system-ui,sans-serif;
}
#petal-canvas{position:fixed;inset:0;pointer-events:none;z-index:0}

.mo-nav{
  position:relative;z-index:10;
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 24px;
  background:rgba(255,255,255,0.05);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,182,193,0.2);
}
.mo-logo{
  font-family:'Playfair Display',serif;font-style:italic;
  font-size:1.1rem;color:#ffb6c1;letter-spacing:0.05em;
}
.mo-logout{
  background:rgba(255,182,193,0.1);border:1px solid rgba(255,182,193,0.3);
  color:#ffb6c1;font-size:0.8rem;padding:6px 14px;border-radius:20px;
  transition:var(--t);
}
.mo-logout:hover{background:rgba(255,182,193,0.2)}

.mo-hero{
  position:relative;z-index:1;
  text-align:center;padding:60px 24px 48px;
}
.mo-petals-top{font-size:1.8rem;letter-spacing:6px;margin-bottom:20px;opacity:0.7}
.mo-greeting{
  font-family:'Lora',serif;font-style:italic;
  font-size:1rem;color:#ffb6c1;margin-bottom:12px;letter-spacing:0.06em;
}
.mo-title{
  font-family:'Playfair Display',serif;font-size:clamp(2rem,7vw,3.5rem);
  font-weight:700;line-height:1.1;color:#fff;margin-bottom:16px;
}
.mo-title em{font-style:italic;color:#ffb6c1}
.mo-subtitle{
  font-size:1rem;color:rgba(255,255,255,0.6);font-family:'Lora',serif;font-style:italic;
}

/* SLIDESHOW */
.mo-slideshow-section{
  position:relative;z-index:1;
  padding:0 24px 60px;max-width:700px;margin:0 auto;
}
.mo-section-title{
  font-family:'Playfair Display',serif;font-size:1.6rem;font-weight:700;
  color:#ffb6c1;text-align:center;margin-bottom:32px;
}
.mo-slideshow{position:relative}
.mo-slides{position:relative;min-height:420px}
.mo-slide{
  display:none;flex-direction:column;align-items:center;gap:20px;
  animation:mo-fade 0.6s ease;
}
.mo-slide.active{display:flex}
@keyframes mo-fade{from{opacity:0;transform:scale(0.97)}to{opacity:1;transform:scale(1)}}

.mo-photo-frame{
  width:100%;max-width:500px;
  aspect-ratio:4/3;
  border-radius:20px;
  border:3px solid rgba(255,182,193,0.4);
  box-shadow:0 8px 40px rgba(255,100,150,0.25),0 0 0 1px rgba(255,182,193,0.1);
  overflow:hidden;
  position:relative;
  background:linear-gradient(135deg,#2d0d2d,#1a0a1e);
}
.mo-photo-frame img{
  width:100%;height:100%;object-fit:cover;
  display:block;
}
/* Hide img when it errors, show placeholder */
.mo-photo-frame.no-photo img{display:none}
.photo-placeholder{
  display:none;
  position:absolute;inset:0;
  flex-direction:column;align-items:center;justify-content:center;
  color:rgba(255,182,193,0.5);font-size:2.5rem;gap:12px;text-align:center;
}
.photo-placeholder span{font-size:0.78rem;font-family:"IBM Plex Mono",monospace;line-height:1.6}
.mo-photo-frame.no-photo .photo-placeholder{display:flex}

.mo-caption{
  font-family:'Lora',serif;font-style:italic;
  font-size:1.05rem;color:rgba(255,255,255,0.7);text-align:center;
  padding:0 16px;
}

.mo-prev,.mo-next{
  position:absolute;top:50%;transform:translateY(-50%);
  background:rgba(255,182,193,0.15);border:1px solid rgba(255,182,193,0.3);
  color:#ffb6c1;font-size:1.8rem;width:44px;height:44px;
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  transition:var(--t);z-index:2;line-height:1;
}
.mo-prev{left:-8px}
.mo-next{right:-8px}
.mo-prev:hover,.mo-next:hover{background:rgba(255,182,193,0.3)}
@media(max-width:600px){
  .mo-prev{left:0}.mo-next{right:0}
}

.mo-slide-dots{
  display:flex;justify-content:center;gap:8px;margin-top:20px;
}
.mo-dot{
  width:8px;height:8px;border-radius:50%;
  background:rgba(255,182,193,0.3);border:none;cursor:pointer;
  transition:var(--t);padding:0;
}
.mo-dot.active{background:#ffb6c1;box-shadow:0 0 8px rgba(255,182,193,0.6);transform:scale(1.3)}

/* LOVE NOTE */
.mo-note-section{
  position:relative;z-index:1;
  padding:0 24px 60px;max-width:600px;margin:0 auto;
}
.mo-note{
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,182,193,0.25);
  border-radius:20px;padding:40px 32px;
  text-align:center;
  backdrop-filter:blur(10px);
}
.mo-note-icon{font-size:2.5rem;margin-bottom:16px}
.mo-note h3{
  font-family:'Playfair Display',serif;font-size:1.4rem;
  color:#ffb6c1;margin-bottom:16px;
}
.mo-note p{
  font-family:'Lora',serif;font-style:italic;
  color:rgba(255,255,255,0.7);line-height:1.8;margin-bottom:12px;font-size:0.95rem;
}
.mo-sign{color:#ffb6c1!important;font-weight:600}

.mo-footer{
  position:relative;z-index:1;
  text-align:center;padding:24px;
  color:rgba(255,182,193,0.4);
  font-family:'Lora',serif;font-style:italic;font-size:0.85rem;
  border-top:1px solid rgba(255,182,193,0.1);
}