@import url("_ev.css");
/* ==========================================================
   DInvite — Tema "Pesta Kue" (koleksi Acara Spesial · Ulang Tahun Anak)
   Pesta ulang tahun yang manis: kue bertingkat dengan lilin menyala (padam saat undangan dibuka!), bendera warna-warni, balon, dan konfeti berjatuhan.
   Ilustrasi dari evkit.js, susunan di evkue.js.
   ========================================================== */
.t-evkue { --bg:#ffe8ef; --card:#ffffff; --ink:#4b2e39; --muted:#87606f; --line:rgba(255,122,162,.3); --accent:#ff5c8a; --accent-2:#8bd3dd; --on-accent:#fff; --hero-rgb:75,46,57; --tint-a:.3; --hero-ink:#4b2e39; --deep:#4b2e39; --soft:#ffd6e2; --field:#fffbfc;--k1:#ff7aa2; --k2:#8bd3dd; --k3:#4b2e39; --k4:#ffd166; --k5:#b388eb; --k6:#fff6fa;--fn:'Chewy', cursive; --fh:'Chewy', cursive; --fb:'Quicksand', sans-serif; --fn-w:400; --fn-k:1.05; --fh-w:400; --card-r:24px; --cd-r:20px; --badge-bg:var(--k5); --bw:96px; color-scheme: light; }
body.t-evkue .page { background: radial-gradient(circle, rgba(255,122,162,.22) 2px, transparent 2.5px) 0 0 / 22px 22px, radial-gradient(circle, rgba(139,211,221,.3) 2px, transparent 2.5px) 11px 11px / 22px 22px, #ffe8ef; }
.t-evkue .cover, .t-evkue .hero, .t-evkue .aside, .t-evkue .sec--closing, body.t-evkue .cover.has-photo, body.t-evkue .hero.has-photo, body.t-evkue .aside.has-photo { background: radial-gradient(circle, rgba(255,122,162,.22) 2px, transparent 2.5px) 0 0 / 22px 22px, radial-gradient(circle, rgba(139,211,221,.3) 2px, transparent 2.5px) 11px 11px / 22px 22px, #ffe8ef; color: var(--ink); }
.t-evkue .sec--tint, .t-evkue .sec--countdown { background: linear-gradient(var(--soft), var(--soft)); }
.t-evkue .cover, body.t-evkue .cover.has-photo { place-items: center; overflow: hidden; }
.t-evkue .cover__inner { gap: .5rem; max-width: 340px; }
.t-evkue .hero, .t-evkue .aside, body.t-evkue .cover.has-photo, body.t-evkue .hero.has-photo, body.t-evkue .aside.has-photo { min-height: 100svh; place-items: center; padding: 4rem 1.6rem; overflow: hidden; }
.t-evkue .sec--closing { overflow: hidden; padding-block: 6rem 9rem; }
.t-evkue .cover__to small { color: var(--muted); }
.t-evkue .cover__to strong { font: 700 1.4rem/1.2 var(--fh); color: var(--ink); }
.t-evkue .cover .ek-frame { animation: evUp 1s var(--ease) .2s both; }
.t-evkue .cover .names { animation: evUp 1.1s var(--ease) .45s both; }
.t-evkue .cover .cover__date, .t-evkue .cover .cover__to { animation: evUp 1s var(--ease) .65s both; }
.t-evkue .cover .ibtn { animation: evUp 1s var(--ease) .85s both; }
body.t-evkue:not(.is-locked) .hero .ek-frame { animation: evUp 1.1s var(--ease) .2s both; }
body.t-evkue .sec--tint .event p, body.t-evkue .sec--tint .event small, body.t-evkue .sec--tint .event span { color: var(--muted); }
@media (max-height: 760px) { .t-evkue .cover .ek-frame { --fw: min(124px, 34vw); } .t-evkue .cover .ev-badge { --bw: 74px; } .t-evkue .cover__to small:last-child { display: none; } .t-evkue .cover__inner { gap: .3rem; } }

.t-evkue .cover, body.t-evkue .cover.has-photo { padding: 4.6rem 1.6rem 5rem; }
body.t-evkue .names { color: var(--accent); text-shadow: 3px 3px 0 #fff !important; }
body.t-evkue .names i { color: var(--k5); font-style: normal; }
.t-evkue .ek-frame { --fw: min(186px, 50vw); --frame-bg: radial-gradient(circle at 40% 35%, #fff, #ffd6e2); --frame-sh: 0 0 0 6px #fff, 0 0 0 10px var(--k4), 0 18px 30px -16px rgba(75,46,57,.4); }
.t-evkue .ek-frame:not(.has-photo) > i { --frame-sh: none; background: none; box-shadow: none; }
.t-evkue .ek-frame:not(.has-photo) .ek-emblem { inset: 0; }
.t-evkue .cover__to { padding: .8rem 1rem; border-radius: 22px; background: #fff; box-shadow: 0 6px 0 var(--soft); }
.t-evkue .cover.is-open { transform: scale(1.3); opacity: 0; transition: transform .9s ease .25s, opacity .7s ease .3s; pointer-events: none; }
body.t-evkue .countdown div { box-shadow: 0 5px 0 var(--soft); border: 0; }
body.t-evkue .countdown b { color: var(--accent); font-family: var(--fn); }
body.t-evkue .event { border: 0; box-shadow: 0 6px 0 var(--soft), 0 20px 30px -24px rgba(75,46,57,.5); }
body.t-evkue .event h3 { color: var(--accent); }
body.t-evkue .ibtn--solid { background: var(--accent); box-shadow: 0 5px 0 #c8436a; }