@layer theme,base;@layer legacy{.strip-wrap{margin:0 -22px 18px}.strip{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;gap:8px;padding:2px 22px;scroll-padding:0 22px;display:flex;overflow-x:auto}.strip::-webkit-scrollbar{display:none}.strip>*{scroll-snap-align:start;flex:none}.strip .tile{width:84px;height:84px}.tile{aspect-ratio:1;background:var(--grey-1);--press-scale:var(--press-small);border-radius:20px;display:block;position:relative;overflow:hidden}.tile .img,.tile>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.tile:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--hairline);pointer-events:none;position:absolute;inset:0}.tile--add{cursor:pointer;background:var(--accent);color:var(--accent-foreground);text-align:center;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:750;display:flex}.tile--add:after{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--orange) 25%, transparent)}.strip .tile--add[data-compact=false]{aspect-ratio:auto;border-radius:18px;flex-direction:row;width:auto;height:56px;padding:0 22px;font-size:15px}.tile--add:focus-within{outline:2px solid var(--ring);outline-offset:2px}.camera{flex:none;width:24px;height:24px}.tile--pending>img{filter:saturate(.6)brightness(.85);transition:filter var(--dur-base) var(--ease-out)}.tile--pending[data-state=failed]{background:var(--vault)}.tile--pending[data-state=failed]>img{filter:grayscale()brightness(.45)}.upload-progress{color:var(--ink);width:38px;height:38px;margin:auto;position:absolute;inset:0;transform:rotate(-90deg)}.tile--pending[data-preview=true] .upload-progress{color:var(--on-vault)}.upload-progress circle{fill:none;stroke-width:3.5px;stroke-linecap:round}.upload-progress-track{stroke:currentColor;opacity:.35}.upload-progress-fill{stroke:currentColor;transition:stroke-dashoffset var(--dur-base) var(--ease-out)}.upload-progress[data-indeterminate=true]{animation:spin var(--dur-spin) linear infinite}.tile-fail{place-items:center;display:grid;position:absolute;inset:0}.tile-retry{background:var(--background);width:40px;height:40px;color:var(--ember);border-radius:50%;place-items:center;font-size:22px;font-weight:800;display:grid;box-shadow:0 6px 16px -6px #0006}.tile-dismiss{color:#fff;background:#0000008c;border-radius:50%;place-items:center;width:22px;height:22px;font-size:15px;line-height:1;display:grid;position:absolute;top:5px;right:5px}.tile-problem{color:var(--on-vault);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;font-weight:700;line-height:1.2;display:-webkit-box;position:absolute;bottom:6px;left:6px;right:6px;overflow:hidden}.tile-caption{color:#fff;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0000,#0000008c);padding:18px 10px 8px;font-size:12px;font-weight:650;line-height:1.25;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:8px;display:grid}.gallery-grid .tile{border-radius:12px}.gallery-grid>:first-child{border-top-left-radius:22px}@media (width>=721px){.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.gallery-grid .tile{border-radius:18px}}@media (width>=1024px){.gallery-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.gallery-grid .tile{border-radius:22px}}.lightbox{--ring:#fff;z-index:100;pointer-events:auto;color:#fff;touch-action:none;outline:none;position:fixed;inset:0}.lightbox-scrim{background:#0b0b0c;position:absolute;inset:0}.lightbox-stage{inset:calc(var(--edge-top) + 64px) 0 calc(env(safe-area-inset-bottom) + 92px);display:grid;position:absolute}.lightbox-photo{cursor:grab;grid-area:1/1;place-items:center;display:grid;container-type:size}.lightbox-photo:active{cursor:grabbing}.lightbox-frame{width:min(100cqw - 24px, 100cqh * var(--ar));aspect-ratio:var(--ar);background:#1c1c1e;border-radius:20px;display:block;position:relative;overflow:hidden}.lightbox-frame img{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.lightbox-thumb{filter:blur(8px);transform:scale(1.04)}.lightbox-top{top:calc(var(--edge-top) + 12px);justify-content:space-between;align-items:center;display:flex;position:absolute;left:16px;right:16px}.lightbox-count{font-variant-numeric:tabular-nums;opacity:.75;font-size:14px;font-weight:700}.lightbox-btn{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;background:#ffffff24;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;display:grid}.lightbox-btn svg{width:18px;height:18px}.lightbox-nav{margin-top:-21px;display:none;position:absolute;top:50%}.lightbox-nav--prev{left:20px}.lightbox-nav--next{right:20px}@media (hover:hover) and (pointer:fine){.lightbox-nav{display:grid}.lightbox-btn:hover{background:#ffffff3d}}.lightbox-meta{left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom) + 18px);align-items:center;gap:12px;min-height:56px;display:flex;position:absolute}.lightbox-text{flex:1;gap:2px;min-width:0;display:grid}.lightbox-text b{font-size:16px;font-weight:700;line-height:1.3}.lightbox-text span{opacity:.7;font-size:13px}.lightbox-confirm{gap:6px;display:flex}@media (width>=1024px){.lightbox-stage{inset:76px 96px 104px}.lightbox-meta{width:min(720px,100% - 192px);left:50%;right:auto;transform:translate(-50%)}}@media (prefers-reduced-transparency:reduce){.lightbox-btn{-webkit-backdrop-filter:none;backdrop-filter:none;background:#2c2c2e}}.tile--pending[data-retryable=false] .tile-problem{-webkit-line-clamp:4;font-size:11px;top:32px;bottom:auto}.latest-photos .strip{margin-inline:-16px;padding-inline:16px;scroll-padding:0 16px}@media (width>=1024px){.latest-photos .strip{margin-inline:0;padding-inline:0;scroll-padding:0}}}@layer components,utilities;