:root{--ink:#000;--paper:#fff;--secondary-text:#6b6b6b;--gray-fill:#ededed;--video-fill:#3a3a3a;--empty-icon-fill:#f2f2f2;--banner-fill:#f4f4f4;--sheet-backdrop:#00000059;--remove-fill:#000000b3;--soft-fill:#f4f4f4;--line:#e5e5e5;--input-border:#ccc;--popover-border:#ddd;--disabled-text:#8a8a8a;--viewer-secondary-text:#d6d6d6;--viewer-placeholder:#2a2a2a;--viewer-dot:#666;--badge:#d92d20;--error:#d92d20;--highlight:#f4f4f4;--dialog-text:#4d4d4d;--avatar-back:#d6d6d6;--faint-line:#f0f0f0;--server-staging:#d97706;--server-dev:#2563eb;--here:#30a46c;--here-text:#1e7d4e;--chevron:#b3b3b3;--font:-apple-system, "SF Pro Text", "Helvetica Neue", Helvetica, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--top-bar-height:64px;--tap-target:44px;--field-height:48px;--onboarding-field-height:50px;--field-radius:10px;--column-app:600px;--column-auth:400px;--column-onboarding:420px}*{box-sizing:border-box}body{padding:0 env(safe-area-inset-right) 0 env(safe-area-inset-left);background:var(--paper);color:var(--ink);font-family:var(--font);margin:0}#root{min-height:100vh}h1,h2,p,ul{margin:0}a{color:var(--ink)}button,input{font:inherit}body:has(.lightbox[open],.sheet[open],.comment-dialog[open]){overflow:hidden}button{cursor:pointer}button:disabled{cursor:default}[role=alert] pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.column{max-width:calc(var(--column-app) + 32px);margin:0 auto;padding:0 16px 48px}.empty{color:var(--secondary-text);padding:24px 0}.moment-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:120px 8px 80px;display:flex}.moment-empty-timeline{padding-top:140px}.moment-empty-profile{padding-top:96px;padding-bottom:48px}.moment-empty-icon{background:var(--empty-icon-fill);width:80px;height:80px;color:var(--secondary-text);border-radius:40px;justify-content:center;align-items:center;margin-bottom:8px;display:flex}.moment-empty h2,.moment-empty h3{margin:0;font-size:26px;font-weight:700}.moment-empty p{max-width:360px;color:var(--secondary-text);font-size:16px;line-height:1.5}.moment-empty>a{background:var(--ink);height:48px;color:var(--paper);border-radius:24px;align-items:center;margin-top:16px;padding:0 28px;font-size:16px;font-weight:600;text-decoration:none;display:flex}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.top-bar{padding-top:env(safe-area-inset-top);background:var(--paper);border-bottom:1px solid var(--line)}.top-bar.sticky{z-index:1;position:sticky;top:0}.top-bar-inner{max-width:calc(var(--column-app) + 16px);height:var(--top-bar-height);grid-template-columns:minmax(max-content,1fr) minmax(0,auto) minmax(max-content,1fr);align-items:center;margin:0 auto;padding:0 8px;display:grid;position:relative}.top-bar h1{text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:17px;font-weight:600;overflow:hidden}.top-bar h1 button{max-width:100%;height:var(--tap-target);color:inherit;font:inherit;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;padding:0;overflow:hidden}.house-bar h1{font-weight:700}.top-bar-start{justify-content:flex-start;display:flex}.top-bar-end{justify-content:flex-end;align-items:center;gap:8px;display:flex}.bar-text{height:var(--tap-target);color:var(--ink);background:0 0;border:none;align-items:center;padding:0 8px;font-size:16px;text-decoration:none;display:flex}.bar-button{height:var(--tap-target);background:var(--ink);color:var(--paper);border:none;border-radius:22px;align-items:center;margin-right:8px;padding:0 18px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.bar-button:disabled{background:var(--gray-fill);color:var(--disabled-text)}.menu-button{width:var(--tap-target);height:var(--tap-target);background:0 0;border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0;display:flex}.menu-button[aria-expanded=true]{background:var(--gray-fill)}.menu-button span{background:var(--ink);width:20px;height:2px}.menu{z-index:2;background:var(--paper);border:1px solid var(--line);border-radius:12px;flex-direction:column;width:240px;padding:8px 0;display:flex;position:absolute;top:60px;left:8px;box-shadow:0 8px 24px #0000001f}.menu a,.menu-sign-out{height:var(--tap-target);color:var(--ink);background:0 0;border:none;align-items:center;padding:0 16px;font-size:16px;text-decoration:none;display:flex}.menu a[aria-current=page]{font-weight:600}.menu hr{background:var(--line);border:none;height:1px;margin:8px 0}.menu .menu-sign-out{color:var(--secondary-text)}.menu [role=alert]{padding:0 16px}.house-switcher{flex-direction:column;padding:0 8px;display:flex}.house-current{background:var(--soft-fill);min-height:52px;color:var(--ink);text-align:left;border:none;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.house-current-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.house-current-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.house-current-text span{color:var(--secondary-text);font-size:13px}.house-chevron,.house-check{flex-shrink:0}.house-tile{background:var(--ink);width:32px;height:32px;color:var(--paper);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.house-tile svg{width:20px;height:20px}.house-list{flex-direction:column;padding-top:4px;display:flex}.house-option{min-height:44px;color:var(--ink);text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:0 10px;font-size:15px;display:flex}.house-option[aria-pressed=true]{font-weight:600}.house-option .house-tile{border-radius:8px;width:28px;height:28px}.house-option .house-tile svg{width:17px;height:17px}.house-option-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.server-card{background:var(--soft-fill);border-radius:10px;align-items:center;gap:10px;margin:8px 8px 0;padding:10px 12px;display:flex}.server-card>span:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.server-card strong{font-size:14px;font-weight:600}.server-card code{font-family:var(--font-mono);color:var(--secondary-text);overflow-wrap:anywhere;font-size:12px}.server-dot{background:var(--ink);border-radius:50%;flex-shrink:0;width:10px;height:10px}.server-dot.staging{background:var(--server-staging)}.server-dot.dev{background:var(--server-dev)}.pills{flex-wrap:wrap;gap:8px;display:flex}.pill{height:var(--tap-target);background:var(--gray-fill);color:var(--ink);border:none;border-radius:22px;align-items:center;padding:0 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.primary{background:var(--ink);height:50px;color:var(--paper);border:none;border-radius:25px;justify-content:center;align-items:center;margin-top:8px;font-size:17px;font-weight:600;text-decoration:none;display:flex}.quiet{height:var(--tap-target);color:var(--secondary-text);background:0 0;border:none;align-self:center;align-items:center;padding:0 8px;font-size:15px;text-decoration:none;display:flex}.field{color:var(--secondary-text);flex-direction:column;gap:8px;font-size:14px;display:flex}.field input{height:var(--field-height);border:1px solid var(--input-border);border-radius:var(--field-radius);background:var(--paper);color:var(--ink);padding:0 14px;font-size:17px}.auth{max-width:calc(var(--column-auth) + 32px);flex-direction:column;margin:0 auto;display:flex}.auth h1{font-size:28px;font-weight:700}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-back{height:var(--tap-target);color:var(--ink);align-self:flex-start;align-items:center;font-size:16px;text-decoration:none;display:flex}.note{color:var(--secondary-text);font-size:16px;line-height:1.45}.set-password,.verify-email{gap:16px;padding:64px 16px 48px}.set-password .auth-back{margin-bottom:8px}.set-password .field:first-child{margin-top:8px}.onboarding{min-height:100dvh;max-width:var(--column-onboarding);flex-direction:column;margin:0 auto;padding:88px 24px 40px;display:flex}.onboarding h1{font-size:30px;font-weight:700;line-height:1.2}.onboarding>h1{margin-bottom:24px}.onboarding h1.hello{font-size:34px;line-height:1.15}.onboarding-text{flex-direction:column;gap:16px;display:flex}.onboarding-text.welcome{gap:20px}.onboarding-text p{font-size:19px;line-height:1.4}.onboarding-text strong{font-weight:600}.onboarding-form{flex-direction:column;flex:1;display:flex}.onboarding .field input{height:var(--onboarding-field-height)}.onboarding .auth-back{background:0 0;border:none;margin:-44px 0 0 -8px;padding:0 8px}.onboarding-actions{flex-direction:column;margin-top:auto;padding-top:40px;display:flex}.onboarding-actions>p{color:var(--secondary-text);text-align:center;margin-bottom:14px;font-size:15px}.onboarding-actions .quiet{margin-top:6px}.onboarding-actions [role=alert]{margin-top:12px}.onboarding-actions.choices{gap:10px}.onboarding-actions.choices>p{margin-bottom:8px;font-size:14px}.cta{background:var(--ink);height:54px;color:var(--paper);border:none;border-radius:27px;justify-content:center;align-items:center;font-size:17px;font-weight:600;text-decoration:none;display:flex}.cta.secondary{background:var(--gray-fill);color:var(--ink)}.onboarding-actions .cta+.cta{margin-top:10px}.sign-in-start{touch-action:manipulation}.privacy{gap:16px;font-size:17px;line-height:1.45}.onboarding.privacy>h1{margin-bottom:0}.privacy .note{margin-top:-8px}.privacy h2{margin-top:16px;font-size:20px;font-weight:600}.privacy ul{flex-direction:column;gap:8px;padding-left:20px;display:flex}.read-only-field{height:var(--onboarding-field-height);border-radius:var(--field-radius);background:var(--soft-fill);font-size:17px;line-height:var(--onboarding-field-height);text-overflow:ellipsis;white-space:nowrap;margin-bottom:20px;padding:0 14px;overflow:hidden}.password-field{display:flex;position:relative}.password-field input{flex:1;min-width:0;padding-right:64px}.password-field button{height:var(--tap-target);color:var(--ink);background:0 0;border:none;padding:0 10px;font-size:15px;font-weight:600;position:absolute;top:3px;right:4px}.field input[aria-invalid=true]{border:1.5px solid var(--error)}.field-error{color:var(--error);font-size:15px}.signed-in-as{background:var(--soft-fill);color:var(--secondary-text);border-radius:12px;flex-direction:column;gap:2px;padding:14px 16px;font-size:13px;display:flex}.signed-in-as strong{color:var(--ink);font-size:17px}.get-app{margin:0;padding:0;list-style:none}.get-app li{border-top:1px solid var(--line);align-items:center;gap:14px;padding:16px 0;display:flex}.get-app li:last-child{border-bottom:1px solid var(--line)}.get-app .step{background:var(--gray-fill);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;font-weight:700;display:flex}.get-app .app{color:var(--secondary-text);flex-direction:column;flex:1;gap:2px;font-size:14px;display:flex}.get-app strong{color:var(--ink);font-size:17px;font-weight:600}.get-app a{height:var(--tap-target);background:var(--gray-fill);color:var(--ink);border-radius:22px;align-items:center;padding:0 18px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.get-app a.install{background:var(--ink);color:var(--paper)}.switch{width:51px;height:var(--tap-target);background:0 0;border:none;align-items:center;margin:-6px 0;padding:0;display:flex}.switch>span{background:var(--input-border);border-radius:16px;justify-content:flex-start;width:51px;height:31px;padding:2px;display:flex}.switch[aria-checked=true]>span{background:var(--ink);justify-content:flex-end}.switch span span{background:var(--paper);border-radius:50%;width:27px;height:27px;box-shadow:0 1px 3px #0000004d}.avatar{background:var(--line);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.byline,.moment-header{align-items:center;gap:12px;display:flex}.moment-header .byline{flex:1;min-width:0}.moment-header .byline-text{flex:1}.byline-text .name{text-overflow:ellipsis;white-space:nowrap;align-self:flex-start;max-width:100%;overflow:hidden}.moment-header .meta{min-width:0;display:flex}.moment-header .place{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.moment-header .separator{white-space:pre;flex-shrink:0}.moment-time{white-space:nowrap;flex-shrink:0}.moment-options{flex-shrink:0;margin-left:auto;position:relative}.moment-options .more-button{margin-right:-8px;font-size:15px}.moment-options .moment-menu{z-index:3;top:48px;right:-8px}.byline a{color:inherit;text-decoration:none}.byline-text{flex-direction:column;gap:2px;min-width:0;display:flex}.name{font-size:16px;font-weight:600;text-decoration:none}.meta{color:var(--secondary-text);font-size:14px}.moment{border-bottom:1px solid var(--line);flex-direction:column;gap:14px;padding:24px 0;display:flex}.media{aspect-ratio:4/3;background:var(--gray-fill);border-radius:8px;position:relative;overflow:hidden}.media-strip{scroll-snap-type:x mandatory;scrollbar-width:none;height:100%;display:flex;overflow-x:auto}.media-strip>*{object-fit:cover;scroll-snap-align:start;background:0 0;border:none;flex:0 0 100%;width:100%;height:100%;padding:0;position:relative}.media-strip img{object-fit:cover;width:100%;height:100%;display:block}.media-strip img.loading{visibility:hidden}.media-video{background:var(--video-fill)}.video-player{width:100%;height:100%;position:relative}.video-player video,.video-player .video-poster{object-fit:cover;width:100%;height:100%;display:block}.video-poster{position:absolute;inset:0}.video-surface{background:0 0;border:none;width:100%;padding:0;position:absolute;inset:0}.video-play{width:72px;height:72px;color:var(--ink);background:#ffffffeb;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #00000040}.video-play.playing{color:var(--paper);background:#00000073}.video-mute,.video-pause{width:var(--tap-target);height:var(--tap-target);color:var(--paper);background:#000000b3 padding-box content-box;border:none;border-radius:50%;justify-content:center;align-items:center;padding:5px;display:flex;position:absolute;bottom:6px;right:6px}.video-pause{right:50px}.video-mute svg{width:18px;height:18px}.video-controls{color:var(--paper);align-items:center;gap:10px;display:flex}.video-controls button{width:var(--tap-target);height:var(--tap-target);color:inherit;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.video-time{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.video-position{min-width:0;height:var(--tap-target);appearance:none;cursor:pointer;background:0 0;flex:1;margin:0}.video-position::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--paper) var(--progress), #ffffff59 0);border-radius:2px;height:4px}.video-position::-moz-range-track{background:linear-gradient(to right, var(--paper) var(--progress), #ffffff59 0);border-radius:2px;height:4px}.video-position::-webkit-slider-thumb{appearance:none;background:var(--paper);border:none;border-radius:50%;width:14px;height:14px;margin-top:-5px}.video-position::-moz-range-thumb{background:var(--paper);border:none;border-radius:50%;width:14px;height:14px}.play-badge{box-sizing:border-box;background:var(--ink);min-width:22px;height:22px;color:var(--paper);font-variant-numeric:tabular-nums;pointer-events:none;border-radius:11px;justify-content:center;align-items:center;gap:4px;padding:0 6px;font-size:12px;font-weight:600;display:flex;position:absolute;bottom:8px;left:8px}.video-pending{color:var(--secondary-text);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex;position:absolute;inset:0}.video-pending svg{width:20px;height:20px}.spinner{color:var(--secondary-text);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.spinner svg{animation:.8s linear infinite spin}.media-video .spinner,.lightbox .spinner{color:var(--paper)}@keyframes spin{to{transform:rotate(360deg)}}.media-count{background:var(--ink);height:26px;color:var(--paper);border-radius:13px;align-items:center;padding:0 12px;font-size:13px;font-weight:600;display:flex;position:absolute;top:12px;right:12px}.arrow{width:var(--tap-target);height:var(--tap-target);color:var(--ink);background:#ffffffeb;border:none;border-radius:50%;justify-content:center;align-items:center;margin-top:-22px;padding:0 0 3px;font-size:24px;line-height:1;display:flex;position:absolute;top:50%;box-shadow:0 1px 4px #0003}.arrow.previous{left:12px}.arrow.next{right:12px}.dots{justify-content:center;display:flex}.media+.dots{margin-top:-8px}.dots button{width:14px;height:var(--tap-target);background:0 0;border:none;justify-content:center;align-items:center;margin:-10px 0;padding:0;display:flex}.dots span{background:var(--input-border);border-radius:50%;width:8px;height:8px}.dots.windowed span{width:7px;height:7px}.dots .small span{width:4px;height:4px}.dots [aria-current] span{background:var(--ink)}.caption{white-space:pre-line;overflow-wrap:anywhere;font-size:16px;line-height:1.45}.caption.text-only{font-size:20px}.clamped{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-more{height:var(--tap-target);color:var(--secondary-text);background:0 0;border:none;align-self:flex-start;align-items:center;padding:0;font-size:15px;font-weight:600;display:flex}.moment>.text-more{margin-top:-10px}.comments .text-more{margin-top:-4px}.characters-left{color:var(--secondary-text);text-align:right;font-size:13px}.comments .characters-left{margin-top:-4px}.reactions{flex-direction:column;gap:14px;display:flex}.viewers{align-items:center;gap:12px;display:flex}.viewers-more{background:var(--gray-fill);border-radius:16px;flex-shrink:0;align-items:center;height:32px;padding:0 9px;font-size:12px;font-weight:700;display:flex}.viewer{display:flex;position:relative}.viewers-divider{background:var(--line);width:1px;height:24px}.my-reaction,.viewer-link{width:var(--tap-target);height:var(--tap-target);color:var(--ink);background:0 0;border:none;justify-content:center;align-items:center;margin:-6px;padding:0;text-decoration:none;display:flex}.my-reaction .avatar{border:1.5px dashed var(--ink);background:var(--paper)}.my-reaction.reacted .avatar{border:2px solid var(--ink)}.my-reaction:not(.reacted) .reaction-badge{font-size:13px}.picker{gap:6px}.picker .pill{gap:6px;padding:0 12px}.picker .reaction-icon{width:16px;height:16px}.pill[aria-pressed=true]{background:var(--ink);color:var(--paper)}.reaction-badge{border:1.5px solid var(--paper);background:var(--ink);min-width:18px;height:18px;color:var(--paper);border-radius:9px;justify-content:center;align-items:center;padding:0 3px;font-size:9px;font-weight:700;display:flex;position:absolute;bottom:-5px;right:-5px}.reaction-badge .reaction-icon{width:12px;height:12px}.moment-page .reaction-badge .reaction-icon{width:11px;height:11px}.comments{flex-direction:column;gap:8px;display:flex}.comments p{overflow-wrap:anywhere;font-size:15px;line-height:1.45}.comment-row{align-items:flex-start;gap:8px;display:flex}.comment-row>p{flex:1;min-width:0}.comment-reactions{height:var(--tap-target);color:var(--secondary-text);font-variant-numeric:tabular-nums;background:0 0;border:none;flex-shrink:0;align-items:center;gap:3px;margin:-12px -10px -12px 0;padding:0 10px;font-size:12px;font-weight:600;display:flex}.comment-reactions.mine{color:var(--ink);font-weight:700}.comment-reactions .reaction-icon{width:13px;height:13px;color:var(--ink)}.comment-name{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:100%;font-weight:600;text-decoration:none;display:inline-block;overflow:hidden}.comment-time{color:var(--secondary-text);white-space:nowrap}.more{height:var(--tap-target);color:var(--secondary-text);background:0 0;border:none;align-self:flex-start;align-items:center;padding:0;font-size:15px;text-decoration:none;display:flex}.skeleton .avatar{background:var(--gray-fill);width:44px;height:44px}.skeleton-line{background:var(--gray-fill);border-radius:7px;width:160px;height:14px}.lightbox{background:var(--ink);width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--paper);border:none;outline:none;margin:0;padding:0}.lightbox-chrome{pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.lightbox-chrome>*{z-index:1;pointer-events:auto}.lightbox-chrome:before,.lightbox-chrome:after{content:"";position:absolute;left:0;right:0}.lightbox-chrome:before{background:linear-gradient(#0009,#0000);height:120px;top:0}.lightbox-chrome:after{background:linear-gradient(#0000,#000000b3);height:240px;bottom:0}.lightbox.quiet:has(.video-play.playing) :is(.lightbox-chrome,.video-play){opacity:0}.lightbox.quiet:has(.video-play.playing) :is(.lightbox-chrome>*,.video-play){pointer-events:none}.lightbox .video-play{box-shadow:none;transition:opacity .3s}.lightbox-bar{left:0;right:0;top:env(safe-area-inset-top);height:var(--top-bar-height);grid-template-columns:minmax(max-content,1fr) auto minmax(max-content,1fr);align-items:center;padding:0 16px;display:grid;position:absolute}.lightbox-actions{justify-self:start;align-items:center;gap:8px;display:flex}.lightbox-action{height:var(--tap-target);color:var(--paper);background:0 0;border:none;align-items:center;gap:6px;padding:0 8px;font-size:16px;text-decoration:none;display:flex}.lightbox-count{text-align:center;grid-column:2;font-size:15px;font-weight:600}.lightbox-zoom{grid-column:3;justify-self:end;align-items:center;display:flex}.lightbox-zoom button{width:var(--tap-target);height:var(--tap-target);color:var(--paper);background:0 0;border:none;padding:0;font-size:20px}.lightbox-zoom button:disabled{color:var(--viewer-dot)}.lightbox-zoom span{text-align:center;min-width:48px;color:var(--viewer-secondary-text);font-variant-numeric:tabular-nums;font-size:15px}.lightbox-strip{scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x;display:flex;position:absolute;inset:0;overflow-x:auto}.lightbox-strip.zoomed{touch-action:none;cursor:grab;overflow-x:hidden}.lightbox-slide{scroll-snap-align:start;flex:0 0 100%;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.lightbox-frame{width:100%;height:100%;max-height:100%;position:relative}.lightbox-frame:empty{background:var(--viewer-placeholder)}.lightbox-frame:has(.spinner){background:var(--viewer-placeholder)}.lightbox-frame>img{object-fit:contain;width:100%;height:100%;display:block}.lightbox-frame>img.loading{visibility:hidden}.lightbox .video-player video,.lightbox .video-poster{object-fit:contain}.lightbox .arrow{width:48px;height:48px;color:var(--paper);background:#3c3c3c8c;margin-top:-24px;font-size:26px;box-shadow:0 0 0 .5px #ffffff2e}.lightbox .arrow.previous{left:16px}.lightbox .arrow.next{right:16px}.lightbox .actual-size{width:var(--tap-target);height:var(--tap-target);color:var(--paper);background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;bottom:12px;right:12px}.lightbox-chrome .actual-size{background:#3c3c3c8c;bottom:136px;right:16px;box-shadow:0 0 0 .5px #ffffff2e}.lightbox-actual{background:var(--ink);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;outline:none;position:fixed;inset:0;overflow:hidden}.lightbox-actual:active{cursor:grabbing}.lightbox-actual img{position:absolute;top:50%;left:50%}.lightbox .dots span{background:#ffffff73}.lightbox .dots [aria-current] span{background:var(--paper)}.lightbox-footer{padding:0 24px calc(28px + env(safe-area-inset-bottom));text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.lightbox-footer .name{font-size:15px}.lightbox-footer .name,.lightbox-footer .meta{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.lightbox-footer .meta{color:var(--viewer-secondary-text);margin-top:-8px;font-size:14px}.lightbox-scrubber{width:100%;max-width:600px}.lightbox-scrubber:empty{display:none}.lightbox-moment{min-height:var(--tap-target);background:var(--paper);color:var(--ink);border-radius:22px;align-items:center;padding:0 16px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.add-to-home{background:var(--banner-fill);border-radius:14px;flex-direction:column;gap:12px;margin-top:16px;padding:16px;display:flex}.add-to-home strong{font-size:17px;font-weight:600}.add-to-home p{color:var(--secondary-text);font-size:15px;line-height:1.4}.add-to-home div{gap:8px;display:flex}.add-to-home button{height:var(--tap-target);color:var(--secondary-text);background:0 0;border:none;border-radius:22px;padding:0 14px;font-size:15px}.add-to-home button:first-child{background:var(--ink);color:var(--paper);padding:0 18px;font-weight:600}.sheet{width:100%;max-width:none;padding:28px 24px calc(40px + env(safe-area-inset-bottom));background:var(--paper);color:var(--ink);border:none;border-radius:24px 24px 0 0;margin:auto 0 0}.sheet[open]{flex-direction:column;gap:18px;display:flex}.sheet::backdrop{background:var(--sheet-backdrop)}.sheet h2{font-size:22px;font-weight:700}.sheet ol{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.sheet li{align-items:center;gap:14px;font-size:17px;display:flex}.sheet li>span:first-child{background:var(--gray-fill);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;font-weight:700;display:flex}.sheet li>span:last-child{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sheet strong{font-weight:600}.more-glyph{background:var(--gray-fill);letter-spacing:1px;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;font-weight:700;display:inline-flex}.sheet>p{color:var(--secondary-text);margin-top:-4px;font-size:14px;line-height:1.4}.sheet .primary{border-radius:27px;height:54px;margin-top:6px}.profile-head{border-bottom:1px solid var(--line);align-items:center;gap:20px;padding:32px 0;display:flex}.profile-head>div{flex-direction:column;flex:1;align-items:flex-start;gap:12px;min-width:0;display:flex}.profile-name{flex-direction:column;gap:4px;max-width:100%;display:flex}.profile-head h2{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:28px;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.profile-name p{color:var(--secondary-text);font-size:16px}.profile-name .presence{font-size:16px}.local-time{align-items:flex-start;gap:5px;display:flex}.local-time svg{flex-shrink:0;margin-top:3px}.local-time .clock{color:var(--ink);font-variant-numeric:tabular-nums}.profile-head .here-dot{width:22px;height:22px;bottom:1px;right:1px}.edit-profile{flex-direction:column;gap:32px;padding-top:40px;display:flex}.photo-row{align-items:center;gap:20px;display:flex}.zone-box{min-height:var(--field-height);box-sizing:border-box;border-radius:var(--field-radius);background:var(--soft-fill);color:var(--ink);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:17px;display:flex}.zone-box span:last-child{color:var(--secondary-text);font-variant-numeric:tabular-nums;font-size:15px}.zone-help{line-height:1.4}.new-moment{flex-direction:column;gap:16px;padding-top:24px;padding-bottom:48px;display:flex}.new-moment .characters-left{margin-top:-8px}.place-line{align-items:center;gap:4px;min-width:0;display:flex}.place-line svg{flex-shrink:0}.place-line.looking>svg{opacity:.5}.place-line>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.place-name{color:var(--ink)}.remove-place{width:var(--tap-target);height:var(--tap-target);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:-12px -12px -12px -6px;padding:0;display:flex}.remove-place>span{background:var(--gray-fill);width:22px;height:22px;color:var(--ink);border-radius:11px;justify-content:center;align-items:center;display:flex}.choose{background:var(--gray-fill);height:56px;color:var(--ink);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.hint{color:var(--secondary-text);text-align:center;font-size:14px;line-height:1.4}.tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.tile{aspect-ratio:1;background:var(--gray-fill);object-fit:cover;border-radius:12px;width:100%;display:block}.tile-item{position:relative}.remove{width:var(--tap-target);height:var(--tap-target);background:0 0;border:none;justify-content:flex-end;align-items:flex-start;padding:8px;display:flex;position:absolute;top:0;right:0}.remove span{background:var(--remove-fill);width:26px;height:26px;color:var(--paper);border-radius:50%;justify-content:center;align-items:center;display:flex}.add-more{aspect-ratio:1;border:1.5px dashed var(--input-border);color:var(--ink);background:0 0;border-radius:12px;font-size:15px;font-weight:600}.caption-input{border:1px solid var(--input-border);background:var(--paper);width:100%;min-height:200px;color:var(--ink);font:inherit;resize:vertical;border-radius:12px;padding:16px 18px;font-size:20px;line-height:1.4}.caption-input:not(:placeholder-shown){border-color:var(--ink)}.selected .caption-input{min-height:140px}.bell{width:var(--tap-target);height:var(--tap-target);color:var(--ink);justify-content:center;align-items:center;display:flex;position:relative}.bell-circle{border:1px solid var(--line);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.bell-badge{border:2px solid var(--paper);background:var(--badge);min-width:18px;height:18px;color:var(--paper);border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:700;display:flex;position:absolute;top:0;right:-2px}.notifications h2{color:var(--secondary-text);font-size:14px;font-weight:600}.notifications-new{padding:18px 0 8px}.notifications-earlier{padding:24px 0 8px}.notification{--row-bg:var(--paper);background:var(--row-bg);color:var(--ink);border-radius:10px;align-items:flex-start;gap:14px;padding:14px 14px 14px 24px;text-decoration:none;display:flex;position:relative}.notification.unread{--row-bg:var(--highlight)}.unread-dot{background:var(--ink);border-radius:50%;width:8px;height:8px;position:absolute;top:33px;left:9px}.avatar-stack{flex-shrink:0;width:44px;height:44px;position:relative}.avatar-stack .avatar{position:absolute;top:0;left:0}.avatar-stack .avatar+.avatar{border:2px solid var(--row-bg);background:var(--avatar-back);inset:auto 0 0 auto}.notification-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.notification-sentence{overflow-wrap:anywhere;font-size:16px;line-height:1.4}.notification-sentence strong{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:100%;font-weight:600;display:inline-block;overflow:hidden}.notification-meta{color:var(--secondary-text);flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.notification-reactions{color:var(--ink);align-items:center;gap:4px;display:flex}.notification-reactions .reaction-icon{width:16px;height:16px}.chip{border:1px solid var(--input-border);height:22px;color:var(--ink);border-radius:11px;align-items:center;padding:0 9px;font-size:12px;display:flex}.notification-thumb{background:var(--gray-fill);border-radius:6px;flex-shrink:0;width:52px;height:52px;position:relative;overflow:hidden}.notification-thumb img{object-fit:cover;width:100%;height:100%;display:block}.notification-thumb .play-badge{border:1.5px solid var(--paper);border-radius:9px;min-width:18px;height:18px;padding:0 4px;bottom:4px;left:4px}.notification-thumb .play-badge svg{width:8px;height:8px}.notification-thumb .video-pending svg{width:16px;height:16px}.caught-up{text-align:center;padding-top:160px;padding-bottom:160px;font-size:18px;font-weight:600}.haushold{max-width:var(--column-app);margin:0 auto;padding:8px 8px 48px}.haushold-summary{color:var(--secondary-text);overflow-wrap:anywhere;padding:16px 8px 4px;font-size:16px}.haushold h2{color:var(--secondary-text);padding:18px 8px 4px;font-size:14px;font-weight:600}.person{min-height:64px;color:var(--ink);border-radius:10px;align-items:center;gap:14px;padding:10px 8px;text-decoration:none;display:flex}.person-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.person-name{align-items:baseline;gap:6px;min-width:0;display:flex}.person-name strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:17px;font-weight:600;overflow:hidden}.person-name span{color:var(--secondary-text);flex-shrink:0;font-size:13px}.person-chevron{color:var(--chevron);flex-shrink:0}.person-time{font-variant-numeric:tabular-nums;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;font-size:15px;display:flex}.person-time span{color:var(--secondary-text);font-size:13px}.presence{color:var(--secondary-text);font-size:15px}.presence.here{color:var(--here-text);font-weight:600}.presence-avatar{flex-shrink:0;display:flex;position:relative}.here-dot{border:3px solid var(--paper);background:var(--here);border-radius:50%;width:15px;height:15px;position:absolute;bottom:-1px;right:-1px}.settings{padding-top:28px}.settings h2{color:var(--secondary-text);margin-bottom:6px;font-size:14px;font-weight:600}.setting-row{border-top:1px solid var(--faint-line);border-bottom:1px solid var(--faint-line);justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:8px 0;font-size:16px;display:flex}.setting-row>span{overflow-wrap:anywhere;min-width:0}.setting-row .switch{flex-shrink:0}.settings section+section{padding-top:28px}.house-form{border-top:1px solid var(--faint-line);border-bottom:1px solid var(--faint-line);flex-direction:column;gap:8px;padding:12px 0;display:flex}.house-form label{color:var(--secondary-text);font-size:14px}.house-name-row{align-items:center;gap:8px;display:flex}.house-name-row input{border:1px solid var(--input-border);border-radius:var(--field-radius);background:var(--paper);min-width:0;height:44px;color:var(--ink);flex:1;padding:0 14px;font-size:17px}.house-name-row button{background:var(--ink);height:44px;color:var(--paper);border:none;border-radius:22px;flex-shrink:0;padding:0 20px;font-size:15px;font-weight:600}.house-name-row button:disabled{background:var(--gray-fill);color:var(--ink)}.moment-page{border-bottom:none;gap:16px}.more-button{width:var(--tap-target);height:var(--tap-target);color:var(--ink);letter-spacing:1px;background:0 0;border:none;border-radius:50%;padding:0;font-size:18px;font-weight:700}.more-button[aria-expanded=true]{background:var(--gray-fill)}.moment-menu{border-color:var(--popover-border);width:300px;padding:6px 0;top:58px;left:auto;right:8px}.moment-menu [role=menuitem]{min-height:var(--tap-target);color:var(--ink);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:0 16px;font-size:15px;display:flex}.moment-menu svg,.comment-menu svg{flex-shrink:0;width:18px;height:18px}.moment-menu hr{margin:6px 0}.moment-menu .delete-moment{color:var(--badge)}.moment-menu.delete-confirm{gap:6px;padding:16px}.delete-title{font-size:16px;font-weight:600}.delete-message{color:var(--secondary-text);font-size:14px;line-height:1.4}.delete-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.delete-actions button{height:var(--tap-target);background:var(--gray-fill);color:var(--ink);border:none;border-radius:22px;padding:0 18px;font-size:14px;font-weight:600}.delete-confirm [role=alert]{padding:0}.page-comments{flex-direction:column;padding-top:8px;display:flex}.page-comments h2{color:var(--secondary-text);margin-bottom:4px;font-size:14px;font-weight:600}.page-comment{border-radius:10px;outline:none;gap:12px;margin:0 -12px;padding:12px;display:flex;position:relative}.page-comment.highlighted,.page-comment:hover,.page-comment:focus-within,.page-comment.active{background:var(--highlight)}.page-comment-text{overflow-wrap:anywhere;flex-direction:column;flex:1;gap:2px;min-width:0;font-size:16px;line-height:1.45;display:flex}.page-comment-head{align-items:baseline;gap:8px;min-width:0;display:flex}.page-comment-head strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;font-weight:600;overflow:hidden}.page-comment-head .comment-time{flex-shrink:0;font-size:14px}.comment-actions{opacity:0;pointer-events:none;display:flex;position:absolute;top:5px;right:7px}.page-comment:hover .comment-actions,.page-comment:focus-within .comment-actions,.page-comment.active .comment-actions{opacity:1;pointer-events:auto}.comment-action{width:var(--tap-target);height:var(--tap-target);color:var(--ink);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.comment-action>span{border:1px solid var(--popover-border);background:var(--paper);border-radius:17px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.comment-action[aria-expanded=true]>span{background:var(--gray-fill)}.comment-action svg{fill:currentColor;width:18px;height:18px}.comment-action svg[fill=none]{fill:none}.comment-chip{height:var(--tap-target);color:var(--ink);background:0 0;border:none;align-self:flex-start;align-items:center;margin:-2px 0 -8px;padding:0;display:flex}.comment-chip>span{border:1.5px solid var(--gray-fill);background:var(--gray-fill);border-radius:14px;align-items:center;gap:4px;height:28px;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.comment-chip.mine>span{border-color:var(--ink)}.comment-chip .reaction-icon{width:13px;height:13px}.comment-picker{z-index:3;border:1px solid var(--popover-border);background:var(--paper);border-radius:26px;gap:2px;padding:4px;display:flex;position:absolute;top:-46px;right:8px;box-shadow:0 8px 24px #0000001f}.comment-picker button{width:var(--tap-target);height:var(--tap-target);color:var(--ink);background:0 0;border:none;border-radius:22px;justify-content:center;align-items:center;padding:0;display:flex}.comment-picker button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.comment-picker .reaction-icon{width:22px;height:22px}.menu.comment-menu{z-index:3;border-color:var(--popover-border);width:200px;padding:6px 0;top:50px;left:auto;right:12px}.comment-menu [role=menuitem]{height:var(--tap-target);color:var(--ink);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:0 16px;font-size:15px;display:flex}.comment-menu .delete-comment,.delete-actions .delete-comment{color:var(--badge)}.comment-editor{border:1px solid var(--ink);background:var(--paper);width:100%;min-height:72px;color:var(--ink);font:inherit;resize:none;field-sizing:content;border-radius:12px;margin-top:4px;padding:10px 12px;font-size:16px;line-height:1.45}.comment-editor-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.comment-editor-actions button{height:var(--tap-target);background:var(--gray-fill);color:var(--ink);border:none;border-radius:22px;padding:0 16px;font-size:14px;font-weight:600}.comment-editor-actions .save{background:var(--ink);color:var(--paper)}.comment-editor-actions .save:disabled{background:var(--gray-fill);color:var(--disabled-text)}.comment-editor-actions span{color:var(--secondary-text);font-size:13px}.comment-dialog{background:var(--paper);width:360px;max-width:calc(100% - 32px);color:var(--ink);border:none;border-radius:14px;padding:24px}.comment-dialog[open]{flex-direction:column;gap:8px;display:flex}.comment-dialog::backdrop{background:var(--sheet-backdrop)}.comment-dialog h2{color:var(--ink);margin:0;font-size:18px;font-weight:700}.comment-dialog p{color:var(--dialog-text);font-size:15px;line-height:1.45}.comment-dialog .delete-actions{margin-top:12px}.comment-dialog .delete-actions button{font-size:15px}.comment-dialog.who-reacted{gap:0;padding:8px 20px 12px;box-shadow:0 12px 40px #0003}.who-reacted-head{justify-content:space-between;align-items:center;height:52px;display:flex}.who-reacted-head h2{font-size:17px}.who-reacted .close{background:var(--gray-fill);width:44px;height:44px;color:var(--ink);border:none;border-radius:22px;justify-content:center;align-items:center;margin-right:-4px;padding:0;display:flex}.who-reacted .close svg{width:14px;height:14px}.who-reacted-row{border-top:1px solid var(--faint-line);align-items:center;gap:12px;height:52px;font-size:15px;display:flex}.who-reacted-row>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.who-reacted-kind{background:var(--ink);width:26px;height:26px;color:var(--paper);border-radius:13px;justify-content:center;align-items:center;display:flex}.who-reacted-kind .reaction-icon{width:14px;height:14px}.page-comments .comment-form{margin-top:12px}.page-comments .comment-form input{font-size:16px}.page-comments .comment-form button{padding:0 20px;font-size:15px}.comment-form{align-items:center;gap:8px;display:flex}.comment-form input{min-width:0;height:var(--tap-target);border:1px solid var(--input-border);background:var(--paper);color:var(--ink);border-radius:22px;flex:1;padding:0 16px;font-size:15px}.comment-form button{height:var(--tap-target);background:var(--ink);color:var(--paper);border:none;border-radius:22px;padding:0 18px;font-size:14px;font-weight:600}