.moments[hidden]{display:none}.moments{padding:44px 0 38px;border-top:1px solid var(--line)}.moments-heading{margin-bottom:28px}.moment-profile{display:inline-flex;align-items:center;gap:16px;font-size:11px;color:var(--muted);padding-block:8px}.moment-profile .icon{width:14px;height:14px}.moment-profile:hover{color:var(--red)}
.moments-draft{display:none;font-size:11px;color:var(--muted);margin:0 0 16px}.is-draft .moments-draft{display:block}.moment-frame{position:relative;margin:0;border-radius:8px;overflow:hidden;background:#101c17;color:#f7f4e9;isolation:isolate}.moment-stage{position:relative;aspect-ratio:1.88;min-height:390px;max-height:680px;overflow:hidden;touch-action:pan-y}
.moment-backdrop{position:absolute;inset:-8%;background-size:cover;background-position:center;filter:blur(24px);opacity:.5}.moment-open{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:none;color:inherit;text-align:left}.moment-open:focus-visible{outline-offset:-7px;outline-color:#f7f4e9}.moment-open:disabled{cursor:default}.moment-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}.moment-image[hidden]{display:none}
.moment-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0003,transparent 35%,transparent 50%,#080d0bd9);pointer-events:none}.moment-stamp{position:absolute;left:30px;top:28px;font-size:8px;letter-spacing:2.5px;opacity:.75;pointer-events:none}.moment-zoom{position:absolute;right:26px;top:24px;z-index:3;display:none;align-items:center;gap:12px;padding:9px 12px;background:#101c1722;border:1px solid #ffffff40;border-radius:3px;font-size:10px;backdrop-filter:blur(8px)}.moment-zoom .icon{width:14px;height:14px}.has-photo .moment-zoom{display:flex}
.moment-caption{position:absolute;left:0;right:0;bottom:0;padding:34px 36px;pointer-events:none}.moment-text{max-width:660px;font-size:20px;font-weight:400;line-height:1.65;letter-spacing:.3px;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.moment-text:empty{display:none}.moment-meta{display:flex;align-items:center;gap:20px;font-size:10px;color:#fff9}.moment-date{letter-spacing:1px}.moment-source{margin-left:auto;display:inline-flex;align-items:center;gap:12px;color:#f7f4e9;pointer-events:auto;border-bottom:1px solid #fff6;padding-block:5px}.moment-source[hidden]{display:none}.moment-source .icon{width:13px;height:13px}.moment-source:hover{border-bottom-color:currentColor}
.moment-meta{flex-wrap:wrap}.moment-memory{display:inline-flex;align-items:center;min-height:32px;padding:7px 11px;border:1px solid #ffffff40;border-left:2px solid var(--red);border-radius:2px;background:#101c174d;color:#f7f4e9;font-size:12px;font-weight:500;line-height:1.2;letter-spacing:.6px;white-space:nowrap}.moment-memory[hidden]{display:none}
.moment-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:18px}.moment-note{font-size:11px;color:var(--muted);margin:0 auto 0 0;line-height:1.6}.moment-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.moment-controls button{display:inline-flex;align-items:center;justify-content:center;gap:15px;height:44px;min-width:44px;border:1px solid var(--line);border-radius:3px;background:transparent;padding:0 15px;font-size:11px;transition:color .2s,border-color .2s,background .2s,transform .15s}.moment-controls button .icon{width:15px;height:15px}.moment-controls button:disabled{opacity:.3}.moment-controls button:active:not(:disabled){transform:scale(.95)}.moment-controls button:hover:not(:disabled){color:var(--red);border-color:var(--red)}
.moment-empty{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;background:radial-gradient(ellipse at 22% 28%,#253c2c80,transparent 55%),linear-gradient(145deg,#15271d,#0a120e)}.moment-empty[hidden]{display:none}.moment-empty-mark{display:block;width:34px;height:34px;border:1px solid #e7e0c64d;transform:rotate(45deg)}.moment-empty p{font:700 32px/1.4 var(--sans);letter-spacing:7px;margin:0;color:#f3f1e9}.moment-empty-note{font-size:10px;letter-spacing:3px;color:#f3f1e977}.moment-live{font-size:11px;line-height:1.6;color:var(--muted);margin:10px 0 0}.moment-live:empty{display:none}.has-photo .moment-live:not(.is-error){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.moment-lightbox{position:fixed;inset:0;margin:0;padding:24px;background:#080d0b;color:#f3f1e9;border:0;width:100vw;height:100dvh;max-width:none;max-height:none;overflow:hidden}.moment-lightbox::backdrop{background:#080d0bf0}.moment-lightbox>img{width:100%;height:calc(100% - 70px);max-width:none;object-fit:contain}.moment-full-close{position:absolute;right:24px;top:24px;z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #fff5;border-radius:50%;background:#080d0b88;backdrop-filter:blur(12px);color:inherit}.moment-full-close .icon{width:20px;height:20px}.moment-full-footer{height:70px;display:flex;align-items:center;justify-content:space-between;gap:28px;max-width:1400px;margin:auto}.moment-full-caption{font-size:12px;line-height:1.7;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.moment-full-footer>a{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;font-size:11px;border-bottom:1px solid #fff6;padding-block:5px}.moment-full-footer .icon{width:13px;height:13px}
@media(max-width:720px){.moments{padding-block:34px 30px}.moments-heading{gap:12px}.moment-profile{font-size:10px;gap:9px;flex-shrink:0}.moment-stage{aspect-ratio:.8;min-height:430px;max-height:720px}.moment-stamp{left:20px;top:22px;font-size:7px;letter-spacing:1.5px}.moment-zoom{right:17px;top:16px;font-size:8px;gap:7px;padding:8px}.moment-caption{padding:23px 21px}.moment-text{font-size:16px;margin-bottom:13px;line-height:1.65}.moment-meta{font-size:9px;gap:12px}.moment-source{gap:8px}.moment-source .icon{width:12px;height:12px}.moment-toolbar{gap:12px;flex-wrap:wrap;padding-top:15px}.moment-note{font-size:10px}.moment-controls{gap:7px;margin-left:auto}.moment-controls button{height:44px;min-width:44px;gap:9px;font-size:10px;padding-inline:11px}.moment-controls button .icon{width:13px;height:13px}.moment-empty p{font-size:25px;letter-spacing:5px}.moment-lightbox{padding:16px}.moment-full-close{top:16px;right:16px}.moment-full-footer{gap:16px;height:76px}.moment-full-caption{font-size:11px}.moment-lightbox>img{height:calc(100% - 76px)}}
@media(max-width:720px){.moment-memory{min-height:30px;padding:6px 10px;font-size:11px}.moment-meta{column-gap:10px}}
@media(max-width:380px){.moment-note{flex-basis:100%}.moment-controls{margin-left:auto}.moment-stage{min-height:410px}}
@media(prefers-reduced-motion:reduce){.moment-controls button{transition:none}}