:root{--ink:#19271f;--paper:#f6f1e7;--earth:#b95028;--sage:#b5c6ab;--line:#d8d0c1}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px ui-monospace,SFMono-Regular,Menlo,monospace}.viewer{height:100dvh;overflow:hidden}.viewer-header{height:76px;position:fixed;inset:0 0 auto;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:12px clamp(18px,4vw,58px);background:linear-gradient(#19271fe8,#19271f00);pointer-events:none}.brand,.viewer-actions{pointer-events:auto}.brand img{display:block;width:min(200px,52vw);max-height:50px}.viewer-actions{display:flex;gap:7px}.icon-button,.admin-icon{width:38px;height:38px;border:0;border-radius:50%;display:grid;place-items:center;background:#19271f4d;color:#f6f1e7;text-decoration:none;font:22px Georgia,serif;cursor:pointer;opacity:.72}.admin-icon{font-size:15px}.icon-button:hover,.admin-icon:hover{opacity:1;background:#19271f}.viewer main{height:100%}.viewer-stage{height:100dvh;position:relative;background:#111a15;touch-action:pan-y;user-select:none}.photo-slide{width:100%;height:100%;display:grid;place-items:center}.photo-slide img{width:100%;height:100%;object-fit:contain;display:block}.empty{color:var(--paper);text-align:center;padding:30px}.slide-control{position:absolute;z-index:2;top:0;bottom:0;width:18%;border:0;background:transparent;color:#fff8;font:70px/1 Georgia,serif;cursor:pointer;transition:background .2s,color .2s}.slide-control:hover{background:#0002;color:#fff}.previous{left:0;text-align:left;padding-left:20px}.next{right:0;text-align:right;padding-right:20px}.slide-caption{position:absolute;bottom:0;left:0;right:0;z-index:2;display:flex;justify-content:space-between;gap:20px;padding:40px clamp(18px,4vw,58px) 22px;color:#fff;background:linear-gradient(transparent,#000b);font-size:13px;text-shadow:0 1px 4px #000}.slide-caption strong{font:600 18px Georgia,serif}.gallery-view{min-height:100dvh;padding:104px clamp(18px,4vw,58px) 60px;background:var(--paper)}.gallery-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;border-bottom:1px solid var(--line);padding-bottom:14px}.back-button,.more,.viewer dialog button[type=submit]{padding:12px 16px;border:0;background:var(--earth);color:#fff;font:inherit;cursor:pointer}.back-button{background:var(--ink)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:15px}.card{padding:0;border:0;background:none;color:var(--ink);text-align:left;cursor:pointer;font:inherit}.thumb{aspect-ratio:1/1;background:var(--sage);overflow:hidden}.thumb img{display:block;width:100%;height:100%;object-fit:cover}.thumb .empty{color:#43574a}.card h2{margin:8px 0 16px;font:600 15px/1.2 Georgia,serif}.more{display:block;margin:28px auto}.viewer dialog{width:min(540px,94vw);padding:28px;border:0;background:var(--paper);color:var(--ink);box-shadow:0 20px 70px #0008}.viewer dialog::backdrop{background:#19271fb5;backdrop-filter:blur(3px)}.viewer dialog h2{font:600 32px Georgia,serif;margin:8px 0 24px}.close{float:right;padding:0;border:0;background:none;color:var(--ink);font-size:30px;cursor:pointer}.viewer dialog label{display:block;margin:16px 0;color:var(--earth);font-size:12px}.viewer dialog input,.viewer dialog select{width:100%;margin-top:6px;padding:12px;border:1px solid var(--ink);background:transparent;color:var(--ink);font:inherit}.viewer dialog button[type=submit]{margin-top:10px;width:100%}.save{padding:14px 20px;background:var(--ink);color:#fff;border:0;font:inherit;cursor:pointer}@media(max-width:600px){.viewer-header{height:68px}.brand img{max-height:42px}.slide-control{width:22%;font-size:58px}.previous{padding-left:10px}.next{padding-right:10px}.slide-caption{padding-bottom:max(18px,env(safe-area-inset-bottom));font-size:11px}.slide-caption strong{font-size:16px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.photo-slide{position:relative;overflow:hidden}.blurred-photo{position:absolute;inset:-4%;background-position:center;background-size:cover;filter:blur(18px);transform:scale(1.07);opacity:.52}.photo-slide::after{content:"";position:absolute;inset:0;background:#08120b28}.photo-slide img{position:relative;z-index:1;width:auto;height:100%;max-width:100%;max-height:100%;object-fit:contain}.slide-metadata{display:block;max-width:min(780px,74vw);margin-top:6px;color:#fff;opacity:.88;font-size:11px;line-height:1.45}
.icon-button{width:64px;height:64px;font-size:37px;opacity:.9}.admin-icon{width:40px;height:40px;align-self:center}.viewer dialog{width:min(760px,96vw);padding:clamp(24px,4vw,42px)}.viewer dialog h2{font-size:clamp(32px,5vw,48px)}.viewer dialog label{font-size:16px}.viewer dialog input{padding:20px;font-size:clamp(21px,3vw,30px);border-width:2px}.screen-keyboard{margin:20px 0;display:flex;flex-direction:column;gap:9px;align-items:center}.key-row{display:flex;gap:7px;width:100%;justify-content:center}.key-row button{flex:1;min-width:0;min-height:56px;padding:8px;border:0;border-radius:8px;background:#e4dac8;color:var(--ink);font:600 clamp(16px,2.5vw,22px) ui-monospace,SFMono-Regular,monospace;cursor:pointer}.key-row button:active{background:var(--earth);color:#fff;transform:translateY(1px)}.key-row-actions button{background:#cfc2ad}.key-row-actions .key-space{flex:3}.viewer dialog .search-submit{min-height:64px;font-size:20px}@media(max-width:600px){.icon-button{width:58px;height:58px;font-size:33px}.viewer dialog{padding:24px 16px}.key-row{gap:4px}.key-row button{min-height:50px;padding:5px;font-size:15px}}
:root{color-scheme:light;--pico-background-color:#f8f9fa;--pico-color:#27313b;--pico-muted-color:#6c7782;--pico-primary:#b95028;--pico-primary-background:#b95028;--pico-primary-hover:#943d1d;--pico-primary-hover-background:#943d1d;--pico-form-element-background-color:#fff;--pico-form-element-border-color:#aeb6bf}