:root{font-family:IBM Plex Mono,Courier New,Courier,monospace;line-height:1.5;font-weight:500;color-scheme:light;color:#111;background-color:#fff;--color-bg: #ffffff;--color-surface: #f7f7f7;--color-border: #e2e2e2;--color-text: #111111;--color-text-secondary: #4a4a4a;--color-accent: #facc15;--color-accent-hover: #eab308;--color-accent-text: #a16207;--color-accent-text-hover: #92400e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:var(--color-bg);color:var(--color-text);overflow-x:hidden}#root{width:100%;height:100vh}a{font-weight:500;color:var(--color-accent-text);text-decoration:inherit}a:hover{color:var(--color-accent-text-hover)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid var(--color-border);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-surface);color:var(--color-text);cursor:pointer;transition:border-color .25s,background-color .25s}button:hover{border-color:#c4c4c4;background-color:#efefef}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.feedback-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px}.feedback-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.feedback-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.feedback-modal-header h2{margin:0;font-size:1.35rem;color:#111;font-weight:600}.feedback-modal-close{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.feedback-modal-close:hover{background:#f5f5f5;color:#111}.feedback-form{padding:20px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#111;font-size:.95rem}.form-group textarea,.form-group input{width:100%;padding:10px 12px;border:1px solid #d0d0d0;border-radius:6px;font-size:14px;font-family:inherit;color:#111;background:#fff;transition:border-color .2s ease}.form-group textarea:focus,.form-group input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #facc1533}.form-group textarea:disabled,.form-group input:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:120px}.feedback-error{padding:12px;background:#fff5f5;border:1px solid #ffcccc;border-radius:6px;margin-bottom:16px;color:#c33;font-size:.9rem}.feedback-error p{margin:0}.feedback-success{padding:40px 20px;text-align:center;color:#111}.feedback-success p{margin:0;font-size:1rem;color:#666}.feedback-actions{display:flex;gap:12px;justify-content:flex-end}.feedback-submit,.feedback-cancel{padding:10px 20px;border-radius:6px;font-weight:600;font-size:.95rem;cursor:pointer;border:1px solid transparent;transition:all .2s ease}.feedback-submit{background:var(--color-accent);color:#111;border-color:var(--color-accent)}.feedback-submit:hover:not(:disabled){background:#f0b820;box-shadow:0 4px 12px #facc154d}.feedback-submit:disabled{opacity:.7;cursor:not-allowed}.feedback-cancel{background:#f5f5f5;color:#111;border-color:#d0d0d0}.feedback-cancel:hover:not(:disabled){background:#efefef}.feedback-cancel:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.feedback-modal-overlay{padding:12px}.feedback-modal{max-width:100%}.feedback-modal-header h2{font-size:1.15rem}.feedback-form{padding:16px}.form-group textarea{min-height:100px}.feedback-actions{flex-direction:column-reverse}.feedback-submit,.feedback-cancel{width:100%}}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);font-family:inherit}.login-box{background:#1f1f1f;border:1px solid #404040;border-radius:8px;padding:40px;width:100%;max-width:400px;box-shadow:0 20px 60px #00000080}.login-box h1{color:#fff;text-align:center;margin:0 0 30px;font-size:28px;font-weight:600;letter-spacing:.5px}.form-group{margin-bottom:20px}.form-group label{display:block;color:#e0e0e0;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input{padding:12px 14px;border:1px solid var(--color-border);border-radius:6px;background:#2a2a2a;color:#fff;font-size:16px;box-sizing:border-box;transition:all .3s ease}.form-group input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #facc1533}.form-group input::placeholder{color:#707070}.hint{color:#909090;font-size:12px;margin:8px 0 0;font-style:italic}.error-message{color:#ef4444;font-size:13px;margin:12px 0;padding:8px 12px;background:#ef44441a;border-left:3px solid #ef4444;border-radius:4px}.login-button{width:100%;padding:12px 16px;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-hover) 100%);color:#111;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px}.login-button:hover{box-shadow:0 10px 25px #facc154d}.login-button:active{transform:translateY(0)}@media(max-width:480px){.login-box{margin:20px;padding:30px}.login-box h1{font-size:24px;margin-bottom:25px}}.upload-page{min-height:100vh;padding:2rem 1rem}.upload-container{max-width:600px;margin:0 auto}.upload-container h1{text-align:center;color:#fff;margin-bottom:2rem;font-size:2rem}.drop-zone{border:2px dashed #666;border-radius:8px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease;background-color:#6464641a;margin-bottom:2rem}.drop-zone:hover{border-color:#888;background-color:#64646433}.drop-zone.dragging{border-color:var(--color-accent);background-color:#facc1526;box-shadow:0 0 20px #facc154d}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.drop-icon{font-size:3rem;opacity:.7}.drop-zone.dragging .drop-icon{font-size:3.5rem;opacity:1;animation:bounce .4s ease}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.drop-text{color:#ccc;font-size:1rem}.drop-text strong{color:#fff}.drop-hint{color:#999;font-size:.9rem;margin-top:.5rem}.file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;opacity:0}.file-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1rem;flex-wrap:wrap}.upload-list{margin:1.5rem 0 2rem;display:flex;flex-direction:column;gap:.75rem}.upload-item{background-color:#64646426;border:1px solid #555;border-radius:6px;padding:.75rem}.upload-item-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem}.upload-item-name{color:#fff;font-size:.9rem;word-break:break-word}.upload-item-status{color:#ccc;font-size:.85rem}.upload-item.done{border-color:#facc1599}.upload-item.error{border-color:#ff6b6bb3}.upload-item-error{margin-top:.5rem;color:#ff9d9d;font-size:.85rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;transition:all .3s ease;font-weight:500}.btn-secondary{background-color:#444;color:#fff}.btn-secondary:hover{background-color:#555}.file-preview{background-color:#64646433;border:1px solid #555;border-radius:6px;padding:1rem;margin-bottom:2rem;display:flex;align-items:center;gap:1rem}.file-preview-icon{font-size:2.5rem}.file-preview-info{flex:1}.file-preview-name{color:#fff;font-weight:500;margin-bottom:.25rem;word-break:break-all}.file-preview-size{color:#999;font-size:.85rem}.remove-file{background:none;border:none;color:#ff6b6b;cursor:pointer;font-size:1.5rem;padding:0;transition:transform .2s ease}.remove-file:hover{transform:scale(1.2)}.upload-form{background-color:#6464641a;border:1px solid #555;border-radius:8px;padding:2rem;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group:last-child{margin-bottom:0}label{display:block;color:#ccc;margin-bottom:.5rem;font-weight:500;font-size:.95rem}label .required{color:#ff6b6b}input[type=text],input[type=number],textarea{width:100%;padding:.75rem;background-color:#333;border:1px solid #555;border-radius:6px;color:#fff;font-family:inherit;font-size:.95rem;transition:border-color .3s ease;box-sizing:border-box}input[type=text]:focus,input[type=number]:focus,textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 8px #facc154d}input[type=text]::placeholder,textarea::placeholder{color:#666}textarea{resize:vertical;min-height:80px}.form-hint{color:#999;font-size:.8rem;margin-top:.25rem}.year-range{color:#999;font-size:.8rem}.progress-container{margin-bottom:2rem;display:none}.progress-container.active{display:block}.progress-label{color:#ccc;margin-bottom:.5rem;display:flex;justify-content:space-between;font-size:.9rem}.progress-bar-wrapper{background-color:#333;border-radius:6px;height:8px;overflow:hidden;border:1px solid #555}.progress-bar{height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-hover));width:0%;transition:width .3s ease;box-shadow:0 0 8px #facc1580}.success-message{background-color:#facc1526;border:1px solid rgba(250,204,21,.6);border-radius:6px;padding:1rem;margin-bottom:1.5rem;color:#f3d15c;display:none}.success-message.active{display:block}.btn-primary{width:100%;padding:.85rem;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));color:#111;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover:not(:disabled){box-shadow:0 0 16px #facc1580;transform:translateY(-2px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary:active:not(:disabled){transform:translateY(0)}.upload-more{margin-top:1.5rem}.uploading{pointer-events:none;opacity:.7}@media(max-width:600px){.upload-page{padding:1rem}.upload-container h1{font-size:1.5rem;margin-bottom:1.5rem}.drop-zone{padding:2rem 1rem}.drop-icon{font-size:2.5rem}.drop-zone.dragging .drop-icon{font-size:3rem}.upload-form{padding:1.5rem}.file-buttons{flex-direction:column}.btn-secondary{width:100%}}.modal-overlay{position:fixed;inset:0;background-color:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1500;width:100vw;height:100vh;animation:fadeIn .2s ease}.modal-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;animation:slideUp .3s ease;box-shadow:0 20px 60px #000c}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:1rem;right:1rem;background:#0009;border:none;color:#fff;font-size:1.5rem;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:30;padding:0;line-height:1}.modal-close:hover{background:#000000e6;transform:scale(1.1)}.modal-media{flex:1;display:flex;align-items:center;justify-content:center;background-color:#1a1a1a;position:relative;overflow:hidden;min-height:0;width:100%}.modal-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;animation:zoomIn .3s ease}@keyframes zoomIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-video-placeholder,.modal-file-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:1rem}.modal-video-placeholder .media-icon,.modal-file-placeholder .media-icon{font-size:4rem;opacity:.7}.modal-video-placeholder p,.modal-file-placeholder p{color:#ccc;text-align:center;word-break:break-word;max-width:80%}.modal-info{padding:1.5rem;background:linear-gradient(135deg,#2d2d2d,#1a1a1a);display:flex;flex-direction:column;gap:1rem;border-top:1px solid #555;max-height:25vh;overflow-y:auto;flex-shrink:0}.modal-info::-webkit-scrollbar{width:6px}.modal-info::-webkit-scrollbar-track{background:#6464641a;border-radius:3px}.modal-info::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.modal-info::-webkit-scrollbar-thumb:hover{background:#666}.info-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.modal-info h2{color:#fff;margin:0;word-break:break-word;flex:1;font-size:1rem}.modal-close-icon{background:none;border:none;color:#999;font-size:1.5rem;cursor:pointer;padding:0;transition:color .3s ease;display:none}.modal-close-icon:hover{color:#fff}.info-details{display:flex;flex-direction:column;gap:.5rem}.detail-row{display:grid;grid-template-columns:80px 1fr;gap:.75rem;padding:.5rem;background-color:#6464641a;border-radius:4px;border-left:3px solid var(--color-accent)}.detail-label{color:#999;font-weight:600;font-size:.8rem}.detail-input{flex:1;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:4px;color:#e6e6e6;padding:6px 8px;font-size:.85rem}.detail-input:focus{outline:none;border-color:#4a4a4a}.detail-value{color:#ccc;font-size:.8rem;word-break:break-word}.caption-value{font-style:italic;color:#aaa}.id-value{font-family:monospace;font-size:.75rem;color:#888}.modal-actions{display:flex;gap:.75rem;padding-top:.75rem;border-top:1px solid #555;flex-wrap:wrap}.btn-download,.btn-close{flex:1;min-width:100px;padding:.6rem .75rem;border:none;border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;text-align:center;display:inline-block}.btn-download{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));color:#111}.btn-download:hover{box-shadow:0 4px 12px #4a9eff4d;transform:translateY(-2px)}.btn-close{background-color:#444;color:#fff}.btn-close:hover{background-color:#555}@media(max-width:768px){.modal-overlay{padding:0}.modal-content{flex-direction:column;border-radius:0}.modal-media{flex:1}.modal-info{max-height:30vh;padding:1rem}.modal-info h2{font-size:.95rem}.detail-row{grid-template-columns:70px 1fr;gap:.5rem;padding:.4rem}.detail-label,.detail-value{font-size:.75rem}.modal-actions{gap:.5rem;padding-top:.5rem}.btn-download,.btn-close{padding:.55rem .5rem;font-size:.75rem}}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;border:2px solid #4a9eff;color:#4a9eff;font-size:1.5rem;width:50px;height:50px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:20;padding:0;line-height:1;font-weight:700}.nav-arrow:hover{background:#000c;color:#fff;border-color:#fff;transform:translateY(-50%) scale(1.1)}.nav-arrow:active{transform:translateY(-50%) scale(.95)}.nav-arrow-left{left:1rem}.nav-arrow-right{right:1rem}.nav-counter{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background:#0009;color:#ccc;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;z-index:15}@media(max-width:768px){.nav-arrow{width:45px;height:45px;font-size:1.3rem}.nav-arrow-left{left:.75rem}.nav-arrow-right{right:.75rem}}@media(max-width:480px){.modal-content{border-radius:0}.modal-close{width:36px;height:36px;font-size:1.3rem;top:.75rem;right:.75rem}.modal-media{min-height:auto}.modal-info{max-height:25vh;padding:.75rem;gap:.5rem}.modal-info h2{font-size:.9rem}.detail-row{grid-template-columns:1fr;gap:.25rem;padding:.3rem}.detail-label{font-size:.7rem;color:#888}.detail-value{font-size:.7rem}.btn-download,.btn-close{padding:.5rem .4rem;font-size:.7rem;min-width:80px}.modal-actions{gap:.4rem;padding-top:.4rem}.nav-arrow{width:45px;height:45px;font-size:1.2rem}.nav-arrow-left{left:.5rem}.nav-arrow-right{right:.5rem}}@media(max-width:360px){.modal-info h2{font-size:.85rem}.nav-arrow{width:40px;height:40px;font-size:1rem}}.timeline-slider{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);width:90%;max-width:400px;background:#fffffff2;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;z-index:500;box-shadow:0 2px 8px #0000001a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.timeline-labels{display:flex;justify-content:space-between;margin-bottom:.75rem;font-size:.85rem;font-weight:500;color:#555}.timeline-year{font-variant-numeric:tabular-nums}.timeline-track{position:relative;display:flex;align-items:center;height:44px}.timeline-line{position:absolute;left:0;right:0;height:6px;background:var(--color-accent);border-radius:999px;top:50%;transform:translateY(-50%);pointer-events:none;box-shadow:0 0 0 1px #facc1540}.timeline-input{width:100%;height:44px;border-radius:3px;background:transparent;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer;position:relative;z-index:1;margin:0;padding:0}.timeline-input::-webkit-slider-runnable-track{height:6px;background:transparent;border-radius:999px}.timeline-input::-moz-range-track{height:6px;background:transparent;border-radius:999px}.timeline-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:2px solid var(--color-accent);cursor:pointer;box-shadow:0 2px 4px #0003;transition:all .2s ease;margin-top:-9px}.timeline-input::-webkit-slider-thumb:hover{width:28px;height:28px;box-shadow:0 4px 8px #0000004d}.timeline-input::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:2px solid var(--color-accent);cursor:pointer;box-shadow:0 2px 4px #0003;transition:all .2s ease}.timeline-input::-moz-range-thumb:hover{width:28px;height:28px;box-shadow:0 4px 8px #0000004d}.timeline-current{margin-top:.75rem;text-align:center}.timeline-current-year{font-size:.95rem;font-weight:600;color:var(--color-accent);font-variant-numeric:tabular-nums}@media(max-width:768px){.timeline-slider{bottom:1rem;left:50%;transform:translate(-50%);max-width:85%;padding:.75rem}.timeline-labels{margin-bottom:.5rem;font-size:.8rem}.timeline-track{height:40px}.timeline-line{height:6px}.timeline-input{height:40px}.timeline-input::-webkit-slider-thumb{width:22px;height:22px;margin-top:-8px}.timeline-input::-moz-range-thumb{width:22px;height:22px}.timeline-current-year{font-size:.9rem}}@media(max-width:480px){.timeline-slider{bottom:.75rem;max-width:95%;padding:.5rem}.timeline-labels{margin-bottom:.25rem;font-size:.75rem;gap:.5rem}.timeline-current-year{font-size:.85rem}}@media(max-width:320px){.timeline-slider{display:none}}.gallery-page{min-height:100vh;padding:1rem 1rem 2rem}.gallery-container{max-width:1400px;margin:0 auto}.gallery-memorial-banner{position:static;margin-bottom:1rem;padding:.75rem 1rem;text-align:center;background:#facc15;color:#111;border-radius:8px;font-weight:600;box-shadow:0 4px 12px #00000014;width:100%}.gallery-memorial-banner a{color:#111;text-decoration:underline;font-weight:700}.gallery-actions{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.gallery-download-button{padding:10px 16px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-weight:600;cursor:pointer}.gallery-download-button:hover{background:#efefef;border-color:#cfcfcf}@media(max-width:768px){.gallery-memorial-banner{margin-bottom:.75rem;font-size:.95rem}}.gallery-container h1{color:#fff;margin-bottom:2rem;font-size:2rem}.upload-success{background:linear-gradient(135deg,#4a9eff1a,#2d7dd41a);border:1px solid var(--color-accent);border-radius:8px;padding:2rem;text-align:center;margin-bottom:3rem}.success-icon{font-size:3rem;color:var(--color-accent-text);margin-bottom:1rem}.upload-success h2{color:#fff;margin-bottom:.5rem}.upload-success p{color:#ccc;margin-bottom:.5rem}.media-id{color:#999;font-size:.85rem;margin-top:1rem;font-family:monospace}.error-message{background-color:#ff6b6b26;border:1px solid #ff6b6b;border-radius:6px;padding:1rem;margin-bottom:2rem;color:#f99;display:none}.error-message.active{display:block}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem}.spinner{width:40px;height:40px;border:3px solid #555;border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.loading-state p{color:#ccc;font-size:1.1rem}.empty-state{text-align:center;padding:3rem;background-color:#6464641a;border:1px dashed #555;border-radius:8px}.empty-state p{color:#ccc;margin:.5rem 0}.empty-hint{color:#999;font-size:.95rem}.gallery-content{display:flex;flex-direction:column;gap:3rem;padding-bottom:calc(140px + env(safe-area-inset-bottom))}.year-section{display:flex;flex-direction:column;gap:1.5rem}.year-header{color:#111;font-size:1.5rem;margin:0;padding-bottom:.75rem;border-bottom:2px solid #1f1f1f;transition:border-color .3s ease}.year-section:hover .year-header{border-bottom-color:var(--color-accent)}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}.media-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column}.media-card:hover{border-color:#1f1f1f;box-shadow:0 4px 16px #00000014;transform:translateY(-4px)}.media-thumbnail{position:relative;aspect-ratio:1;background-color:#f2f2f2;overflow:hidden;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #e0e0e0}.lazy-image{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease}.lazy-image.loaded{opacity:1}.media-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f2f2f2}.archive-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:2000;padding:24px}.archive-modal{background:#fff;border-radius:12px;padding:24px;max-width:420px;width:100%;box-shadow:0 12px 30px #0003;text-align:center}.archive-modal h2{margin:0 0 8px;font-size:1.2rem;color:#111}.archive-modal p{margin:0 0 16px;color:#444}.archive-progress{background:#f0f0f0;border-radius:999px;overflow:hidden;height:10px;margin-bottom:16px}.archive-progress-bar{height:100%;background:#111;transition:width .4s ease}.archive-progress-bar-indeterminate{width:100%;animation:indeterminate 1.5s ease-in-out infinite;transform-origin:left}@keyframes indeterminate{0%{transform:scaleX(.3) translate(-100%)}50%{transform:scaleX(.3) translate(100%)}to{transform:scaleX(.3) translate(300%)}}.archive-error{color:#b91c1c;margin-bottom:12px;font-size:.95rem}.archive-success{color:#14532d;margin-bottom:12px;font-size:.95rem}.archive-close{padding:8px 16px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;font-weight:600}@media(max-width:768px){.gallery-actions{justify-content:center}}.media-icon{font-size:3rem;opacity:.7;margin-bottom:.5rem}.media-overlay{position:absolute;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.media-card:hover .media-overlay{opacity:1}.view-text{color:#fff;font-weight:600;margin:0;font-size:1.1rem}.media-info{flex:1;padding:1rem;display:flex;flex-direction:column;gap:.5rem;background-color:#fff}.filename{color:#111;margin:0;font-size:.95rem;font-weight:500;word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.uploader{color:#111;margin:0;font-size:.85rem;font-weight:500}.caption{color:#1a1a1a;margin:0!important;font-size:.8rem;word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:1.3}@media(max-width:1024px){.media-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}@media(max-width:768px){.gallery-container{padding:0 12px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}}@media(max-width:480px){.media-grid{grid-template-columns:1fr}}.media-icon{font-size:2.5rem}}@media(max-width:768px){.gallery-page{padding:1rem}.gallery-container h1{font-size:1.5rem}.media-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.media-info{padding:.75rem}.filename{font-size:.85rem}.uploader{font-size:.75rem}.caption{font-size:.7rem}.media-icon{font-size:2rem}.year-header{font-size:1.2rem}}@media(max-width:480px){.media-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem}.gallery-content{gap:2rem}.media-info{padding:.5rem}.filename{font-size:.8rem}.uploader{font-size:.7rem}}.slideshow-page{position:fixed;inset:0;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:2000}.slideshow-page.loading,.slideshow-page.error{flex-direction:column;gap:2rem;color:#fff}.slideshow-page.loading .spinner{width:50px;height:50px;border:4px solid #555;border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.slideshow-page.loading p,.slideshow-page.error p{font-size:1.2rem}.error-content{text-align:center;display:flex;flex-direction:column;gap:2rem}.btn-back{padding:.75rem 2rem;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));color:#111;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-back:hover{box-shadow:0 4px 12px #facc154d}.slideshow-media{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000;z-index:1}.media-layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .9s ease}.media-layer.fade-in{opacity:1}.media-layer.fade-out,.media-layer.fade-preload{opacity:0}.media-backdrop{position:absolute;inset:0;background-position:center;background-size:cover;filter:blur(18px);opacity:.2;transform:scale(1.05)}.slideshow-image,.slideshow-video{max-width:100%;max-height:100%;object-fit:contain;animation:fadeIn .3s ease;z-index:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slideshow-controls{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:2rem;transition:opacity .6s ease;pointer-events:none;z-index:200}.slideshow-controls.hidden{opacity:0;pointer-events:none}.slideshow-controls.visible{opacity:1;pointer-events:auto}.slideshow-controls>div{pointer-events:auto}.controls-top{display:flex;justify-content:center;align-items:center;gap:1rem;background:linear-gradient(to bottom,#ffffffe6,#fff3);padding:2rem 1rem 1rem;margin:-2rem -2rem 0;position:relative;z-index:201;pointer-events:auto}.top-center{display:flex;flex-direction:column;align-items:center;gap:.5rem;order:0}.media-title{color:#111;font-size:1.2rem;font-weight:500;position:absolute;left:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:20%}.controls-buttons{display:flex;gap:1rem;pointer-events:auto;position:absolute;right:1rem}.control-btn{background:#ffffffe6;border:1px solid #e0e0e0;color:#111;padding:.75rem 1.25rem;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-weight:600;pointer-events:auto}.control-btn:hover{background:#fff;border-color:#cfcfcf}.control-btn:active{transform:scale(.95)}.sort-btn,.close-btn{min-width:50px}.controls-center{position:absolute;top:1rem;left:0;right:0;display:flex;justify-content:center;align-items:center;padding:0 2.5rem;pointer-events:none;z-index:199}.controls-center .nav-btn{position:fixed;top:50%;transform:translateY(-50%);z-index:202;pointer-events:auto}.controls-center .nav-btn.prev{left:2.5rem}.controls-center .nav-btn.next{right:2.5rem}.controls-center .center-info{display:flex;flex-direction:column;align-items:center;gap:1rem}.nav-btn{font-size:2.5rem;padding:1rem 1.5rem;min-width:80px;background:#fffffff2;border:2px solid #e0e0e0}.nav-btn:hover{background:#fff;border-color:#cfcfcf;box-shadow:0 0 20px #00000014}.nav-btn.next{padding-left:1.25rem}.nav-btn.prev{padding-right:1.25rem}.center-info{display:flex;flex-direction:column;align-items:center;gap:1rem;min-width:150px;pointer-events:auto;z-index:202;position:relative}.media-counter{color:#111;font-size:1.2rem;font-weight:600;text-align:center}.autoplay-btn{min-width:60px;font-size:1.2rem;background:#ffffffe6;border:2px solid #e0e0e0;padding:.75rem 1.25rem}.autoplay-btn.active{background:#fff;border-color:#cfcfcf;box-shadow:0 0 15px #0000001f}.autoplay-btn:hover{box-shadow:0 0 15px #00000014}.controls-bottom{background:linear-gradient(to top,#fffffff2,#fff3);padding:1rem 1rem 2rem;margin:0 -2rem -2rem}.slideshow-captions{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);z-index:210;opacity:1;transition:opacity .3s ease;max-width:90%;max-height:30vh;overflow-y:auto;pointer-events:none}.slideshow-captions.hidden{opacity:0;pointer-events:none}.slideshow-captions.visible{opacity:1;pointer-events:auto}.slideshow-captions .media-info{color:#111;font-size:.95rem;background:#ffffffe6;border:1px solid #e0e0e0;border-radius:8px;padding:.75rem 1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px #00000026}.media-info{color:#111;font-size:.95rem;background:#ffffffd9;border:1px solid #e0e0e0;border-radius:8px;padding:.75rem 1rem;display:inline-block;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.info-row{display:flex;gap:.75rem;margin-bottom:.5rem}.info-row:last-child{margin-bottom:0}.info-row .label{color:#222;min-width:60px;font-weight:600}.info-row .value{color:#111;flex:1;word-break:break-word}.slideshow-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#00000014;transition:opacity .3s ease;z-index:210}.slideshow-progress.visible{opacity:1}.slideshow-progress:not(.visible){opacity:0}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-hover));transition:width .3s ease;box-shadow:0 0 10px #facc1580}.keyboard-hints{position:fixed;bottom:25%;left:0;right:0;display:flex;justify-content:center;pointer-events:none;z-index:210}.hints-content{background:#ffffffe6;color:#111;padding:.75rem 1.5rem;border-radius:6px;font-size:.9rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #e0e0e0;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.hints-content p{margin:0}.hints-content strong{color:#000}@media(max-width:1024px){.slideshow-controls{padding:1.5rem}.controls-center{padding:0 2rem}.nav-btn{font-size:2rem;padding:.75rem 1rem;min-width:60px}.control-btn{padding:.6rem 1rem;font-size:.9rem}.media-title,.media-counter{font-size:1rem}.info-row{font-size:.85rem}}@media(max-width:768px){.slideshow-controls{padding:1rem}.controls-top{padding:1.5rem 1rem 1rem;margin:-1rem -1rem 0}.controls-bottom{padding:1rem 1rem 1.5rem;margin:0 -1rem -1rem}.controls-center{padding:0 1.5rem}.nav-btn{font-size:1.8rem;padding:.6rem .9rem;min-width:50px}.media-title{font-size:.95rem}.center-info{min-width:120px}.media-counter{font-size:.95rem}.autoplay-btn{min-width:50px;font-size:1rem}.control-btn{padding:.5rem .75rem;font-size:.85rem}.info-row{font-size:.8rem}.info-row .label{min-width:50px}.hints-content{font-size:.75rem;padding:.5rem 1rem}.slideshow-captions{bottom:.5rem;max-width:95%;max-height:25vh}.slideshow-captions .media-info{font-size:.85rem}}@media(max-width:480px){.slideshow-controls{padding:.75rem}.controls-top{padding:1rem .75rem .75rem;margin:-.75rem -.75rem 0;flex-direction:column;align-items:flex-start;gap:.5rem}.controls-buttons{align-self:flex-end;position:absolute;top:.75rem;right:.75rem;margin:0}.media-title{font-size:.85rem;margin-top:.5rem}.controls-center{padding:0 1rem;margin:0}.nav-btn{font-size:1.5rem;padding:.5rem .75rem;min-width:45px}.center-info{min-width:100px}.media-counter{font-size:.85rem}.autoplay-btn{min-width:45px;font-size:.9rem}.controls-bottom{padding:.75rem .75rem 1rem;margin:0 -.75rem -.75rem}.info-row{font-size:.7rem}.info-row .label{min-width:40px}.hints-content{font-size:.65rem;padding:.4rem .75rem}.slideshow-progress{height:3px}.slideshow-captions{bottom:.25rem;max-width:98%;max-height:20vh}.slideshow-captions .media-info{font-size:.75rem;padding:.5rem .75rem}.slideshow-captions .info-row{font-size:.7rem;margin-bottom:.35rem}.slideshow-captions .info-row .label{min-width:35px}}@media(hover:none){.control-btn,.nav-btn{min-touch-target-size:44px}.slideshow-controls{padding:1.5rem 1rem}}.app{display:flex;flex-direction:column;min-height:100vh;background:var(--color-bg);color:var(--color-text);--header-height: 88px}.app-main{flex:1;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:20px 40px;width:100%;background:var(--color-bg);border-bottom:5px solid #1f1f1f;box-shadow:none}.brand{display:flex;align-items:center}.brand-link{display:inline-flex;align-items:center;cursor:pointer}.brand-logo{height:40px;width:auto;display:block}.brand-fallback{font-size:20px;font-weight:700;color:var(--color-text);letter-spacing:.5px}.app-nav{display:flex;align-items:center;gap:2rem}.hamburger{display:none;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);font-size:20px;padding:6px 10px;border-radius:6px;cursor:pointer}.drawer-overlay{position:fixed;inset:0;background:#0003;z-index:1100}.drawer{position:fixed;top:0;right:0;height:100vh;width:260px;background:#fff;border-left:1px solid var(--color-border);box-shadow:-8px 0 24px #00000014;z-index:1200;transform:translate(0);animation:slideIn .2s ease}.drawer-nav{display:flex;flex-direction:column;padding:24px;gap:12px}.drawer-link{text-decoration:none;color:var(--color-text);font-size:16px;padding:10px 12px;border-radius:6px;background:#f7f7f7;border:1px solid var(--color-border);text-align:left}.drawer-link:hover{background:#efefef}.drawer-logout{background:#f5f5f5}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.nav-link{color:var(--color-text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease;padding:8px 12px;border-radius:4px}.nav-button{background:none;border:none;cursor:pointer;font-family:inherit}.nav-link:hover{color:var(--color-text);background-color:#f0f0f0}.nav-link:focus,.nav-button:focus,.drawer-link:focus,.logout-button:focus{outline:none}.nav-link:focus-visible,.drawer-link:focus-visible,.logout-button:focus-visible,.nav-button:focus-visible{outline:3px solid #ffd400;outline-offset:2px;border-radius:4px}.logout-button{padding:10px 20px;background:#f5f5f5;color:var(--color-text);border:1px solid var(--color-border);border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.logout-button:hover{background:#eee;border-color:#cfcfcf;transform:none;box-shadow:none}.logout-button:active{transform:translateY(0)}.app-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;position:relative;z-index:1}.home-hero{width:100%;padding:clamp(32px,6vw,96px) clamp(20px,8vw,140px);padding-top:calc(clamp(32px,6vw,96px) + 16px);isolation:isolate;position:relative}.home-hero-bg{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}.home-hero-flyer{position:relative;z-index:2;width:100%;display:flex;justify-content:center}.home-hero-content{position:relative;z-index:2;width:100%;max-width:720px;text-align:center;padding:clamp(16px,3vw,32px) clamp(12px,4vw,48px)}.memorial-flyer{width:100%;height:auto;max-width:1100px;margin:0 auto 32px;display:block}.memorial-card{display:inline-flex;flex-direction:column;align-items:center;gap:6px;padding:16px 20px;margin-bottom:24px;background:#facc1524;border:1px solid rgba(250,204,21,.6);border-radius:12px;color:#111;box-shadow:0 6px 18px #00000014}.memorial-kicker{font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#111;margin:0}.memorial-title{margin:0;font-size:1.35rem;font-weight:600;color:#111}.memorial-details,.memorial-venue,.memorial-address{margin:0;font-size:.95rem;color:#111}.memorial-venue a{color:#111;text-decoration:underline;font-weight:600}.corner-decor{position:absolute;top:0;z-index:4;width:clamp(120px,20vw,300px);height:clamp(120px,20vw,300px);background-repeat:no-repeat;background-size:contain;background-position:top left;pointer-events:none;opacity:1}.corner-left{left:clamp(6px,2vw,24px);background-image:url(/assets/cloud-eye-storm-left.svg);-webkit-mask-image:linear-gradient(135deg,#000 0%,#000 52%,transparent 86%);mask-image:linear-gradient(135deg,#000 0%,#000 52%,transparent 86%)}.corner-right{right:clamp(6px,2vw,24px);background-image:url(/assets/cloud-eye-storm-right.svg);background-position:top right;-webkit-mask-image:linear-gradient(225deg,#000 0%,#000 52%,transparent 86%);mask-image:linear-gradient(225deg,#000 0%,#000 52%,transparent 86%)}@media(max-width:768px){.home-hero{padding:clamp(24px,8vw,64px) clamp(16px,8vw,48px);padding-top:calc(clamp(24px,8vw,64px) + 16px)}.home-hero-content{max-width:560px;padding:clamp(12px,4vw,20px) clamp(10px,5vw,28px)}.corner-decor{width:clamp(90px,30vw,180px);height:clamp(90px,30vw,180px);top:0}.corner-left{left:clamp(4px,3vw,16px)}.corner-right{right:clamp(4px,3vw,16px)}}@media(min-width:1200px){.home-hero{padding:clamp(48px,7vw,120px) clamp(48px,12vw,200px);padding-top:calc(clamp(48px,7vw,120px) + 16px)}.home-hero-content{max-width:760px;padding:clamp(20px,3.5vw,44px) clamp(20px,6vw,64px)}}.app-container h2{font-size:32px;margin:0 0 16px;font-weight:600}.app-container p{font-size:16px;color:var(--color-text-secondary);margin:0;text-align:center;max-width:640px;line-height:1.6}.home-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap;justify-content:center}.action-button{padding:10px 16px;border-radius:6px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);text-decoration:none;font-size:14px;transition:background .2s ease,border-color .2s ease}.action-button:hover{background:#efefef;border-color:#cfcfcf}.home-footer{margin-top:20px;font-size:12px;color:var(--color-text-secondary);text-align:center}.celebration-updates{width:100%;max-width:820px;margin:32px auto 0;padding:clamp(20px,4vw,32px);background:#fff;border:1px solid var(--color-border);border-radius:14px;text-align:left;box-shadow:0 8px 24px #0000000f}#celebration-updates{scroll-margin-top:96px}.celebration-updates h3{margin:0 0 12px;font-size:1.25rem;color:var(--color-text)}.celebration-updates p{margin:0 0 12px;color:var(--color-text-secondary);line-height:1.6;text-align:left;max-width:100%}.celebration-updates-form{display:flex;flex-direction:column;gap:12px;margin-top:12px}.celebration-updates-form label{font-weight:600;color:var(--color-text);font-size:.95rem}.celebration-updates-form input[type=email],.celebration-updates-form input[type=text]{padding:10px 12px;border-radius:8px;border:1px solid var(--color-border);font-size:.95rem;width:100%}.celebration-checkbox{display:flex;align-items:center;gap:10px;font-weight:500;color:var(--color-text)}.celebration-updates-submit{align-self:flex-start;padding:10px 18px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-weight:600;cursor:pointer}.celebration-updates-submit:disabled{opacity:.6;cursor:not-allowed}.celebration-updates-error{color:#b91c1c;font-size:.9rem}.celebration-updates-success{padding:12px 14px;background:#f0fdf4;border:1px solid #86efac;border-radius:10px;color:#14532d;font-weight:600}.site-footer{background:#fff;color:#000;border-top:1px solid var(--color-border);padding:12px 16px;text-align:center;font-size:14px}.site-footer-content{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center}.site-footer a{color:#000;text-decoration:underline}.feedback-footer-link{background:none;border:none;color:#000;text-decoration:underline;cursor:pointer;font-size:14px;padding:0;transition:opacity .2s ease}.feedback-footer-link:hover{opacity:.7}@media(max-width:768px){.app{--header-height: 76px}.app-header{padding:16px 20px;flex-direction:row;gap:12px;position:sticky;top:0;width:100%}.app-nav{display:none}.hamburger{display:inline-flex;align-items:center;justify-content:center}}@media(max-width:480px){.app{--header-height: 72px}.app-header{padding:16px 20px;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;position:sticky;top:0;width:100%}.brand-logo{height:36px}.brand{flex:0 0 auto}.hamburger{margin-left:auto}.logout-button{width:100%}.app-container h2{font-size:24px}}