:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--surface:#faf8ff;--surface-container:#efedf4;--surface-container-high:#e9e7ef;--on-surface:#1a1b21;--on-surface-variant:#45464f;--outline:#767680;--outline-variant:#c6c5d0;--primary:#4a5c92;--on-primary:#fff;--error:#ba1a1a;--placeholder:#92929c;--radius-tile:6px;--grid-gap:4px;--tile-extent:160px;--content-max:1600px;background:var(--surface);color:var(--on-surface);font-family:system-ui,-apple-system,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--surface:#121318;--surface-container:#1e1f25;--surface-container-high:#292a2f;--on-surface:#e3e1e9;--on-surface-variant:#c6c5d0;--outline:#90909a;--outline-variant:#45464f;--primary:#b3c5ff;--on-primary:#1b2f60;--error:#ffb4ab;--placeholder:#6b6b75}}body{background:var(--surface);color:var(--on-surface);margin:0;line-height:1.6}.page{max-width:40rem;margin-inline:auto;padding:3rem 1.5rem}.share-centre{box-sizing:border-box;place-items:center;min-height:100dvh;padding:2rem;display:grid}.share-lock,.share-message{text-align:center;width:100%;max-width:560px}.share-lock h1,.share-message h1{margin:0 0 .5rem;font-size:1.375rem;font-weight:500}.share-muted{color:var(--on-surface-variant);margin:0 0 1.5rem}.share-field{text-align:left;margin-bottom:.75rem;display:block}.share-field span{color:var(--on-surface-variant);margin-bottom:.25rem;font-size:.8125rem;display:block}.share-field input{box-sizing:border-box;width:100%;font:inherit;color:inherit;background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:4px;padding:.75rem}.share-field input:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.share-error{color:var(--error);text-align:left;margin:0 0 1rem;font-size:.875rem}.share-button{width:100%;font:inherit;color:var(--on-primary);background:var(--primary);cursor:pointer;border:none;border-radius:100px;padding:.75rem 1.5rem;font-weight:500}.share-button:disabled{opacity:.45;cursor:default}.share-album{max-width:var(--content-max);margin-inline:auto;padding:1.5rem 1rem 2rem}.share-album h1{margin:0 0 1rem;font-size:1.5rem;font-weight:400}.share-grid{grid-template-columns:repeat(auto-fill, minmax(min(var(--tile-extent), (100% - 2 * var(--grid-gap)) / 3), 1fr));gap:var(--grid-gap);display:grid}.share-tile{aspect-ratio:1;cursor:pointer;border-radius:var(--radius-tile);background:var(--placeholder);border:0;padding:0;position:relative;overflow:hidden}.share-tile>canvas,.share-tile>img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.share-tile:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.share-lightbox{color:#fff;background:#000;border:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;overflow:hidden}.share-lightbox::backdrop{background:#000}.share-track{scroll-snap-type:x mandatory;scrollbar-width:none;height:100dvh;display:flex;overflow:auto hidden}.share-track::-webkit-scrollbar{display:none}.share-slide{scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 100%;height:100dvh;position:relative}.share-slide canvas,.share-slide img{width:100%;height:100%;display:block;position:absolute;inset:0}.share-slide canvas{object-fit:cover;filter:brightness(.6)}.share-slide img{object-fit:contain}.share-chrome{padding:.75rem 1rem;padding-top:max(.75rem, env(safe-area-inset-top));background:linear-gradient(#000000a6,#0000);align-items:center;gap:1rem;display:flex;position:fixed;top:0;left:0;right:0}.share-count{color:#ffffffb3;margin-inline-start:auto;font-size:.875rem}.share-icon{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:100px;place-items:center;width:2.5rem;height:2.5rem;font-size:1.125rem;text-decoration:none;display:grid}.share-icon:hover,.share-icon:focus-visible{background:#ffffff26}.share-arrow{color:#fff;cursor:pointer;background:#00000059;border:0;border-radius:100px;width:3rem;height:3rem;font-size:2rem;line-height:1;position:fixed;top:50%;translate:0 -50%}.share-arrow-prev{left:1rem}.share-arrow-next{right:1rem}@media (pointer:coarse){.share-arrow{display:none}}