:root{--font-family-base: "Red Hat Text", Arial, sans-serif;--font-family-style: "Ms Madi", "Segoe Script", cursive;--font-size-sm: 1rem;--font-size-md: 1.2rem;--font-size-lg: 1.5rem;--font-size-xl: 2.5rem;--line-height-tight: 1.3;--line-height-base: 1.6;--color-text: #201413;--color-accent: #b2827d;--color-accent-muted: #b2827d80;--color-surface: #ffffffcc;--color-surface-strong: #ffffff;--color-overlay: rgba(0, 0, 0, .5);--space-sm: .25rem;--space-md: .5rem;--space-lg: 1rem;--space-xl: 2rem;--radius-sm: 4px;--radius-md: 16px;--border: 4px solid var(--color-accent);--menu-width: 12rem;--top-bar-height: 4.2rem;--transition: .25s ease;--z-overlay: 5;--z-drawer: 10;--z-top-bar: 15;--bg-image: url(/wedding.png);--bg-fallback: #faf7f4}*{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none;color:inherit}button{font-family:var(--font-family-base)}.app{position:relative;min-height:100vh;display:flex;flex-direction:column;gap:var(--space-xl);padding-bottom:var(--space-xl);font-family:var(--font-family-base)}.app:before{content:"";position:fixed;top:var(--top-bar-height);left:0;right:0;bottom:0;background-image:var(--bg-image);background-size:100% auto;background-position:center bottom;background-repeat:no-repeat;z-index:0}@media(max-aspect-ratio:3/4){.app:before{background-size:cover;background-position:right}}.app>*{position:relative;z-index:1}.top-bar{position:sticky;top:0;height:var(--top-bar-height);display:flex;align-items:center;padding-left:var(--space-lg);background:var(--color-surface-strong);z-index:var(--z-top-bar);border-bottom:var(--border)}.top-bar-title{font-family:var(--font-family-style);font-size:var(--font-size-xl);color:var(--color-accent);white-space:nowrap;position:absolute;left:50%;transform:translate(-50%);margin-top:var(--space-sm)}.hamburger{width:44px;height:44px;border:none;border-radius:var(--radius-md);background:var(--color-surface-strong);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);cursor:pointer;transition:transform var(--transition)}.hamburger.needs-attention{position:relative;animation:pulse-bg 2.5s ease-in-out infinite}.hamburger:hover{transform:translateY(-1px)}@keyframes pulse-bg{0%{background-color:var(--color-surface-strong)}70%{background-color:var(--color-accent-muted)}to{background-color:var(--color-surface-strong)}}.hamburger-line{width:22px;height:2px;background:var(--color-text);border-radius:var(--radius-sm);transition:transform var(--transition),opacity var(--transition)}.hamburger.is-open .hamburger-line:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger.is-open .hamburger-line:nth-child(2){opacity:0}.hamburger.is-open .hamburger-line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.side-drawer{position:fixed;top:var(--top-bar-height);left:0;width:var(--menu-width);height:100vh;background:var(--color-surface-strong);padding:var(--space-xl);transform:translate(-100%);transition:transform var(--transition);z-index:var(--z-drawer);display:flex;flex-direction:column;gap:var(--space-lg)}.side-drawer.is-open{transform:translate(0)}.side-link{font-size:2rem;font-family:var(--font-family-style);border-bottom:2px solid var(--color-accent)}.side-link:hover{border-bottom-color:var(--color-accent-muted)}.side-link.is-active{color:var(--color-accent);font-weight:700}.overlay{position:fixed;inset:0;background:var(--color-overlay);opacity:0;pointer-events:none;transition:opacity var(--transition);z-index:var(--z-overlay)}.overlay.is-visible{opacity:1;pointer-events:auto}.content{display:flex;align-items:center;flex-direction:column;gap:var(--space-xl);padding:0 var(--space-xl)}.section,.section-image,.clock{border:var(--border);border-radius:var(--radius-sm);display:flex;max-width:40rem;width:100%}.section{background:var(--color-surface);padding:var(--space-xl);flex-direction:column;gap:var(--space-lg)}.clock{flex-direction:row;background-color:var(--color-accent-muted);justify-content:center;gap:var(--space-md);flex-wrap:wrap;padding:var(--space-md)}.time{display:flex;flex-direction:column;align-items:center;color:var(--color-accent);background-color:var(--color-surface-strong);padding:var(--space-md);border-radius:var(--radius-sm)}.time-value{font-family:Arial Black,sans-serif;font-weight:700;font-size:2rem}.time-label{font-size:.7rem}.title{font-family:var(--font-family-style);font-weight:400;color:var(--color-accent);font-size:var(--font-size-xl);line-height:var(--line-height-tight)}.text-card{padding:var(--space-md);border-bottom:2px solid var(--color-accent);display:flex;flex-direction:row;gap:var(--space-md)}.text-label,.text-label-sm,.subtitle{font-size:var(--font-size-md);letter-spacing:.07em;text-transform:uppercase;min-width:6rem}.text-label-sm{font-size:var(--font-size-sm);font-weight:500}.text-sm{font-size:var(--font-size-sm);line-height:var(--line-height-tight)}.text-sm .line-break{display:block;height:0;margin:.3em 0}.text-sm a{color:var(--color-accent);text-decoration:underline;text-decoration-color:var(--color-accent);text-underline-offset:2px}.footer{margin-top:auto;padding:0 var(--space-xl);text-align:center}