:root{--font-display:ui-serif, Georgia, "Iowan Old Style", "Palatino Linotype", Palatino, serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "Helvetica Neue", sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", "Roboto Mono", Menlo, Consolas, monospace;--c-white:#fff;--c-black:#000;--c-neutral-100:#fafafa;--c-neutral-200:#f0f0f0;--c-neutral-300:#a3a3a3;--c-neutral-400:#666;--c-neutral-500:#5c5c5c;--c-neutral-800:#121212;--c-neutral-900:#0a0a0a;--c-paper-100:#f6f3ef;--c-paper-900:#080706;--c-terracotta-050:#fff8f0;--c-terracotta-100:#f3e4d8;--c-terracotta-300:#e2854a;--c-terracotta-600:#a8481e;--c-terracotta-900:#3a2c1e;--c-terracotta-950:#1a140f;--c-red-300:#f87171;--c-red-600:#dc2626;--c-avatar-forest-300:#6bbf9e;--c-avatar-forest-600:#3a6b57;--c-avatar-slate-300:#7ea8d6;--c-avatar-slate-600:#3a5a7d;--c-avatar-plum-300:#c48fd1;--c-avatar-plum-600:#7d4a8a;--c-avatar-ochre-300:#d1b35a;--c-avatar-ochre-600:#8a6a1e;--c-avatar-berry-300:#d17ea0;--c-avatar-berry-600:#a13a5a;--c-avatar-teal-300:#6ac4c4;--c-avatar-teal-600:#2f7a7a;--c-ink-a94:#0f0a06f0;--c-ink-solid:#0f0a06;--c-warm-100:#f1e6d5;--c-warm-100-a80:#f1e6d5cc;--c-black-a09:#00000017;--c-black-a12:#0000001f;--c-black-a60:#0009;--c-white-a10:#ffffff1a;--c-white-a12:#ffffff1f;--c-white-a18:#ffffff2e;--c-white-a35:#ffffff59;--bg:var(--c-white);--bg-elevated:var(--c-white);--canvas:var(--c-paper-100);--surface-alt:var(--c-neutral-100);--media-mat:var(--c-neutral-100);--text:var(--c-neutral-900);--text-muted:var(--c-neutral-400);--border:var(--c-black-a09);--shadow:var(--c-black-a12);--shadow-elevated-lg:0 0 0 1px var(--border), 0 24px 64px color-mix(in srgb, var(--shadow) 42%, transparent);--shadow-elevated-md:0 18px 56px color-mix(in srgb, var(--shadow) 42%, transparent);--shadow-sheet-up:0 -8px 24px var(--shadow);--shadow-raised:0 4px 16px var(--shadow);--focus-ring:2px solid var(--accent);--accent:var(--c-terracotta-600);--accent-soft:var(--c-terracotta-100);--accent-contrast:var(--c-terracotta-050);--danger:var(--c-red-600);--danger-text:color-mix(in srgb, var(--danger) 82%, var(--text));--avatar-1:var(--c-terracotta-600);--avatar-2:var(--c-avatar-forest-600);--avatar-3:var(--c-avatar-slate-600);--avatar-4:var(--c-avatar-plum-600);--avatar-5:var(--c-avatar-ochre-600);--avatar-6:var(--c-neutral-500);--avatar-7:var(--c-avatar-berry-600);--avatar-8:var(--c-avatar-teal-600);--avatar-text:var(--c-terracotta-050);--viewer-scrim:var(--c-ink-solid);--viewer-chrome-bg:var(--c-white-a10);--viewer-chrome-bg-hover:var(--c-white-a18);--viewer-action-bg:color-mix(in srgb, var(--viewer-scrim) 86%, var(--viewer-text));--viewer-border:var(--c-white-a35);--viewer-text:var(--c-terracotta-050);--viewer-text-muted:var(--c-warm-100-a80);--viewer-danger:var(--c-red-300);--sheet-scrim:var(--c-black-a60);--space-half:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--z-sticky-chrome:10;--z-header:20;--z-fab:25;--z-bottom-surface:30;--z-toast:40;--z-viewer:50;--dur-tap:.12s;--dur-quick:.2s;--dur-base:.3s;--dur-hero:.28s;--ease-out:cubic-bezier(.05, .7, .1, 1);--ease-in:cubic-bezier(.3, 0, .8, .15);--ease-hero:var(--ease-out);--fab-size:56px;--bottom-stack-offset:calc(env(safe-area-inset-bottom,0px) + var(--space-4));--notification-stack-offset:var(--bottom-stack-offset);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:var(--c-black);--bg-elevated:var(--c-black);--canvas:var(--c-paper-900);--surface-alt:var(--c-neutral-800);--media-mat:var(--c-black);--text:var(--c-neutral-100);--text-muted:var(--c-neutral-300);--border:var(--c-white-a12);--shadow:var(--c-black-a60);--accent:var(--c-terracotta-300);--accent-soft:var(--c-terracotta-900);--accent-contrast:var(--c-terracotta-950);--danger:var(--c-red-300);--avatar-1:var(--c-terracotta-300);--avatar-2:var(--c-avatar-forest-300);--avatar-3:var(--c-avatar-slate-300);--avatar-4:var(--c-avatar-plum-300);--avatar-5:var(--c-avatar-ochre-300);--avatar-6:var(--c-neutral-300);--avatar-7:var(--c-avatar-berry-300);--avatar-8:var(--c-avatar-teal-300);--avatar-text:var(--c-terracotta-950);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain;min-height:100dvh}body.viewer-open,body.sheet-open{overflow:hidden}#app{flex-direction:column;min-height:100dvh;display:flex}button{font:inherit;color:inherit}.visually-hidden{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.app-header{z-index:var(--z-header);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform var(--dur-quick) var(--ease-in);position:sticky;top:0}.app-header__inner{width:100%;padding:calc(env(safe-area-inset-top,0px) + 10px) 16px 8px;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;display:flex}.app-header[data-hidden=true]{transform:translateY(-100%)}body.viewer-open .app-header{visibility:hidden;border-bottom:1px solid var(--border)}.app-header__brand-row{min-width:0;min-height:44px;color:inherit;text-align:left;cursor:pointer;transition:color var(--dur-tap) var(--ease-out), background-color var(--dur-tap) var(--ease-out), transform var(--dur-tap) var(--ease-out);background:0 0;border:none;border-radius:999px;flex-shrink:0;align-items:center;gap:8px;margin:-4px -8px;padding:4px 8px;display:flex}.app-header__brand-row:hover,.app-header__brand-row:focus-visible{background:var(--surface-alt);color:var(--accent)}.app-header__brand-row:active{transform:translateY(1px)}.app-header__mark{flex-shrink:0;width:32px;height:32px;display:inline-flex}.app-header__mark svg{width:100%;height:100%}.app-header__brand{flex-direction:column;gap:2px;min-width:0;display:flex}.app-header__wordmark{font-family:var(--font-display);letter-spacing:-.01em;font-size:26px;font-style:italic;font-weight:600;line-height:1}.app-header__tagline{color:var(--text-muted);font-size:12px;line-height:1.3;display:none}.app-header__actions{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.header-more,.header-more__menu{display:contents}.header-more__trigger{display:none}.view-toggle{gap:var(--space-3);background:var(--surface-alt);border-radius:999px;padding:3px;display:flex}.view-toggle__button{width:44px;height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;font-size:15px;display:flex}.view-toggle__button[aria-pressed=true]{background:var(--bg-elevated);color:var(--accent);box-shadow:0 1px 3px var(--shadow)}.links-button{justify-content:center;align-items:center;gap:var(--space-2);width:44px;height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:0;font-size:13px;font-weight:600;display:inline-flex}.links-button__label{display:none}@media (width>=640px){.links-button{width:auto;padding:0 14px}.links-button__label{display:inline}}.links-button:hover{color:var(--accent);background:var(--surface-alt)}.activity-button{justify-content:center;align-items:center;gap:var(--space-2);width:44px;height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:0;font-size:13px;font-weight:600;display:inline-flex;position:relative}.activity-button__label{display:none}@media (width>=640px){.activity-button{width:auto;padding:0 14px}.activity-button__label{display:inline}}.activity-button:hover{color:var(--accent);background:var(--surface-alt)}.activity-button__dot{background:var(--accent);border-radius:999px;width:8px;height:8px;position:absolute;top:6px;right:6px}@media (width>=640px){.activity-button__dot{top:8px;right:10px}}.profile-chip{cursor:pointer;background:0 0;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.profile-chip:hover{background:var(--surface-alt)}.fab-button{right:var(--space-4);bottom:max(var(--space-4), env(safe-area-inset-bottom,0px));z-index:var(--z-fab);width:var(--fab-size);height:var(--fab-size);background:var(--accent);color:var(--accent-contrast);cursor:pointer;box-shadow:0 4px 14px var(--shadow);transition:transform var(--dur-tap) var(--ease-out), box-shadow var(--dur-tap) var(--ease-out);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed}.fab-button:hover{box-shadow:0 6px 20px var(--shadow)}.fab-button:active{transform:scale(.94)}.fab-button[hidden]{display:none}.longpress-hint{bottom:var(--notification-stack-offset);z-index:var(--z-bottom-surface);max-width:calc(100vw - var(--space-8));padding:10px var(--space-4);background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow-raised);white-space:nowrap;color:var(--text);cursor:pointer;transition:bottom var(--dur-quick) var(--ease-out);animation:longpress-hint-in var(--dur-quick) var(--ease-out);border-radius:999px;font-size:13px;position:fixed;left:50%;transform:translate(-50%)}@keyframes longpress-hint-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}button:focus-visible,a:focus-visible{outline:var(--focus-ring);outline-offset:2px}.day-section{display:block}.timeline{flex:1;width:100%;margin:0 auto}.timeline[data-view=grid]{padding:16px 16px calc(env(safe-area-inset-bottom,0px) + 32px);max-width:1100px}.timeline[data-view=feed]{padding:0 0 calc(env(safe-area-inset-bottom,0px) + 32px);max-width:100%}@media (width>=640px){body{background:var(--canvas)}.app-header{background:color-mix(in srgb, var(--canvas) 90%, transparent);border-bottom:1px solid var(--border)}.app-header__inner{max-width:1180px}.timeline[data-view=feed]{max-width:560px;margin:var(--space-4) auto var(--space-8);background:var(--bg);box-shadow:0 0 0 1px var(--border), var(--shadow-elevated-md);border-radius:16px}.timeline[data-view=grid]{max-width:1180px;margin:var(--space-4) auto var(--space-8);padding:var(--space-6) var(--space-6) calc(env(safe-area-inset-bottom,0px) + var(--space-8));background:var(--bg);box-shadow:0 0 0 1px var(--border), var(--shadow-elevated-md);border-radius:16px}.timeline[data-view=feed]~.fab-button{right:max(var(--space-4), calc((100vw - 560px) / 2 - var(--space-4) - var(--fab-size)))}.timeline[data-view=grid]~.fab-button{right:max(var(--space-4), calc((100vw - 1180px) / 2 - var(--space-4) - var(--fab-size)))}}@media (width>=1600px){.app-header__inner,.timeline[data-view=grid]{max-width:1320px}.timeline[data-view=grid]~.fab-button{right:max(var(--space-4), calc((100vw - 1320px) / 2 - var(--space-4) - var(--fab-size)))}}.timeline-tail{min-height:104px;padding:var(--space-6) 16px calc(var(--notification-stack-offset) + var(--space-8) + var(--space-8));color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.timeline-tail[hidden]{display:none}.timeline-tail__mark{width:56px;height:12px;margin-bottom:var(--space-1);position:relative}.timeline-tail__mark:before{content:"";border-top:1px solid var(--border);position:absolute;inset:5px 0 auto}.timeline-tail__mark:after{content:"";border:2px solid var(--bg);background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 1px var(--accent);position:absolute;top:2px;left:calc(50% - 4px);transform:rotate(45deg)}.timeline-tail[data-state=loading] .timeline-tail__mark:after{animation:1.15s cubic-bezier(.65,0,.35,1) infinite alternate timeline-tail-develop}.timeline-tail[data-state=error] .timeline-tail__mark:after{background:var(--danger);box-shadow:0 0 0 1px var(--danger)}@keyframes timeline-tail-develop{0%{transform:translate(-18px)rotate(45deg)}to{transform:translate(18px)rotate(45deg)}}.timeline-tail__label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600;line-height:1.4}.timeline-tail__detail{min-height:1.4em;font-size:12px;line-height:1.4}.timeline-tail__retry{min-width:44px;min-height:44px;margin-top:var(--space-1);padding:0 var(--space-3);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;font-size:13px;font-weight:600}.timeline-tail__retry:hover{border-color:var(--accent);color:var(--accent)}.day-header{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);top:var(--header-h,78px);z-index:var(--z-sticky-chrome);align-items:center;margin:20px 0 2px;padding:0;font-size:11px;font-weight:600;display:inline-flex;position:sticky}.day-header__button{background:color-mix(in srgb, var(--surface-alt) 78%, transparent);-webkit-backdrop-filter:blur(6px);min-height:34px;color:inherit;font:inherit;font-variant-numeric:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;transition:color var(--dur-tap) var(--ease-out), background-color var(--dur-tap) var(--ease-out), border-color var(--dur-tap) var(--ease-out);border:1px solid #0000;border-radius:5px;align-items:center;gap:7px;padding:5px 8px;display:inline-flex}.day-header__button:after{content:"";opacity:.65;border-bottom:1.5px solid;border-right:1.5px solid;width:5px;height:5px;margin-top:-3px;transform:rotate(45deg)}.day-header__button:hover{color:var(--text);border-color:var(--border);background:color-mix(in srgb, var(--bg-elevated) 88%, transparent)}.day-header__button:focus-visible{outline:var(--focus-ring);outline-offset:2px;color:var(--text)}@media (prefers-reduced-motion:reduce){.day-header__button{transition:none}}.day-header:first-child{margin-top:4px}[data-selection-mode=true] .day-header{justify-content:space-between;align-items:center;width:100%;display:flex}.day-header__select-day{cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:none}[data-selection-mode=true] .day-header__select-day{display:inline-flex}.day-header__select-day:focus-visible{outline:var(--focus-ring);outline-offset:2px}.day-header__select-day-mark{border:1.5px solid var(--border);background:color-mix(in srgb, var(--surface-alt) 78%, transparent);width:22px;height:22px;transition:background-color var(--dur-tap) var(--ease-out), border-color var(--dur-tap) var(--ease-out), transform var(--dur-tap) var(--ease-out);border-radius:50%;justify-content:center;align-items:center;display:flex}.day-header__select-day[aria-pressed=mixed] .day-header__select-day-mark{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 22%, transparent)}.day-header__select-day[aria-pressed=true] .day-header__select-day-mark{background:var(--accent);border-color:var(--accent);transform:scale(1.05)}.day-header__select-day[aria-pressed=true] .day-header__select-day-mark:after{content:"✓";color:var(--accent-contrast);font-size:12px;font-weight:700;line-height:1}.timeline[data-view=feed] .day-header{margin-left:16px;margin-right:16px}.ptr-indicator{top:var(--header-h,78px);height:0;z-index:var(--z-sticky-chrome);pointer-events:none;transform:translateY(var(--ptr-y,-8px));opacity:var(--ptr-opacity,0);justify-content:center;display:flex;position:sticky;overflow:visible}.ptr-indicator[data-ptr-state=settling]{transition:transform .32s cubic-bezier(.34,1.56,.64,1),opacity .2s}.ptr-indicator__spinner{border:2px solid var(--border);border-top-color:var(--accent);width:24px;height:24px;transform:rotate(var(--ptr-rotate,0deg));border-radius:50%}.ptr-indicator__spinner[data-spinning=true]{animation:.7s linear infinite ptr-spin}@keyframes ptr-spin{to{transform:rotate(360deg)}}.memories-card{margin:var(--space-4) 16px var(--space-2);padding:var(--space-3) var(--space-3) var(--space-2);background:linear-gradient(145deg, color-mix(in srgb, var(--accent-soft) 34%, var(--bg-elevated)), var(--bg-elevated) 68%);border:1px solid var(--border);box-shadow:0 8px 24px color-mix(in srgb, var(--shadow) 35%, transparent);border-radius:14px}.memories-card__row{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.memories-card__heading{flex-direction:column;gap:2px;display:flex}.memories-card__eyebrow{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);font-size:18px;font-style:italic;font-weight:700;line-height:1.05}.memories-card__label{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:10px;font-weight:600}.memories-card__close{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.memories-card__close[hidden]{display:none}.memories-card__close:hover{background:var(--surface-alt);color:var(--text)}.memories-card__strip{gap:var(--space-2);margin-top:var(--space-3);-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow-x:auto}.memories-card__strip::-webkit-scrollbar{display:none}.memories-card__strip[hidden]{display:none}.memories-card__thumb{aspect-ratio:1;cursor:pointer;background:var(--surface-alt);width:clamp(76px,24vw,96px);transition:opacity var(--dur-tap) var(--ease-out), transform var(--dur-tap) var(--ease-out);border:none;border-radius:0;flex:none;padding:0;overflow:hidden}.memories-card__thumb:only-child{aspect-ratio:3/2;width:100%}@media (width>=640px){.memories-card__thumb{width:92px}}@media (hover:hover){.memories-card__thumb:hover{opacity:.9;transform:translateY(-2px)}}.memories-card__thumb-image{object-fit:cover;width:100%;height:100%;display:block}.memories-card__menu{margin-top:var(--space-2);border-top:1px solid var(--border);padding-top:var(--space-2);flex-direction:column;display:flex}.memories-card__menu[hidden]{display:none}.memories-card__menu-item{text-align:left;padding:var(--space-2) var(--space-1);color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:6px;font-size:14px}.memories-card__menu-item:hover{background:var(--surface-alt)}.memories-card__error{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--border);display:flex}.memories-card__error[hidden]{display:none}.memories-card__error-detail{color:var(--text-muted);font-size:13px}.memories-card__retry{border:1px solid var(--border);min-height:40px;padding:0 var(--space-3);background:var(--bg-elevated);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;flex:none;font-size:13px;font-weight:700}.memories-card__retry:hover{border-color:var(--accent);color:var(--accent)}.memories-card__confirm{justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:var(--space-2);color:var(--text-muted);font-size:13px;display:flex}.memories-card__confirm[hidden]{display:none}.memories-card__undo{color:var(--accent);cursor:pointer;padding:var(--space-1) var(--space-2);background:0 0;border:none;font-size:13px;font-weight:600}.memories-card__nudge{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.memories-card__nudge[hidden]{display:none}.memories-card__nudge-text{color:var(--text-muted);font-size:13px}.memories-card__nudge-dismiss{border:1px solid var(--border);min-height:40px;padding:0 var(--space-3);background:var(--bg-elevated);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;flex:none;font-size:13px;font-weight:700}.memories-card__nudge-dismiss:hover{border-color:var(--accent);color:var(--accent)}.timeline-feed{flex-direction:column;display:flex}.feed-run{margin-bottom:var(--space-2);flex-direction:column;display:flex}@media (width>=640px){.feed-run{margin-bottom:var(--space-4)}}.feed-run+.feed-run{margin-top:4px}.avatar{width:32px;height:32px;color:var(--avatar-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.feed-run__header{align-items:center;gap:10px;padding:12px 16px;display:flex}.feed-run__identity{flex-direction:column;gap:1px;min-width:0;display:flex}.feed-run__name{color:var(--text);font-size:14px;font-weight:600}.feed-run__time{color:var(--text-muted);font-size:13px}.feed-run__photo{cursor:pointer;background:var(--media-mat);border:none;width:100%;padding:0;display:block;overflow:hidden}@supports (animation-timeline:view()){.feed-run__photo{animation:linear both feed-photo-reveal;animation-timeline:view();animation-range:entry entry 65%}@keyframes feed-photo-reveal{0%{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}.feed-run__photo[data-loaded=false]{background:var(--surface-alt)}.feed-run__photo[data-loaded=false]:not([data-thumbhash=true]){animation:1.4s ease-in-out infinite skeleton-pulse}.feed-run__placeholder{object-fit:cover;filter:blur(20px);width:100%;height:100%;transition:opacity .25s;position:absolute;inset:0;transform:scale(1.15)}.feed-run__photo[data-loaded=true] .feed-run__placeholder{opacity:.45;pointer-events:none}.feed-run__photo[data-loaded=error],.thumb[data-loaded=error]{background:var(--surface-alt);animation:none}.feed-run__photo[data-loaded=error]{height:clamp(180px,32vw,260px)}.feed-run__image{object-fit:contain;width:100%;height:100%;display:block;position:relative}.feed-run__photo[data-loaded=true][data-develop=true] .feed-run__image{animation:photo-develop .42s var(--ease-out) both}@keyframes photo-develop{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.media-error{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-6);color:var(--text-muted);background:linear-gradient(135deg, color-mix(in srgb, var(--accent-soft) 26%, var(--surface-alt)), var(--surface-alt) 62%);text-align:center;flex-direction:column;display:flex;position:absolute;inset:0}.media-error[hidden]{display:none}.media-error__icon{color:var(--accent);opacity:.78;display:inline-flex}.media-error__title{color:var(--text);font-size:14px;font-weight:650}.media-error__detail{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;overflow:hidden}.feed-run__photo~.feed-run__photo{border-top:1px solid var(--border)}.feed-run__index{background:var(--c-black-a60);color:var(--c-white);font-family:var(--font-mono);font-variant-numeric:tabular-nums;border-radius:999px;padding:3px 7px;font-size:11px;font-weight:600;line-height:1;position:absolute;bottom:8px;left:8px}.timeline-grid{flex-direction:column;gap:4px;display:flex}.day-grid{gap:var(--space-half);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(110px,1fr));display:grid}.thumb{aspect-ratio:1;cursor:pointer;max-width:var(--tile-max-width,none);background:var(--surface-alt);transition:opacity var(--dur-tap) var(--ease-out);background-size:cover;border:none;border-radius:0;margin-inline:auto;padding:0;overflow:hidden}.thumb[data-loaded=false]:not([data-thumbhash=true]){animation:1.4s ease-in-out infinite skeleton-pulse}.thumb:hover{opacity:.92}.thumb:active{opacity:.8}.thumb__image{object-fit:cover;border-radius:0;width:100%;height:100%;display:block}.thumb .media-error{gap:var(--space-1);padding:var(--space-2)}.thumb .media-error__icon svg{width:22px;height:22px}.thumb .media-error__title{font-size:11px;line-height:1.2}.thumb .media-error__detail{display:none}.skeleton-run{display:block}.skeleton-run[hidden]{display:none}.skeleton-run__header{align-items:center;gap:10px;padding:12px 16px;display:flex}.skeleton-run__avatar,.skeleton-run__line,.skeleton-run__photo{background:var(--surface-alt);border-radius:8px;animation:1.4s ease-in-out infinite skeleton-pulse}.skeleton-run__avatar{border-radius:50%;width:32px;height:32px}.skeleton-run__photo{aspect-ratio:4/5;border-radius:0}.skeleton-grid{gap:var(--space-half);padding:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:none}.skeleton-run[data-view=grid] .skeleton-feed{display:none}.skeleton-run[data-view=grid] .skeleton-grid{display:grid}.skeleton-grid__date{width:62px;height:21px;margin-bottom:var(--space-1);background:var(--surface-alt);border-radius:4px;grid-column:1/-1;animation:1.4s ease-in-out infinite skeleton-pulse}.skeleton-grid__photo{aspect-ratio:1;background:var(--surface-alt);animation:1.4s ease-in-out infinite skeleton-pulse}@media (width>=640px){.skeleton-grid{padding:var(--space-6);grid-template-columns:repeat(6,minmax(0,1fr))}}@keyframes skeleton-pulse{0%,to{opacity:.75}50%{opacity:1}}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:6px;padding:20vh 20px 10vh;display:flex}.empty-state[hidden]{display:none}.empty-state__illustration{margin-bottom:6px}.empty-state__tagline{color:var(--text-muted);margin:0 0 2px;font-size:12px}.empty-state__headline{font-family:var(--font-body);color:var(--text);margin:0;font-size:20px;font-style:normal;font-weight:600}.empty-state__body{margin:0;font-size:15px}.empty-state__button{background:var(--accent);color:var(--accent-contrast);cursor:pointer;border:none;border-radius:999px;min-height:44px;margin-top:10px;padding:0 20px;font-size:14px;font-weight:600}.empty-state__button:hover{filter:brightness(1.05)}.timeline-error{text-align:center;min-height:min(620px,100dvh - 96px);color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:clamp(72px,16vh,144px) 28px;display:flex}.timeline-error[hidden]{display:none}.timeline-error__illustration{margin-bottom:var(--space-2);filter:drop-shadow(0 12px 20px color-mix(in srgb, var(--shadow) 36%, transparent))}.timeline-error__eyebrow{margin:0 0 var(--space-1);color:var(--danger);letter-spacing:.13em;text-transform:uppercase;font-size:11px;font-weight:700}.timeline-error__headline{color:var(--text);font-family:var(--font-display);margin:0;font-size:clamp(24px,6vw,30px);font-style:italic;line-height:1.1}.timeline-error__body{max-width:330px;margin:var(--space-2) 0 0;font-size:14px;line-height:1.5}.timeline-error__retry{min-height:44px;margin-top:var(--space-5);padding:0 var(--space-5);border:1px solid var(--accent);background:var(--accent);color:var(--accent-contrast);cursor:pointer;box-shadow:0 6px 18px color-mix(in srgb, var(--accent) 18%, transparent);transition:filter var(--dur-tap) var(--ease-out), transform var(--dur-tap) var(--ease-out);border-radius:999px;font-size:14px;font-weight:700}.timeline-error__retry:hover{filter:brightness(1.06)}.timeline-error__retry:active{transform:translateY(1px)}.select-button{justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--border);width:44px;min-height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;padding:0;font-size:13px;font-weight:600;display:inline-flex}.select-button__label{display:none}@media (width>=640px){.select-button{width:auto;padding:0 14px}.select-button__label{display:inline}}@media (width<=639px){.app-header__inner{padding-right:var(--space-3);padding-left:var(--space-3);gap:6px}.app-header__actions{gap:var(--space-1)}.view-toggle{gap:var(--space-half);padding:var(--space-half)}.header-more{flex-shrink:0;display:block;position:relative}.header-more__trigger{width:44px;height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.header-more__trigger:hover,.header-more[data-open=true] .header-more__trigger{background:var(--surface-alt);color:var(--accent)}.header-more__dot{background:var(--accent);border-radius:999px;width:8px;height:8px;position:absolute;top:6px;right:6px}.header-more__menu{top:calc(100% + var(--space-2));z-index:1;min-width:172px;padding:var(--space-1);border:1px solid var(--border);background:var(--bg-elevated);box-shadow:0 12px 32px var(--shadow);border-radius:14px;flex-direction:column;display:none;position:absolute;right:0}.header-more[data-open=true] .header-more__menu{display:flex}.header-more__menu .links-button,.header-more__menu .activity-button{width:100%;padding:0 var(--space-3);justify-content:flex-start}.header-more__menu .links-button__label,.header-more__menu .activity-button__label{display:inline}}@media (width<=359px){.app-header__wordmark{display:none}}.select-button:hover{color:var(--accent);border-color:var(--accent)}.app-header[data-selection-mode=true] .app-header__actions>:not(.select-button),.app-header[data-selection-mode=true] .select-button{display:none}.selection-bar{-webkit-user-select:none;user-select:none;z-index:var(--z-bottom-surface);justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4) calc(env(safe-area-inset-bottom,0px) + var(--space-3));background:var(--bg-elevated);border-top:1px solid var(--border);box-shadow:0 -2px 12px var(--shadow);visibility:hidden;transition:transform var(--dur-quick) var(--ease-in), visibility var(--dur-quick);display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);container-type:inline-size}.selection-bar[data-active=true]{visibility:visible;transition:transform var(--dur-quick) var(--ease-out), visibility var(--dur-quick);transform:translateY(0)}.selection-bar__cancel{min-height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 12px;font-size:14px;font-weight:600}.selection-bar__cancel:hover{color:var(--text)}.selection-bar__count{text-align:center;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.selection-bar__delete,.selection-bar__save,.selection-bar__share{justify-content:center;align-items:center;gap:var(--space-2);display:inline-flex}.selection-bar__delete svg,.selection-bar__save svg,.selection-bar__share svg{flex-shrink:0;width:18px;height:18px}.selection-bar__share{background:var(--accent);color:var(--accent-contrast);cursor:pointer;border:none;border-radius:999px;min-height:44px;padding:0 20px;font-size:14px;font-weight:600}.selection-bar__share:disabled{opacity:.4;cursor:default}.selection-bar__save{border:1px solid var(--border);color:var(--text);min-height:44px;padding:0 var(--space-4);cursor:pointer;transition:background var(--dur-tap) var(--ease-out);background:0 0;border-radius:999px;font-size:14px;font-weight:600}.selection-bar__save:hover{background:var(--surface-alt)}.selection-bar__save:disabled{opacity:.4;cursor:default}@container (width<=512px){.selection-bar__cancel{padding-right:var(--space-2);padding-left:var(--space-2)}.selection-bar__delete,.selection-bar__save,.selection-bar__share{width:44px;min-width:44px;padding-left:0;padding-right:0}.selection-bar-action__label{display:none}}@media (width<=359px){.selection-bar{gap:var(--space-half);padding-right:var(--space-1);padding-left:var(--space-1)}}.profile__signout{border:1px solid var(--danger);min-height:44px;padding:0 var(--space-4);color:var(--danger);cursor:pointer;background:0 0;border-radius:999px;align-self:stretch;font-size:14px;font-weight:600}.profile__signout:hover{background:color-mix(in srgb, var(--danger) 6%, transparent)}.action-toast[data-leaving=true]{animation:action-toast-out var(--dur-quick) var(--ease-in) both}@keyframes action-toast-out{to{opacity:0;transform:translateY(6px)}}html.vt-view-toggle::view-transition-old(root){animation:vt-fade-out var(--dur-quick) var(--ease-in) both}html.vt-view-toggle::view-transition-new(root){animation:vt-fade-scale-in var(--dur-base) var(--ease-out) var(--dur-quick) both}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-fade-scale-in{0%{opacity:0;transform:scale(.92)}}[data-photo-id][data-removing=true]{transition:opacity var(--dur-quick) var(--ease-in), transform var(--dur-quick) var(--ease-in);opacity:0;pointer-events:none;transform:scale(.9)}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}.feed-run__photo{animation:none!important;animation-timeline:none!important}}.action-toast{left:var(--space-4);right:calc(var(--space-4) + var(--fab-size) + var(--space-3));bottom:max(var(--space-4), env(safe-area-inset-bottom,0px));z-index:var(--z-toast,40);width:max-content;max-width:calc(100% - var(--fab-size) - var(--space-8) - var(--space-3));justify-content:space-between;align-items:center;gap:var(--space-1);box-sizing:border-box;padding:var(--space-1) var(--space-1) var(--space-1) var(--space-3);background:var(--bg-elevated);border:1px solid var(--border);box-shadow:0 8px 28px color-mix(in srgb, var(--shadow) 70%, transparent);color:var(--text);border-radius:999px;margin-left:auto;font-size:12px;line-height:1.25;animation:.2s action-toast-in;display:flex;position:fixed}.action-toast[hidden]{display:none}.action-toast__message{white-space:nowrap;flex-shrink:0;min-width:0}@keyframes action-toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.action-toast__action{background:var(--accent);color:var(--accent-contrast);min-height:44px;padding:var(--space-2);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;font-size:13px;font-weight:600}.action-toast__action:hover{filter:brightness(1.05)}.action-toast__dismiss{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;min-width:44px;min-height:44px;margin:0;padding:0;font-size:18px;line-height:1}.action-toast__dismiss:hover{color:var(--text)}@media (width>=800px){.action-toast{left:auto;right:var(--space-4);bottom:var(--notification-stack-offset,var(--bottom-stack-offset,calc(env(safe-area-inset-bottom,0px) + 16px)));gap:var(--space-3);max-width:360px;padding:var(--space-2) var(--space-1) var(--space-2) var(--space-4);border-radius:16px;margin-left:0;font-size:13px}.action-toast__action{padding-inline:var(--space-4);border-radius:8px}}@media (prefers-reduced-motion:reduce){.action-toast{animation:none}}.activity-dialog{color:inherit;background:0 0;border:none;padding:0}.activity-dialog::backdrop{background:var(--sheet-scrim)}.activity-sheet{--sheet-background:var(--bg-elevated);--sheet-border-radius:16px;width:min(100vw,600px);margin-inline:auto;display:block}.activity-sheet::part(handle){background:var(--border)}.activity-sheet::part(content){box-shadow:var(--shadow-sheet-up);flex-direction:column;max-height:min(80vh,720px);padding:0;display:flex}.activity__header{align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-6) var(--space-3);border-bottom:1px solid var(--border);display:flex}.activity__title{font-family:var(--font-display);margin:0;font-size:19px;font-style:italic;font-weight:600}.activity__count{color:var(--text-muted);flex:1;font-size:12px}.activity__close{width:40px;height:40px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px}.activity__close:hover{background:var(--surface-alt);color:var(--text)}.activity__body{min-height:0;padding:var(--space-2) var(--space-6) var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.activity__status{padding:var(--space-6) 0;text-align:center;color:var(--text-muted);font-size:14px}.activity__list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.activity__empty{padding:var(--space-6) 0;text-align:center;color:var(--text-muted);font-size:14px}.activity__row-button{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) 0;border:none;border-bottom:1px solid var(--border);text-align:left;cursor:pointer;background:0 0;display:flex}.activity__row:last-child .activity__row-button{border-bottom:none}.activity__row-button:hover{background:var(--surface-alt)}.activity__row-avatar{flex-shrink:0;width:36px;height:36px;font-size:14px}.activity__row-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.activity__row-label{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;overflow:hidden}.activity__row-snippet{color:var(--text-muted)}.activity__row-time{color:var(--text-muted);font-size:11px}.activity__row-icon{color:var(--accent);flex-shrink:0;display:flex}@media (width>=720px){.activity-sheet{--sheet-border-radius:20px;width:min(640px,100vw - 48px);margin-inline:auto}}.admin-shell{box-sizing:border-box;width:100%;max-width:720px;padding:var(--space-6) var(--space-4) var(--space-8);gap:var(--space-6);flex-direction:column;margin:0 auto;display:flex}@media (width>=1600px){.admin-shell{max-width:880px}}.admin-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border);display:flex}.admin-header__title-row{align-items:center;gap:var(--space-3);min-width:0;display:flex}.admin-header__mark{flex-shrink:0;width:32px;height:32px;display:inline-flex}.admin-header__mark svg{width:100%;height:100%}.admin-header__title-group{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.admin-header__actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;flex-shrink:0;display:flex}.admin-header__title{font-family:var(--font-display);color:var(--text);margin:0;font-size:26px;font-style:italic;font-weight:600;line-height:1.1}.admin-header__identity{color:var(--text-muted);margin:0;font-size:13px}.admin-state{box-sizing:border-box;width:100%;min-height:100dvh;padding:max(var(--space-6), env(safe-area-inset-top,0px)) var(--space-4) max(var(--space-6), env(safe-area-inset-bottom,0px));text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.admin-state__card{align-items:center;gap:var(--space-4);flex-direction:column;width:100%;display:flex}@media (width>=640px){.admin-state__card{max-width:420px;padding:var(--space-8) var(--space-6) var(--space-6);background:linear-gradient(145deg, color-mix(in srgb, var(--accent-soft) 28%, var(--bg-elevated)), var(--bg-elevated) 70%);box-shadow:var(--shadow-elevated-lg);border-radius:20px}}.admin-state__brand{align-items:center;gap:var(--space-1);margin-bottom:var(--space-2);flex-direction:column;display:flex}.admin-state__mark{width:48px;height:48px}.admin-state__mark svg{width:100%;height:100%}.admin-state__wordmark{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);font-size:28px;font-style:italic;font-weight:600;line-height:1}.admin-state__eyebrow{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:11px;font-weight:600}.admin-state__message{color:var(--text);margin:0;font-size:15px;line-height:1.5}.admin-state__actions{align-items:center;gap:var(--space-3);flex-direction:column;width:100%;display:flex}.admin-state__actions[hidden]{display:none}.admin-panel{box-sizing:border-box;padding:var(--space-4) var(--space-4) var(--space-6);background:var(--bg-elevated);box-shadow:0 0 0 1px var(--border);border-radius:14px}.admin-panel__title{margin:0 0 var(--space-1);font-family:var(--font-display);color:var(--text);font-size:19px;font-style:italic;font-weight:600}.admin-panel__title:focus-visible{outline:var(--focus-ring);outline-offset:2px}.admin-panel__intro{margin:0 0 var(--space-4);color:var(--text-muted);font-size:13px;line-height:1.5}.admin-panel__hint{margin:calc(-1 * var(--space-1)) 0 0;color:var(--text-muted);font-size:12px;line-height:1.4}.admin-panel__empty{padding:var(--space-3) 0;color:var(--text-muted);margin:0;font-size:13px}.admin-panel__error{margin:0 0 var(--space-4);padding:var(--space-4);border-left:3px solid var(--danger);background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger-text);border-radius:14px;font-size:13px;line-height:1.5}.admin-panel__error[hidden]{display:none}.admin-shell__error{margin:0}.admin-field{gap:var(--space-1);margin-bottom:var(--space-3);flex-direction:column;display:flex}.admin-field__label{color:var(--text-muted);font-size:12px;font-weight:600}.admin-field--checkbox{align-items:center;gap:var(--space-2);cursor:pointer;flex-direction:row;min-height:44px}.admin-checkbox{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;flex-shrink:0;margin:0}.admin-checkbox:focus-visible{outline:var(--focus-ring);outline-offset:2px}.admin-field--checkbox .admin-field__label{color:var(--text);cursor:pointer;font-size:14px;font-weight:500}.admin-input{box-sizing:border-box;width:100%;min-height:40px;padding:0 var(--space-3);border:1px solid var(--border);background:var(--bg);color:var(--text);font-family:var(--font-body);border-radius:10px;font-size:14px}.admin-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.admin-button{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);font-family:var(--font-body);cursor:pointer;border:1px solid #0000;border-radius:999px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.admin-button:disabled{opacity:.5;cursor:default}.admin-button--primary{background:var(--accent);color:var(--accent-contrast)}.admin-button--primary:hover:not(:disabled){filter:brightness(1.05)}.admin-button--ghost{border-color:var(--border);color:var(--text);background:0 0}.admin-button--ghost:hover:not(:disabled){background:color-mix(in srgb, var(--text) 4%, transparent)}.admin-button--danger{background:var(--danger);color:var(--c-white)}.admin-button--danger:hover:not(:disabled){filter:brightness(1.05)}.admin-button--danger.admin-button--ghost{border-color:color-mix(in srgb, var(--danger) 45%, var(--border));color:var(--danger-text);background:0 0}.admin-button--danger.admin-button--ghost:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 8%, transparent)}.admin-badge{padding:2px var(--space-2);letter-spacing:.01em;text-transform:uppercase;border-radius:999px;align-items:center;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.admin-badge:before{content:"";background:currentColor;border-radius:999px;flex-shrink:0;width:6px;height:6px}.admin-badge--active{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--text)}.admin-badge--active:before{background:var(--accent)}.admin-badge--revoked,.admin-badge--banned,.admin-badge--removed{background:color-mix(in srgb, var(--danger) 14%, transparent);color:var(--danger-text)}.admin-badge--expired,.admin-badge--exhausted{background:var(--surface-alt);color:var(--text-muted)}.admin-badge--role{background:var(--accent-soft);color:var(--text)}.admin-invite-form{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.admin-invite-link{margin-bottom:var(--space-4);padding:var(--space-4);border:1px solid color-mix(in srgb, var(--accent) 35%, var(--border));background:var(--accent-soft);border-radius:14px}.admin-invite-link[hidden]{display:none}.admin-invite-link__label{margin:0 0 var(--space-1);color:var(--text);font-size:14px;font-weight:700}.admin-invite-link__warning{margin:0 0 var(--space-3);color:var(--text-muted);font-size:12px;line-height:1.4}.admin-invite-link__row{gap:var(--space-2);display:flex}.admin-invite-link__field{min-width:0;font-family:var(--font-mono);flex:1;font-size:12px}.admin-invite-link__copy{padding:0 var(--space-5);flex-shrink:0}.admin-invite-link__copy-icon{flex-shrink:0;display:inline-flex}.admin-invite-link__copy-icon svg{display:block}.admin-invite-list,.admin-user-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.admin-invite-row,.admin-user-row{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border);display:flex}.admin-invite-row:last-child,.admin-user-row:last-child{border-bottom:none}.admin-invite-row__info,.admin-user-row__info{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.admin-invite-row__label-row,.admin-user-row__name-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.admin-invite-row__label,.admin-user-row__name{color:var(--text);overflow-wrap:anywhere;font-size:14px;font-weight:600}.admin-invite-row__meta,.admin-user-row__meta{color:var(--text-muted);overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.4}.admin-invite-row__actions,.admin-user-row__actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;flex-shrink:0;display:flex}.admin-user-row__avatar{margin-top:1px}.admin-list-skeleton{gap:var(--space-3);padding:var(--space-3) 0;flex-direction:column;display:flex}.admin-list-skeleton[hidden]{display:none}.admin-list-skeleton__row{background:var(--surface-alt);border-radius:10px;height:44px;animation:1.4s ease-in-out infinite skeleton-pulse}.admin-list-skeleton__row--avatar{height:auto;padding:var(--space-2) 0;align-items:center;gap:var(--space-3);background:0 0;animation:none;display:flex}.admin-list-skeleton__row--avatar .admin-list-skeleton__circle{background:var(--surface-alt);border-radius:50%;flex-shrink:0;width:32px;height:32px;animation:1.4s ease-in-out infinite skeleton-pulse}.admin-list-skeleton__row--avatar .admin-list-skeleton__line{background:var(--surface-alt);border-radius:6px;flex:1;max-width:220px;height:14px;animation:1.4s ease-in-out infinite skeleton-pulse}.admin-bootstrap{box-sizing:border-box;width:100%;margin-top:var(--space-2);border:1px solid var(--border);text-align:left;border-radius:12px;transition:background-color .15s}.admin-bootstrap:hover{background:color-mix(in srgb, var(--text) 3%, transparent)}.admin-bootstrap__summary{align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-3) var(--space-4);cursor:pointer;color:var(--text);font-size:13px;font-weight:600;list-style:none;display:flex}.admin-bootstrap__body{padding:0 var(--space-4) var(--space-4)}.admin-bootstrap__summary::-webkit-details-marker{display:none}.admin-bootstrap__summary:before{content:"";border-right:1.5px solid var(--text-muted);border-bottom:1.5px solid var(--text-muted);flex-shrink:0;width:6px;height:6px;transition:transform .15s;transform:rotate(-45deg)}.admin-bootstrap[open] .admin-bootstrap__summary:before{transform:rotate(45deg)}.admin-bootstrap .admin-panel__intro{margin-top:var(--space-2)}.admin-bootstrap .admin-invite-form{margin-top:var(--space-3);border-bottom:none;padding-bottom:0}.admin-confirm{box-sizing:border-box;width:min(90vw,400px);padding:var(--space-5);background:var(--bg-elevated);color:var(--text);box-shadow:var(--shadow-elevated-md);border:none;border-radius:16px;margin:auto}.admin-confirm::backdrop{background:var(--sheet-scrim)}.admin-confirm__title{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:18px;font-style:italic;font-weight:600}.admin-confirm__message{margin:0 0 var(--space-5);color:var(--text-muted);font-size:14px;line-height:1.5}.admin-confirm__actions{justify-content:flex-end;gap:var(--space-3);display:flex}@media (width<=639px){.admin-header{align-items:flex-start;gap:var(--space-2);flex-direction:column}.admin-invite-row,.admin-user-row{flex-direction:column;align-items:stretch}.admin-invite-row__actions,.admin-user-row__actions{justify-content:flex-end}.admin-invite-link__row{flex-direction:column}}.comment-button__count{font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.comment-button__label{font-size:13px;font-weight:650}.comment-button__count[hidden]{display:none}.comments-dialog{color:inherit;background:0 0;border:none;padding:0}.comments-dialog::backdrop{background:var(--sheet-scrim)}.comments-sheet{--sheet-background:var(--bg-elevated);--sheet-border-radius:22px;width:min(100vw,600px);margin-inline:auto;display:block}.comments-sheet::part(handle){background:var(--border)}.comments-sheet::part(content){box-shadow:0 -14px 40px var(--shadow);flex-direction:column;min-height:min(62dvh,560px);max-height:min(84dvh,760px);padding:0;display:flex}.comments__header{align-items:center;gap:var(--space-3);min-height:54px;padding:2px var(--space-4) var(--space-2);border-bottom:1px solid var(--border);display:flex}.comments__title{font-family:var(--font-display);margin:0;font-size:20px;font-style:italic;font-weight:600}.comments__count{color:var(--text-muted);flex:1;font-size:12px}.comments__close{width:44px;height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%}.comments__close:hover{background:var(--surface-alt);color:var(--text)}.comments__body{flex-direction:column;flex:1;min-height:0;padding:0;display:flex}.comments__context{align-items:center;gap:var(--space-3);padding:12px var(--space-4);background:color-mix(in srgb, var(--surface-alt) 72%, transparent);border-bottom:1px solid var(--border);flex-shrink:0;display:flex}.comments__context-image{object-fit:cover;background:var(--surface-alt);width:48px;height:48px;box-shadow:inset 0 0 0 1px var(--border);border-radius:12px;flex:none;display:block}.comments__context-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.comments__context-title{text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:14px;font-weight:650;overflow:hidden}.comments__context-meta{color:var(--text-muted);font-size:12px}.comments__status{padding:var(--space-3) var(--space-4) 0;text-align:center;color:var(--text-muted);flex-shrink:0;font-size:13px}.comments__retry{min-height:44px;margin:var(--space-2) auto 0;padding:0 var(--space-4);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;font-weight:650;display:block}@media (hover:hover){.comments__retry:hover{border-color:var(--accent);color:var(--accent)}}.comments__list{min-height:120px;max-height:min(54dvh,460px);padding:var(--space-4);overscroll-behavior:contain;gap:var(--space-2);scroll-padding-block:var(--space-4);flex-direction:column;flex:1;margin:0;list-style:none;display:flex;overflow-y:auto}.comments__skeleton{align-items:flex-start;gap:var(--space-3);display:flex}.comments__skeleton-avatar{background:var(--surface-alt);border-radius:50%;flex:none;width:30px;height:30px}.comments__skeleton-lines{background:linear-gradient(100deg, var(--surface-alt) 20%, color-mix(in srgb, var(--border) 68%, var(--surface-alt)) 40%, var(--surface-alt) 60%);background-size:240% 100%;border-radius:15px;width:min(72%,300px);height:58px;animation:1.5s ease-in-out infinite comments-skeleton-shimmer}@keyframes comments-skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.comments__empty{min-height:180px;padding:var(--space-6) var(--space-3);justify-content:center;align-items:center;gap:var(--space-2);color:var(--text-muted);text-align:center;flex-direction:column;display:flex}.comments__empty-mark{width:44px;height:44px;margin-bottom:var(--space-1);color:var(--accent);background:var(--accent-soft);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.comments__empty-mark svg{width:20px;height:20px}.comments__empty-title{color:var(--text);font-size:15px;font-weight:650}.comments__empty-body{font-size:13px}.comments__row{align-items:flex-start;gap:10px;display:flex}.comments__row[data-group-start=true]:not(:first-child){margin-top:var(--space-2)}.comments__row-avatar{width:30px;height:30px;font-size:12px}.comments__row-content{border:1px solid var(--border);background:var(--surface-alt);border-radius:4px 16px 16px;flex-direction:column;flex:0 auto;gap:3px;min-width:0;max-width:min(100% - 40px,480px);padding:9px 12px 10px;display:flex}.comments__row[data-own=true] .comments__row-content{border-color:color-mix(in srgb, var(--accent) 28%, var(--border));background:var(--accent-soft)}.comments__row-meta{align-items:baseline;gap:var(--space-2);display:flex}.comments__row[data-group-start=false] .comments__row-avatar{visibility:hidden}.comments__row[data-group-start=false] .comments__row-meta{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.comments__row-name{color:var(--text);font-size:13px;font-weight:600}.comments__row-time{color:var(--text-muted);font-size:11px}.comments__row-body{color:var(--text);overflow-wrap:break-word;white-space:pre-wrap;margin:0;font-size:14px;line-height:1.4}.comments__row-delete{width:44px;height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.comments__row-delete:hover{background:var(--surface-alt);color:var(--danger)}.comments__form{align-items:flex-end;gap:var(--space-2);padding:12px var(--space-4) calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--bg-elevated);box-shadow:0 -8px 24px color-mix(in srgb, var(--shadow) 40%, transparent);flex-shrink:0;display:flex}.comments__input{resize:none;border:1px solid var(--border);min-height:44px;max-height:120px;font:inherit;color:var(--text);background:var(--surface-alt);border-radius:22px;flex:1;padding:10px 15px;font-size:14px}.comments__input:focus-visible{outline:var(--focus-ring);outline-offset:2px}.comments__submit{min-width:64px;height:44px;padding:0 var(--space-4);background:var(--accent);color:var(--accent-contrast);font:inherit;cursor:pointer;border:none;border-radius:999px;flex-shrink:0;font-size:14px;font-weight:600}.comments__submit:disabled{opacity:.45;cursor:default}.comments__feedback{margin:0 var(--space-4) var(--space-2);color:var(--danger);background:color-mix(in srgb, var(--danger) 9%, transparent);border-radius:10px;padding:8px 11px;font-size:12px;line-height:1.35}.comments__feedback[hidden]{display:none}.comments__feedback:focus-visible{outline:var(--focus-ring);outline-offset:2px}@media (width>=720px){.comments-sheet{--sheet-border-radius:24px;width:min(640px,100vw - 48px);margin-inline:auto}}.login-view{text-align:center;min-height:100dvh;padding:max(var(--space-6), env(safe-area-inset-top,0px)) var(--space-4) max(var(--space-6), env(safe-area-inset-bottom,0px));flex-direction:column;justify-content:center;align-items:center;display:flex}.login-view__card{flex-direction:column;align-items:center;width:100%;display:flex}@media (width>=640px){.login-view__card{max-width:400px;padding:var(--space-8) var(--space-6) var(--space-6);background:linear-gradient(145deg, color-mix(in srgb, var(--accent-soft) 28%, var(--bg-elevated)), var(--bg-elevated) 70%);box-shadow:var(--shadow-elevated-lg);border-radius:20px}}.login-view__brand{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.login-view__mark{width:56px;height:56px}.login-view__mark svg{width:100%;height:100%}.login-view__wordmark{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);margin:0;font-size:34px;font-style:italic;font-weight:600;line-height:1}.login-view__tagline{margin:var(--space-2) 0 var(--space-6);max-width:320px;color:var(--text-muted);font-size:14px;line-height:1.4}.login-view__notice{max-width:280px;color:var(--text);font-size:15px}.login-view__status{justify-content:center;align-items:center;gap:var(--space-2);margin:0 0 var(--space-4);color:var(--text-muted);font-size:13px;display:flex}.login-view__status[hidden],.login-view__banner[hidden],.login-view__buttons[hidden],.login-view__button[hidden],.login-view__standalone-fallback[hidden]{display:none}.login-view__banner{box-sizing:border-box;width:100%;max-width:340px;margin:0 0 var(--space-4);padding:var(--space-4);border-radius:14px;font-size:13px;line-height:1.5}.login-view__banner--invite{background:var(--accent-soft);color:var(--text);text-align:center;flex-direction:column;gap:4px;display:flex}.login-view__invite-eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:11px;font-weight:700}.login-view__invite-headline{font-family:var(--font-display);color:var(--text);font-size:17px;font-style:italic;font-weight:600;line-height:1.3}.login-view__invite-personal{color:var(--text);margin:0;font-size:15px;line-height:1.3}.login-view__invite-personal[hidden]{display:none}.login-view__invite-personal strong{color:var(--accent);font-weight:700}.login-view__banner--error{background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger-text)}.login-view__buttons{gap:var(--space-3);flex-direction:column;width:100%;max-width:320px;display:flex}.login-view__button{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-5);font-family:var(--font-body);cursor:pointer;transition:transform var(--dur-tap) var(--ease-out), box-shadow var(--dur-tap) var(--ease-out);border-radius:999px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.login-view__button:hover:not(:disabled){box-shadow:0 6px 16px color-mix(in srgb, var(--shadow) 60%, transparent)}.login-view__button:active:not(:disabled){transform:scale(.98)}.login-view__button:disabled{opacity:.6;cursor:default}.login-view__button-icon{flex-shrink:0;display:inline-flex}.login-view__button-icon svg{display:block}.login-view__button-spinner,.login-view__button[data-loading] .login-view__button-icon{display:none}.login-view__button[data-loading] .login-view__button-spinner{display:inline-flex}.login-view__spinner-ring{opacity:.7;border:2px solid;border-top-color:#0000;border-radius:50%;flex-shrink:0;width:14px;height:14px;display:inline-block}.login-view__spinner-ring--lg{width:18px;height:18px}@media (prefers-reduced-motion:no-preference){.login-view__spinner-ring{animation:.7s linear infinite login-spinner-spin}}@keyframes login-spinner-spin{to{transform:rotate(360deg)}}.login-view__button--google{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text)}.login-view__button--google:hover:not(:disabled){background:color-mix(in srgb, var(--text) 4%, var(--bg-elevated))}.login-view__button--apple{background:var(--text);color:var(--bg);border:none}.login-view__button--apple:hover:not(:disabled){filter:brightness(1.08)}.login-view__footer-hint{margin:var(--space-4) 0 0;max-width:320px;color:var(--text-muted);font-size:12px;line-height:1.5}.login-view__buttons[hidden]~.login-view__footer-hint{display:none}.login-view__standalone-fallback{align-items:center;gap:var(--space-3);width:100%;max-width:320px;margin-top:var(--space-2);flex-direction:column;display:flex}.login-view__standalone-fallback p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.login-view__button--safari{border:1px solid var(--accent);background:var(--accent);width:100%;color:var(--accent-contrast)}.login-view__button--safari:hover{filter:brightness(1.05)}.login-view__otp{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.login-view__divider{align-items:center;gap:var(--space-3);width:100%;margin:var(--space-1) 0;color:var(--text-muted);font-size:12px;display:flex}.login-view__divider[hidden]{display:none}.login-view__divider:before,.login-view__divider:after{content:"";background:var(--border);flex:1;height:1px}.login-view__otp-toggle{padding:var(--space-2) 0;font-family:var(--font-body);color:var(--accent);cursor:pointer;background:0 0;border:none;align-self:center;font-size:14px;font-weight:600}.login-view__otp-toggle:hover{text-decoration:underline}.login-view__otp-toggle[hidden]{display:none}.login-view__otp-toggle--primary{box-sizing:border-box;min-height:48px;padding:0 var(--space-5);border:1px solid var(--accent);background:var(--accent);color:var(--accent-contrast);transition:transform var(--dur-tap) var(--ease-out), box-shadow var(--dur-tap) var(--ease-out);border-radius:999px;justify-content:center;align-self:stretch;align-items:center;font-size:15px;font-weight:600;text-decoration:none;display:flex}.login-view__otp-toggle--primary:hover{filter:brightness(1.05);text-decoration:none}.login-view__otp-toggle--primary:active{transform:scale(.98)}.login-view__otp-form{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.login-view__otp-form[hidden]{display:none}.login-view__otp-label{color:var(--text-muted);text-align:left;margin:0;font-size:12px;font-weight:600}.login-view__otp-input{box-sizing:border-box;width:100%;min-height:48px;padding:0 var(--space-4);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font-family:var(--font-body);border-radius:12px;font-size:16px}.login-view__otp-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.login-view__otp-input:disabled{opacity:.6}.login-view__otp-code-input{text-align:center;letter-spacing:.4em;padding-left:calc(var(--space-4) + .4em);font-size:22px;font-weight:700}.login-view__otp-sent-copy{color:var(--text-muted);margin:0;font-size:13px}.login-view__otp-submit{border:1px solid var(--accent);background:var(--accent);color:var(--accent-contrast)}.login-view__otp-submit:hover:not(:disabled){filter:brightness(1.05)}.login-view__otp-links{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.login-view__otp-link{padding:var(--space-1) 0;font-family:var(--font-body);color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:600}.login-view__otp-link:hover:not(:disabled){color:var(--accent)}.login-view__otp-link:disabled{opacity:.6;cursor:default}.login-view__otp-error{padding:var(--space-3);background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger-text);border-radius:12px;margin:0;font-size:13px;line-height:1.5}.login-view__otp-error[hidden]{display:none}.month-index-dialog{color:inherit;background:0 0;border:none;padding:0}.month-index-dialog::backdrop{background:var(--sheet-scrim)}.month-index-sheet{--sheet-background:var(--bg-elevated);--sheet-border-radius:16px;width:min(100vw,600px);margin-inline:auto;display:block}.month-index-sheet::part(handle){background:var(--border)}.month-index-sheet::part(content){padding:0 0 var(--space-1);box-shadow:var(--shadow-sheet-up);max-height:min(78vh,680px);overflow-y:auto}.month-index__header{align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-6) var(--space-3);border-bottom:1px solid var(--border);display:flex}.month-index__title{font-family:var(--font-display);margin:0;font-size:19px;font-style:italic;font-weight:600}.month-index__count{color:var(--text-muted);flex:1;font-size:12px}.month-index__close{width:40px;height:40px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px}.month-index__close:hover{background:var(--surface-alt);color:var(--text)}.month-index__close:focus-visible,.month-index__row:focus-visible,.month-index__retry:focus-visible{outline:var(--focus-ring);outline-offset:2px}.month-index__body{padding:var(--space-2) var(--space-6) var(--space-6)}.month-index__list{margin:0;padding:0;list-style:none}.month-index__list>li{margin:0}.month-index__row{justify-content:space-between;align-items:center;gap:var(--space-4);border:none;border-bottom:1px solid var(--border);width:100%;min-height:64px;color:var(--text);text-align:left;cursor:pointer;background:0 0;padding:10px 2px;transition:background-color .14s,padding .14s;display:flex}.month-index__row:hover{background:var(--surface-alt);padding-inline:8px}.month-index__list>li:last-child .month-index__row{border-bottom:none}.month-index__row[data-month=latest]{color:var(--accent)}.month-index__row-primary{flex-direction:column;gap:2px;min-width:0;display:flex}.month-index__row-title{font-family:var(--font-display);font-size:17px;font-weight:600;line-height:1.15}.month-index__row-detail{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:600;line-height:1.3}.month-index__row-meta{border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.03em;text-transform:uppercase;border-radius:999px;flex-shrink:0;padding:5px 9px;font-size:10px;font-weight:600}.month-index__row[data-month=latest] .month-index__row-meta{border-color:color-mix(in srgb, var(--accent) 36%, var(--border));background:var(--accent-soft);color:var(--accent)}.month-index__status{justify-content:center;align-items:center;gap:var(--space-3);min-height:152px;color:var(--text-muted);text-align:center;flex-direction:column;display:flex}.month-index__status p{margin:0;font-size:13px}.month-index__status--error{color:var(--danger)}.month-index__retry{border:1px solid var(--border);min-height:40px;padding:0 var(--space-4);background:var(--bg-elevated);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;font-size:13px;font-weight:600}.month-index__retry:hover{border-color:var(--accent);color:var(--accent)}@media (prefers-reduced-motion:reduce){.month-index__row{transition:none}}.profile-menu{z-index:var(--z-bottom-surface);min-width:220px;max-width:min(280px,100vw - 24px);padding:var(--space-2);border:1px solid var(--border);background:var(--bg-elevated);box-shadow:0 12px 32px var(--shadow);transform-origin:100% 0;opacity:1;transition:opacity var(--dur-quick) var(--ease-out), transform var(--dur-quick) var(--ease-out), display var(--dur-quick) allow-discrete;border-radius:16px;flex-direction:column;display:flex;position:fixed;transform:scale(1)}.profile-menu[hidden]{opacity:0;transition:opacity var(--dur-quick) var(--ease-in), transform var(--dur-quick) var(--ease-in), display var(--dur-quick) allow-discrete;display:none;transform:scale(.94)}@starting-style{.profile-menu:not([hidden]){opacity:0;transform:scale(.94)}}.profile-menu__header{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-3);display:flex}.profile-menu__avatar{flex-shrink:0;width:40px;height:40px;font-size:15px}.profile-menu__identity{min-width:0}.profile-menu__name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:600;overflow:hidden}.profile-menu__email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;overflow:hidden}.profile-menu__items{border-top:1px solid var(--border);padding-top:var(--space-1);flex-direction:column;display:flex}.profile-menu__item{min-height:40px;padding:0 var(--space-2);color:var(--text);font-family:var(--font-body);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;font-size:14px;font-weight:500;text-decoration:none;display:flex}.profile-menu__item[hidden]{display:none}.profile-menu__item:hover,.profile-menu__item:focus-visible{background:var(--surface-alt)}.profile-menu__item:disabled{opacity:.6;cursor:default}.profile-menu__item--danger{margin-top:var(--space-1);border-top:1px solid var(--border);padding-top:var(--space-2);color:var(--danger);border-radius:0 0 10px 10px}.profile-menu__error,.profile-menu__edit-name-error{margin:var(--space-1) var(--space-2) 0;color:var(--danger-text);font-size:12px}.profile-menu__error[hidden],.profile-menu__edit-name-error[hidden]{display:none}.profile-menu__edit-name{gap:var(--space-2);padding:var(--space-2);flex-direction:column;display:flex}.profile-menu__edit-name[hidden]{display:none}.profile-menu__edit-name-label{color:var(--text-muted);margin:0;font-size:12px;font-weight:600}.profile-menu__edit-name-input{box-sizing:border-box;width:100%;min-height:44px;padding:0 var(--space-3);border:1px solid var(--border);background:var(--bg);color:var(--text);font-family:var(--font-body);border-radius:10px;font-size:14px}.profile-menu__edit-name-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.profile-menu__edit-name-input:disabled{opacity:.6}.profile-menu__edit-name-actions{gap:var(--space-2);display:flex}.profile-menu__edit-name-cancel,.profile-menu__edit-name-save{box-sizing:border-box;min-height:44px;font-family:var(--font-body);cursor:pointer;border-radius:10px;flex:1;font-size:14px;font-weight:600}.profile-menu__edit-name-cancel{border:1px solid var(--border);color:var(--text);background:0 0}.profile-menu__edit-name-cancel:hover:not(:disabled){background:var(--surface-alt)}.profile-menu__edit-name-save{border:1px solid var(--accent);background:var(--accent);color:var(--accent-contrast)}.profile-menu__edit-name-save:hover:not(:disabled){filter:brightness(1.05)}.profile-menu__edit-name-cancel:disabled,.profile-menu__edit-name-save:disabled{opacity:.6;cursor:default}.profile-menu__footer{margin:var(--space-2) var(--space-2) 0;padding-top:var(--space-2);border-top:1px solid var(--border);color:var(--text-muted);text-align:center;font-size:11px}.install-prompt{left:0;right:0;bottom:var(--notification-stack-offset,var(--bottom-stack-offset,calc(env(safe-area-inset-bottom,0px) + 16px)));z-index:var(--z-bottom-surface,30);background:var(--bg-elevated);border:1px solid var(--border);width:max-content;max-width:calc(100% - 24px);box-shadow:0 8px 28px color-mix(in srgb, var(--shadow) 70%, transparent);color:var(--text);border-radius:999px;justify-content:space-between;align-items:center;gap:8px;margin:0 auto;padding:8px 4px 8px 12px;font-size:12px;line-height:1.25;animation:.2s install-prompt-in;display:flex;position:fixed}@keyframes install-prompt-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.install-prompt__label{flex:1}.install-prompt__install{background:var(--accent);color:var(--accent-contrast);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;min-height:40px;padding:8px 12px;font-size:13px;font-weight:600}.install-prompt__install:hover{filter:brightness(1.05)}.install-prompt__dismiss{cursor:pointer;width:40px;height:40px;color:var(--text-muted);background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.install-prompt__dismiss:hover{background:var(--accent-soft)}@media (width>=480px){.install-prompt{border-radius:16px;gap:10px;max-width:420px;padding:10px 6px 10px 16px;font-size:13px}.install-prompt__install{border-radius:8px;padding-inline:14px}}@media (width>=640px){.install-prompt{left:auto;right:max(16px, env(safe-area-inset-right,0px));max-width:360px;margin:0}}.thumb,.feed-run__photo{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:pan-y pinch-zoom;position:relative}.select-mark{background:var(--c-white-a18);border:2px solid var(--c-white);width:26px;height:26px;box-shadow:0 1px 3px var(--shadow);transition:background var(--dur-tap) var(--ease-out), border-color var(--dur-tap) var(--ease-out), transform var(--dur-tap) var(--ease-out);border-radius:50%;justify-content:center;align-items:center;display:none;position:absolute;top:8px;right:8px}[data-selection-mode=true] .select-mark{display:flex}[data-selected=true] .select-mark{background:var(--accent);border-color:var(--accent);transform:scale(1.05)}[data-selected=true] .select-mark:after{content:"✓";color:var(--accent-contrast);font-size:13px;font-weight:700;line-height:1}[data-selection-mode=true] .thumb,[data-selection-mode=true] .feed-run__photo{cursor:pointer}[data-selection-mode=true] .thumb[data-selected=true],[data-selection-mode=true] .feed-run__photo[data-selected=true]{outline:3px solid var(--accent);outline-offset:-3px}[data-selection-mode=true] .thumb[data-selected=true] .thumb__image,[data-selection-mode=true] .feed-run__photo[data-selected=true] .feed-run__image{filter:brightness(.82);transition:filter var(--dur-tap) var(--ease-out)}.thumb[data-pressed=true],.feed-run__photo[data-pressed=true]{transition:transform var(--dur-tap) var(--ease-out);transform:scale(.97)}@media (prefers-reduced-motion:reduce){.thumb[data-pressed=true],.feed-run__photo[data-pressed=true]{transition:none;transform:none}}.selection-area{background:color-mix(in srgb, var(--accent) 15%, transparent);border:1px solid var(--accent);border-radius:4px}.share-sheet-dialog{color:inherit;background:0 0;border:none;padding:0}.share-sheet-dialog::backdrop{background:var(--sheet-scrim)}.share-sheet{--sheet-background:var(--bg-elevated);--sheet-border-radius:16px}.share-sheet::part(handle){background:var(--border)}.share-sheet::part(content){padding:0 var(--space-6) var(--space-1);box-shadow:var(--shadow-sheet-up)}.share-sheet__header{align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-6) var(--space-3);border-bottom:1px solid var(--border);display:flex}.share-sheet__title{font-family:var(--font-display);margin:0;font-size:18px;font-style:italic;font-weight:600}.share-sheet__count{color:var(--text-muted);flex:1;font-size:13px}.share-sheet__close{width:44px;height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;font-size:20px;line-height:1}.share-sheet__close:hover{background:var(--surface-alt)}.share-sheet__body{gap:var(--space-4);padding:var(--space-4) 0 var(--space-6);flex-direction:column;display:flex}.share-sheet__previews{align-items:center;gap:var(--space-2);min-height:56px;display:flex}.share-sheet__preview,.share-sheet__preview-more{border-radius:10px;flex:0 0 56px;width:56px;height:56px}.share-sheet__preview{object-fit:cover;background:var(--surface-alt);width:56px;height:56px}.share-sheet__preview-more{border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-mono);justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.share-sheet__composer{gap:var(--space-4);flex-direction:column;display:flex}.share-sheet__composer[hidden]{display:none}.share-sheet__label{gap:var(--space-2);flex-direction:column;display:flex}.share-sheet__field-label,.share-sheet__scope legend{padding:0 0 var(--space-1);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:12px;font-weight:600}.share-sheet__label-input{border:1px solid var(--border);min-height:44px;padding:0 var(--space-3);background:var(--bg-elevated);color:var(--text);font:inherit;border-radius:10px;font-size:14px}.share-sheet__label-input::placeholder{color:var(--text-muted)}.share-sheet__scope{gap:var(--space-2);border:none;flex-direction:column;margin:0;padding:0;display:flex}.share-sheet__scope legend{padding-inline:0}.share-sheet__scope-segments{background:var(--surface-alt);border:1px solid var(--border);border-radius:999px;gap:2px;padding:2px;display:flex}.share-sheet__scope-segment{min-height:44px;color:var(--text-muted);cursor:pointer;text-align:center;border-radius:999px;flex:1;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:background .15s,color .15s,box-shadow .15s;display:flex;position:relative}.share-sheet__scope-segment:has(input:checked){background:var(--bg-elevated);color:var(--accent);box-shadow:0 1px 3px var(--shadow)}.share-sheet__scope-segment:has(input:focus-visible){outline:var(--focus-ring);outline-offset:2px}.share-sheet__scope-segment input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.share-sheet__scope-hint{padding:0 var(--space-2);color:var(--text-muted);margin:0;font-size:12px}.share-sheet__expiry-policy{margin:calc(var(--space-2) * -1) 0 0;color:var(--text-muted);font-size:12px}.share-sheet__create{background:var(--accent);color:var(--accent-contrast);cursor:pointer;border:none;border-radius:999px;min-height:48px;font-size:15px;font-weight:600}.share-sheet__create:disabled{opacity:.6;cursor:default}.share-sheet__error{color:var(--danger);margin:0;font-size:13px}.share-sheet__scope[hidden]{display:none}.share-sheet__result{align-items:stretch;gap:var(--space-3);background:var(--surface-alt);border:1px solid var(--border);padding:var(--space-4);border-radius:14px;flex-direction:column;display:flex}.share-sheet__result[hidden]{display:none}.share-sheet__result-heading{flex-direction:column;gap:2px;display:flex}.share-sheet__result-title,.share-sheet__result-expiry{margin:0}.share-sheet__result-title{font-family:var(--font-display);font-size:20px;font-style:italic}.share-sheet__result-expiry{color:var(--text-muted);font-size:12px}.share-sheet__url{border:1px solid var(--border);width:100%;min-width:0;padding:0 var(--space-3);background:var(--bg-elevated);min-height:44px;color:var(--text);border-radius:10px;font-size:13px}.share-sheet__actions{gap:var(--space-2);flex-direction:column;display:flex}.share-sheet__share,.share-sheet__copy{justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--border);min-height:44px;padding:0 var(--space-4);background:var(--bg-elevated);color:var(--text);cursor:pointer;border-radius:999px;font-size:14px;font-weight:600;display:inline-flex}.share-sheet__action--primary{background:var(--accent);min-height:48px;color:var(--accent-contrast);border-color:#0000}.share-sheet__handoff-status,.share-sheet__handoff-error,.share-sheet__qr-error{margin:0;font-size:12px}.share-sheet__handoff-status{color:var(--text-muted)}.share-sheet__handoff-error,.share-sheet__qr-error{color:var(--danger-text)}.share-sheet__qr-disclosure{border-top:1px solid var(--border)}.share-sheet__qr-disclosure summary{min-height:44px;color:var(--text-muted);cursor:pointer;align-items:center;font-size:13px;font-weight:600;display:flex}.share-sheet__qr-body{align-items:center;gap:var(--space-2);padding-bottom:var(--space-3);flex-direction:column;display:flex}.share-sheet__qr{background:var(--c-white);padding:var(--space-2);border:1px solid var(--border);border-radius:8px}.share-sheet__result-hint{color:var(--text-muted);margin:0;font-size:12px}.share-sheet__one-time-warning{border-left:2px solid var(--accent);padding-left:var(--space-3);color:var(--text);margin:0;font-size:12px}.share-sheet__abandon{gap:var(--space-2);margin-top:var(--space-1);border-top:1px solid var(--border);padding-top:var(--space-3);flex-direction:column;display:flex}.share-sheet__abandon[hidden]{display:none}.share-sheet__abandon h4,.share-sheet__abandon p{margin:0}.share-sheet__abandon h4{font-size:14px}.share-sheet__abandon>p{color:var(--text-muted);font-size:12px;line-height:1.45}.share-sheet__abandon-actions{gap:var(--space-2);grid-template-columns:1fr;display:grid}.share-sheet__keep-open,.share-sheet__revoke-close{min-height:44px;padding:0 var(--space-3);font:inherit;cursor:pointer;border-radius:999px;font-size:13px;font-weight:650}.share-sheet__keep-open{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text)}.share-sheet__revoke-close{border:1px solid var(--danger);background:var(--danger);color:var(--c-white)}.share-sheet__revoke-close:disabled{opacity:.65;cursor:default}.share-sheet__abandon .share-sheet__abandon-error{color:var(--danger-text)}@media (width>=480px){.share-sheet__abandon-actions{grid-template-columns:1fr 1fr}}.share-sheet__close:focus-visible,.share-sheet__label-input:focus-visible,.share-sheet__create:focus-visible,.share-sheet__result:focus-visible,.share-sheet__share:focus-visible,.share-sheet__copy:focus-visible,.share-sheet__qr-disclosure summary:focus-visible,.share-sheet__keep-open:focus-visible,.share-sheet__revoke-close:focus-visible{outline:var(--focus-ring);outline-offset:2px}@media (width>=720px){.share-sheet{--sheet-border-radius:20px;width:min(640px,100vw - 48px);margin-inline:auto}}.share-manage-dialog{color:inherit;background:0 0;border:none;padding:0}.share-manage-dialog::backdrop{background:var(--sheet-scrim)}.share-manage-sheet{--sheet-background:var(--bg-elevated);--sheet-border-radius:16px}.share-manage-sheet::part(handle){background:var(--border)}.share-manage-sheet::part(content){padding:0 var(--space-6) var(--space-1);box-shadow:var(--shadow-sheet-up);max-height:min(76vh,720px);overflow-y:auto}.share-manage__header{align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-6) var(--space-3);border-bottom:1px solid var(--border);display:flex}.share-manage__title{font-family:var(--font-display);margin:0;font-size:18px;font-style:italic;font-weight:600}.share-manage__count{color:var(--text-muted);flex:1;font-size:13px}.share-manage__close{width:44px;height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;font-size:20px;line-height:1}.share-manage__close:hover{background:var(--surface-alt)}.share-manage__body{padding:var(--space-2) 0 var(--space-6)}.share-manage__status{padding:var(--space-4) 0;color:var(--text-muted);text-align:center;margin:0;font-size:13px}.share-manage__status--error{color:var(--danger)}.share-manage__feedback{margin:var(--space-2) 0 0;border-left:2px solid var(--accent);padding:var(--space-2) var(--space-3);background:var(--surface-alt);color:var(--text);font-size:13px}.share-manage__empty{text-align:center;padding:var(--space-8) 0;color:var(--text-muted);flex-direction:column;align-items:center;gap:6px;display:flex}.share-manage__empty-headline{color:var(--text);margin:0;font-size:16px;font-weight:600}.share-manage__empty-body{margin:0;font-size:14px}.share-manage__list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.share-manage__row{align-items:center;gap:var(--space-3);border-bottom:1px solid var(--border);background:0 0;padding:14px 2px;display:flex}.share-manage__row:last-child{border-bottom:none}.share-manage__row[data-confirming=true]{align-items:stretch;gap:var(--space-2);flex-direction:column}.share-manage__row-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.share-manage__row-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:600;overflow:hidden}.share-manage__row-meta{color:var(--text-muted);margin:0;font-size:12px}.share-manage__row-expiry{color:var(--text-muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin:1px 0 0;font-size:11px}.share-manage__row-error{color:var(--danger);margin:2px 0 0;font-size:12px}.share-manage__row-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.share-manage__row[data-confirming=true] .share-manage__row-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.share-manage__badge{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.share-manage__row[data-inactive=true] .share-manage__row-title,.share-manage__row[data-inactive=true] .share-manage__row-meta,.share-manage__row[data-inactive=true] .share-manage__row-expiry,.share-manage__row[data-inactive=true] .share-manage__badge{color:var(--text-muted)}.share-manage__quiet-state{padding:var(--space-5) 2px;border-bottom:1px solid var(--border);color:var(--text-muted);margin:0;font-size:13px}.share-manage__history{border-top:1px solid var(--border)}.share-manage__history-summary{align-items:center;gap:var(--space-2);min-height:48px;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;font-size:11px;font-weight:600;list-style:none;display:flex}.share-manage__history-summary::-webkit-details-marker{display:none}.share-manage__history-summary:before{content:"+";width:14px;color:var(--accent);font-size:16px;line-height:1}.share-manage__history[open] .share-manage__history-summary:before{content:"−"}.share-manage__history-count{border:1px solid var(--border);font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding-inline:6px;display:inline-flex}.share-manage__list--history{padding-left:22px}.share-manage__manage{border:1px solid var(--border);background:var(--bg-elevated);min-height:44px;padding:0 var(--space-3);color:var(--text-muted);cursor:pointer;border-radius:999px;font-size:12px;font-weight:600}.share-manage__manage:hover{border-color:var(--accent);color:var(--accent)}.share-manage__confirm-copy{flex-direction:column;grid-column:1/-1;gap:2px;display:flex}.share-manage__confirm-heading,.share-manage__confirm-support{margin:0;font-size:12px}.share-manage__confirm-heading{color:var(--text);font-weight:600}.share-manage__confirm-support{color:var(--text-muted)}.share-manage__cancel{border:1px solid var(--border);min-height:44px;padding:0 var(--space-3);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;font-size:12px;font-weight:600}.share-manage__confirm{background:var(--danger);color:var(--accent-contrast);min-height:44px;padding:0 var(--space-3);cursor:pointer;border:none;border-radius:999px;font-size:12px;font-weight:600}.share-manage__confirm:disabled{opacity:.6;cursor:default}.share-manage__close:focus-visible,.share-manage__feedback:focus-visible,.share-manage__history-summary:focus-visible,.share-manage__manage:focus-visible,.share-manage__cancel:focus-visible,.share-manage__confirm:focus-visible{outline:var(--focus-ring);outline-offset:2px}@media (width>=720px){.share-manage-sheet{--sheet-border-radius:20px;width:min(640px,100vw - 48px);margin-inline:auto}}.photo-actions{--photo-action-color:var(--text);--photo-action-border:var(--border);--photo-action-background:transparent;--photo-action-hover-color:var(--accent);--photo-action-hover-border:var(--accent);--photo-action-hover-background:var(--surface-alt);align-items:center;gap:var(--space-2);display:flex}.photo-action{border:1px solid var(--photo-action-border);min-width:44px;height:44px;padding:0 var(--space-3);justify-content:center;align-items:center;gap:var(--space-2);color:var(--photo-action-color);background:var(--photo-action-background);font:inherit;cursor:pointer;border-radius:999px;flex-shrink:0;font-size:13px;font-weight:650;text-decoration:none;transition:background .15s,color .15s,border-color .15s,transform .15s;display:inline-flex}.photo-action:hover{color:var(--photo-action-hover-color);border-color:var(--photo-action-hover-border);background:var(--photo-action-hover-background)}.photo-action svg{width:20px;height:20px}.photo-actions--feed{width:100%;padding:10px 16px 18px;container-type:inline-size}.photo-actions--feed .reaction-button{min-width:76px;padding-inline:13px 17px}.photo-actions--feed .photo-action__download--direct{margin-inline-start:auto;display:inline-flex}.photo-actions__more,.photo-actions__more-menu[hidden]{display:none}.photo-actions--viewer{--photo-action-color:var(--viewer-text);--photo-action-border:transparent;--photo-action-background:transparent;--photo-action-hover-color:var(--viewer-text);--photo-action-hover-border:transparent;--photo-action-hover-background:var(--viewer-chrome-bg-hover);gap:var(--space-1);padding:var(--space-1);border:1px solid var(--viewer-border);background:var(--viewer-action-bg);border-radius:999px;flex-shrink:0}.photo-actions--viewer .photo-action{background:var(--photo-action-background);width:44px;padding:0}.photo-actions--viewer :is(.reaction-button__label,.comment-button__label){display:none}.photo-actions--viewer .reaction-button[data-active=true]{background:color-mix(in srgb, var(--accent) 22%, transparent)}.photo-actions--viewer .photo-action:hover{background:var(--photo-action-hover-background)}@media (hover:hover){.photo-actions--feed :is(.reaction-button,.comment-button):hover{transform:scale(1.05)}}.photo-actions--feed :is(.reaction-button,.comment-button):active{transform:scale(.96)}@media (width>=360px) and (width<=639px){.photo-actions--feed{gap:var(--space-1);padding-inline:12px}.photo-actions--feed .reaction-button{min-width:74px;padding-inline:10px 14px}.photo-actions--feed :is(.comment-button,.photo-action__share){padding-inline:10px}.photo-actions--feed .comment-button__count,.photo-actions--feed .photo-action__download--direct{display:none}.photo-actions--feed .photo-actions__more{flex-shrink:0;margin-inline-start:auto;display:block;position:relative}.photo-actions__more-trigger{width:44px;padding:0}.photo-actions__more-menu{right:0;bottom:calc(100% + var(--space-2));z-index:6;width:176px;padding:var(--space-1);border:1px solid var(--border);background:var(--bg-elevated);box-shadow:0 12px 32px var(--shadow);border-radius:14px;position:absolute}.photo-actions__more-menu .photo-action__download--menu{justify-content:flex-start;width:100%}}@media (width<=359px){.photo-actions--feed{padding-inline:12px}}@container (width<=439px){.photo-actions--feed .photo-action{width:44px;min-width:44px;padding:0}.photo-actions--feed :is(.reaction-button__label,.comment-button__label,.comment-button__count,.photo-action__label){clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}@media (prefers-reduced-motion:reduce){.photo-action,.photo-action:hover{transition:none}}.reaction-anchor{align-items:center;gap:2px;display:inline-flex;position:relative}.reaction-button{position:relative}.reaction-button:after{content:"";opacity:.52;border-bottom:1.5px solid;border-right:1.5px solid;width:5px;height:5px;transition:transform .16s,opacity .16s;position:absolute;bottom:6px;right:6px;transform:rotate(45deg)}.reaction-button[aria-expanded=true]:after{opacity:.9;transform:rotate(225deg)}@keyframes reaction-heart-pop{0%{transform:scale(1)}40%{transform:scale(1.32)}to{transform:scale(1)}}.reaction-button--pop svg{animation:.45s cubic-bezier(.34,1.56,.64,1) reaction-heart-pop}.reaction-button[data-active=true]{color:var(--accent);border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 28%, transparent)}.reaction-button[data-active=true] svg{fill:currentColor}.reaction-picker-trigger{width:44px;min-width:44px;padding-inline:0}.reaction-picker-trigger__glyph{font-family:var(--font-body);font-size:19px;font-weight:450;line-height:1;display:block;transform:translateY(-1px)}.reaction-picker-trigger[aria-expanded=true]{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.reaction-button[aria-busy=true],.reaction-picker__item[aria-busy=true]{cursor:progress}.reaction-button[aria-busy=true] svg{opacity:.62}.reaction-feedback{z-index:6;align-items:center;gap:var(--space-2);min-width:max-content;max-width:calc(100vw - var(--space-8));padding:4px 4px 4px var(--space-3);border:1px solid color-mix(in srgb, var(--danger) 32%, var(--border));background:var(--bg-elevated);color:var(--text);box-shadow:var(--shadow-raised);border-radius:999px;font-size:12px;line-height:1.3;display:inline-flex;position:absolute;bottom:calc(100% + 8px);left:0}.reaction-feedback[hidden]{display:none}.reaction-feedback__retry{min-width:44px;min-height:44px;padding:0 var(--space-3);background:var(--accent-soft);color:var(--accent);font:inherit;cursor:pointer;border:0;border-radius:999px;font-weight:700}.reaction-picker{translate:var(--reaction-picker-shift-x,0) 0;background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow-raised);z-index:5;border-radius:999px;gap:0;padding:3px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;transform:none}.reaction-picker[data-open=false]{display:none}.reaction-picker[data-open=true]{animation:.18s cubic-bezier(.16,1,.3,1) reaction-picker-in}@keyframes reaction-picker-in{0%{opacity:0;transform:translateY(6px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.photo-actions--viewer .reaction-picker{left:auto;right:0}.reaction-picker__item{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;line-height:1;transition:transform .16s cubic-bezier(.16,1,.3,1),background .16s,box-shadow .16s;display:flex}.reaction-picker__item[aria-checked=true]{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.reaction-picker__item:focus-visible{background:var(--accent-soft);outline:2px solid var(--accent);outline-offset:-2px;transform:translateY(-3px)scale(1.12)}@media (hover:hover){.reaction-picker__item:hover{background:var(--accent-soft);outline:2px solid var(--accent);outline-offset:-2px;transform:translateY(-3px)scale(1.12)}}@media (width<=359px){.reaction-picker,.photo-actions--viewer .reaction-picker{z-index:calc(var(--z-bottom-surface) + 1);right:8px;bottom:max(8px, env(safe-area-inset-bottom));border-radius:22px;grid-template-columns:repeat(4,minmax(44px,1fr));gap:4px;padding:8px;display:grid;position:fixed;left:8px;translate:none}.reaction-picker[data-open=false]{display:none}.reaction-picker__item{justify-self:center}}.reaction-hint{z-index:4;max-width:calc(100vw - var(--space-8));padding:8px var(--space-3);background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow-raised);white-space:nowrap;color:var(--text);border-radius:999px;font-size:12px;line-height:1.3;animation:.2s reaction-hint-in;position:absolute;bottom:calc(100% + 8px);left:0;transform:translateY(0)}@keyframes reaction-hint-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.photo-actions--viewer .reaction-hint{left:auto;right:0}.reaction-chips{border:1px solid var(--c-white-a18);background:var(--c-black-a60);min-width:0;max-width:calc(100% - 16px);color:var(--c-white);box-shadow:0 2px 10px var(--c-black-a12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;padding:4px 10px 4px 5px;transition:opacity .12s,visibility .12s;display:inline-flex;position:absolute;bottom:8px;right:8px}.reaction-chips[data-picker-open=true]{opacity:0;visibility:hidden}.reaction-summary__emoji{background:var(--c-white);width:22px;height:22px;box-shadow:0 0 0 1px var(--c-black-a12);border-radius:50%;flex:none;place-items:center;font-size:13px;line-height:1;display:grid}.reaction-summary__emoji+.reaction-summary__emoji{margin-left:-6px}.reaction-summary__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-left:7px;font-size:12px;font-weight:650;line-height:1.2;overflow:hidden}.upload-panel{left:var(--space-4);right:var(--space-4);bottom:var(--bottom-stack-offset);z-index:var(--z-bottom-surface);background:var(--bg-elevated);border:1px solid var(--border);max-width:420px;box-shadow:var(--shadow-raised);border-radius:12px;margin:0 auto;animation:.2s upload-panel-in;position:fixed;overflow:hidden}@media (width>=640px){.upload-panel{left:auto;right:var(--space-4);width:min(380px, calc(100vw - var(--space-8)));margin:0}}@keyframes upload-panel-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.upload-panel__header{padding:var(--space-3) var(--space-1) var(--space-3) var(--space-4);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex}.upload-panel__receipt{padding:7px var(--space-4) 8px;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--accent-soft) 48%, transparent);color:var(--text-muted);font-size:12px;line-height:1.35}.upload-panel__receipt[hidden],.upload-panel__list[hidden],.upload-row[hidden]{display:none}.upload-panel__dismiss{cursor:pointer;width:40px;height:40px;color:var(--text-muted);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:20px;line-height:1;display:flex}.upload-panel__dismiss:hover{background:var(--accent-soft)}.upload-panel__list{padding:var(--space-1) 0;max-height:40vh;margin:0;list-style:none;overflow-y:auto}.upload-row{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4) var(--space-2) 11px;border-left:3px solid #0000;font-size:13px;display:flex;position:relative;overflow:hidden}.upload-row[data-status=converting],.upload-row[data-status=uploading],.upload-row[data-status=done],.upload-row[data-status=ready]{border-left-color:var(--accent)}.upload-row[data-status=dedup]{border-left-color:var(--text-muted)}.upload-row[data-status=error]{border-left-color:var(--danger);background:color-mix(in srgb, var(--danger) 6%, transparent)}.upload-row[data-status=uploading]:after{content:"";background:var(--accent);width:40%;height:2px;animation:1.1s ease-in-out infinite upload-develop;position:absolute;bottom:0;left:0}@keyframes upload-develop{0%{transform:translate(-100%)}to{transform:translate(250%)}}.upload-row__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.upload-row__status{white-space:normal;overflow-wrap:break-word;text-align:right;min-width:0;color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-shrink:1;display:-webkit-box;overflow:hidden}.upload-row[data-status=uploading] .upload-row__status{color:var(--accent)}.upload-row[data-status=done] .upload-row__status{color:var(--accent);font-weight:600}.upload-row[data-status=dedup] .upload-row__status{color:var(--text-muted);font-style:italic;font-weight:600}.upload-row[data-status=error] .upload-row__status{color:var(--danger-text);font-weight:600}.upload-row[data-status=ready] .upload-row__status{color:var(--accent);font-weight:600}.upload-row__thumb{object-fit:cover;background:var(--surface-alt);border-radius:6px;flex-shrink:0;width:36px;height:36px}.upload-panel[data-state=complete] .upload-panel__header{color:var(--accent)}.upload-panel[data-state=complete] .upload-panel__title:before{content:"✓";margin-right:var(--space-2)}.upload-row[data-status=converting] .upload-row__status{color:var(--accent);font-style:italic}.upload-row[data-status=rejected]{border-left-color:var(--text-muted)}.upload-row[data-status=rejected] .upload-row__status{color:var(--text-muted);font-style:italic;font-weight:600}.upload-row__retry{min-width:44px;min-height:44px;padding:0 var(--space-2);color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;font-size:13px;font-weight:600}.upload-row__retry:hover{background:var(--accent-soft)}.upload-panel__resume-banner{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);color:var(--text);border-bottom:1px solid var(--border);background:var(--surface-alt);font-size:13px;display:flex}.upload-panel__retry-all{min-height:44px;padding:0 var(--space-3);background:var(--text);color:var(--bg-elevated);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;font-size:13px;font-weight:600}.upload-panel__retry-all:hover{filter:brightness(1.05)}.upload-panel__durability-nudge{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);color:var(--text-muted);border-bottom:1px solid var(--border);font-size:12px;font-style:italic;display:flex}.upload-panel__durability-dismiss{cursor:pointer;width:32px;height:32px;color:var(--text-muted);background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;display:flex}.upload-panel__durability-dismiss:hover{background:var(--accent-soft)}