.view-guest{--bg:#151412;--fg:#eceae5;--fg-muted:#98948b;--line-dark:#2b2a27;--title-font:var(--font-display);--title-style:italic;--title-weight:400;--title-case:none;--title-track:.01em;--title-size:clamp(2.2rem, 7vw, 3.4rem);--access-title-size:clamp(2rem, 6vw, 2.8rem);--photo-radius:6px;background:var(--bg);min-height:100dvh;color:var(--fg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;flex-direction:column;display:flex;position:relative}.view-guest.theme-porcelain{--bg:#faf9f7;--fg:#22211e;--fg-muted:#8b877e;--line-dark:#e5e2db;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.view-guest.theme-sand{--bg:#f0e9dd;--fg:#40382d;--fg-muted:#97897a;--line-dark:#ddd2c0;--title-font:var(--font-ui);--title-style:normal;--title-weight:600;--title-case:uppercase;--title-track:.3em;--title-size:clamp(1.4rem, 4.5vw, 2.1rem);--access-title-size:clamp(1.3rem, 4vw, 1.8rem);--photo-radius:2px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.view-guest.theme-noir{--bg:#0a0a0a;--fg:#f5f5f5;--fg-muted:#6e6e6e;--line-dark:#1f1f1f;--title-font:var(--font-ui);--title-style:normal;--title-weight:800;--title-case:none;--title-track:-.02em;--title-size:clamp(2.6rem, 9vw, 4.5rem);--access-title-size:clamp(2.2rem, 7vw, 3.2rem);--photo-radius:0px}body:has(pp-gallery-app){background:#151412}:is(body:has(pp-gallery-unlock.theme-porcelain),body:has(pp-gallery-grid.theme-porcelain)){background:#faf9f7}:is(body:has(pp-gallery-unlock.theme-sand),body:has(pp-gallery-grid.theme-sand)){background:#f0e9dd}:is(body:has(pp-gallery-unlock.theme-noir),body:has(pp-gallery-grid.theme-noir)){background:#0a0a0a}.view-guest.theme-noir .gallery-header{text-align:left;align-items:flex-start}.view-guest.theme-noir .gallery-meta{justify-content:flex-start}.view-guest .eyebrow{color:var(--fg-muted)}.view-guest .button{--btn-bg:transparent;--btn-fg:var(--fg);--btn-border:var(--line-dark);--btn-ring:var(--fg)}.view-guest .button.is-primary{--btn-bg:var(--fg);--btn-fg:var(--bg);--btn-border:var(--fg)}.view-guest .button:hover:not(:disabled){box-shadow:none}.view-guest .button:disabled{background:var(--line-dark);border-color:var(--line-dark);color:var(--fg-muted)}.view-guest .chip{--c-surface:transparent;--c-line:var(--line-dark);--c-accent:var(--fg);--c-on-accent:var(--bg)}.access{flex:1;place-items:center;padding:2rem 1.25rem;display:grid}.access-card{width:min(30rem,100%);animation:access-in .6s var(--ease-out);flex-direction:column;gap:1.6rem;display:flex}@keyframes access-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.access-cover{border-radius:var(--photo-radius);height:clamp(150px,32vw,220px);margin-bottom:1.5rem;position:relative;overflow:hidden}.access-cover:after{content:"";background-image:var(--grain);opacity:.5;mix-blend-mode:overlay;position:absolute;inset:0}.access-studio{letter-spacing:.18em;text-transform:uppercase;color:var(--fg-muted);font-size:.8rem}.access-title{font-family:var(--title-font);font-weight:var(--title-weight);font-style:var(--title-style);text-transform:var(--title-case);font-size:var(--access-title-size);letter-spacing:var(--title-track)}.access-sub{color:var(--fg-muted);margin-top:.45rem;font-size:.92rem}.access-hint{color:var(--fg-muted);font-size:.95rem}.pw-field{flex-direction:column;gap:.75rem;display:flex}.pw-input{width:100%;font-family:var(--font-mono);letter-spacing:.04em;color:var(--fg);background:color-mix(in srgb, var(--fg) 5%, transparent);border:1px solid var(--line-dark);border-radius:var(--radius);outline:none;padding:1rem 1.1rem;font-size:1.05rem;transition:border-color .2s,background .2s}.pw-input::placeholder{color:var(--fg-muted);opacity:.7;letter-spacing:.02em}.pw-input:focus{border-color:var(--fg-muted);background:color-mix(in srgb, var(--fg) 8%, transparent)}.pw-words{flex-wrap:wrap;gap:.45rem;min-height:2.1rem;display:flex}.pw-word{font-family:var(--font-mono);border-radius:var(--radius-pill);border:1px solid var(--line-dark);color:var(--fg-muted);animation:word-in .25s var(--ease-out);padding:.28em .75em;font-size:.88rem}@keyframes word-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}.pw-word.ok{color:#9dbfa9;border-color:#3c4a41}.pw-word.bad{color:#e0a196;border-color:#6e3a33}.pw-suggest{color:var(--fg-muted);font-size:.9rem}.pw-suggest button{font-family:var(--font-mono);color:var(--fg);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.access-trust{color:var(--fg-muted);border-top:1px solid var(--line-dark);padding-top:1.1rem;font-size:.82rem}.access-trust a{color:var(--fg)}.access-error{border:1px solid var(--line-dark);border-radius:var(--radius-sm);animation:access-in .4s var(--ease-out);border-left:3px solid #8a5a3a;flex-direction:column;gap:.4rem;padding:1rem 1.2rem;font-size:.95rem;display:flex}.access-error strong{font-weight:650}.access-error p{color:var(--fg-muted)}.access-error.final{border-left-color:var(--c-signal)}.gallery-header{text-align:center;flex-direction:column;align-items:center;gap:.9rem;padding:clamp(2.5rem,8vw,5rem) 1.5rem 2rem;display:flex}.gallery-header .access-sub{margin-top:0}.gallery-title{font-family:var(--title-font);font-weight:var(--title-weight);font-style:var(--title-style);text-transform:var(--title-case);font-size:var(--title-size);letter-spacing:var(--title-track)}.gallery-intro{max-width:36rem;color:var(--fg-muted);font-size:.95rem;line-height:1.65}.gallery-outro{width:100%;max-width:40rem;color:var(--fg-muted);text-align:center;margin:3rem auto 0;padding:0 1.5rem;font-size:.95rem;line-height:1.65}.gallery-meta{color:var(--fg-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;font-size:.85rem;display:flex}.countdown-pill,.mode-pill{border:1px solid var(--line-dark);border-radius:var(--radius-pill);font-family:var(--font-mono);align-items:center;gap:.5em;padding:.35em .9em;font-size:.8rem;display:inline-flex}.countdown-pill .dot{background:#9dbfa9;border-radius:50%;width:6px;height:6px}.countdown-pill.warn .dot{background:#d0a35c}.countdown-pill.urgent .dot{background:var(--c-signal)}.gallery-expiry{flex-direction:column;align-items:center;gap:.35rem;margin-top:1rem;display:flex}.gallery-expiry .expiry-line{max-width:40rem;color:var(--fg-muted);text-align:center;font-size:.85rem;line-height:1.6}.gallery-expiry .expiry-line.warn{color:#b07f3a}.gallery-expiry .expiry-line.urgent{color:var(--c-signal)}.countdown-pill.preparing .dot{background:#d0a35c;animation:1.6s ease-in-out infinite prep-pulse}@keyframes prep-pulse{50%{opacity:.35}}.photo-grid{flex-direction:column;width:100%;max-width:90rem;margin:0 auto;padding:0 .5rem;display:flex}@media (width>=640px){.photo-grid{padding:0 .75rem}}.grid-row{display:flex}.photo{flex:none;margin:0;display:block;position:relative}.photo:hover{z-index:3}.photo-open{cursor:zoom-in;background:0 0;border:none;width:100%;height:100%;padding:0;display:block}.photo-frame{--pad-x:0px;--pad-t:0px;--pad-b:0px;width:100%;height:100%;padding:var(--pad-t) var(--pad-x) var(--pad-b);border-radius:var(--photo-radius);background:color-mix(in srgb, var(--bg) 92%, var(--fg) 8%);transform:var(--tilt,none);transition:transform .35s var(--ease-out), box-shadow .35s var(--ease-out);position:relative}@media (hover:hover){.photo:hover .photo-frame{transform:var(--tilt,none) translateY(-4px) scale(1.02);box-shadow:0 10px 26px #00000047}.photo:hover .photo-img img{transform:scale(1.06)}.photo:hover .photo-img:after{opacity:.32}}.photo-img:after{transition:opacity .45s var(--ease-out)}.photo-img img{transition:transform .65s var(--ease-out)}@media (prefers-reduced-motion:reduce){.photo-frame,.photo-img img,.photo-img:after{transition:none}.photo:hover .photo-frame{transform:var(--tilt,none)}.photo:hover .photo-img img{transform:none}}.photo-frame .photo-open{height:100%}.photo-img{border-radius:inherit;width:100%;height:100%;display:block;position:relative;overflow:hidden}.photo-img:after{content:"";background-image:var(--grain);opacity:.5;mix-blend-mode:overlay;pointer-events:none;position:absolute;inset:0}.photo-grid.layout-quadrat{--quadrat-min:150px;grid-template-columns:repeat(auto-fill, minmax(var(--quadrat-min), 1fr));display:grid}@media (width>=640px){.photo-grid.layout-quadrat{--quadrat-min:210px}}.photo-grid.layout-quadrat .photo-frame{height:auto}.photo-grid.layout-quadrat .photo-img{aspect-ratio:1;height:auto}.photo-grid.frame-linie .photo-frame{--pad-x:4px;--pad-t:4px;--pad-b:4px;background:#fdfcfa;border:1px solid #0000001f;border-radius:2px}.photo-grid.frame-linie .photo-img{border-radius:0}.photo-grid.frame-polaroid .photo-frame{--pad-x:10px;--pad-t:10px;--pad-b:34px;background:#fbfaf6;border-radius:2px;box-shadow:0 5px 14px #0000004d}.photo-grid.frame-polaroid .photo:hover .photo-frame{box-shadow:0 14px 30px #00000073}.photo-grid.frame-polaroid .photo-img{border-radius:0}.photo-grid.is-virtual,.photo-grid.layout-quadrat.is-virtual{display:block}.grid-canvas{width:100%;position:relative}.photo-grid.is-virtual .grid-row{width:100%;position:absolute;top:0;left:0}@media (hover:hover){.photo-grid.is-virtual .grid-row:has(.photo:hover){z-index:3}}.photo-grid.layout-quadrat.is-virtual .photo-frame{height:100%}.photo-grid.layout-quadrat.is-virtual .photo-img{aspect-ratio:auto;height:100%}.select-heart{top:calc(var(--pad-t,0px) + .5rem);right:calc(var(--pad-x,0px) + .5rem);z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;opacity:0;width:2.4rem;height:2.4rem;transition:opacity .2s, transform .2s var(--ease-out), background .2s, color .2s, box-shadow .2s;background:#0e0d0c9e;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;transform:scale(.9);box-shadow:inset 0 0 0 1px #ffffff38,0 2px 8px #00000059}.select-heart .icon{width:1.4rem;height:1.4rem}.photo:hover .select-heart,.photo.selected .select-heart,.select-heart:focus-visible{opacity:1;transform:scale(1)}.photo:hover .select-heart:hover{background:#0e0d0ccc;transform:scale(1.08)}.photo.selected .select-heart{color:#171614;background:#f8f7f4f5;box-shadow:inset 0 0 0 1px #0000001f,0 2px 8px #0000004d}.photo.selected .photo-img{outline:2px solid color-mix(in srgb, var(--fg) 80%, transparent);outline-offset:-2px}.selection-bar{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--bg) 82%, transparent);border:1px solid var(--line-dark);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-2);transition:transform .35s var(--ease-out);z-index:40;white-space:nowrap;align-items:center;gap:1rem;padding:.55rem .6rem .55rem 1.2rem;display:flex;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%)translateY(120%)}.selection-bar.visible{transform:translate(-50%)translateY(0)}.selection-bar .count{font-family:var(--font-mono);font-size:.9rem}.gallery-footer{flex-direction:column;gap:1rem;width:100%;max-width:40rem;margin:3rem auto 0;padding:0 1.5rem;display:flex}.gallery-footer details{border-top:1px solid var(--line-dark);padding:.9rem 0}.gallery-notice{border-top:1px solid var(--line-dark);flex-direction:column;padding:.9rem 0;display:flex}.gallery-notice-title{color:var(--fg);font-size:.9rem}.gallery-notice p{color:var(--fg-muted);padding-top:.7rem;font-size:.88rem;line-height:1.65}.gallery-footer summary{cursor:pointer;color:var(--fg-muted);justify-content:space-between;align-items:center;font-size:.9rem;list-style:none;transition:color .2s;display:flex}.gallery-footer summary:hover{color:var(--fg)}.gallery-footer summary::-webkit-details-marker{display:none}.gallery-footer summary:after{content:"+";font-size:1.1rem}.gallery-footer details[open] summary:after{content:"–"}.gallery-footer details p{color:var(--fg-muted);padding-top:.7rem;font-size:.88rem;line-height:1.65}.lb-dl{position:relative}.dl-menu{z-index:6;border:1px solid var(--line-dark);border-radius:var(--radius-sm);min-width:250px;box-shadow:var(--shadow-2);animation:dialog-in .2s var(--ease-out);background:#1c1b19;position:absolute;top:calc(100% + 8px);left:50%;overflow:hidden;transform:translate(-50%)}.dl-item{border:none;border-bottom:1px solid var(--line-dark);color:#eceae5;text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:baseline;gap:1rem;width:100%;padding:.7rem .9rem;font-size:.85rem;display:flex}.dl-item:last-child{border-bottom:none}.dl-item:hover{background:color-mix(in srgb, transparent 92%, currentColor)}dialog.lightbox{--lb-bg:#0e0d0c;--lb-fg:#eceae5;--lb-line:#2b2a27;--lb-muted:#98948b;background:var(--lb-bg);color:var(--lb-fg);border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh}dialog.lightbox[open]{flex-direction:column;display:flex}dialog.lightbox::backdrop{background:#0e0d0c}dialog.lightbox .button{--btn-bg:transparent;--btn-fg:var(--lb-fg);--btn-border:var(--lb-line);--btn-ring:var(--lb-fg)}dialog.lightbox .button.is-primary{--btn-bg:var(--lb-fg);--btn-fg:var(--lb-bg);--btn-border:var(--lb-fg)}dialog.lightbox .button:hover:not(:disabled){box-shadow:none}.lb-stage{flex:1;place-items:center;min-height:0;padding:1rem;display:grid;position:relative}.lb-frame{max-width:100%;max-height:100%;position:relative}.lb-photo{border-radius:4px;width:100%;height:100%;position:relative;overflow:hidden}.lb-photo:after{content:"";background-image:var(--grain);opacity:.5;mix-blend-mode:overlay;position:absolute;inset:0}.lb-tools{z-index:5;border-bottom:1px solid var(--lb-line);flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1rem;display:flex;position:relative}.lb-tools .icon{width:1.35rem;height:1.35rem}.lb-filename{text-align:center;color:var(--lb-muted);min-height:1.2rem;padding:0 1.2rem 1.1rem;font-size:.8rem}.guest-proofing .lb-filename{visibility:hidden}.lb-note-text{text-align:center;max-width:42rem;color:var(--lb-muted);overflow-wrap:anywhere;white-space:pre-line;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 auto;padding:0 1.2rem 1.1rem;font-size:.8rem;font-style:italic;line-height:1.45;display:-webkit-box;overflow:hidden}.lb-filename:has(+.lb-note-text){padding-bottom:.25rem}.lb-comment{border-top:1px solid var(--lb-line);flex-direction:column;gap:.6rem;padding:.9rem 1.2rem 1.1rem;display:flex}.lb-comment-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.lb-comment textarea{resize:vertical;width:100%;min-height:3.4rem;font:inherit;color:var(--lb-fg);background:color-mix(in srgb, var(--lb-fg) 5%, transparent);border:1px solid var(--lb-line);border-radius:var(--radius-sm);outline:none;padding:.65rem .8rem;font-size:.92rem}.lb-comment textarea:focus{border-color:var(--lb-muted)}.lb-comment-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.lb-comment .why{color:var(--lb-muted);max-width:34rem;font-size:.78rem}.lb-comment .why-key{margin-top:.2rem;display:block}.imprint-dialog{max-width:min(420px,100vw - 2rem)}.imprint-body{flex-direction:column;gap:1rem;padding:1.6rem;display:flex}.imprint-text{white-space:pre-line;font-size:.92rem;line-height:1.7}.imprint-body amy-button{align-self:flex-end}.photo-img img,.photo-img picture{width:100%;height:100%;display:block}.photo-img img{object-fit:cover}.lb-photo img{object-fit:contain;width:100%;height:100%;display:block}