:root{--gold:#c8a84b;--gold-light:#e8cc7a;--gold-dark:#8b6914;--ink:#0d0b08;--paper:#eadfbe;--dust:#9a8870;--heading:'Cinzel',serif;--title:'Cinzel Decorative',serif;--body:'IM Fell English',serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--paper);font-family:var(--body);line-height:1.65;background-color:var(--ink);background-image:radial-gradient(circle at 50% 10%,rgba(126,29,18,.3),transparent 42%),linear-gradient(rgba(200,168,75,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(200,168,75,.045) 1px,transparent 1px);background-size:auto,42px 42px,42px 42px}.site-nav{display:flex;justify-content:center;gap:clamp(1.4rem,5vw,4rem);padding:.9rem 1rem;background:rgba(8,7,5,.9);border-bottom:1px solid rgba(200,168,75,.18);font:600 .75rem var(--heading);letter-spacing:.16em;text-transform:uppercase;position:sticky;top:0;z-index:5}.site-nav a{color:var(--gold-dark);text-decoration:none}.site-nav a:hover,.site-nav .active{color:var(--gold-light)}.guestbook-hero{text-align:center;padding:clamp(4rem,10vw,8rem) 1rem clamp(2.5rem,6vw,4.5rem)}.eyebrow{margin:0;color:var(--gold-dark);font:600 .68rem var(--heading);letter-spacing:.2em;text-transform:uppercase}.guestbook-hero h1{margin:.55rem 0;font:700 clamp(2.5rem,7vw,5rem) var(--title);color:var(--gold-light);text-shadow:0 0 30px rgba(200,168,75,.24)}.guestbook-hero>p:last-child{max-width:650px;margin:1rem auto 0;color:#b8a68d;font-size:1.2rem;font-style:italic}.guestbook-shell{width:min(1120px,92vw);margin:0 auto 5rem;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.75fr);gap:1.2rem;align-items:start}.message-section,.form-section{background:linear-gradient(145deg,rgba(38,27,17,.94),rgba(13,10,8,.97));border:1px solid rgba(200,168,75,.2);box-shadow:0 24px 60px rgba(0,0,0,.32)}.message-section{padding:1.5rem}.form-section{padding:1.5rem;position:sticky;top:4.5rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(200,168,75,.16)}h2{margin:.3rem 0 0;color:var(--gold-light);font:600 1.45rem var(--heading)}#message-count{color:var(--dust);font-size:.82rem}.message-list{display:grid;gap:.8rem;padding-top:1rem}.message-card{position:relative;padding:1rem 1.1rem;background:rgba(234,223,190,.045);border-left:2px solid var(--gold-dark)}.message-card.pinned::after{content:'Pinned';position:absolute;right:.85rem;top:.8rem;color:var(--gold-dark);font:600 .58rem var(--heading);letter-spacing:.1em;text-transform:uppercase}.message-meta{display:flex;gap:.8rem;align-items:baseline;margin-bottom:.4rem}.message-name{color:var(--gold-light);font:600 .88rem var(--heading)}.message-time{color:#756957;font-size:.75rem}.message-text{margin:0;color:#d3c6ab;white-space:pre-wrap;overflow-wrap:anywhere}.loading,.empty{color:var(--dust);font-style:italic}.message-pagination{display:flex;justify-content:center;gap:.4rem;margin-top:1.3rem}.message-pagination button{min-width:2rem;height:2rem;color:var(--gold);background:transparent;border:1px solid rgba(200,168,75,.2);cursor:pointer}.message-pagination button.active{color:var(--ink);background:var(--gold)}.form-note{color:#a4937d}.form-section label{display:block;margin:.9rem 0 .35rem;color:var(--gold-light);font:600 .72rem var(--heading);letter-spacing:.06em}.form-section label span{color:var(--dust);font-family:var(--body);font-weight:400}.form-section input,.form-section textarea{width:100%;padding:.8rem;color:var(--paper);background:#0b0907;border:1px solid rgba(200,168,75,.28);font:1rem var(--body);outline:none}.form-section input:focus,.form-section textarea:focus{border-color:var(--gold)}.form-section button[type=submit]{width:100%;margin-top:1rem;padding:.85rem;color:#171109;background:linear-gradient(135deg,#b78d27,#d6b85a);border:0;font:700 .76rem var(--heading);letter-spacing:.14em;text-transform:uppercase;cursor:pointer}.form-section button:disabled{opacity:.55;cursor:wait}.form-status{min-height:1.5rem;margin:.7rem 0 0;color:var(--gold-light)}.form-status.error{color:#d77d6d}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}footer{text-align:center;padding:2.5rem 1rem;color:#786b5a;border-top:1px solid rgba(200,168,75,.12);font:600 .7rem var(--heading);letter-spacing:.08em}footer>a{font:700 1rem var(--title)}footer a{color:#9c7e2c;text-decoration:none}@media(max-width:820px){.guestbook-shell{grid-template-columns:1fr}.form-section{position:static}}@media(max-width:520px){.site-nav{gap:1rem;font-size:.66rem;letter-spacing:.1em}.guestbook-shell{width:min(94vw,680px)}.message-section,.form-section{padding:1rem}.section-heading{align-items:start;flex-direction:column}.message-meta{flex-direction:column;gap:.1rem}}
