/* Clear web fallback; iPhone uses UIGlassEffect above the live web content. */
.glass-app .social-dock,[data-theme=light] .glass-app .social-dock{background:rgba(180,195,180,.07);border-color:rgba(238,255,235,.34);backdrop-filter:blur(9px) saturate(1.45);-webkit-backdrop-filter:blur(9px) saturate(1.45);box-shadow:inset 0 1px 1px #ffffff6b,inset 0 -1px 2px #ffffff24,0 7px 32px #0002}
.glass-app .dock-item.selected,.glass-app .dock-item:hover,[data-theme=light] .glass-app .dock-item.selected{background:transparent;box-shadow:none}.glass-app .dock-item.selected{color:var(--green)}
.glass-app .sidebar{background:rgba(22,28,22,.35);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid #f3ffef30;box-shadow:inset 1px 0 1px #ffffff40,10px 0 40px #0002}.glass-app .overlay{backdrop-filter:none;-webkit-backdrop-filter:none}
[data-theme=light] .glass-app .sidebar{background:rgba(245,255,244,.5)}
.nav details[data-nav-group=profile]{display:none}
.native-chrome .social-dock,.native-chrome .sidebar{visibility:hidden!important;pointer-events:none!important}.native-chrome .overlay{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:none!important}
@media(min-width:901px){.native-chrome .main{margin-left:0!important}}
.profile-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.profile-tool{padding:15px 12px;border:1px solid var(--line);border-radius:14px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--text);font-size:14px}.profile-tool:hover{border-color:var(--green)}.profile-tool span:last-child{color:var(--muted);font-size:22px}
.composer-selected{position:relative;aspect-ratio:4/3;max-height:none;min-height:200px;width:100%;display:block}.composer-selected>p{padding:70px 25px;text-align:center}.composer-selected img{position:relative;display:block;width:100%;height:100%;max-height:65dvh;object-fit:contain}.composer-selected video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.composer-gallery{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none;overflow:visible;align-items:start}.gallery-tile{display:block;width:100%;height:auto;min-width:0;min-height:0;aspect-ratio:1;box-sizing:border-box}.gallery-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.camera-shutter{position:absolute;bottom:14px;left:calc(50% - 30px);height:60px;width:60px;border:5px solid white;border-radius:50%;background:#ffffffc9;box-shadow:0 0 0 3px #0004,inset 0 0 0 3px #0009}.composer-step-actions{position:sticky;bottom:0;background:var(--panel);padding:12px 0;z-index:2}.composer-caption-preview canvas{max-height:48dvh}
@media(max-width:600px){.composer-selected{max-height:none}.composer-gallery{max-height:none}.profile-tools-grid{grid-template-columns:1fr}}
@media(prefers-reduced-transparency:reduce){.glass-app .social-dock,.glass-app .sidebar{background:var(--panel)}}

/* A calm, readable sidebar; optical glass remains on the bottom dock. */
.glass-app .sidebar{background:rgba(19,31,20,.95);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:6px 0 32px #0004}
[data-theme=light] .glass-app .sidebar{background:rgba(232,243,224,.96)}
/* Keep the story outline inside the clipped feed panel and post. */
.feed-author{padding-left:6px;padding-top:6px;padding-bottom:5px;overflow:visible}
#modal.story-viewer{touch-action:pan-x;overscroll-behavior:none}
#modal.story-viewer.story-dragging{animation:none;transition:none;will-change:transform,opacity}
#modal.story-viewer.story-settling{animation:none;transition:transform .18s ease-out,opacity .18s ease-out}
.story-viewer .story-stage{touch-action:none}
.story-viewer .story-bottom{touch-action:pan-y}

.story-add{display:grid;place-items:center;padding:0;line-height:1;font-family:system-ui;font-size:20px;transform:none}.like-main{touch-action:none}.reaction-picker:not([hidden]){animation:reactionRise .2s cubic-bezier(.2,.8,.2,1)}.reaction-picker button{transition:transform .13s ease}.reaction-picker button.reaction-hover{transform:translateY(-12px) scale(1.35);z-index:2}.reaction-picker button.reaction-hover small{opacity:1}.profile-clean h1{font-size:24px;margin:0}.profile-top-actions{display:flex;justify-content:flex-end;gap:8px;margin-bottom:20px}.profile-counts{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px}.profile-counts button{background:none;border:0;color:inherit;padding:0;font:inherit;text-align:left}.profile-counts strong{display:block;font-size:20px}.profile-clean .profile-hero{align-items:center}.profile-clean>.tag{margin-top:16px}.profile-identity{min-width:0}.distance-journey{margin-top:20px}@keyframes reactionRise{from{opacity:0;transform:translateY(12px) scale(.85)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.reaction-picker:not([hidden]){animation:none}.reaction-picker button{transition:none}}

.reel-cover{display:block;position:relative;width:100%;aspect-ratio:4/5;padding:0;border:0;border-radius:20px;overflow:hidden;background:#172517;color:white}.reel-cover img{width:100%;height:100%;object-fit:cover}.reel-play{position:absolute;inset:40% 35%;font-size:46px;text-shadow:0 2px 10px #000}.reel-cover small{position:absolute;right:16px;bottom:16px;background:#0008;border-radius:12px;padding:6px}.reel-empty{font-size:18px}#reelPreview{width:100%;max-height:50vh;background:black;border-radius:16px;margin:16px 0}#modal.reel-viewer{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:black;color:white;overflow:hidden}#modal.reel-viewer>.modal-head{display:none}.reel-stream{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain}.reel-page{height:100%;min-height:100%;position:relative;scroll-snap-align:start;scroll-snap-stop:always;background:black}.reel-page>video{width:100%;height:100%;object-fit:contain}.reel-overlay{position:absolute;bottom:85px;left:20px;right:20px;text-shadow:0 1px 4px #000;pointer-events:none}.reel-overlay button,.reel-overlay a{pointer-events:auto}.reel-overlay .post-interactions{background:#0008;border-radius:20px;padding:10px}.reel-header{position:absolute;z-index:3;top:max(16px,env(safe-area-inset-top));right:16px}.reel-header button{width:44px;height:44px;border:0;border-radius:50%;background:#0008;color:white;font-size:30px}#reelViewerStatus{position:absolute;top:70px;left:20px;background:#0008}
.step-native-app body,.step-native-app body *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.step-native-app input,.step-native-app textarea,.step-native-app [contenteditable]:not([contenteditable="false"]),.step-native-app [contenteditable]:not([contenteditable="false"]) *{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
.step-native-app .routine-link,.step-native-app .routine-today,.step-native-app .routine-tabs button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}