*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #000;--surface: #0a0a0a;--surface-raised: #111;--fg: #fff;--text-meta: #aaa;--text-dim: #666;--text-faint: #444;--text-disabled: #333;--border-strong: #fff;--border: #333;--border-faint: #1f1f1f;--border-style: 1px solid var(--border-strong);--danger: #ff4444;--ease: cubic-bezier(.2, 0, 0, 1);--dur-fast: .12s;--dur: .18s;--dur-slow: .32s;--dim: var(--text-dim);--font: "DM Sans", "Geist", system-ui, sans-serif}html,body,#root{height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font);font-size:13px;font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased}button{font-family:inherit;font-size:inherit;cursor:pointer;background:none;border:none;color:inherit}input{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;outline:none}a{color:inherit;text-decoration:none}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim)}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;border:var(--border-style);background:transparent;color:var(--fg);font-size:12px;font-weight:400;letter-spacing:.01em;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease);white-space:nowrap;cursor:pointer}.btn:hover{opacity:.6}.btn:active{transform:scale(.97)}.btn.primary{background:var(--fg);color:var(--bg)}.btn.primary:hover{opacity:.85}.btn:disabled{opacity:.35;cursor:not-allowed}.btn:disabled:active{transform:none}.chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;border:var(--border-style);background:#0009;font-size:9px;letter-spacing:.03em;white-space:nowrap;transition:opacity var(--dur) var(--ease)}.chip.dim{color:var(--text-dim);border-color:var(--text-dim)}.photo-card{position:relative;width:100%;break-inside:avoid;margin-bottom:8px;cursor:zoom-in;transition:transform var(--dur) var(--ease),opacity var(--dur) var(--ease)}.photo-card.is-mine{opacity:.45}.photo-card:hover{transform:translateY(-2px)}.photo-card .photo-frame{width:100%;position:relative;background:var(--surface-raised);overflow:hidden;border-radius:4px}.photo-card .photo-chips{position:absolute;bottom:6px;left:6px;display:flex;gap:4px;opacity:0;transform:translateY(2px);transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease);pointer-events:none}.photo-card:hover .photo-chips,.photo-card:focus-within .photo-chips{opacity:1;transform:translateY(0)}@keyframes skeleton-pulse{0%,to{opacity:.5}50%{opacity:.85}}.skeleton{background:var(--surface-raised);border-radius:4px;animation:skeleton-pulse 1.4s var(--ease) infinite}.date-header{position:sticky;top:0;z-index:1;padding:14px 0 10px;font-size:18px;font-weight:300;letter-spacing:.01em;color:var(--fg);background:#000000b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@keyframes section-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.section-in{animation:section-in var(--dur-slow) var(--ease)}