:root{--path-red: #E42C23;--path-red-hover: #D02219;--path-red-dark: #A81811;--path-red-gradient: linear-gradient(135deg, #FF453A 0%, #E42C23 50%, #C41C14 100%);--path-red-glow: rgba(228, 44, 35, .35);--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Outfit", sans-serif;--font-serif: "Newsreader", Georgia, serif;--font-mono: "JetBrains Mono", monospace;--bg-app: #ECE8E1;--bg-card: #FFFFFF;--bg-card-subtle: #FAF9F6;--bg-timeline-line: #E2DDD5;--text-primary: #1C1917;--text-secondary: #78716C;--text-muted: #A8A29E;--border-light: rgba(0, 0, 0, .08);--border-card: #E7E3DA;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-card: 0 4px 20px -2px rgba(0,0,0,.06), 0 2px 6px -1px rgba(0,0,0,.04);--shadow-card-hover: 0 12px 32px -4px rgba(0,0,0,.12), 0 4px 12px -2px rgba(0,0,0,.06);--shadow-modal: 0 25px 60px -15px rgba(0,0,0,.25);--shadow-button: 0 8px 24px -4px var(--path-red-glow);--spring-bounce: cubic-bezier(.34, 1.56, .64, 1);--spring-smooth: cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--bg-app: #0F0E11;--bg-card: #18171C;--bg-card-subtle: #201F26;--bg-timeline-line: #2E2B36;--text-primary: #F5F5F7;--text-secondary: #A1A1AA;--text-muted: #71717A;--border-light: rgba(255, 255, 255, .08);--border-card: #2B2833;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-card: 0 8px 24px rgba(0,0,0,.4);--shadow-card-hover: 0 16px 36px rgba(0,0,0,.6);--shadow-modal: 0 30px 70px rgba(0,0,0,.7)}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{width:100%;max-width:100%;overflow-x:clip}body{font-family:var(--font-sans);background:var(--bg-app);color:var(--text-primary);width:100%;max-width:100%;min-height:100vh;min-height:100dvh;overflow-x:clip;-webkit-user-select:none;user-select:none}@supports not (overflow-x: clip){body{overflow-x:hidden}}button{font-family:inherit;cursor:pointer;border:none;background:none;outline:none}input,textarea{font-family:inherit;outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#78716c40;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#78716c73}.app-viewport{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-app);transition:background-color .3s ease}.path-navbar{position:sticky;top:0;z-index:100;background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transform:translateZ(0);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;transition:background-color .2s ease,border-color .2s ease}[data-theme=dark] .path-navbar{background:#0f0e11e6}.nav-brand{display:flex;align-items:center;gap:.65rem;cursor:pointer}.brand-icon{width:34px;height:34px;background:var(--path-red-gradient);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.25rem;font-family:var(--font-display);box-shadow:0 4px 12px var(--path-red-glow);position:relative;overflow:hidden;flex-shrink:0}.brand-icon-img{width:100%;height:100%;display:block;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.brand-icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:translate3d(-120%,0,0);animation:shine 1.2s ease-out .35s 1 forwards;pointer-events:none}@keyframes shine{0%{transform:translate3d(-120%,0,0)}to{transform:translate3d(120%,0,0)}}.brand-title{font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:-.03em;color:var(--text-primary);display:flex;align-items:baseline;gap:.35rem}.nav-actions{display:flex;align-items:center;gap:.6rem}.nav-action-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);background:var(--border-light);transition:all .2s ease;position:relative}.nav-action-btn:hover{color:var(--text-primary);background:#0000000f;transform:translateY(-1px)}.nav-badge{position:absolute;top:-2px;right:-2px;background:var(--path-red);color:#fff;font-size:.65rem;font-weight:700;width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-card)}@media(max-width:640px){.path-navbar{padding:.6rem 1rem}}@media(max-width:440px){.path-navbar{padding:.5rem .75rem}.brand-icon{width:30px;height:30px;font-size:1.1rem}.brand-title{font-size:1.15rem}.nav-actions{gap:.4rem}.nav-action-btn{width:32px;height:32px}.nav-circle-text-full{display:none}}.path-layout-container{width:100%;max-width:1200px;margin:0 auto;padding:1.5rem 1rem 6rem;display:grid;grid-template-columns:270px minmax(0,1fr) 270px;gap:2rem;align-items:start;box-sizing:border-box}.path-feed-column{min-width:0;width:100%}.path-sidebar-left,.path-sidebar-right{min-width:0;position:sticky;top:76px;align-self:start;max-height:calc(100vh - 90px);overflow-y:auto;scrollbar-width:none}.path-sidebar-left::-webkit-scrollbar,.path-sidebar-right::-webkit-scrollbar{display:none}.path-sidebar-left{padding-bottom:90px}@media(max-width:1180px){.path-layout-container{grid-template-columns:250px minmax(0,1fr);gap:1.5rem;padding:1.25rem 1rem 6rem;max-width:960px}.path-sidebar-right{display:none}}@media(max-width:880px){.path-layout-container{grid-template-columns:minmax(0,1fr);gap:0;padding:0 0 6rem;max-width:620px}.path-sidebar-left,.path-sidebar-right{display:none}.cover-header{border-radius:0 0 20px 20px;margin-bottom:1.5rem}.cover-photo-container{height:180px}}@media(max-width:520px){.path-layout-container{max-width:100%}.cover-header{border-radius:0}.timeline-stream-container{--stream-pad-x: .5rem !important;--spine-x: 28px !important;--card-indent: 52px !important;--header-pad-top: .75rem !important;padding:0 var(--stream-pad-x) var(--stream-pad-bottom, 5rem) var(--stream-pad-x)!important}.moment-card{border-radius:16px}.moment-header{padding:var(--header-pad-top, .75rem) .85rem .5rem .85rem!important}.moment-body{padding:0 .85rem .75rem}.moment-footer{padding:.65rem .85rem .75rem}.reactions-row{gap:.5rem}.reaction-btn{padding:.25rem .45rem;font-size:.8rem}.music-moment-card{padding:.9rem;gap:.85rem}.vinyl-disc-wrap,.vinyl-disc{width:68px;height:68px}.vinyl-center-art{width:28px;height:28px}.music-track-title{font-size:1rem}}.cover-header{position:relative;width:100%;background:var(--bg-card);border-radius:0 0 24px 24px;overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:2rem;border-bottom:1px solid var(--border-card)}.cover-photo-container{height:210px;width:100%;position:relative;overflow:hidden;background:#2a2a2e}.cover-photo{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform .5s ease}.cover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000004d,#0000001a 40%,#000000b3)}.profile-meta-bar{padding:0 1.5rem 1.25rem;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.profile-avatar-wrapper{position:relative;margin-top:-46px;margin-bottom:.75rem;z-index:10;flex-shrink:0}.profile-avatar{width:86px;height:86px;min-width:86px;min-height:86px;aspect-ratio:1 / 1;flex-shrink:0;display:block;border-radius:50%;border:4px solid var(--bg-card);object-fit:cover;box-shadow:0 8px 24px #0000002e;background:#ccc}.online-dot{position:absolute;bottom:6px;right:6px;width:14px;height:14px;background:#10b981;border-radius:50%;border:2px solid var(--bg-card)}.profile-info h1{font-family:var(--font-display);font-size:1.45rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:.5rem}.profile-handle{font-size:.85rem;color:var(--text-muted);font-family:var(--font-mono);margin-top:.1rem}.pill-check-indicator{width:15px;height:15px;min-width:15px;min-height:15px;border-radius:50%;border:1.5px solid var(--border-card);background:transparent;color:transparent;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.composer-friend-tag-pill{display:inline-flex;align-items:center;gap:.38rem;padding:.28rem .56rem .28rem .36rem;border-radius:999px;border:1px solid var(--border-light);background:var(--bg-card-subtle);color:var(--text-primary);font-size:.76rem;font-weight:600;line-height:1;white-space:nowrap;transition:background-color .16s ease,border-color .16s ease}.composer-friend-tag-pill:hover:not(.selected){border-color:var(--border-card)}.composer-friend-tag-pill.selected{border-color:var(--path-red);background:#e42c231f}.composer-friend-tag-pill.selected .pill-check-indicator,.notif-circle-chip.selected .pill-check-indicator{background:var(--path-red);border-color:var(--path-red);color:#fff}.circle-chip{display:inline-flex;align-items:center;gap:.34rem;padding:.3rem .68rem .3rem .52rem;border-radius:999px;font-size:.76rem;font-weight:600;white-space:nowrap;flex-shrink:0;color:var(--text-secondary);background:var(--bg-card-subtle);border:1px solid var(--border-light);transition:all .18s ease}.circle-chip .pill-check-indicator{width:14px;height:14px;min-width:14px;min-height:14px}.circle-chip:hover:not(.active){border-color:var(--border-card);color:var(--text-primary)}.circle-chip.active{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-card)}.circle-chip.active .pill-check-indicator{background:var(--bg-card);border-color:var(--bg-card);color:var(--text-primary)}.timeline-person-filter-row{position:relative;z-index:3;margin:0 0 1.15rem var(--card-indent);display:flex;align-items:center}.person-filter-pill{display:inline-flex;align-items:center;gap:.5rem;max-width:100%;padding:.34rem .42rem .34rem .4rem;border-radius:999px;background:var(--bg-card);border:1px solid rgba(228,44,35,.34);box-shadow:var(--shadow-sm);color:var(--text-primary);font-size:.82rem;line-height:1.15;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.person-filter-pill:hover{border-color:var(--path-red);box-shadow:var(--shadow-card)}.person-filter-pill:active{transform:scale(.98)}.person-filter-pill-avatar{width:24px;height:24px;min-width:24px;min-height:24px;border-radius:50%;object-fit:cover;display:block;flex-shrink:0}.person-filter-pill-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-secondary)}.person-filter-pill-label strong{color:var(--text-primary);font-weight:700}.person-filter-pill-remove{width:22px;height:22px;min-width:22px;min-height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#e42c231f;color:var(--path-red);flex-shrink:0;transition:background-color .16s ease,color .16s ease}.person-filter-pill:hover .person-filter-pill-remove{background:var(--path-red);color:#fff}.timeline-stream-container{position:relative;--stream-pad-x: .75rem;--stream-pad-bottom: 5rem;--origin-marker-height: 36px;--spine-x: 36px;--card-indent: 62px;--header-pad-top: 1rem;--avatar-size: 38px;--moment-node-y: calc(1px + var(--header-pad-top) + (var(--avatar-size) / 2));padding:0 var(--stream-pad-x) var(--stream-pad-bottom) var(--stream-pad-x)}@media(min-width:768px){.timeline-stream-container{--stream-pad-x: 1rem;--spine-x: 44px;--card-indent: 70px;padding:0 var(--stream-pad-x) var(--stream-pad-bottom) var(--stream-pad-x)}}.timeline-vertical-spine{position:absolute;top:0;bottom:var(--stream-pad-bottom);left:var(--spine-x);width:2px;transform:translate(-50%);background:var(--bg-timeline-line);z-index:1}.timeline-stream-container.has-origin-marker .timeline-vertical-spine{bottom:calc(var(--stream-pad-bottom) + (var(--origin-marker-height) / 2))}.timeline-origin-marker{position:relative;--local-spine-x: calc(var(--spine-x) - var(--stream-pad-x, 0px));height:var(--origin-marker-height);margin:0;padding-left:var(--card-indent);display:flex;align-items:center;z-index:3}.timeline-origin-marker.after-empty{margin-top:1.5rem}.timeline-origin-node{position:absolute;top:50%;left:var(--local-spine-x);transform:translate(-50%,-50%);width:22px;height:22px;border-radius:50%;background:var(--path-red);box-shadow:0 0 0 3px var(--bg-app),0 2px 8px var(--path-red-glow);overflow:hidden;z-index:3;transition:transform .22s var(--spring-smooth),box-shadow .22s ease}.timeline-origin-node-img{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%}.timeline-origin-stem{position:absolute;top:50%;left:var(--local-spine-x);width:calc(var(--card-indent) - var(--local-spine-x));height:2px;background:var(--bg-timeline-line);transform:translateY(-50%);z-index:2;transition:background-color .22s ease}.timeline-origin-pill{display:inline-flex;align-items:center;gap:.45rem;height:var(--origin-marker-height);padding:0 .85rem 0 .45rem;border-radius:999px;background:var(--bg-card);border:1px solid var(--border-card);box-shadow:var(--shadow-sm);color:var(--text-secondary);font-size:.8rem;line-height:1;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.timeline-origin-marker:hover .timeline-origin-node{transform:translate(-50%,-50%) scale(1.12);box-shadow:0 0 0 3px var(--bg-app),0 4px 12px var(--path-red-glow)}.timeline-origin-marker:hover .timeline-origin-stem{background:var(--path-red)}.timeline-origin-pill:hover{border-color:#e42c2359;box-shadow:var(--shadow-card)}.timeline-origin-avatar{width:22px;height:22px;min-width:22px;min-height:22px;border-radius:50%;object-fit:cover;display:block;flex-shrink:0}.timeline-origin-title{font-weight:700;color:var(--text-primary);white-space:nowrap}.timeline-origin-date{font-size:.75rem;font-weight:500;color:var(--text-muted);white-space:nowrap}.timeline-clock-indicator{position:absolute;top:0;left:var(--spine-x);transform:translate3d(-50%,var(--moment-node-y, 36px),0) translateY(-50%);will-change:transform;z-index:15;display:flex;flex-direction:column;align-items:center;pointer-events:none;transition:transform .2s cubic-bezier(.16,1,.3,1)}.clock-knob{width:28px;height:28px;border-radius:50%;background:var(--path-red-gradient);border:2px solid var(--bg-app);box-shadow:0 4px 14px var(--path-red-glow);display:flex;align-items:center;justify-content:center;color:#fff;position:relative}.clock-face-svg{width:16px;height:16px}.clock-timestamp-bubble{position:absolute;bottom:34px;left:50%;transform:translate(max(-50%,calc(6px - var(--spine-x, 36px))));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#1c1917f0;color:#fff;padding:.22rem .55rem;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.02em;box-shadow:0 3px 10px #00000040;white-space:nowrap;animation:clockBubbleFadeIn .2s ease;line-height:1.2}.clock-timestamp-bubble.is-stacked{padding:.25rem .5rem;border-radius:10px;gap:1px}.clock-timestamp-day{font-size:.58rem;font-weight:600;letter-spacing:.02em;color:#ffffffc2;line-height:1.15;white-space:nowrap}.clock-timestamp-time{font-size:.68rem;font-weight:700;letter-spacing:.02em;color:#fff;line-height:1.15;white-space:nowrap}@keyframes clockBubbleFadeIn{0%{opacity:0;transform:translate(max(-50%,calc(6px - var(--spine-x, 36px)))) translateY(4px)}to{opacity:1;transform:translate(max(-50%,calc(6px - var(--spine-x, 36px)))) translateY(0)}}@keyframes fadeInCentered{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.moment-wrapper{position:relative;--local-spine-x: calc(var(--spine-x) - var(--stream-pad-x, 0px));margin-bottom:0;padding-bottom:2rem;padding-left:var(--card-indent);z-index:2}.timeline-node{position:absolute;top:var(--moment-node-y, 36px);left:var(--local-spine-x);transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:var(--bg-card);border:3px solid var(--text-muted);box-shadow:0 0 0 2px var(--bg-app);z-index:3;transition:all .25s ease}.timeline-stem{position:absolute;top:var(--moment-node-y, 36px);left:var(--local-spine-x);width:calc(var(--card-indent) - var(--local-spine-x));height:2px;background:var(--bg-timeline-line);transform:translateY(-50%);z-index:2;transition:background-color .25s ease}.moment-wrapper:hover .timeline-node{border-color:var(--path-red);transform:translate(-50%,-50%) scale(1.25);box-shadow:0 0 12px var(--path-red-glow)}.moment-wrapper:hover .timeline-stem{background:var(--path-red)}.moment-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:20px;box-shadow:var(--shadow-card);overflow:visible;transition:all .25s var(--spring-smooth)}.moment-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.moment-header{padding:var(--header-pad-top, 1rem) 1.25rem .75rem 1.25rem;display:flex;align-items:flex-start;justify-content:space-between;gap:.65rem}.moment-author{display:flex;align-items:flex-start;gap:.75rem;flex:1;min-width:0}.moment-author-meta{flex:1;min-width:0}.moment-author-avatar{width:var(--avatar-size, 38px);height:var(--avatar-size, 38px);min-width:var(--avatar-size, 38px);min-height:var(--avatar-size, 38px);aspect-ratio:1 / 1;flex:0 0 var(--avatar-size, 38px);flex-shrink:0;display:block;border-radius:50%;object-fit:cover;border:1px solid var(--border-light)}.moment-author-name{font-size:.92rem;font-weight:700;color:var(--text-primary);display:flex;align-items:baseline;flex-wrap:wrap;column-gap:.35rem;row-gap:.1rem;line-height:1.25}.moment-header-actions{display:flex;align-items:center;gap:.45rem;flex-shrink:0;align-self:flex-start;margin-top:2px}.moment-timestamp{font-size:.75rem;color:var(--text-muted)}.moment-body{padding:0 1.25rem 1rem}.moment-content-stage{position:relative;margin-bottom:.75rem}.moment-content-stage.stage-bleed{margin:0 -1.25rem .85rem}.moment-reaction-anchor{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.moment-react-trigger{width:30px;height:30px;min-width:30px;min-height:30px;aspect-ratio:1 / 1;flex:0 0 30px;flex-shrink:0;padding:0;margin:0;border:0;line-height:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:50%;display:grid;place-items:center;background:var(--bg-card-subtle);color:var(--text-secondary);box-shadow:inset 0 0 0 1.5px var(--border-card),var(--shadow-sm);transition:transform .18s var(--spring-bounce),background-color .18s ease,box-shadow .18s ease,color .18s ease}.moment-react-trigger:hover{transform:scale(1.08);color:var(--path-red);background:var(--bg-card);box-shadow:inset 0 0 0 1.5px #e42c2373,var(--shadow-sm)}.path-flat-emoji{display:block;flex-shrink:0;margin:0}.moment-react-trigger.active{background:var(--bg-card);border:0;box-shadow:inset 0 0 0 1.5px var(--border-card),0 2px 8px #00000024;padding:0}[data-theme=dark] .moment-react-trigger.active{background:var(--bg-card);box-shadow:inset 0 0 0 1.5px var(--border-card),0 2px 8px #0000005c}.moment-react-trigger-emoji{display:grid;place-items:center;line-height:0}.moment-react-popover{position:absolute;bottom:calc(100% + 8px);left:0;z-index:40;display:flex;align-items:center;gap:.16rem;padding:.28rem .36rem;border-radius:999px;background:var(--bg-card);border:1px solid var(--border-card);box-shadow:0 12px 28px #00000038;white-space:nowrap;max-width:calc(100vw - 24px);overflow-x:auto;scrollbar-width:none;animation:reactPopoverIn .16s var(--spring-bounce)}.moment-react-popover::-webkit-scrollbar{display:none}@keyframes reactPopoverIn{0%{opacity:0;transform:translateY(4px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.react-choice-btn{width:32px;height:32px;flex-shrink:0;padding:0;margin:0;border:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:50%;display:grid;place-items:center;line-height:0;background:transparent;transition:transform .16s var(--spring-bounce),background-color .15s ease}@media(max-width:480px){.moment-react-popover{gap:.12rem;padding:.24rem .32rem}.react-choice-btn{width:29px;height:29px}}.react-choice-btn:hover{transform:translateY(-2px) scale(1.16);background:var(--bg-card-subtle)}.react-choice-btn.selected{background:var(--bg-card-subtle);box-shadow:inset 0 0 0 1.5px var(--path-red)}.react-choice-divider{width:1px;height:18px;background:var(--border-light);margin:0 .1rem;flex-shrink:0}.react-choice-none{display:inline-flex;align-items:center;gap:.22rem;padding:.28rem .55rem;border-radius:999px;font-size:.72rem;font-weight:700;color:var(--text-secondary);background:transparent;transition:background-color .15s ease,color .15s ease}.react-choice-none:hover{background:var(--bg-card-subtle);color:var(--text-primary)}.react-choice-none.selected{background:var(--bg-card-subtle);color:var(--text-muted)}.moment-photo-stack-shell{position:relative}.moment-photo-stack-shell.is-stacked{padding-bottom:14px}.composer-media-stack-wrap{position:relative;margin-bottom:.75rem}.composer-media-stack-wrap.is-stacked{padding-bottom:14px}.photo-stack-layer{position:absolute;pointer-events:none;border-radius:0;border-top:none}.photo-stack-layer.layer-1{left:10px;right:10px;bottom:7px;height:15px;z-index:2;background:linear-gradient(180deg,#efeae1,#faf7f2);border:1px solid rgba(28,25,23,.16);border-top:none;box-shadow:0 3px 8px #1c191717}.photo-stack-layer.layer-2{left:22px;right:22px;bottom:0;height:15px;z-index:1;background:linear-gradient(180deg,#e5dfd4,#f2ede3);border:1px solid rgba(28,25,23,.14);border-top:none;box-shadow:0 3px 7px #1c191712}[data-theme=dark] .photo-stack-layer.layer-1{background:linear-gradient(180deg,#24242d,#30303b);border-color:#ffffff2b;box-shadow:0 4px 10px #00000073}[data-theme=dark] .photo-stack-layer.layer-2{background:linear-gradient(180deg,#1d1d24,#262630);border-color:#ffffff21;box-shadow:0 4px 10px #0000005c}.moment-photo-wrap{margin:0;position:relative;z-index:3;background:var(--bg-card-subtle);overflow:hidden}.moment-photo-wrap.is-multi{border-bottom:1px solid rgba(28,25,23,.14);box-shadow:0 3px 10px #0000001a}[data-theme=dark] .moment-photo-wrap.is-multi{border-bottom-color:#ffffff24;box-shadow:0 4px 12px #0006}.moment-photo-img{width:100%;height:auto;max-height:480px;object-fit:cover;display:block;background:var(--bg-card-subtle);transition:transform .4s ease}.moment-photo-wrap:not(.is-multi):hover .moment-photo-img{transform:scale(1.02)}.moment-carousel-viewport{position:relative;width:100%;max-height:480px;overflow:hidden;background:var(--bg-card-subtle)}.moment-carousel-track{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none}.moment-carousel-track::-webkit-scrollbar{display:none}.moment-carousel-slide{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:center;scroll-snap-stop:always;position:relative;overflow:hidden}.moment-carousel-img{width:100%;height:100%;max-height:none;object-fit:cover;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.photo-stack-badge{position:absolute;top:12px;right:12px;z-index:5;display:inline-flex;align-items:center;gap:.32rem;padding:.24rem .58rem;border-radius:999px;background:#0f0e11bd;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.16);color:#fff;font-size:.72rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em;box-shadow:0 2px 8px #0000003d;pointer-events:none}.moment-carousel-dots{position:absolute;bottom:10px;left:50%;transform:translate(-50%);z-index:5;display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:#0f0e118f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);box-shadow:0 2px 8px #00000038}.moment-carousel-dot{width:6px;height:6px;min-width:6px;min-height:6px;padding:0;border-radius:50%;border:none;background:#ffffff6b;cursor:pointer;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease}.moment-carousel-dot:hover{background:#ffffffc7}.moment-carousel-dot.active{background:#fff;transform:scale(1.25);box-shadow:0 0 6px #ffffffa6}.moment-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#0f0e1185;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18);color:#fff;box-shadow:0 2px 8px #00000042;cursor:pointer;transition:background-color .16s ease,transform .16s ease}.moment-carousel-arrow:hover{background:#0f0e11cc;transform:translateY(-50%) scale(1.06)}.moment-carousel-arrow.prev{left:10px}.moment-carousel-arrow.next{right:10px}.composer-remove-slide-btn{position:absolute;top:10px;left:10px;z-index:6;width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#0f0e11b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18);color:#fff;cursor:pointer;transition:background-color .15s ease,transform .15s ease}.composer-remove-slide-btn:hover:not(:disabled){background:var(--path-red);border-color:var(--path-red);transform:scale(1.06)}.moment-caption{font-size:.95rem;color:var(--text-primary);line-height:1.5}.moment-post-text{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;user-select:text;-webkit-user-select:text}.moment-location-tag{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--text-secondary);margin-top:.45rem}.moment-location-tag.clickable{text-decoration:none;padding:.22rem .55rem;margin-left:-.35rem;border-radius:999px;transition:background-color .16s ease,color .16s ease}.moment-location-tag.clickable:hover{background:var(--bg-card-subtle);color:var(--path-red)}.thought-link{color:var(--path-red);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;font-weight:500;transition:opacity .15s ease,color .15s ease;word-break:break-all}.thought-link:hover{opacity:.82}.music-moment-card{display:flex;align-items:center;gap:1.25rem;padding:1.25rem 3.25rem 1.25rem 1.25rem;background:linear-gradient(135deg,#1c1924,#121017);color:#fff;border-radius:18px;margin-bottom:0;position:relative;overflow:hidden}.vinyl-disc-wrap{position:relative;width:90px;height:90px;flex-shrink:0}.vinyl-disc{width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,#2a2a2e,#111 60%,#000);box-shadow:0 4px 16px #0009,inset 0 0 0 2px #ffffff1a;display:flex;align-items:center;justify-content:center;position:relative}.vinyl-disc.spinning{animation:spin 3s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vinyl-center-art{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid #000}.vinyl-center-hole{position:absolute;width:8px;height:8px;background:#000;border-radius:50%;border:1px solid rgba(255,255,255,.4)}.music-details{flex:1;min-width:0}.music-track-title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-artist-name{font-size:.88rem;color:#a1a1aa;margin-top:.15rem}.music-play-btn{display:inline-flex;align-items:center;gap:.5rem;margin-top:.65rem;padding:.35rem .85rem;background:var(--path-red-gradient);color:#fff;border-radius:999px;font-size:.78rem;font-weight:700;box-shadow:0 4px 12px var(--path-red-glow);transition:transform .2s ease}.music-play-btn:hover{transform:scale(1.05)}.sound-wave{display:inline-flex;align-items:center;gap:2px;height:12px}.wave-bar{width:2px;background:#fff;border-radius:1px;animation:wave .8s ease-in-out infinite alternate}.wave-bar:nth-child(2){animation-delay:.2s}.wave-bar:nth-child(3){animation-delay:.4s}.wave-bar:nth-child(4){animation-delay:.1s}@keyframes wave{0%{height:3px}to{height:12px}}.place-card-body{display:block;border:1px solid var(--border-light);border-radius:16px;overflow:hidden;margin-bottom:0;text-decoration:none;color:inherit;transition:border-color .2s ease,transform .2s ease}.place-card-link:hover{border-color:#0a84ff73;transform:translateY(-1px)}.place-map-preview{height:152px;width:100%;background:#eae6df;position:relative;overflow:hidden;background-image:radial-gradient(rgba(120,113,108,.25) 1.5px,transparent 1.5px);background-size:14px 14px;border-bottom:1px solid var(--border-light)}[data-theme=dark] .place-map-preview{background-color:#1e1d24;background-image:radial-gradient(rgba(255,255,255,.12) 1.5px,transparent 1.5px)}.place-map-preview:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 -22px 28px -18px #00000029;z-index:2}.place-map-tiles-anchor{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none;z-index:1}.place-map-tile-img{position:absolute;width:256px;height:256px;max-width:none;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}[data-theme=dark] .place-map-tile-img{filter:invert(.92) hue-rotate(180deg) saturate(.85) brightness(.95) contrast(.92)}.place-map-pin-wrap{position:absolute;left:50%;top:50%;transform:translate(-50%,-62%);display:flex;flex-direction:column;align-items:center;pointer-events:none;z-index:3}.map-pin-shadow{width:12px;height:5px;margin-top:2px;border-radius:50%;background:#1c19175c;filter:blur(1px)}.place-map-attrib{position:absolute;bottom:7px;left:8px;z-index:3;font-size:.58rem;font-weight:600;letter-spacing:.01em;padding:.1rem .36rem;border-radius:4px;background:#ffffffc7;color:#44403c;pointer-events:none}[data-theme=dark] .place-map-attrib{background:#18171cc7;color:#a1a1aa}.place-map-open-pill{position:absolute;bottom:10px;right:10px;z-index:3;display:inline-flex;align-items:center;gap:.3rem;padding:.24rem .6rem;border-radius:999px;font-size:.7rem;font-weight:700;background:#1c1917db;color:#fff;box-shadow:0 2px 8px #0003}.map-pin-pulse{width:36px;height:36px;background:var(--path-red-gradient);border-radius:50%;border:2px solid #FFFFFF;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #e42c2373,0 0 0 5px var(--path-red-glow);transition:transform .2s ease}.composer-place-map-card{margin-top:.65rem;border:1px solid var(--border-light);border-radius:14px;overflow:hidden;background:var(--bg-card)}.composer-place-map-meta{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;background:var(--bg-card-subtle)}.composer-place-map-title{font-size:.8rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composer-place-map-sub{font-size:.72rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.place-card-link:hover .map-pin-pulse,.place-card-link:active .map-pin-pulse{transform:scale(1.07)}.place-info-block{padding:1rem;background:var(--bg-card)}.place-name{font-family:var(--font-display);font-size:1.05rem;font-weight:700}.place-address{font-size:.8rem;color:var(--text-muted);margin-top:.15rem}.place-weather-pill{display:inline-flex;align-items:center;gap:.35rem;margin-top:.5rem;padding:.2rem .5rem;border-radius:6px;background:var(--bg-card-subtle);font-size:.75rem;font-weight:600;color:var(--text-secondary)}.moment-footer{padding:.75rem 1.25rem 1rem;border-top:1px solid var(--border-light)}.reactions-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.65rem;min-height:30px;margin-bottom:.65rem}.reacted-users-list{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.reacted-miniature{position:relative;width:30px;height:30px;flex-shrink:0}.reacted-miniature-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;display:block;border:1.5px solid var(--border-light);box-shadow:var(--shadow-sm);transition:transform .16s ease}.reacted-miniature:hover .reacted-miniature-avatar{transform:scale(1.06)}.reacted-miniature-badge{position:absolute;top:-4px;right:-5px;width:18px;height:18px;padding:0;border:0;border-radius:50%;background:var(--bg-card);box-shadow:0 1px 4px #0003;display:grid;place-items:center;line-height:0;pointer-events:none}.seen-by-section{display:flex;align-items:center;gap:.5rem;margin-left:auto;flex-shrink:0;line-height:1;font-size:.75rem;color:var(--text-muted)}.seen-avatar-stack{display:flex;align-items:center}.seen-avatar{width:22px;height:22px;min-width:22px;min-height:22px;aspect-ratio:1 / 1;flex:0 0 22px;flex-shrink:0;border-radius:50%;border:2px solid var(--bg-card);margin-left:-6px;object-fit:cover}.seen-avatar:first-child{margin-left:0}.footer-meta-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.65rem;min-height:24px}.comments-toggle-btn{font-size:.8rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:.35rem;margin-top:0;transition:color .2s ease}.comments-toggle-btn:hover{color:var(--path-red)}.post-reply-trigger-btn{display:inline-flex;align-items:center;gap:.28rem;font-size:.76rem;font-weight:600;color:var(--text-muted);padding:.2rem .52rem;border-radius:999px;transition:color .18s ease,background-color .18s ease}.post-reply-trigger-btn:hover{color:var(--path-red);background:var(--bg-card-subtle)}.post-reply-trigger-btn.active{color:var(--path-red);background:#e42c2317}.comments-drawer{margin-top:.75rem;padding-top:.75rem;border-top:1px dashed var(--border-light)}.comment-thread-group{margin-bottom:.2rem}.comment-replies-branch{position:relative;margin-left:24px}.comment-item{display:flex;gap:.6rem;margin-bottom:.6rem}.comment-item.is-reply .comment-avatar{width:24px;height:24px;min-width:24px;min-height:24px;flex:0 0 24px;margin-top:2px}.comment-avatar{width:28px;height:28px;min-width:28px;min-height:28px;aspect-ratio:1 / 1;flex:0 0 28px;flex-shrink:0;border-radius:50%;object-fit:cover}.comment-bubble{background:var(--bg-card-subtle);padding:.5rem .78rem;border-radius:12px;flex:1;min-width:0;border:1px solid transparent;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.comment-bubble.is-chain-highlighted{border-color:#e42c2357;background:#e42c230b}[data-theme=dark] .comment-bubble.is-chain-highlighted{border-color:#e42c237a;background:#e42c2317}.comment-bubble.is-reply-target{border-color:var(--path-red);box-shadow:0 0 0 2px #e42c231f}.comment-user-name{font-size:.8rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;gap:.45rem}.comment-author-cluster{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.32rem;min-width:0}.comment-parent-chip{display:inline-flex;align-items:center;gap:.16rem;padding:.08rem .42rem;border-radius:999px;font-size:.68rem;font-weight:600;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-light);line-height:1.25;transition:color .16s ease,border-color .16s ease,background-color .16s ease}.comment-parent-chip:hover,.comment-parent-chip.active{color:var(--path-red);border-color:#e42c2373;background:#e42c2314}.comment-item-actions{display:inline-flex;align-items:center;gap:.32rem;flex-shrink:0}.comment-time{font-size:.69rem;color:var(--text-muted);font-weight:400}.comment-action-icon-btn,.comment-reply-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;color:var(--text-muted);transition:color .16s ease,background-color .16s ease,transform .15s ease}.comment-action-icon-btn:hover,.comment-action-icon-btn.danger{color:var(--path-red);background:#e42c231a}.comment-reply-btn:hover{color:var(--path-red);background:var(--bg-card)}.comment-reply-btn.active{color:#fff;background:var(--path-red)}.comment-text{font-size:.82rem;color:var(--text-secondary);margin-top:.18rem;word-break:break-word}.comment-delete-confirm{margin-top:.45rem;padding:.42rem .58rem;border-radius:9px;background:var(--bg-card);border:1px solid rgba(228,44,35,.35);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.45rem;font-size:.73rem;color:var(--text-secondary)}.comment-delete-confirm-actions{display:inline-flex;align-items:center;gap:.3rem}.comment-delete-confirm-btn{padding:.18rem .55rem;border-radius:999px;font-size:.7rem;font-weight:700;color:#fff;background:var(--path-red)}.comment-delete-cancel-btn{padding:.18rem .45rem;border-radius:999px;font-size:.7rem;font-weight:600;color:var(--text-muted)}.comment-reactions-row{display:flex;align-items:center;flex-wrap:wrap;gap:.32rem;margin-top:.36rem}.comment-reaction-anchor{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.comment-react-trigger{width:22px;height:22px;min-width:22px;min-height:22px;border-radius:50%;display:grid;place-items:center;padding:0;line-height:0;background:var(--bg-card);color:var(--text-muted);box-shadow:inset 0 0 0 1px var(--border-light);transition:transform .16s var(--spring-bounce),color .16s ease,box-shadow .16s ease}.comment-react-trigger:hover{transform:scale(1.08);color:var(--path-red);box-shadow:inset 0 0 0 1px #e42c2373}.comment-react-trigger.active{box-shadow:inset 0 0 0 1px var(--border-card),0 1px 4px #0000001f}.comment-react-popover{bottom:calc(100% + 6px);left:0}.comment-reacted-miniature{position:relative;width:21px;height:21px;flex-shrink:0}.comment-reacted-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover;border:1.5px solid var(--bg-card);display:block}.comment-reacted-badge{position:absolute;right:-3px;bottom:-3px;width:13px;height:13px;border-radius:50%;background:var(--bg-card);display:grid;place-items:center;line-height:0}.comment-reply-banner{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.65rem;padding:.34rem .72rem;border-radius:999px;background:#e42c2314;border:1px solid rgba(228,44,35,.22);font-size:.75rem;color:var(--text-secondary)}.comment-reply-banner-label{display:inline-flex;align-items:center;gap:.35rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment-reply-banner-label strong{color:var(--text-primary)}.comment-reply-banner-close{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;color:var(--text-muted);flex-shrink:0;transition:color .15s ease,background-color .15s ease}.comment-reply-banner-close:hover{color:var(--path-red);background:#e42c231f}.add-comment-row{display:flex;gap:.5rem;margin-top:.55rem}.add-comment-input{flex:1;background:var(--bg-card-subtle);border:1px solid var(--border-light);border-radius:999px;padding:.45rem 1rem;font-size:.82rem;color:var(--text-primary);transition:border-color .2s ease}.add-comment-input:focus{border-color:var(--path-red);background:var(--bg-card)}.comment-send-btn{padding:.45rem .95rem;border-radius:999px;background:var(--path-red-gradient);color:#fff;font-size:.78rem;font-weight:700;box-shadow:0 2px 8px var(--path-red-glow)}.radial-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#0f0e11a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;animation:overlayFadeIn .2s ease}.radial-menu-container{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom,0px));left:max(20px,calc((100vw - 1200px)/2 + 16px));z-index:1001;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}@media(max-width:880px){.radial-menu-container{bottom:calc(20px + env(safe-area-inset-bottom,0px));left:20px}}.radial-main-btn{width:58px;height:58px;padding:0;margin:0;line-height:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%;background:var(--path-red-gradient);border:3px solid rgba(255,255,255,.9);color:#fff;display:grid;place-items:center;box-shadow:0 8px 28px var(--path-red-glow),0 4px 12px #0000004d;position:relative;z-index:1005;transition:transform .4s var(--spring-bounce),box-shadow .3s ease}.radial-main-btn:hover{transform:scale(1.08);box-shadow:0 12px 32px var(--path-red-glow)}.radial-plus-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;line-height:0;transform-origin:50% 50%;transition:transform .45s var(--spring-bounce)}.radial-plus-icon svg{display:block;width:32px;height:32px;flex-shrink:0}.radial-plus-icon.open{transform:rotate(135deg)}.radial-satellite-slot{position:absolute;bottom:6px;left:6px;width:46px;height:46px;transition:transform .4s var(--spring-bounce),opacity .3s ease;z-index:1002}.radial-satellite-btn{width:100%;height:100%;padding:0;line-height:0;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid rgba(255,255,255,.9);box-shadow:0 6px 20px #0000004d;cursor:pointer;transform:scale(1);transition:transform .25s var(--spring-bounce),box-shadow .25s ease;position:relative;outline:none}.radial-satellite-btn svg{display:block;flex-shrink:0}.radial-satellite-btn:hover{transform:scale(1.18);box-shadow:0 10px 28px #00000073}.radial-tooltip{position:absolute;left:54px;top:50%;transform:translateY(-50%);background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:.25rem .65rem;border-radius:6px;font-size:.72rem;font-weight:700;letter-spacing:.03em;white-space:nowrap;pointer-events:none;box-shadow:0 4px 12px #0000004d;z-index:1010}.sat-photo{background:linear-gradient(135deg,#ff9500,#ff5e3a)}.sat-thought{background:linear-gradient(135deg,#34c759,#10b981)}.sat-music{background:linear-gradient(135deg,#af52de,#5856d6)}.sat-place{background:linear-gradient(135deg,#0a84ff,#007aff)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:100vw;height:100%;background:#0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:1100;display:flex;align-items:center;justify-content:center;padding:1.5rem;overflow:hidden;overscroll-behavior:contain;animation:overlayFadeIn .18s ease}@media(max-width:520px){.modal-overlay{padding:1rem}}.modal-content{background:var(--bg-card);border-radius:24px;width:100%;min-width:0;max-width:min(520px,100%);max-height:min(88vh,88dvh);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;box-shadow:var(--shadow-modal);border:1px solid var(--border-card);animation:modalPop .3s var(--spring-bounce);position:relative}@keyframes modalPop{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-family:var(--font-display);font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.modal-close-btn{width:32px;height:32px;border-radius:50%;background:var(--bg-card-subtle);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s ease}.modal-close-btn:hover{background:var(--border-light);color:var(--text-primary)}.modal-body{padding:1.5rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:.75rem}.btn-secondary{padding:.6rem 1.25rem;border-radius:999px;font-size:.88rem;font-weight:600;color:var(--text-secondary);background:var(--bg-card-subtle);transition:all .2s ease}.btn-secondary:hover{background:var(--border-light);color:var(--text-primary)}.btn-primary{padding:.6rem 1.45rem;border-radius:999px;font-size:.88rem;font-weight:700;color:#fff;background:var(--path-red-gradient);box-shadow:0 4px 14px var(--path-red-glow);transition:transform .2s ease}.btn-primary:hover{transform:translateY(-1px)}.floating-emoji{position:fixed;pointer-events:none;font-size:1.75rem;animation:floatUp 1.2s ease-out forwards;z-index:2000}@keyframes floatUp{0%{opacity:1;transform:translate(0) scale(.5)}50%{opacity:.9;transform:translate(var(--tx, 0),-60px) scale(1.4)}to{opacity:0;transform:translate(var(--tx, 0),-120px) scale(1)}}.desktop-sidebar-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:20px;padding:1.25rem;box-shadow:var(--shadow-sm);margin-bottom:1.5rem}.sidebar-title{font-family:var(--font-display);font-size:.95rem;font-weight:700;margin-bottom:.85rem;display:flex;align-items:center;justify-content:space-between}.friend-list-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .4rem;border-radius:12px;cursor:pointer;transition:background .2s ease}.friend-list-item:hover{background:var(--bg-card-subtle)}.friend-item-avatar-wrap{position:relative;flex-shrink:0}.confirm-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:#0f0e118f;display:flex;align-items:center;justify-content:center;padding:1.25rem;animation:overlayFadeIn .16s ease}.confirm-dialog-card{width:100%;max-width:360px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:20px;padding:1.35rem 1.25rem 1.2rem;box-shadow:var(--shadow-modal);text-align:center;display:flex;flex-direction:column;align-items:center}.confirm-dialog-card.confirm-dialog-wide{max-width:416px}.confirm-dialog-warning{width:100%;text-align:left;border-radius:14px;padding:.8rem .9rem;margin-bottom:1.15rem;background:#e42c2314;border:1.5px solid rgba(228,44,35,.34)}[data-theme=dark] .confirm-dialog-warning{background:#e42c2324;border-color:#f871716b}.confirm-dialog-warning-header{display:flex;align-items:center;gap:.45rem;font-size:.8rem;font-weight:800;color:var(--path-red);margin-bottom:.48rem;line-height:1.3}[data-theme=dark] .confirm-dialog-warning-header{color:#fca5a5}.confirm-dialog-warning-list{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.36rem;font-size:.77rem;line-height:1.42;color:var(--text-primary)}.confirm-dialog-warning-list li::marker{color:var(--path-red)}.confirm-dialog-avatar{width:52px;height:52px;min-width:52px;min-height:52px;aspect-ratio:1 / 1;flex-shrink:0;border-radius:50%;object-fit:cover;border:2px solid var(--border-light);margin-bottom:.75rem}.confirm-dialog-title{font-family:var(--font-display);font-size:1.08rem;font-weight:700;color:var(--text-primary);margin-bottom:.4rem}.confirm-dialog-desc{font-size:.82rem;line-height:1.45;color:var(--text-secondary);margin-bottom:1.1rem}.confirm-dialog-actions{display:flex;gap:.6rem;width:100%}.confirm-dialog-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.58rem .9rem;border-radius:999px;font-size:.82rem;font-weight:700}.btn-danger-solid{background:var(--path-red-gradient);color:#fff;box-shadow:0 4px 14px var(--path-red-glow);transition:transform .16s ease,opacity .16s ease}.btn-danger-solid:hover:not(:disabled){transform:translateY(-1px)}.btn-danger-solid:disabled{opacity:.65;cursor:wait}.friend-item-avatar{width:36px;height:36px;min-width:36px;min-height:36px;aspect-ratio:1 / 1;flex:0 0 36px;flex-shrink:0;display:block;border-radius:50%;object-fit:cover}.friend-item-info{flex:1;min-width:0}.friend-item-name{font-size:.85rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-item-sub{font-size:.75rem;color:var(--text-muted)}input,textarea{user-select:text;-webkit-user-select:text}button:disabled{opacity:.58;cursor:not-allowed;transform:none!important}.spin-icon{animation:spin .9s linear infinite}.boot-loading-viewport{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-app);padding:2rem}.path-toast{position:fixed;top:74px;left:50%;transform:translate(-50%);z-index:1500;padding:.6rem 1.15rem;border-radius:999px;font-size:.82rem;font-weight:700;background:#1c1917f0;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 30px #00000040;animation:fadeInCentered .22s ease;max-width:calc(100vw - 2rem);text-align:center}.path-toast.success{background:#065f46;color:#ecfdf5}.path-toast.error{background:#991b1b;color:#fef2f2}.path-toast.interactive{cursor:pointer;display:inline-flex;align-items:center;gap:.65rem;-webkit-user-select:none;user-select:none}.path-toast.interactive:active{transform:translate(-50%) scale(.98)}.path-toast-action{flex-shrink:0;padding:.18rem .58rem;border-radius:999px;font-size:.74rem;font-weight:800;background:var(--path-red-gradient);color:#fff;white-space:nowrap}.nav-profile-btn{position:relative;width:36px;height:36px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;border:2px solid var(--border-card);transition:transform .2s ease,border-color .2s ease}.nav-profile-btn:hover{transform:translateY(-1px);border-color:var(--path-red)}.nav-profile-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover}.nav-profile-gear{position:absolute;bottom:-3px;right:-3px;background:var(--bg-card);color:var(--text-secondary);border-radius:50%;padding:2px;box-shadow:var(--shadow-sm)}[data-theme=dark] .react-choice-btn.selected{background:#e42c2338}[data-theme=dark] .moment-react-popover{box-shadow:0 12px 30px #00000085}.photo-filter-warm{filter:sepia(.24) saturate(1.18) contrast(1.04) brightness(1.02)}.photo-filter-bw{filter:grayscale(1) contrast(1.22) brightness(.98)}.photo-filter-diana{filter:contrast(1.16) saturate(1.32) hue-rotate(-6deg) brightness(.96)}.photo-filter-kodak{filter:sepia(.16) saturate(1.28) contrast(1.08) brightness(1.03)}.moment-with-inline{font-size:.8rem;font-weight:500;color:var(--text-secondary)}.moment-icon-btn{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);transition:background .18s ease,color .18s ease}.moment-icon-btn:hover{background:#e42c231a;color:var(--path-red)}.moment-tags-strip{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;margin-top:.65rem}.moment-tag-pill{display:inline-flex;align-items:center;gap:.32rem;padding:.2rem .55rem .2rem .25rem;border-radius:999px;background:var(--bg-card-subtle);border:1px solid var(--border-light);font-size:.74rem;font-weight:600;color:var(--text-secondary);transition:border-color .2s ease,color .2s ease}.moment-tag-pill:hover{border-color:var(--path-red);color:var(--path-red)}.moment-tag-pill img{width:18px;height:18px;min-width:18px;min-height:18px;aspect-ratio:1 / 1;flex:0 0 18px;flex-shrink:0;display:block;border-radius:50%;object-fit:cover}.auth-viewport{min-height:100vh;background:var(--bg-app);display:flex;flex-direction:column}.auth-top-bar{max-width:1120px;width:100%;margin:0 auto;padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.auth-top-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.auth-app-btn{width:auto;padding:0 .82rem;border-radius:999px;font-size:.79rem;font-weight:700;gap:.4rem;white-space:nowrap}.auth-app-label-short{display:none}@media(max-width:560px){.auth-top-bar{padding:.95rem 1rem}.auth-top-actions{gap:.38rem}.auth-app-btn{padding:0 .64rem;font-size:.73rem;gap:.3rem}.auth-app-label-full{display:none}.auth-app-label-short{display:inline}}.auth-shell{flex:1;max-width:1080px;width:100%;margin:0 auto;padding:1rem 1.5rem 3.5rem;display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center}@media(max-width:880px){.auth-shell{grid-template-columns:1fr;gap:1.75rem;max-width:500px;padding-top:.5rem}}.auth-dunbar-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .8rem;border-radius:999px;background:var(--bg-card);border:1px solid var(--border-card);font-size:.78rem;font-weight:700;color:var(--text-secondary);margin-bottom:1.15rem;box-shadow:var(--shadow-sm)}.auth-hero-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.85rem);line-height:1.12;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:1.15rem}.auth-hero-quote{font-family:var(--font-serif);font-style:italic;font-size:1.18rem;line-height:1.55;color:var(--text-secondary);padding-left:1rem;border-left:3px solid var(--path-red);margin-bottom:0}.auth-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:26px;padding:1.75rem;box-shadow:var(--shadow-card)}.auth-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.3rem;background:var(--bg-card-subtle);padding:.3rem;border-radius:14px;border:1px solid var(--border-light);margin-bottom:1.25rem}.auth-tab{padding:.5rem .4rem;border-radius:10px;font-size:.78rem;font-weight:700;color:var(--text-secondary);transition:all .18s ease}.auth-tab.active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}.auth-alert{display:flex;align-items:flex-start;gap:.55rem;padding:.7rem .9rem;border-radius:12px;font-size:.8rem;line-height:1.4;font-weight:600;margin-bottom:1rem}.auth-alert.error{background:#e42c231a;color:var(--path-red);border:1px solid rgba(228,44,35,.25)}.auth-alert.success{background:#10b9811f;color:#059669;border:1px solid rgba(16,185,129,.28)}.auth-form{display:flex;flex-direction:column;gap:.9rem}.auth-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media(max-width:480px){.auth-grid-two{grid-template-columns:1fr}}.auth-field label{display:block;font-size:.78rem;font-weight:700;color:var(--text-secondary);margin-bottom:.35rem}.auth-input-wrap{display:flex;align-items:center;gap:.55rem;padding:.62rem .85rem;border-radius:12px;background:var(--bg-card-subtle);border:1px solid var(--border-light);transition:border-color .2s ease,background .2s ease}.auth-input-wrap:focus-within{border-color:var(--path-red);background:var(--bg-card)}.auth-input-icon{color:var(--text-muted);flex-shrink:0}.auth-input-wrap input{width:100%;border:none;background:transparent;color:var(--text-primary);font-size:.88rem}.auth-submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;margin-top:.25rem}*{-webkit-tap-highlight-color:transparent}@media(display-mode:standalone){html,body{overscroll-behavior-y:none}}.path-navbar{padding-top:calc(.75rem + env(safe-area-inset-top,0px));padding-left:max(1.5rem,env(safe-area-inset-left,0px));padding-right:max(1.5rem,env(safe-area-inset-right,0px))}@media(max-width:640px){.path-navbar{padding-top:calc(.6rem + env(safe-area-inset-top,0px));padding-left:max(1rem,env(safe-area-inset-left,0px));padding-right:max(1rem,env(safe-area-inset-right,0px))}}@media(max-width:440px){.path-navbar{padding-top:calc(.5rem + env(safe-area-inset-top,0px));padding-left:max(.75rem,env(safe-area-inset-left,0px));padding-right:max(.75rem,env(safe-area-inset-right,0px))}}.auth-top-bar{padding-top:calc(1.25rem + env(safe-area-inset-top,0px));padding-left:max(1.5rem,env(safe-area-inset-left,0px));padding-right:max(1.5rem,env(safe-area-inset-right,0px))}.auth-shell{padding-bottom:calc(3.5rem + env(safe-area-inset-bottom,0px))}.path-layout-container{padding-bottom:calc(6rem + env(safe-area-inset-bottom,0px))}.radial-menu-container{bottom:calc(24px + env(safe-area-inset-bottom,0px))}@media(max-width:880px){.radial-menu-container{bottom:calc(20px + env(safe-area-inset-bottom,0px));left:max(20px,calc(env(safe-area-inset-left,0px) + 16px))}}.path-toast{top:calc(74px + env(safe-area-inset-top,0px))}@media(max-width:560px){.modal-overlay{align-items:flex-end;padding:0}.modal-content{max-width:100%;border-radius:26px 26px 0 0;max-height:calc(92dvh - env(safe-area-inset-top,0px));padding-bottom:env(safe-area-inset-bottom,0px)}}@media(max-width:640px){input,textarea,select{font-size:16px!important}}.ios-safari-banner{max-width:620px;width:calc(100% - 1.5rem);margin:.75rem auto 0;padding:.65rem .75rem;background:var(--bg-card);border:1px solid var(--border-card);border-radius:16px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:.5rem}.ios-safari-banner-main{flex:1;min-width:0;display:flex;align-items:center;gap:.7rem;cursor:pointer}.ios-safari-banner-icon{width:38px;height:38px;border-radius:10px;flex-shrink:0;box-shadow:0 3px 10px var(--path-red-glow)}.ios-safari-banner-cta{display:inline-flex;align-items:center;gap:.28rem;padding:.32rem .7rem;border-radius:999px;background:var(--path-red-gradient);color:#fff;font-size:.74rem;font-weight:700;flex-shrink:0}.ios-safari-banner-close{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0}.pwa-install-hero{display:flex;align-items:center;gap:1rem;padding:.95rem 1rem;border-radius:18px;background:var(--bg-card-subtle);border:1px solid var(--border-light);margin-bottom:1.15rem}.pwa-app-icon-preview{width:60px;height:60px;border-radius:15px;flex-shrink:0;box-shadow:0 8px 20px var(--path-red-glow)}.pwa-platform-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;padding:.28rem;border-radius:12px;background:var(--bg-card-subtle);border:1px solid var(--border-light);margin-bottom:1rem}.pwa-platform-tab{padding:.5rem .75rem;border-radius:9px;font-size:.8rem;font-weight:700;color:var(--text-secondary);background:transparent;transition:all .18s ease}.pwa-platform-tab:hover:not(.active){color:var(--text-primary)}.pwa-platform-tab.active{background:var(--path-red);color:#fff;box-shadow:0 3px 10px var(--path-red-glow)}.pwa-steps-list{display:flex;flex-direction:column;gap:.6rem}.pwa-step-item{display:flex;align-items:center;gap:.8rem;padding:.75rem .85rem;border-radius:14px;background:var(--bg-card-subtle);border:1px solid var(--border-light)}.pwa-step-badge{width:24px;height:24px;border-radius:50%;background:var(--path-red-gradient);color:#fff;font-size:.75rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pwa-step-title{font-size:.84rem;color:var(--text-primary);line-height:1.3}.pwa-step-desc{font-size:.74rem;color:var(--text-secondary);margin-top:.15rem;line-height:1.35}.pwa-step-icon-box{width:34px;height:34px;border-radius:10px;background:var(--bg-card);border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pwa-feature-card{padding:.9rem .95rem;border-radius:16px;background:var(--bg-card-subtle);border:1px solid var(--border-light);margin-bottom:.85rem}.pwa-feature-card.active-card{border-color:#10b98159}.pwa-feature-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.35rem}.pwa-feature-title-row{display:flex;align-items:center;gap:.45rem;font-size:.86rem;font-weight:800;color:var(--text-primary)}.pwa-status-pill{display:inline-flex;align-items:center;gap:.28rem;padding:.16rem .55rem;border-radius:999px;font-size:.68rem;font-weight:700;flex-shrink:0}.pwa-status-pill.ready{background:#10b98124;color:#10b981}.pwa-status-pill.pending{background:#f59e0b24;color:#d97706}.pwa-status-pill.neutral{background:var(--bg-card);border:1px solid var(--border-light);color:var(--text-muted)}.pwa-feature-desc{font-size:.77rem;line-height:1.42;color:var(--text-secondary);margin-bottom:.7rem}.pwa-feature-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.48rem}.pwa-tip-box{margin-top:.68rem;padding:.62rem .72rem;border-radius:11px;background:var(--bg-card);border:1px solid var(--border-light);font-size:.73rem;line-height:1.42;color:var(--text-secondary)}.pwa-tip-box strong{color:var(--text-primary)}.notif-push-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.68rem .85rem;border-radius:14px;background:var(--bg-card-subtle);border:1px solid var(--border-light);margin-bottom:.85rem}.gps-icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;width:28px;height:28px;padding:0;margin:0;line-height:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#0a84ff;background:#0a84ff1a;border:1px solid rgba(10,132,255,.24);flex-shrink:0;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.gps-icon-btn svg{display:block;flex-shrink:0}.gps-icon-btn:hover:not(:disabled){background:#0a84ff2e;transform:translateY(-1px)}.gps-icon-btn.active{background:#0a84ff;border-color:#0a84ff;color:#fff}.gps-icon-btn:disabled{opacity:.6;cursor:wait}.photo-loc-btn{display:inline-flex;align-items:center;gap:.3rem;height:28px;padding:0 .62rem;border-radius:999px;font-size:.72rem;font-weight:700;color:var(--text-secondary);background:var(--bg-card-subtle);border:1px solid var(--border-light);transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.photo-loc-btn svg{display:block;flex-shrink:0}.photo-loc-btn:hover:not(:disabled){border-color:var(--path-red);color:var(--text-primary);transform:translateY(-1px)}.photo-loc-btn.active{background:#e42c231f;border-color:#e42c2373;color:var(--path-red)}.photo-loc-btn:disabled{opacity:.45;cursor:not-allowed}.gps-error-hint{font-size:.74rem;color:var(--text-secondary);background:var(--bg-card-subtle);border:1px solid var(--border-light);border-radius:10px;padding:.45rem .7rem;margin-bottom:.45rem;line-height:1.35}.gps-loading-card{display:flex;align-items:center;justify-content:center;gap:.55rem;padding:.85rem;border-radius:12px;background:var(--bg-card-subtle);border:1px dashed var(--border-card);font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:.65rem}.location-chips-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}.location-chip{display:inline-flex;align-items:center;gap:.28rem;padding:.28rem .62rem;border-radius:999px;font-size:.73rem;font-weight:600;background:var(--bg-card-subtle);border:1px solid var(--border-light);color:var(--text-secondary);max-width:100%;transition:all .15s ease}.location-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-chip:hover{border-color:var(--path-red);color:var(--text-primary)}.location-chip.active{background:#e42c231f;border-color:var(--path-red);color:var(--path-red);font-weight:700}.place-search-box{display:flex;align-items:center;gap:.5rem;padding:.55rem .8rem;border-radius:12px;border:1px solid var(--border-light);background:var(--bg-card-subtle);margin-bottom:.6rem}.place-search-box:focus-within{border-color:#0a84ff;box-shadow:0 0 0 3px #0a84ff1f}.place-search-icon{color:var(--text-muted);flex-shrink:0}.place-search-input{flex:1;min-width:0;border:none;background:transparent;color:var(--text-primary);font-size:.84rem;outline:none}.place-results-list{display:flex;flex-direction:column;gap:.42rem;max-height:235px;overflow-y:auto;padding-right:2px}.place-option-card{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.65rem;padding:.55rem .8rem;border-radius:12px;background:var(--bg-card-subtle);border:1px solid var(--border-light);color:var(--text-primary);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.place-option-card:hover{border-color:#0a84ff73}.place-option-card.selected{background:#0a84ff1f;border:2px solid #0A84FF}.place-option-card.search-hit{background:var(--bg-card)}.place-option-title{font-weight:700;font-size:.86rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.place-option-sub{font-size:.74rem;color:var(--text-muted);margin-top:.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.place-distance-pill{font-size:.68rem;font-weight:700;padding:.16rem .48rem;border-radius:999px;background:#0a84ff1a;color:#0a84ff;white-space:nowrap}.moment-video-player{width:100%;height:auto;max-height:520px;display:block;background:#000;object-fit:contain}.media-preview-badge{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:.3rem;background:#0f0e11cc;color:#fff;font-size:.7rem;font-weight:700;padding:.24rem .58rem;border-radius:999px;pointer-events:none}.video-compress-progress-wrap{position:absolute;left:0;right:0;bottom:0;height:5px;background:#fff3;overflow:hidden}.video-compress-progress-bar{height:100%;background:var(--path-red-gradient);transition:width .18s linear}.tap-preview-img{cursor:zoom-in}.photo-lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;flex-direction:column;justify-content:space-between;user-select:none;-webkit-user-select:none;touch-action:none;animation:lightboxFadeIn .16s ease-out}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}.photo-lightbox-topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:calc(env(safe-area-inset-top,0px) + .85rem) 1.1rem .75rem 1.1rem;background:linear-gradient(180deg,#000000b8,#0000);color:#fff}.photo-lightbox-meta{min-width:0}.photo-lightbox-title{font-weight:700;font-size:.92rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-lightbox-subtitle{font-size:.75rem;color:#ffffffb8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-lightbox-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.photo-lightbox-btn{width:38px;height:38px;border-radius:50%;background:#ffffff24;border:1px solid rgba(255,255,255,.18);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease}.photo-lightbox-btn:hover{background:#ffffff3d}.photo-lightbox-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:.5rem .75rem;overflow:hidden}.photo-lightbox-counter{display:inline-block;margin-left:.55rem;padding:.12rem .48rem;border-radius:999px;background:#ffffff29;font-size:.72rem;font-weight:700;font-variant-numeric:tabular-nums;vertical-align:middle}.photo-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#ffffff24;border:1px solid rgba(255,255,255,.22);color:#fff;cursor:pointer;transition:background-color .15s ease,transform .15s ease}.photo-lightbox-nav:hover{background:#ffffff42;transform:translateY(-50%) scale(1.06)}.photo-lightbox-nav.prev{left:max(12px,env(safe-area-inset-left,12px))}.photo-lightbox-nav.next{right:max(12px,env(safe-area-inset-right,12px))}.photo-lightbox-dots{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-bottom:.55rem;padding:5px 10px;border-radius:999px;background:#ffffff1f}.photo-lightbox-img{max-width:96vw;max-height:82vh;width:auto;height:auto;object-fit:contain;border-radius:10px;box-shadow:0 20px 60px #0000008c;will-change:transform}.photo-lightbox-footer{position:relative;z-index:2;padding:.85rem 1.25rem calc(env(safe-area-inset-bottom,0px) + 1.1rem) 1.25rem;background:linear-gradient(0deg,#000000c7,#0000);color:#fff;text-align:center}.photo-lightbox-caption{font-size:.9rem;line-height:1.45;color:#fffffff2;max-width:640px;margin:0 auto}.photo-lightbox-location{display:inline-flex;align-items:center;gap:.3rem;margin-top:.35rem;font-size:.75rem;color:#ffffffb8}.moment-author-link,.moment-with-link,.comment-user-link{padding:0;margin:0;border:none;background:transparent;font:inherit;font-weight:700;color:var(--text-primary);cursor:pointer;text-align:left;transition:color .16s ease}.moment-author-link:hover,.moment-with-link:hover,.comment-user-link:hover{color:var(--path-red)}.profile-preview-overlay{z-index:1350}.profile-preview-card{width:100%;min-width:0;max-width:min(470px,100%);padding:0;overflow-x:hidden}.profile-preview-cover{position:relative;width:100%;height:152px;background:#1c1917;overflow:hidden}.profile-preview-cover-img{width:100%;height:100%;object-fit:cover;display:block}.profile-preview-cover-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000052,#0000000a 48%,#0000006b);pointer-events:none}.profile-preview-close-btn{position:absolute;top:12px;right:12px;z-index:4;width:34px;height:34px;border-radius:50%;background:#0f0e119e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);color:#fff;display:flex;align-items:center;justify-content:center;transition:background-color .16s ease,transform .16s ease}.profile-preview-close-btn:hover{background:#0f0e11d9;transform:scale(1.05)}.profile-preview-body{padding:0 1.35rem 1.4rem;min-width:0;max-width:100%}.profile-preview-top-row{display:flex;align-items:flex-end;justify-content:space-between;gap:.75rem;margin-top:-42px;margin-bottom:.75rem;position:relative;z-index:3}.profile-preview-avatar-wrap{position:relative;width:84px;height:84px;flex-shrink:0}.profile-preview-avatar{width:84px;height:84px;border-radius:50%;object-fit:cover;display:block;border:4px solid var(--bg-card);box-shadow:0 6px 18px #0000002e;background:var(--bg-card-subtle)}.profile-preview-online-dot{position:absolute;bottom:4px;right:4px;width:14px;height:14px;border-radius:50%;background:#10b981;border:2.5px solid var(--bg-card)}.profile-preview-top-actions{display:flex;align-items:center;gap:.45rem;padding-bottom:.15rem}.profile-preview-pill-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.42rem .85rem;font-size:.78rem;font-weight:700}.profile-preview-circle-badge{display:inline-flex;align-items:center;gap:.32rem;padding:.36rem .78rem;border-radius:999px;font-size:.76rem;font-weight:700;color:var(--path-red);background:#e42c231a;border:1px solid rgba(228,44,35,.24);transition:background-color .16s ease,border-color .16s ease}.profile-preview-circle-badge:hover,.profile-preview-circle-badge.editing{background:#e42c2329;border-color:var(--path-red)}.profile-preview-status-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.34rem .72rem;border-radius:999px;font-size:.74rem;font-weight:700}.profile-preview-status-pill.incoming{background:#af52de1f;color:#af52de}.profile-preview-status-pill.pending{background:var(--bg-card-subtle);color:var(--text-muted);border:1px solid var(--border-light)}.profile-preview-circle-editor{margin-bottom:.85rem;padding:.7rem .8rem;border-radius:14px;background:var(--bg-card-subtle);border:1px solid var(--border-light)}.profile-preview-circle-chips{display:flex;flex-wrap:wrap;gap:.35rem}.profile-preview-custom-circle-form{display:flex;align-items:center;gap:.4rem;margin-top:.5rem}.profile-preview-custom-circle-form input{flex:1;min-width:0;padding:.34rem .65rem;border-radius:9px;border:1px solid var(--border-light);background:var(--bg-card);color:var(--text-primary);font-size:.78rem}.profile-preview-custom-circle-form button{padding:.34rem .75rem;font-size:.75rem}.profile-preview-identity{display:flex;flex-direction:column;gap:.25rem}.profile-preview-name{font-family:var(--font-display);font-size:1.24rem;font-weight:800;color:var(--text-primary);line-height:1.2}.profile-preview-subline{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;font-size:.82rem;color:var(--text-muted)}.profile-preview-handle{font-weight:600;color:var(--text-secondary)}.profile-preview-active-now{color:#10b981;font-weight:700}.profile-preview-last-seen{color:var(--text-muted)}.profile-preview-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem .9rem;margin-top:.5rem}.profile-preview-meta-item{display:inline-flex;align-items:center;gap:.3rem;font-size:.77rem;font-weight:600;color:var(--text-secondary)}.profile-preview-meta-item.connected{color:#10b981}.profile-preview-cta-row{margin-top:1rem}.profile-preview-invite-box{margin-top:1rem;padding:.9rem 1rem;border-radius:16px;background:var(--bg-card-subtle);border:1px solid var(--border-light);display:flex;flex-direction:column;gap:.65rem}.profile-preview-invite-text{font-size:.83rem;color:var(--text-secondary);line-height:1.4}.profile-preview-invite-btns{display:flex;align-items:center;gap:.5rem}.profile-preview-privacy-note{display:flex;align-items:center;gap:.45rem;font-size:.8rem;font-weight:600;color:var(--text-muted)}.profile-preview-invite-picker{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem}.profile-preview-invite-label{font-size:.74rem;font-weight:700;color:var(--text-muted);margin-right:.15rem}.profile-preview-moments-section{margin-top:1.15rem;padding-top:1rem;border-top:1px solid var(--border-light);min-width:0;max-width:100%}.profile-preview-moments-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.65rem}.profile-preview-moments-title{font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.profile-preview-counts{display:inline-flex;align-items:center;gap:.6rem;font-size:.74rem;font-weight:700;color:var(--text-secondary)}.profile-preview-counts span{display:inline-flex;align-items:center;gap:.22rem}.profile-preview-moments-empty{display:flex;align-items:center;justify-content:center;gap:.45rem;padding:1.25rem .75rem;border-radius:12px;background:var(--bg-card-subtle);font-size:.82rem;color:var(--text-muted)}.profile-preview-moments-list{display:flex;flex-direction:column;gap:.45rem;min-width:0;max-width:100%}.profile-preview-moment-item{width:100%;min-width:0;max-width:100%;overflow:hidden;display:flex;align-items:center;gap:.75rem;padding:.45rem .55rem .45rem .45rem;border-radius:12px;background:var(--bg-card-subtle);border:1px solid var(--border-light);text-align:left;box-sizing:border-box;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.profile-preview-moment-skeleton{pointer-events:none}@keyframes skeletonPulse{0%,to{opacity:.55}50%{opacity:.9}}.skeleton-pulse-block{background:var(--border-light);animation:skeletonPulse 1.3s ease-in-out infinite}.profile-preview-moment-item:hover{border-color:#e42c2359;background:var(--bg-card);transform:translateY(-1px)}.profile-preview-moment-thumb{position:relative;width:48px;height:48px;min-width:48px;min-height:48px;flex-shrink:0;border-radius:0;overflow:hidden;background:var(--bg-card);border:1px solid var(--border-light)}.profile-preview-moment-thumb img{width:100%;height:100%;object-fit:cover;display:block}.profile-preview-thumb-tag{position:absolute;top:3px;right:3px;padding:1px 4px;background:#0f0e11c2;color:#fff;font-size:.62rem;font-weight:700;line-height:1.2;display:inline-flex;align-items:center;justify-content:center}.profile-preview-moment-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.profile-preview-moment-icon.place{background:#0a84ff1a;color:#0a84ff}.profile-preview-moment-icon.thought{background:#34c7591a;color:#34c759}.profile-preview-moment-info{flex:1;min-width:0}.profile-preview-moment-text{font-size:.83rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-preview-moment-sub{font-size:.72rem;color:var(--text-muted);margin-top:.12rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-preview-moment-arrow{flex-shrink:0;color:var(--text-muted);transition:transform .16s ease,color .16s ease}.profile-preview-moment-item:hover .profile-preview-moment-arrow{color:var(--path-red);transform:translate(2px)}.notif-view-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;padding:.3rem;margin:.7rem 1.25rem 0;border-radius:14px;background:var(--bg-card-subtle);border:1px solid var(--border-light)}.notif-view-tab{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.48rem .75rem;border-radius:10px;font-size:.8rem;font-weight:700;color:var(--text-secondary);background:transparent;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}.notif-view-tab:hover{color:var(--text-primary)}.notif-view-tab.active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}.notif-active-rule-bar{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.52rem .75rem;margin-bottom:.65rem;border-radius:12px;background:var(--bg-card-subtle);border:1px solid var(--border-light);font-size:.75rem;color:var(--text-secondary);cursor:pointer;transition:border-color .16s ease}.notif-active-rule-bar:hover{border-color:#e42c2359}.notif-pref-section{background:var(--bg-card-subtle);border:1px solid var(--border-light);border-radius:16px;padding:.9rem .95rem;margin-bottom:.85rem}.notif-pref-section-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.65rem}.notif-pref-section-title{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.notif-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:.85rem;padding:.65rem 0;border-top:1px solid var(--border-light)}.notif-pref-section-header+.notif-toggle-row{border-top:none;padding-top:.15rem}.notif-toggle-row:last-of-type{padding-bottom:.1rem}.notif-toggle-label{font-size:.85rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.42rem}.notif-toggle-desc{font-size:.74rem;color:var(--text-secondary);margin-top:.14rem;line-height:1.35}.notif-switch{position:relative;width:44px;height:25px;min-width:44px;border-radius:999px;background:#78788047;padding:2px;flex-shrink:0;cursor:pointer;transition:background-color .2s ease}.notif-switch.on{background:var(--path-red)}.notif-switch-thumb{display:block;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #00000038;transform:translate(0);transition:transform .2s cubic-bezier(.22,1,.36,1)}.notif-switch.on .notif-switch-thumb{transform:translate(19px)}.notif-scope-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;padding:.25rem;border-radius:12px;background:var(--bg-card);border:1px solid var(--border-light)}.notif-scope-tab{padding:.45rem .4rem;border-radius:9px;font-size:.76rem;font-weight:700;color:var(--text-secondary);text-align:center;transition:all .16s ease}.notif-scope-tab:hover{color:var(--text-primary)}.notif-scope-tab.active{background:var(--path-red);color:#fff;box-shadow:0 2px 8px var(--path-red-glow)}.notif-circle-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.75rem}.notif-circle-chip{display:inline-flex;align-items:center;gap:.38rem;padding:.42rem .8rem .42rem .62rem;border-radius:999px;font-size:.78rem;font-weight:700;background:var(--bg-card);border:1.5px solid var(--border-light);color:var(--text-secondary);transition:all .16s ease}.notif-circle-chip:hover{border-color:#e42c2366;color:var(--text-primary)}.notif-circle-chip.selected{background:#e42c231f;border-color:var(--path-red);color:var(--path-red)}.notif-people-list{display:flex;flex-direction:column;gap:.38rem;margin-top:.7rem;max-height:210px;overflow-y:auto;padding-right:.15rem}.notif-person-row{width:100%;display:flex;align-items:center;gap:.65rem;padding:.48rem .65rem;border-radius:12px;background:var(--bg-card);border:1.5px solid var(--border-light);text-align:left;transition:all .15s ease}.notif-person-row:hover{border-color:#e42c2359}.notif-person-row.selected{border-color:var(--path-red);background:#e42c2312}.notif-person-check{width:19px;height:19px;min-width:19px;border-radius:50%;border:1.5px solid var(--border-card);display:inline-flex;align-items:center;justify-content:center;color:transparent;transition:all .15s ease}.notif-person-row.selected .notif-person-check{background:var(--path-red);border-color:var(--path-red);color:#fff}
