@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;700&display=swap";:root{--black:#080706;--gold:#d6b36a;--gold2:#f2d994;--ivory:#fff7e8;--muted:#b9aa8f;--glass:#0f0d0bbd}*{box-sizing:border-box}body{background:var(--black);color:var(--ivory);margin:0;font-family:Inter,system-ui,sans-serif}main{min-height:100vh;padding-bottom:94px}.bg{z-index:-1;background:radial-gradient(circle at top,#28200f 0,#090806 42%,#000 100%);position:fixed;inset:0;overflow:hidden}.orb{filter:blur(34px);opacity:.3;border-radius:999px;position:absolute}.one{background:#d6a642;width:260px;height:260px;top:-70px;right:-80px}.two{background:#fff2b8;width:180px;height:180px;bottom:100px;left:-70px}.screen{max-width:920px;margin:0 auto;padding:28px 18px}.hero{place-items:center;min-height:92vh;display:grid}.hero-card,.panel,.photo-card,.tile{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#ffffff14,#ffffff06);border:1px solid #d6b36a47;box-shadow:0 24px 70px #00000059}.hero-card{text-align:center;border-radius:32px;width:100%;padding:42px 24px}.crown{color:var(--gold);width:48px;height:48px}.eyebrow,.chapter{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-size:.72rem;font-weight:700}h1,h2,h3{margin:.2em 0;font-family:Cormorant Garamond,serif}h1{font-size:4.7rem;line-height:.85}h2{font-size:2.3rem}.khmer{color:var(--gold2);font-size:1.5rem}.intro{color:var(--muted);max-width:520px;margin:18px auto}.signin{gap:12px;margin-top:24px;display:grid}input{width:100%;color:var(--ivory);background:#00000073;border:1px solid #d6b36a4d;border-radius:16px;padding:15px;font-size:16px}button{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#171008;border:0;border-radius:999px;padding:14px 18px;font-weight:800}button:disabled{opacity:.45}.welcome{justify-items:center;gap:12px;display:grid}.bottom-nav{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000000b8;border:1px solid #d6b36a40;border-radius:24px;grid-template-columns:repeat(4,1fr);gap:6px;max-width:560px;margin:auto;padding:8px;display:grid;position:fixed;bottom:14px;left:12px;right:12px}.bottom-nav button{color:var(--muted);background:0 0;border-radius:18px;justify-items:center;gap:3px;padding:8px;display:grid}.bottom-nav svg{width:20px}.bottom-nav span{font-size:.7rem}.bottom-nav .active{color:var(--gold2);background:#d6b36a29}header{padding:20px 0}.photo-feed{gap:22px;display:grid}.photo-card{border-radius:28px;overflow:hidden}.photo-card img{aspect-ratio:1;object-fit:cover;background:#19140b;width:100%;display:block}.photo-copy{padding:20px}.photo-copy p{color:var(--muted)}.reactions{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.reactions button{color:var(--ivory);background:#ffffff14;border:1px solid #d6b36a3d;align-items:center;gap:6px;padding:10px 12px;display:flex}.reactions svg{width:17px}.comment-form{gap:8px;display:flex}.comment-form button{padding-inline:16px}.comments p{font-size:.9rem}.panel{text-align:center;border-radius:28px;padding:28px}.large-icon{width:64px;height:64px;color:var(--gold)}.grid{grid-template-columns:1fr;gap:16px;display:grid}.tile{border-radius:24px;padding:22px}.tile svg{color:var(--gold)}.tile p,small{color:var(--muted)}@media (width>=760px){.photo-card{grid-template-columns:1fr 1fr;display:grid}.grid{grid-template-columns:1fr 1fr}.screen{padding-inline:32px}h1{font-size:6rem}}