/* Mildness — blush lembut, cream, cocoa, dan bentuk rounded yang hangat. */
.t-mildness {
    --bg: #fff7f3; --bg-2: #f7e3dc; --card: #fffaf8; --ink: #513b38; --muted: #987a74;
    --accent: #c58c83; --accent-2: #e1b2a8; --on-accent: #fffaf8; --line: rgba(197,140,131,.26);
    --hero-rgb: 255,247,243; --tint-a: .82; --hero-ink: #513b38;
    --serif-m: 'Fraunces', Georgia, serif;
    color-scheme: light;
}
.t-mildness .page { background: radial-gradient(circle at 12% 22%, rgba(197,140,131,.1) 0 2px, transparent 2.5px) 0 0 / 30px 30px, var(--bg); }
.t-mildness .cover, .t-mildness .hero, .t-mildness .aside { background-image: linear-gradient(var(--hero-tint), var(--hero-tint)), var(--cover, none), radial-gradient(circle at 50% 15%, rgba(255,255,255,.9), transparent 48%), linear-gradient(145deg, #fffaf8, #f7e3dc); }
.t-mildness .cover::before { inset: 20px; border: 1px solid rgba(197,140,131,.55); border-radius: 42px; }
.t-mildness .cover::after { inset: auto 29px 28px; height: 1px; border: 0; background: linear-gradient(90deg, transparent, var(--accent-2), transparent); opacity: .8; }
.t-mildness .cover__inner { gap: .95rem; }
.t-mildness .kicker { font: 600 .68rem 'Manrope', sans-serif; letter-spacing: .34em; color: var(--accent); }
.t-mildness .names, .t-mildness .names i, .t-mildness .sec__title, .t-mildness .event h3,
.t-mildness .lstory__title, .t-mildness .quote, .t-mildness .wishes__title, .t-mildness .thanks { font-family: var(--serif-m); }
.t-mildness .names { font-weight: 400; letter-spacing: -.035em; color: var(--hero-ink); }
.t-mildness .names i { color: var(--accent); }
.t-mildness .cover .names { font-size: clamp(3.5rem, 14vw, 5.4rem); }
.t-mildness .cover__date, .t-mildness .hero__date, .t-mildness .aside__date { font: 500 1.1rem var(--serif-m); letter-spacing: .08em; color: var(--accent); }
.t-mildness .cover__to strong { font: 500 1.5rem var(--serif-m); }
.t-mildness .sec { padding-block: 4.7rem; }
.t-mildness .sec--tint { background: rgba(247,227,220,.68); }
.t-mildness .sec__title { font-weight: 400; font-size: 2.5rem; color: var(--ink); }
.t-mildness .sec__title::after { content: '·  ·  ·'; margin-top: .35rem; color: var(--accent); letter-spacing: .35em; font-family: 'Manrope', sans-serif; font-size: .7rem; }
.t-mildness .lead-txt, .t-mildness .person__parents, .t-mildness .event__addr, .t-mildness .story, .t-mildness .lstory__text { color: var(--muted); }
.t-mildness .quote { font-size: 1.3rem; line-height: 1.7; color: var(--ink); }
.t-mildness .ornament { font-size: 0; }
.t-mildness .ornament::before { content: '♡'; font: 2rem/1 var(--serif-m); color: var(--accent); }
.t-mildness .event, .t-mildness .lstory__card, .t-mildness .gift, .t-mildness .rsvp, .t-mildness .wish { border-radius: 26px; background: rgba(255,250,248,.9); border-color: var(--line); box-shadow: 0 20px 44px -32px rgba(81,59,56,.36); }
.t-mildness .event::before { inset: 8px; border-radius: 19px; border-style: dashed; border-color: rgba(197,140,131,.22); }
.t-mildness .event h3, .t-mildness .lstory__title, .t-mildness .gift__bank { color: var(--accent); }
.t-mildness .divider { background: linear-gradient(90deg, transparent, var(--accent), transparent); }
.t-mildness .ibtn { border-radius: 999px; border-color: var(--accent); }
.t-mildness .ibtn--solid { background: var(--accent); box-shadow: 0 12px 26px -16px var(--accent); }
.t-mildness .pframe { padding: 9px; }
.t-mildness .pframe::before { border-radius: 30px; border-color: var(--accent-2); }
.t-mildness .pframe::after { width: 9px; height: 9px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 4px var(--bg); }
.t-mildness .pframe__arch { border-radius: 24px; background: var(--bg-2); }
.t-mildness .pframe__init { font-family: var(--serif-m); color: var(--accent); background: radial-gradient(circle at 50% 35%, #fffaf8, var(--bg-2)); }
.t-mildness .countdown div { border-radius: 20px; background: rgba(255,250,248,.9); border-color: var(--line); }
.t-mildness .countdown b { font-family: var(--serif-m); color: var(--accent); }
.t-mildness .music { border-radius: 50%; background: var(--accent); color: var(--on-accent); border-color: var(--accent); }
.t-mildness .ifoot { border-top-color: var(--line); }
.t-mildness .ifld input, .t-mildness .ifld textarea, .t-mildness .ifld select { border-color: var(--line); background: #fffaf8; color: var(--ink); }
.t-mildness .lstory::before { background: linear-gradient(var(--accent-2), rgba(197,140,131,.12)); }
.t-mildness .lstory__dot { background: var(--accent); box-shadow: 0 0 0 4px var(--bg), 0 0 0 5px var(--line); }
@keyframes mildnessBreathe { 0%, 100% { box-shadow: 0 20px 44px -32px rgba(81,59,56,.36); } 50% { box-shadow: 0 24px 48px -30px rgba(197,140,131,.5); } }
.t-mildness .event, .t-mildness .lstory__card { animation: mildnessBreathe 7s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) { .t-mildness .event, .t-mildness .lstory__card { animation: none; } }