:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#1f2926;background:#f6f7f3;font-synthesis:none;--gallery-top-offset: 94px;--edge-gutter: clamp(16px, 3vw, 34px);--floating-bottom: max(24px, calc(env(safe-area-inset-bottom) + 16px) );--floating-right: var(--edge-gutter);--floating-size: 42px;--upload-size: calc(var(--floating-size) * 1.5);--floating-gap: 12px;--timeline-right: var(--edge-gutter);--timeline-rail-size: 28px;--timeline-rail-center: calc(var(--timeline-rail-size) / 2);--timeline-punch-width: 44px;--timeline-expanded-punch-width: 52px;--timeline-shape-width: calc(var(--timeline-rail-size) + var(--timeline-punch-width));--timeline-surface: #fffdf8d9;--timeline-top-clearance: calc(var(--gallery-top-offset) + 12px);--upload-message-bottom: calc(var(--floating-bottom) + var(--upload-size) + var(--floating-gap));--timeline-bottom-clearance: calc( var(--floating-bottom) + var(--upload-size) + var(--floating-size) + (var(--floating-gap) * 5) );--timeline-height: clamp( 0px, calc( 100vh - var(--timeline-top-clearance) - var(--timeline-bottom-clearance) - var(--floating-gap) - var(--timeline-rail-size) ), 560px )}*{box-sizing:border-box}body{margin:0;min-width:320px}button,a{color:inherit;font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;position:relative}.topbar{background:linear-gradient(#f6f7f3f2,#f6f7f3b8 72%,#f6f7f300);display:flex;justify-content:space-between;align-items:flex-start;left:0;padding:15px var(--edge-gutter) 24px;pointer-events:none;position:fixed;right:0;top:0;z-index:5}.eyebrow,.date{color:#69766d;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 7px}h1,h2,p{margin-top:0}h1{font:500 clamp(24px,3vw,38px)/1.05 Georgia,serif;letter-spacing:0;margin:0}h1 span{color:#bd7356;font-style:italic}.icon-button,.viewer-actions button,.viewer-actions a{align-items:center;background:#fffdf8d9;border:1px solid #ccd4cb;border-radius:50%;display:inline-flex;height:42px;justify-content:center;width:42px}.menu-button{box-shadow:0 7px 18px #25352d14;pointer-events:auto}.admin-menu{background:#fffdf8f7;border:1px solid #d9ddd5;border-radius:24px;box-shadow:0 14px 30px #25352d16;padding:22px;pointer-events:auto;position:fixed;right:var(--edge-gutter);top:74px;width:250px;z-index:6}.admin-menu h2{font:500 23px Georgia,serif;margin-bottom:22px}.menu-section+.menu-section{border-top:1px solid #d9ddd5;margin-top:18px;padding-top:18px}.admin-login{align-items:center;background:#1f2926;border:0;border-radius:999px;color:#fff;display:flex;gap:8px;padding:12px 14px;width:100%}.admin-menu input{border:1px solid #ccd4cb;border-radius:999px;display:block;font-size:16px;margin-bottom:10px;padding:11px 14px;width:100%}.admin-control{align-items:center;background:#1f2926;border:0;border-radius:999px;color:#fff;display:flex;gap:8px;justify-content:center;margin-top:10px;padding:12px 14px;width:100%}.admin-control.secondary{background:transparent;border:1px solid #ccd4cb;color:#1f2926}.admin-control.danger{border-color:#bd7356;color:#8f3d29}.display-name-backdrop{align-items:center;background:#18211e63;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:22px;position:fixed;z-index:20}.display-name-dialog{background:#fffdf8f7;border:1px solid #d9ddd5;border-radius:28px;box-shadow:0 20px 46px #18211e3d;padding:24px;width:min(100%,330px)}.display-name-dialog h2{font:500 25px Georgia,serif;margin-bottom:18px}.display-name-dialog input{border:1px solid #ccd4cb;border-radius:999px;display:block;font-size:16px;padding:12px 14px;width:100%}.display-name-actions{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:12px}.filter-button{bottom:calc(var(--timeline-bottom-clearance) + var(--timeline-height) + var(--floating-gap));background:var(--timeline-surface);border-color:#ccd4cb;box-shadow:0 10px 24px #25352d1f;color:#bd7356;height:var(--timeline-rail-size);position:fixed;right:calc(var(--timeline-right) + var(--timeline-rail-center) - (var(--timeline-rail-size) / 2));width:var(--timeline-rail-size);z-index:4}.filter-button.active{background:#bd7356;border-color:#fffdf8;color:#fffdf8}.filter-backdrop{align-items:center;background:#18211e63;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:22px;position:fixed;z-index:20}.filter-dialog{background:#fffdf8f7;border:1px solid #d9ddd5;border-radius:28px;box-shadow:0 20px 46px #18211e3d;padding:22px;width:min(100%,330px)}.filter-dialog-header{align-items:flex-start;display:flex;justify-content:space-between;gap:16px;margin-bottom:14px}.filter-dialog h2{font:500 25px Georgia,serif;margin-bottom:0}.filter-options{display:grid;gap:8px;max-height:min(46vh,330px);overflow:auto;padding:2px 0}.filter-options label{align-items:center;background:#f6f7f3;border:1px solid #d9ddd5;border-radius:999px;display:flex;gap:10px;padding:10px 13px}.filter-options input{accent-color:#1f2926;height:17px;width:17px}.filter-actions{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:12px}.admin-error,.viewer-error{color:#bd7356;font-size:12px}.admin-success{align-items:center;color:#2f7d4f;display:flex;font-size:12px;gap:6px;margin:10px 0 0}.intro{max-width:650px;padding:clamp(42px,8vw,90px) 0 38px}.intro h2{font:500 clamp(34px,5vw,62px)/.98 Georgia,serif;letter-spacing:0;margin-bottom:16px}.intro p:last-child{color:#69766d;margin:0}.gallery-layout{min-height:100vh;padding-top:var(--gallery-top-offset);touch-action:pan-y;--gallery-min-columns: 3}.gallery-grid{align-content:start;align-items:start;background:#f6f7f3;display:grid;gap:2px;grid-template-columns:repeat(auto-fill,minmax(min(100%,clamp(44px,var(--gallery-min-size),260px)),1fr));grid-auto-rows:auto;min-height:calc(100vh - var(--gallery-top-offset))}.media-tile{aspect-ratio:3 / 4;background:#dce2db;border:0;min-height:0;overflow:hidden;padding:0;position:relative}.media-open{background:transparent;border:0;display:block;height:100%;padding:0;width:100%}.media-open img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.media-open:hover img{transform:scale(1.03)}.processing-tile{align-items:center;color:#4f5c54;cursor:default;display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:0}.processing-spinner{animation:upload-spin .8s linear infinite;border:3px solid #ccd4cb;border-radius:50%;border-top-color:#bd7356;height:34px;width:34px}.video-badge{align-items:center;background:#18211e9e;border:1px solid #fffdf873;border-radius:50%;color:#fffdf8;display:flex;height:min(62px,52%);justify-content:center;left:50%;opacity:.82;position:absolute;top:50%;transform:translate(-50%,-50%);width:min(62px,52%)}.media-tile:hover .video-badge{opacity:.98}.uploader-chip{align-items:center;background:#18211ebd;border:1px solid #fffdf866;border-radius:999px;bottom:7px;box-shadow:0 5px 14px #18211e29;color:#fffdf8;display:flex;height:26px;justify-content:center;max-width:calc(100% - 14px);min-width:26px;overflow:hidden;padding:0 5px;position:absolute;right:7px;transition:background-color .18s ease,opacity .18s ease,transform .18s ease;z-index:2}.uploader-chip svg{flex:0 0 13px;height:13px;width:13px}.uploader-chip span{display:inline-block;margin-left:0;max-width:0;opacity:0;overflow:hidden;text-overflow:ellipsis;transition:margin-left .18s ease,max-width .18s ease,opacity .18s ease;white-space:nowrap}.uploader-chip.open span{margin-left:6px;max-width:min(150px,42vw);opacity:1}.uploader-chip.open{background:#18211ee8}.gallery-layout.scrolling .uploader-chip:not(.open){opacity:0;pointer-events:none;transform:translateY(3px)}.gallery-grid .media-tile:nth-child(3n+2) .uploader-chip,.gallery-grid .media-tile:nth-child(3n) .uploader-chip{left:7px;right:auto}.timeline{align-items:center;color:#4f5c54;display:flex;flex-direction:column;justify-content:center;padding:0;pointer-events:none;position:fixed;bottom:var(--timeline-bottom-clearance);height:var(--timeline-height);right:var(--timeline-right);--timeline-shape-top: clamp( var(--timeline-rail-center), var(--timeline-focus, 0%), calc(100% - var(--timeline-rail-center)) );width:112px;z-index:2}.timeline.multi-day{--timeline-expanded-punch-width: 82px}.timeline.engaged{--timeline-punch-width: var(--timeline-expanded-punch-width)}.timeline-surface{bottom:0;filter:drop-shadow(0 1px 1px #25352d20) drop-shadow(0 0 .6px #aeb8ae);pointer-events:none;position:absolute;right:0;top:0;width:var(--timeline-shape-width);z-index:0}.timeline-surface:before{backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.timeline-surface:before,.timeline-surface:after{background:var(--timeline-surface);content:"";position:absolute}.timeline-surface:before{border-radius:999px;bottom:0;right:0;top:0;width:var(--timeline-rail-size)}.timeline-surface:after{border-radius:999px 0 0 999px;height:var(--timeline-rail-size);right:calc(var(--timeline-rail-center) - 1px);top:var(--timeline-shape-top);transform:translateY(-50%);transition:top .22s cubic-bezier(.2,.8,.2,1);transition-property:top,width;width:calc(var(--timeline-punch-width) + 1px)}.timeline.incomplete .timeline-surface:before{background:linear-gradient(to bottom,var(--timeline-surface) 0,var(--timeline-surface) calc(100% - 34px),#fffdf800)}.timeline-date-label{align-items:center;color:#1f2926;display:flex;font-size:10px;font-weight:500;height:var(--timeline-rail-size);justify-content:flex-start;line-height:1;overflow:hidden;padding:0 5px;pointer-events:none;position:absolute;right:calc(var(--timeline-rail-center) - 1px);text-overflow:ellipsis;top:var(--timeline-shape-top);transform:translateY(-50%);transition:top .22s cubic-bezier(.2,.8,.2,1),width .22s cubic-bezier(.2,.8,.2,1);white-space:nowrap;width:calc(var(--timeline-punch-width) + 1px);z-index:3}@supports (height: 100svh){:root{--timeline-height: clamp( 0px, calc( 100svh - var(--timeline-top-clearance) - var(--timeline-bottom-clearance) - var(--floating-gap) - var(--timeline-rail-size) ), 560px )}}.timeline-thumb{background:#bd7356;border:3px solid #fffdf8;border-radius:50%;box-shadow:0 4px 12px #25352d2b;cursor:grab;height:13px;left:calc(100% - var(--timeline-rail-center));padding:0;pointer-events:auto;position:absolute;top:var(--timeline-shape-top);transform:translate(-50%,-50%);touch-action:none;width:13px;z-index:4}.timeline.dragging .timeline-thumb,.timeline-thumb:active{cursor:grabbing}.timeline-edge{height:1px;opacity:0;overflow:hidden;position:absolute;width:1px}.timeline i{background:#bd7356;display:block;bottom:12px;opacity:.48;position:absolute;right:calc(var(--timeline-rail-center) - 1px);top:12px;width:2px;z-index:2}.timeline.incomplete i{mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 34px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 34px),transparent 100%)}.timeline-tick{background:#bd7356;border-radius:50%;height:4px;left:calc(100% - var(--timeline-rail-center));opacity:.28;position:absolute;top:clamp(18px,var(--timeline-tick, 0%),calc(100% - 18px));transform:translate(-50%,-50%);width:4px;z-index:3}.timeline-tick.active{height:8px;opacity:.86;width:8px}.timeline-punch{background:transparent;border:0;cursor:grab;display:block;height:var(--timeline-rail-size);padding:0;pointer-events:auto;position:absolute;right:0;top:var(--timeline-shape-top);transform:translateY(-50%);transition:top .22s cubic-bezier(.2,.8,.2,1);touch-action:none;width:var(--timeline-shape-width);z-index:1}.timeline.dragging .timeline-punch,.timeline-punch:active{cursor:grabbing}.upload-button{background:#bd7356;border-color:#fffdf8;bottom:var(--floating-bottom);box-shadow:0 12px 28px #6f3b2938;color:#fffdf8;height:var(--upload-size);position:fixed;right:var(--floating-right);width:var(--upload-size);z-index:4}.upload-button:disabled{cursor:wait;opacity:.65}.upload-message{align-items:center;background:#fffdf8f2;border:1px solid #ccd4cb;border-radius:999px;bottom:var(--upload-message-bottom);box-shadow:0 10px 24px #25352d1f;color:#4f5c54;display:flex;font-size:12px;gap:8px;min-height:42px;margin:0;padding:9px 14px;position:fixed;right:var(--floating-right);z-index:4}.upload-message.busy:before{border:2px solid #ccd4cb;border-top-color:#bd7356;border-radius:50%;content:"";display:inline-block;height:12px;width:12px;animation:upload-spin .8s linear infinite}.upload-message svg{animation:upload-success-pop .42s ease both;color:#2f7d4f;order:-1}@keyframes upload-spin{to{transform:rotate(360deg)}}@keyframes upload-success-pop{0%{opacity:0;transform:scale(.72)}70%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.gallery-sentinel{height:1px;pointer-events:none}.visually-hidden{height:1px;opacity:0;position:absolute;width:1px}.viewer{background:#18211e;color:#f6f7f3;top:0;right:0;bottom:0;left:0;overscroll-behavior:contain;position:fixed;touch-action:pan-y;--viewer-bar-height: 82px;--viewer-inline-padding: clamp(46px, 7vw, 82px);--viewer-meta-height: 42px;z-index:10}.viewer-bar{align-items:center;display:flex;justify-content:space-between;padding:20px clamp(18px,4vw,50px)}.viewer-actions{display:flex;gap:8px}.viewer-actions button,.viewer-actions a{background:#fffdf8;border-color:#fffdf8;box-shadow:0 8px 18px #00000040;color:#18211e;touch-action:manipulation}.viewer-actions button:disabled,.viewer-actions a:disabled{cursor:wait;opacity:.55}.viewer-fit-button{background:#fffdf8;border-color:#fffdf8;box-shadow:0 8px 18px #00000040;color:#18211e;position:absolute;right:clamp(18px,4vw,50px);top:calc(var(--viewer-bar-height) + 10px);z-index:2}.viewer-media{align-items:center;display:flex;height:calc(100vh - var(--viewer-bar-height) - var(--viewer-meta-height));justify-content:center;padding:4px var(--viewer-inline-padding) 8px;-webkit-user-select:none;user-select:none}.viewer-media img,.viewer-media video{max-height:100%;object-fit:contain}.viewer-media.landscape img,.viewer-media.landscape video,.viewer-media.square img,.viewer-media.square video,.viewer-media.unknown img,.viewer-media.unknown video{height:auto;max-width:min(100%,1600px);width:100%}.viewer-media.portrait img,.viewer-media.portrait video{height:100%;max-width:100%;width:auto}.viewer-media.video.landscape video{max-width:100%}.viewer-media.video.portrait video{max-height:100%}.viewer-media.video.fill video{height:100%;max-width:100%;object-fit:cover;width:100%}@supports (height: 100dvh){.viewer-media{height:calc(100dvh - var(--viewer-bar-height) - var(--viewer-meta-height))}}.viewer-nav{align-items:center;background:#fffdf8e6;border:1px solid #fffdf8;border-radius:50%;box-shadow:0 8px 18px #00000040;color:#18211e;display:flex;height:46px;justify-content:center;position:absolute;top:50%;touch-action:manipulation;transform:translateY(-50%);width:46px;z-index:2}.viewer-nav svg{height:28px;width:28px}.viewer-nav.previous{left:18px}.viewer-nav.next{right:18px}.viewer-meta{bottom:14px;color:#c9d2ca;font-size:12px;left:50%;position:absolute;transform:translate(-50%)}.status-page{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:24px;text-align:center}.status-mark{align-items:center;background:#e4e9e1;border-radius:50%;color:#bd7356;display:flex;height:52px;justify-content:center;margin-bottom:25px;width:52px}.status-page h1{font-size:clamp(34px,6vw,56px);max-width:650px}.status-copy{color:#69766d}@media(max-width:800px){:root{--edge-gutter: 18px}.gallery-grid{grid-template-columns:repeat(var(--gallery-min-columns),minmax(0,1fr))}.viewer{--viewer-bar-height: 70px;--viewer-inline-padding: 0px;--viewer-meta-height: 34px}.viewer-bar{padding:14px 14px 10px}.viewer-media{padding:0 var(--viewer-inline-padding) 4px}.viewer-fit-button{right:14px;top:calc(var(--viewer-bar-height) + 8px)}.viewer-nav{height:44px;width:44px}.viewer-meta{bottom:10px;font-size:11px;max-width:calc(100vw - 24px);text-align:center;white-space:normal}}@media(max-width:440px){:root{--edge-gutter: max(6px, env(safe-area-inset-right));--gallery-top-offset: 82px;--timeline-rail-size: 26px}.topbar{padding:11px 14px 20px;padding-right:var(--edge-gutter)}.eyebrow{margin-bottom:5px}.menu-button{height:38px;position:relative;width:38px}.menu-button:before{content:"";top:-4px;right:-4px;bottom:-4px;left:-4px;position:absolute}.filter-button:before{content:"";top:-8px;right:-8px;bottom:-8px;left:-8px;position:absolute}.menu-button svg{height:21px;width:21px}.timeline i{bottom:12px;top:12px}}