:root{--color-bg: oklch(.985 .003 75);--color-surface: oklch(.965 .004 75);--color-ink-primary: oklch(.2 .01 240);--color-ink-secondary: oklch(.35 .015 240);--color-accent: oklch(.52 .09 75);--color-accent-hover: oklch(.45 .08 75);--color-accent-light: oklch(.93 .03 75);--color-border: oklch(.88 .015 75);--color-shadow: rgba(0, 0, 0, .04);--color-focus: oklch(.52 .09 75);--font-serif: "EB Garamond", Georgia, serif;--font-sans: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 48px;--space-xxl: 80px;--transition-gentle: .25s cubic-bezier(.25, .8, .25, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--color-bg);color:var(--color-ink-primary);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);display:flex;flex-direction:column;align-items:center;min-height:100vh}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.container{width:100%;max-width:80ch;padding:var(--space-lg) var(--space-md);display:flex;flex-direction:column;gap:var(--space-xxl)}header{width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border);padding-bottom:var(--space-md)}.memorial-symbol{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-serif);font-size:1.15rem;letter-spacing:.05em;color:var(--color-accent)}.header-actions{display:flex;align-items:center;gap:var(--space-md)}.live-btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-size:.875rem;font-weight:500;color:var(--color-accent);background-color:transparent;border:1px solid var(--color-accent);padding:8px 16px;border-radius:6px;text-decoration:none;min-height:44px;transition:background-color var(--transition-gentle),border-color var(--transition-gentle),color var(--transition-gentle)}.live-btn:hover{background-color:var(--color-accent-light);border-color:var(--color-accent);color:var(--color-accent)}.lang-switcher{display:flex;gap:var(--space-xs);background-color:var(--color-surface);padding:4px;border-radius:6px;border:1px solid var(--color-border)}.lang-btn{background:transparent;border:none;color:var(--color-ink-secondary);font-family:var(--font-sans);font-size:.875rem;font-weight:500;padding:8px 14px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;transition:background-color var(--transition-gentle),color var(--transition-gentle)}.lang-btn:hover{color:var(--color-ink-primary)}.lang-btn.active{background-color:var(--color-accent-light);color:var(--color-accent);box-shadow:0 1px 3px var(--color-shadow);font-weight:600}.lang-btn.active:hover{background-color:#ebd8be;color:var(--color-accent)}.hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.hero-eyebrow{font-family:var(--font-serif);font-size:1.4rem;font-style:italic;color:var(--color-accent)}.hero-name{font-family:var(--font-serif);font-size:clamp(2.2rem,6vw,3.5rem);line-height:1.15;font-weight:400;letter-spacing:-.02em;color:var(--color-ink-primary)}.hero-dates{font-family:var(--font-sans);font-size:1rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-secondary)}.hero-divider{width:60px;height:1px;background-color:var(--color-accent);margin:var(--space-sm) 0}.hero-quote{font-family:var(--font-serif);font-size:1.25rem;font-style:italic;max-width:45ch;color:var(--color-ink-secondary);line-height:1.5}.photo-frame{--photo-fit: cover;--photo-position: center;isolation:isolate}.focus-center{--photo-position: center}.focus-top{--photo-position: center top}.focus-bottom{--photo-position: center bottom}.focus-left{--photo-position: left center}.focus-right{--photo-position: right center}.focus-upper{--photo-position: center 35%}.focus-lower{--photo-position: center 65%}.focus-upper-left{--photo-position: left 35%}.focus-upper-right{--photo-position: right 35%}.focus-lower-left{--photo-position: left 65%}.focus-lower-right{--photo-position: right 65%}.main-photo-frame{width:100%;max-width:min(440px,100%);aspect-ratio:4 / 5;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:var(--space-sm);box-shadow:0 4px 20px var(--color-shadow);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;margin-top:var(--space-md)}.main-photo-frame:before{content:"";position:absolute;inset:6px;border:1px dashed var(--color-border);border-radius:4px;pointer-events:none}.main-photo-frame:has(img),.photo-frame:has(img){padding:0;height:auto;display:block;overflow:hidden}.main-photo-frame:has(img):before,.photo-frame:has(img):before{display:none}.main-photo-frame img,.photo-frame img{width:100%;height:100%;display:block;object-fit:var(--photo-fit);object-position:var(--photo-position)}.placeholder-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-lg);z-index:1}.placeholder-icon{width:48px;height:48px;color:var(--color-accent);opacity:.6}.placeholder-label{font-size:.9rem;font-weight:500;color:var(--color-ink-secondary);max-width:24ch;line-height:1.4}.live-stream-section{display:flex;flex-direction:column;gap:var(--space-lg);border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-surface);padding:var(--space-xl) var(--space-lg);box-shadow:0 2px 12px var(--color-shadow)}.section-title{font-family:var(--font-serif);font-size:1.8rem;font-weight:400;letter-spacing:-.01em;color:var(--color-ink-primary);text-align:center}.section-desc{text-align:center;max-width:55ch;margin:0 auto;color:var(--color-ink-secondary);font-size:1rem}.video-player{width:100%;aspect-ratio:16 / 9;background-color:#090b0d;border-radius:6px;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;box-shadow:inset 0 0 40px #000c}.stream-schedule-info{text-align:center;font-size:.95rem;color:var(--color-ink-secondary);margin-top:var(--space-sm);font-weight:500}.schedule-section{display:flex;flex-direction:column;gap:var(--space-xl)}.timeline{display:flex;flex-direction:column;gap:var(--space-lg);position:relative}.timeline:before{content:"";position:absolute;left:16px;top:10px;bottom:10px;width:1px;background-color:var(--color-border)}.timeline-item{display:flex;gap:var(--space-lg);position:relative;padding-left:var(--space-xl)}.timeline-dot{position:absolute;left:12px;top:8px;width:9px;height:9px;border-radius:50%;background-color:var(--color-accent);border:2px solid var(--color-bg);z-index:1}.timeline-time{font-family:var(--font-sans);font-size:.9rem;font-weight:600;color:var(--color-accent);min-width:80px;padding-top:2px}.timeline-content{display:flex;flex-direction:column;gap:4px}.timeline-title{font-family:var(--font-serif);font-size:1.35rem;font-weight:500;color:var(--color-ink-primary)}.timeline-desc{font-size:.95rem;color:var(--color-ink-secondary)}.gallery-section{display:flex;flex-direction:column;gap:var(--space-xl)}.gallery-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg);align-items:stretch}@media(min-width:600px){.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-item.large{grid-column:span 2}.gallery-item.large:not(:has(img)){aspect-ratio:16 / 9}}.gallery-item{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:var(--space-sm);box-shadow:0 2px 10px var(--color-shadow);display:flex;justify-content:center;align-items:center;aspect-ratio:4 / 3;min-height:220px;position:relative}.gallery-item:before{content:"";position:absolute;inset:6px;border:1px dashed var(--color-border);border-radius:4px;pointer-events:none}.gallery-item.photo-frame:has(img){padding:0;overflow:hidden}.gallery-item.large.photo-frame:has(img){aspect-ratio:16 / 10}@media(max-width:599px){.gallery-item.large.photo-frame:has(img){aspect-ratio:4 / 3}}.gallery-item.portrait-crop,.gallery-item.landscape-crop{aspect-ratio:4 / 3}.photo-frame[data-viewer-item]{cursor:zoom-in}.photo-frame[data-viewer-item]:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.photo-frame[data-viewer-item] img{transition:transform var(--transition-gentle)}.photo-frame[data-viewer-item]:hover img{transform:scale(1.015)}.image-viewer{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#0d0e10f5;color:#fff;overflow:hidden}.image-viewer::backdrop{background:#0d0e10e0}.image-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr)}.image-viewer-topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);min-height:64px;padding:max(14px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 14px max(16px,env(safe-area-inset-left))}.image-viewer-count{font-family:var(--font-sans);font-size:.85rem;font-weight:600;letter-spacing:.08em;color:#ffffffc7;text-transform:uppercase}.image-viewer-close,.image-viewer-nav{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:#ffffff1a;color:#fff;cursor:pointer;transition:background-color var(--transition-gentle),border-color var(--transition-gentle),transform var(--transition-gentle)}.image-viewer-close{width:44px;height:44px;font-size:1.35rem;line-height:1}.image-viewer-nav{position:absolute;top:50%;z-index:3;width:48px;height:48px;transform:translateY(-50%)}.image-viewer-nav:before{content:"";width:13px;height:13px;border-top:3px solid currentColor;border-right:3px solid currentColor}.image-viewer-nav.prev{left:max(12px,env(safe-area-inset-left))}.image-viewer-nav.prev:before{transform:rotate(-135deg) translate(-1px,-1px)}.image-viewer-nav.next{right:max(12px,env(safe-area-inset-right))}.image-viewer-nav.next:before{transform:rotate(45deg) translate(-1px,1px)}.image-viewer-close:hover,.image-viewer-nav:hover{background:#ffffff2e;border-color:#ffffff6b}.image-viewer-stage{position:relative;display:grid;place-items:center;min-width:0;min-height:0;padding:0 16px;touch-action:pan-y;user-select:none}.image-viewer-image{max-width:100%;max-height:100%;width:auto;height:auto;display:block;object-fit:contain;border-radius:6px;box-shadow:0 18px 60px #00000061}body.viewer-open{overflow:hidden}@media(max-width:640px){.photo-frame[data-viewer-item]:hover img{transform:none}.image-viewer-stage{padding:0}.image-viewer-nav{top:auto;bottom:max(16px,env(safe-area-inset-bottom));width:44px;height:44px;transform:none}.image-viewer-nav:before{width:12px;height:12px}.image-viewer-nav.prev{left:max(16px,env(safe-area-inset-left))}.image-viewer-nav.next{right:max(16px,env(safe-area-inset-right))}.image-viewer-image{max-height:100%;border-radius:0;box-shadow:none}}footer{width:100%;border-top:1px solid var(--color-border);padding-top:var(--space-lg);margin-top:var(--space-xxl);padding-bottom:var(--space-xl);text-align:center;font-family:var(--font-serif);font-size:1.1rem;font-style:italic;color:var(--color-ink-secondary)}.remembering-section{display:flex;flex-direction:column;gap:var(--space-lg);text-align:center}.remembering-content{max-width:65ch;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-md);font-size:1.05rem;line-height:1.7;color:var(--color-ink-secondary);text-align:justify;text-justify:inter-word}@media(max-width:600px){.remembering-content{text-align:center}}.remembering-scripture{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border);font-family:var(--font-serif);font-style:italic;text-align:center}.remembering-scripture p{margin:0 0 var(--space-sm);line-height:1.6}.remembering-scripture cite{display:block;font-style:normal;font-size:.9rem;color:var(--color-ink-secondary)}.condolence-section,.condolence-layout{display:flex;flex-direction:column;gap:var(--space-xl)}.tribute-form-container{background-color:#fff;border:1px solid var(--color-border);border-radius:8px;padding:var(--space-lg);box-shadow:0 4px 12px var(--color-shadow);height:fit-content}.form-title{font-family:var(--font-serif);font-size:1.3rem;font-weight:500;color:var(--color-ink-primary);display:flex;align-items:center;gap:var(--space-sm);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-md);margin-bottom:var(--space-lg)}.pen-icon{width:20px;height:20px;color:var(--color-accent)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.form-group label{font-size:.75rem;font-weight:600;letter-spacing:.05em;color:var(--color-ink-secondary)}.form-group input,.form-group textarea{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:10px 12px;font-family:var(--font-sans);font-size:.95rem;color:var(--color-ink-primary);width:100%;transition:border-color var(--transition-gentle)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent)}.form-group textarea{resize:vertical;min-height:4.5em}.tribute-type-group{border:0;display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md);padding:0}.tribute-type-legend{font-size:.75rem;font-weight:600;letter-spacing:.05em;color:var(--color-ink-secondary);margin-bottom:var(--space-xs)}.tribute-type-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.tribute-type-option{position:relative;display:flex;align-items:center;gap:var(--space-sm);min-height:48px;padding:10px 12px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-ink-primary);cursor:pointer;transition:background-color var(--transition-gentle),border-color var(--transition-gentle),color var(--transition-gentle)}.tribute-type-option:hover{border-color:var(--color-accent);background:#fff}.tribute-type-option input{position:absolute;opacity:0;pointer-events:none}.tribute-type-marker{width:18px;height:18px;flex:0 0 18px;border:1px solid var(--color-accent);border-radius:50%;background:#fff;box-shadow:inset 0 0 0 4px #fff;transition:background-color var(--transition-gentle),box-shadow var(--transition-gentle)}.tribute-type-label{font-size:.95rem;font-weight:500;line-height:1.2}.tribute-type-option:has(input:checked){border-color:var(--color-accent);background:var(--color-accent-light);color:var(--color-ink-primary)}.tribute-type-option:has(input:checked) .tribute-type-marker{background:var(--color-accent);box-shadow:inset 0 0 0 4px #fff}.tribute-type-option:has(input:focus-visible){outline:2px solid var(--color-focus);outline-offset:3px}.tribute-submit-btn{width:100%;background-color:var(--color-accent);color:#fff;border:none;font-family:var(--font-sans);font-size:.9rem;font-weight:600;letter-spacing:.05em;padding:14px;border-radius:6px;cursor:pointer;transition:background-color var(--transition-gentle),transform var(--transition-gentle);margin-top:var(--space-sm);text-transform:uppercase}.tribute-submit-btn:hover{background-color:var(--color-accent-hover)}.tribute-submit-btn:disabled{cursor:wait;opacity:.68}.tribute-submit-btn:active{transform:translateY(1px)}.tributes-list-container{display:flex;flex-direction:column;gap:var(--space-md)}.tributes-list-title{font-family:var(--font-serif);font-size:1.8rem;font-weight:400;letter-spacing:-.01em;color:var(--color-ink-primary);text-align:center}.tributes-list{display:flex;flex-direction:column;gap:24px}.tribute-card{background-color:#fff;border:1px solid var(--color-border);border-radius:8px;padding:30px 30px 28px;box-shadow:0 2px 8px var(--color-shadow);display:flex;flex-direction:column;gap:var(--space-xs);position:relative;transition:transform var(--transition-gentle)}.tribute-card:hover{transform:translateY(-1px)}.tribute-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-sm)}.tribute-card-author{font-family:var(--font-serif);font-size:1.35rem;font-weight:600;color:var(--color-ink-primary);line-height:1.15}.tribute-card-date{font-size:.95rem;color:var(--color-ink-secondary);font-weight:400;white-space:nowrap;line-height:1.2}.tribute-card-relation{align-self:flex-start;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-top:6px}.tribute-card-message{font-family:var(--font-serif);font-size:1.05rem;font-style:italic;color:var(--color-ink-primary);line-height:1.6;margin-top:14px;padding-left:18px;border-left:2px solid var(--color-border);text-wrap:pretty}.tribute-edit-btn{position:absolute;top:12px;right:12px;background:none;border:1px solid var(--color-border);border-radius:4px;padding:3px 10px;font-family:var(--font-sans);font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);cursor:pointer;transition:background var(--transition-gentle),color var(--transition-gentle)}.tribute-edit-btn:hover{background:var(--color-accent-light)}.tribute-edit-area{display:none;flex-direction:column;gap:var(--space-sm);margin-top:14px}.tribute-edit-area.active{display:flex}.tribute-edit-textarea{width:100%;font-family:var(--font-serif);font-size:1.05rem;font-style:italic;color:var(--color-ink-primary);line-height:1.6;padding:10px 14px 10px 18px;border:1px solid var(--color-border);border-left:2px solid var(--color-accent);border-radius:4px;background:var(--color-accent-light);resize:vertical;min-height:80px}.tribute-edit-textarea:focus{outline:2px solid var(--color-focus);outline-offset:2px}.tribute-edit-actions{display:flex;gap:var(--space-sm);justify-content:flex-end}.tribute-edit-save{background:var(--color-accent);color:#fff;border:none;border-radius:4px;padding:6px 18px;font-family:var(--font-sans);font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background var(--transition-gentle)}.tribute-edit-save:hover{background:var(--color-accent-hover)}.tribute-edit-save:disabled{opacity:.6;cursor:not-allowed}.tribute-edit-cancel{background:none;border:1px solid var(--color-border);border-radius:4px;padding:6px 14px;font-family:var(--font-sans);font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-secondary);cursor:pointer;transition:background var(--transition-gentle)}.tribute-edit-cancel:hover{background:var(--color-surface)}.tribute-form-error{display:none;margin-top:var(--space-sm);padding:10px 14px;border-radius:5px;border:1px solid oklch(.82 .06 30);background:#fff2ef;color:#663028;font-family:var(--font-sans);font-size:.85rem;line-height:1.45}.tribute-form-error.visible{display:block}.tribute-edit-error{font-family:var(--font-sans);font-size:.8rem;color:#804036;margin-top:4px}@media(max-width:520px){.tribute-type-options{grid-template-columns:1fr}.tributes-list-title{font-size:1.8rem}.tribute-card{padding:24px 20px}.tribute-card-header{flex-direction:column;gap:6px}.tribute-card-author{font-size:1.25rem}.tribute-card-date{font-size:.9rem}.tribute-card-message{font-size:1rem;padding-left:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}