@import url("_ev.css");
/* ==========================================================
   DInvite — Tema "Dino Hutan" (koleksi Acara Spesial · Ulang Tahun Anak)
   Petualangan dinosaurus di hutan purba: dino hijau yang ramah, daun-daun palem, telur dino, gunung berapi kecil, dan warna yang segar.
   Ilustrasi dari evkit.js, susunan di evdino.js.
   ========================================================== */
.t-evdino { --bg:#eaf7df; --card:#ffffff; --ink:#2d3a2e; --muted:#5e6f5f; --line:rgba(95,179,95,.3); --accent:#3f9b46; --accent-2:#ff9f43; --on-accent:#fff; --hero-rgb:45,58,46; --tint-a:.3; --hero-ink:#2d3a2e; --deep:#2d3a2e; --soft:#d3edc0; --field:#fbfff7;--k1:#5fb35f; --k2:#ff9f43; --k3:#2d3a2e; --k4:#ffd93d; --k5:#ff6b6b; --k6:#c8f0b8;--fn:'Bubblegum Sans', cursive; --fh:'Bubblegum Sans', cursive; --fb:'Nunito', sans-serif; --fn-w:400; --fn-k:1.08; --fh-w:400; --card-r:24px; --cd-r:20px; --badge-bg:var(--k2); color-scheme: light; }
body.t-evdino .page { background: radial-gradient(120% 26% at 50% 106%, #8fd27a 0 50%, transparent 50.5%), radial-gradient(circle at 12% 16%, rgba(255,217,61,.35) 0 40px, transparent 41px), #eaf7df; }
.t-evdino .cover, .t-evdino .hero, .t-evdino .aside, .t-evdino .sec--closing, body.t-evdino .cover.has-photo, body.t-evdino .hero.has-photo, body.t-evdino .aside.has-photo { background: radial-gradient(120% 26% at 50% 106%, #8fd27a 0 50%, transparent 50.5%), radial-gradient(circle at 12% 16%, rgba(255,217,61,.35) 0 40px, transparent 41px), #eaf7df; color: var(--ink); }
.t-evdino .sec--tint, .t-evdino .sec--countdown { background: linear-gradient(var(--soft), var(--soft)); }
.t-evdino .cover, body.t-evdino .cover.has-photo { place-items: center; overflow: hidden; }
.t-evdino .cover__inner { gap: .5rem; max-width: 340px; }
.t-evdino .hero, .t-evdino .aside, body.t-evdino .cover.has-photo, body.t-evdino .hero.has-photo, body.t-evdino .aside.has-photo { min-height: 100svh; place-items: center; padding: 4rem 1.6rem; overflow: hidden; }
.t-evdino .sec--closing { overflow: hidden; padding-block: 6rem 9rem; }
.t-evdino .cover__to small { color: var(--muted); }
.t-evdino .cover__to strong { font: 700 1.4rem/1.2 var(--fh); color: var(--ink); }
.t-evdino .cover .ek-frame { animation: evUp 1s var(--ease) .2s both; }
.t-evdino .cover .names { animation: evUp 1.1s var(--ease) .45s both; }
.t-evdino .cover .cover__date, .t-evdino .cover .cover__to { animation: evUp 1s var(--ease) .65s both; }
.t-evdino .cover .ibtn { animation: evUp 1s var(--ease) .85s both; }
body.t-evdino:not(.is-locked) .hero .ek-frame { animation: evUp 1.1s var(--ease) .2s both; }
body.t-evdino .sec--tint .event p, body.t-evdino .sec--tint .event small, body.t-evdino .sec--tint .event span { color: var(--muted); }
@media (max-height: 760px) { .t-evdino .cover .ek-frame { --fw: min(124px, 34vw); } .t-evdino .cover .ev-badge { --bw: 74px; } .t-evdino .cover__to small:last-child { display: none; } .t-evdino .cover__inner { gap: .3rem; } }

.t-evdino .cover, body.t-evdino .cover.has-photo { padding: 3rem 1.6rem 9.4rem; }
body.t-evdino .names { color: var(--k3); }
body.t-evdino .names i { color: var(--k2); font-style: normal; }
.t-evdino .ek-frame { --fw: min(170px, 46vw); --frame-bg: radial-gradient(circle at 40% 35%, #fff, #d3edc0); --frame-sh: 0 0 0 7px #fff, 0 0 0 11px var(--k1), 0 18px 30px -16px rgba(45,58,46,.4); }
.t-evdino .cover.is-open { transform: translateY(100%); opacity: 1; transition: transform 1s cubic-bezier(.7,0,.25,1); }
body.t-evdino .countdown div { border: 3px solid var(--k1); }
body.t-evdino .countdown b { color: var(--accent); font-family: var(--fn); }
body.t-evdino .event { border: 3px solid var(--k1); }
body.t-evdino .event h3 { color: var(--accent); }
body.t-evdino .ibtn--solid { background: var(--k2); box-shadow: 0 5px 0 #c9752a; }