html[data-theme=mono]{--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-body:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--size-xs:.6875rem;--size-sm:.75rem;--size-base:.8125rem;--size-lg:1rem;--size-xl:1.25rem;--line-tight:1.2;--line-base:1.6;--tracking-tight:-.01em;--tracking-wide:.04em;--gutter:clamp(1rem, 3vw, 2rem);--rule-width:1px;--radius:0px;--grid-gap:clamp(8px, 1.2vw, 12px);--tile-min:240px;--tile-aspect-w:7;--tile-aspect-h:6;--tile-aspect:var(--tile-aspect-w) / var(--tile-aspect-h);--placard-gap:.2rem;--measure:68ch;--duration-fast:.12s;--duration-base:.2s;--ease:cubic-bezier(.2, 0, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fff;--bg-subtle:#fafafa;--fg:#1a1a1a;--fg-muted:#6a6a6a;--fg-faint:#9a9a9a;--rule:#1a1a1a;--rule-faint:#e4e4e4;--accent:#1a1a1a;--accent-fg:#fff;--hover-bg:#1a1a1a;--hover-fg:#fff;--danger:#b42318;--success:#067647;--overlay:#fffffff5;--shadow:#0000000f}@media (prefers-color-scheme:dark){html[data-theme=mono]{--lightningcss-light: ;--lightningcss-dark:initial}html[data-theme=mono]:not([data-mode=light]){--bg:#0d0d0d;--bg-subtle:#141414;--fg:#e8e8e8;--fg-muted:#8a8a8a;--fg-faint:#5a5a5a;--rule:#e8e8e8;--rule-faint:#262626;--accent:#e8e8e8;--accent-fg:#0d0d0d;--hover-bg:#e8e8e8;--hover-fg:#0d0d0d;--danger:#f97066;--success:#47cd89;--overlay:#0d0d0df5;--shadow:#0009}}html[data-theme=mono][data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0d0d;--bg-subtle:#141414;--fg:#e8e8e8;--fg-muted:#8a8a8a;--fg-faint:#5a5a5a;--rule:#e8e8e8;--rule-faint:#262626;--accent:#e8e8e8;--accent-fg:#0d0d0d;--hover-bg:#e8e8e8;--hover-fg:#0d0d0d;--danger:#f97066;--success:#47cd89;--overlay:#0d0d0df5;--shadow:#0009}html[data-theme=mono][data-mode=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--bg-subtle:#fafafa;--fg:#1a1a1a;--fg-muted:#6a6a6a;--fg-faint:#9a9a9a;--rule:#1a1a1a;--rule-faint:#e4e4e4;--accent:#1a1a1a;--accent-fg:#fff;--hover-bg:#1a1a1a;--hover-fg:#fff;--danger:#b42318;--success:#067647;--overlay:#fffffff5;--shadow:#0000000f}
*,:before,:after{box-sizing:border-box}html{background:var(--bg);color:var(--fg);font-family:var(--font-body);-webkit-text-size-adjust:100%;font-size:16px}body{font-size:var(--size-base);line-height:var(--line-base);flex-direction:column;min-height:100dvh;margin:0;display:flex}img{max-width:100%;display:block}a{color:inherit;border-bottom:var(--rule-width) solid currentColor;text-decoration:none}a:hover,a:focus-visible{background:var(--hover-bg);color:var(--hover-fg)}a.bare{border-bottom:0}button{font:inherit;color:inherit;border:var(--rule-width) solid var(--rule);border-radius:var(--radius);cursor:pointer;background:0 0;padding:.35em .75em}button:hover:not(:disabled),button:focus-visible{background:var(--hover-bg);color:var(--hover-fg)}button:disabled{color:var(--fg-faint);border-color:var(--rule-faint);cursor:not-allowed}button.bare{border:0;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input{font:inherit;color:var(--fg);background:var(--bg);border:var(--rule-width) solid var(--rule);border-radius:var(--radius);width:100%;padding:.45em .6em}input::placeholder{color:var(--fg-faint)}.page{width:100%;max-width:1400px;padding:0 var(--gutter);flex-direction:column;flex:1;margin:0 auto;display:flex}.site-header{padding:calc(var(--gutter) * .75) 0;border-bottom:var(--rule-width) solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.site-title{font-size:var(--size-lg);letter-spacing:var(--tracking-tight)}.site-nav{color:var(--fg-muted);align-items:baseline;gap:1rem;display:flex}main{padding:calc(var(--gutter) * 1.5) 0;flex:1}.site-footer{padding:calc(var(--gutter) * .75) 0;border-top:var(--rule-width) solid var(--rule);color:var(--fg-muted);font-size:var(--size-sm);flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.stack{max-width:var(--measure);flex-direction:column;gap:1rem;display:flex}h1,h2{letter-spacing:var(--tracking-tight);font-weight:400;line-height:var(--line-tight);margin:0}h1{font-size:var(--size-xl)}h2{font-size:var(--size-lg)}.muted{color:var(--fg-muted)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{color:var(--fg-muted);font-size:var(--size-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.notice{border:var(--rule-width) solid var(--rule-faint);padding:.75rem 1rem}.notice[data-tone=error]{border-color:var(--danger);color:var(--danger)}.notice[data-tone=success]{border-color:var(--success);color:var(--success)}.notice[data-tone=caution]{border-color:var(--rule);color:var(--fg)}.form-row{align-items:stretch;gap:.5rem;display:flex}.form-row button{white-space:nowrap}.kv{font-size:var(--size-sm);grid-template-columns:minmax(8rem,max-content) 1fr;gap:.35rem 1.5rem;display:grid}.kv dt{color:var(--fg-muted)}.kv dd{margin:0}.features{gap:0;display:grid}.features dt{border-top:var(--rule-width) solid var(--rule-faint);margin-top:.75rem;padding-top:.75rem}.features dd{color:var(--fg-muted);max-width:var(--measure);margin:.35rem 0 0}.landing{gap:1.5rem;max-width:none}.landing-column{width:100%;max-width:var(--measure);flex-direction:column;gap:1rem;margin-inline:auto;display:flex}body:has(.photo-view){height:100dvh}body:has(.photo-view)>.page{min-height:0}:is(body:has(.photo-view) .site-header,body:has(.gallery-view) .site-header){border-bottom:0;padding:.6rem 0 .5rem}:is(body:has(.photo-view) .site-footer,body:has(.gallery-view) .site-footer){border-top:0;padding:.25rem 0 .4rem}body:has(.photo-view) .site-footer{font-size:var(--size-xs)}:is(body:has(.photo-view) main,body:has(.gallery-view) main){padding:0}main:has(.photo-view){flex-direction:column;min-height:0;display:flex}@media (max-height:600px),(max-width:700px){body:has(.photo-view){height:auto;min-height:100dvh}.photo-view .frame{flex:none}.photo-view .frame img{max-height:75dvh}.photo-view[data-orientation=portrait]{flex-direction:column;padding-bottom:.5rem}.photo-view[data-orientation=portrait] .photo-view-meta{align-self:stretch;width:auto;padding-top:0}}.photo-view{flex-direction:column;flex:1;gap:.75rem;min-height:0;margin:0;padding-bottom:.5rem;display:flex}.photo-view[data-orientation=portrait]{align-items:stretch;gap:var(--gutter);flex-direction:row;padding-bottom:0}.photo-view[data-orientation=portrait] .photo-view-meta{flex:none;align-self:flex-start;width:min(24rem,30%);padding-top:.25rem}.photo-view .frame{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.photo-view .frame img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.photo-view-meta{gap:var(--placard-gap);line-height:var(--line-tight);color:var(--fg);max-width:var(--measure);flex-direction:column;display:flex}.photo-view-title{font-size:var(--size-lg);letter-spacing:var(--tracking-tight);margin:0}.photo-view-description{font-size:var(--size-base);margin:0}.photo-view-when{font-size:var(--size-xs);letter-spacing:var(--tracking-wide);margin:0}.photo-view-detail{gap:var(--placard-gap);font-size:var(--size-xs);letter-spacing:var(--tracking-wide);flex-direction:column;display:flex}.photo-view-actions{gap:var(--placard-gap) 1rem;font-size:var(--size-xs);letter-spacing:var(--tracking-wide);flex-wrap:wrap;display:flex}.showcase{border:var(--rule-width) solid var(--rule-faint);background:var(--bg-subtle);padding:calc(var(--gutter) * .4);flex-direction:column;gap:.6rem;margin:0;display:flex}.showcase img{background:var(--bg);width:auto;max-width:100%;height:auto;max-height:85dvh;margin-inline:auto;display:block}.showcase-meta{font-size:var(--size-sm);max-width:var(--measure);flex-direction:column;gap:.2rem;width:100%;margin-inline:0;display:flex}.showcase-title{letter-spacing:var(--tracking-tight)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}hr.rule{border:0;border-top:var(--rule-width) solid var(--rule-faint);width:100%;margin:0}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.crumbs{font-size:var(--size-sm)}.badge{border:var(--rule-width) solid var(--rule-faint);font-size:var(--size-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:.1em .5em}.badge[data-visibility=public],.badge[data-claimed=true]{border-color:var(--rule)}.share-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.share-list li{border-bottom:var(--rule-width) solid var(--rule-faint);flex-wrap:wrap;align-items:center;gap:.75rem;padding-bottom:.5rem;display:flex}.share-email{overflow-wrap:anywhere;flex:12rem;min-width:0}.share-actions{gap:.5rem;display:flex}.share-actions button{font-size:var(--size-sm)}.share-actions button[data-tone=danger]{color:var(--danger);border-color:var(--danger)}select{font:inherit;color:var(--fg);background:var(--bg);border:var(--rule-width) solid var(--rule);border-radius:var(--radius);padding:.45em .6em}.prefix{align-items:center;display:flex}.album-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.album-row{border-bottom:var(--rule-width) solid var(--rule-faint);flex-wrap:wrap;align-items:baseline;gap:1rem;padding:.6rem 0;display:flex}.album-row .title{flex:1;min-width:12rem}.album-open{width:1.75rem;height:1.75rem;color:var(--fg-muted);flex:none;justify-content:center;align-items:center;display:inline-flex}.album-open:hover,.album-open:focus-visible{background:var(--hover-bg);color:var(--hover-fg)}.album-cards{grid-template-columns:repeat(auto-fill, minmax(var(--tile-min), 1fr));gap:var(--grid-gap);margin:0;padding:0;list-style:none;display:grid}.album-strip{grid-auto-flow:column;grid-auto-columns:minmax(var(--tile-min), 22%);gap:var(--grid-gap);overscroll-behavior-x:contain;scroll-snap-type:x proximity;margin:0;padding:0 0 .5rem;list-style:none;display:grid;overflow-x:auto}.album-strip>li{scroll-snap-align:start}@media (max-width:700px){.album-strip{grid-auto-columns:minmax(var(--tile-min), 70%)}}.album-card .cover{aspect-ratio:var(--tile-aspect);background:var(--bg-subtle);display:block;overflow:hidden}.album-card .cover img{object-fit:cover;width:100%;height:100%}.cover-empty{background:var(--bg-subtle);width:100%;height:100%;display:block}.album-card .meta{font-size:var(--size-sm);flex-direction:column;gap:.15rem;padding-top:.5rem;display:flex}.photo-grid{grid-template-columns:repeat(auto-fill, minmax(var(--tile-min), 1fr));gap:var(--grid-gap);margin:0;padding:0;list-style:none;display:grid}.photo-grid .tile{background:0 0;border:0;width:100%;padding:0;display:block}.photo-grid button.tile{cursor:zoom-in}.photo-grid .tile:hover{color:inherit;background:0 0}.photo-grid .tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px;background:0 0}.photo-grid .tile img{width:100%;height:auto;aspect-ratio:var(--tile-aspect);object-fit:cover;background-color:var(--bg-subtle);display:block}.photo-grid .cover-empty{aspect-ratio:var(--tile-aspect);height:auto}.tile-meta{font-size:var(--size-xs);text-overflow:ellipsis;white-space:nowrap;padding-top:.35rem;display:block;overflow:hidden}.album-header{padding-top:calc(var(--gutter) * 1.25);gap:.375rem}.album-header p{margin:0}.album-header .album-facts{margin-top:.5rem}.album-scroll-meta{display:none}@media (max-width:700px){.album-scroll{gap:calc(var(--gutter) * 2.5);grid-template-columns:1fr}.album-scroll .tile{width:auto;margin-inline:calc(var(--gutter) * -1)}.album-scroll .tile img{aspect-ratio:auto;object-fit:contain;height:auto}.album-scroll-meta{margin-inline:calc(var(--gutter) * -.5);padding-top:.4rem;display:flex}}.dropzone{border:var(--rule-width) dashed var(--rule-faint);padding:calc(var(--gutter) * 1.25);text-align:center;transition:border-color var(--duration-fast) var(--ease);flex-direction:column;align-items:center;gap:.5rem;display:flex}.dropzone[data-dragging]{border-color:var(--accent);border-style:solid}.dropzone p{margin:0}.upload-list{font-size:var(--size-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.upload-list li{border-bottom:var(--rule-width) solid var(--rule-faint);grid-template-columns:1fr auto auto;grid-template-areas:"name size state""bar bar bar";gap:.25rem 1rem;padding:.5rem 0;display:grid}.upload-list .name{text-overflow:ellipsis;white-space:nowrap;grid-area:name;overflow:hidden}.upload-list .size{grid-area:size}.upload-list .state{grid-area:state}.upload-list .bar{background:var(--rule-faint);grid-area:bar;height:2px;display:block}.upload-list .fill{background:var(--accent);height:100%;transition:width var(--duration-base) var(--ease);display:block}.upload-list li[data-status=error] .state{color:var(--danger)}.upload-list li[data-status=error] .fill{background:var(--danger)}.upload-list li[data-status=done] .state,.upload-list li[data-status=duplicate] .state{color:var(--success)}textarea{font:inherit;color:var(--fg);background:var(--bg);border:var(--rule-width) solid var(--rule);border-radius:var(--radius);resize:vertical;width:100%;padding:.45em .6em}.labelled{flex-direction:column;gap:.25rem;display:flex}.labelled>span{color:var(--fg-muted);font-size:var(--size-sm)}.photo-editor{gap:calc(var(--gutter) * 1.5);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;display:grid}@media (max-width:900px){.photo-editor{grid-template-columns:1fr}}.photo-editor .preview{top:var(--gutter);flex-direction:column;gap:.5rem;display:flex;position:sticky}.photo-editor .preview img{object-fit:contain;width:100%;height:auto;max-height:75dvh}.exif-grid{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.75rem;display:grid}button.danger{border-color:var(--danger);color:var(--danger)}button.danger:hover:not(:disabled),button.danger:focus-visible{background:var(--danger);color:var(--bg)}.pulse{background:var(--fg-muted);width:.5em;height:.5em;animation:pulse 1.6s var(--ease) infinite;border-radius:50%;margin-right:.5em;display:inline-block}@keyframes pulse{0%,to{opacity:.25}50%{opacity:1}}.photo-grid li.arrangeable{cursor:grab;flex-direction:column;gap:.25rem;display:flex}.photo-grid li.arrangeable[data-dragging]{opacity:.4;cursor:grabbing}.tile-controls{font-size:var(--size-xs);color:var(--fg-muted);align-items:center;gap:.5rem;display:flex}.tile-controls button:disabled{opacity:.3;cursor:default}.tile-controls .cover-flag{margin-left:auto}.tile-select{cursor:pointer;flex-direction:column;gap:.35rem;display:flex}.tile-select img{width:100%;height:auto;aspect-ratio:var(--tile-aspect);object-fit:cover;background:var(--bg-subtle)}.tile-select input{width:auto}.tile-select:has(input:checked) img{outline:2px solid var(--accent);outline-offset:2px}.field-picker{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.2rem 1rem;margin:0;padding:0;list-style:none;display:grid}.field-picker label{cursor:pointer;align-items:center;gap:.5rem;display:flex}.field-picker input{width:auto}