/* Glass stays on controls; content remains a quiet, readable surface. */
:root{--glass:rgba(34,43,35,.76);--glass-line:rgba(231,255,230,.18);--glass-glow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(255,255,255,.04),0 12px 36px rgba(0,0,0,.22)}
html{touch-action:pan-x pan-y}
.glass-app{background:#101410}.glass-app button,.glass-app a{-webkit-tap-highlight-color:transparent}.glass-app button:focus-visible,.glass-app a:focus-visible,.feed-photo:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.glass-app .main{padding-bottom:132px}.glass-app .topbar{border:0}.glass-app .topbar .brand{letter-spacing:-1.5px}.glass-app .topbar svg{width:23px;height:23px}.glass-app .menu-button,.glass-round{width:44px;height:44px;display:grid;place-items:center;background:transparent;color:var(--text);padding:9px;border-radius:50%;flex-shrink:0}.glass-app .topbar .step-back{border-radius:50%}.glass-app .sidebar{background:var(--glass);border-right:1px solid var(--glass-line);backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%);box-shadow:var(--glass-glow)}.glass-app .sidebar .brand{padding-block:22px 30px}.glass-app .nav summary{padding:17px 15px}.glass-app .nav a{border-radius:15px}.glass-app .nav details{margin-bottom:4px}.glass-app .nav details[open]{background:rgba(155,191,131,.035);border-radius:18px}.glass-app .home-nav svg{width:22px;height:22px}.glass-app .overlay.show{background:rgba(0,0,0,.5);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.social-dock{position:fixed;z-index:18;bottom:max(14px,env(safe-area-inset-bottom));left:calc(50% + 135px);transform:translateX(-50%);width:min(440px,calc(100% - 310px));display:flex;align-items:center;justify-content:space-between;padding:6px;border:1px solid var(--glass-line);border-radius:44px;background:linear-gradient(135deg,rgba(232,255,224,.055),transparent 55%),var(--glass);backdrop-filter:blur(26px) saturate(170%);-webkit-backdrop-filter:blur(26px) saturate(170%);box-shadow:var(--glass-glow)}
.dock-item{position:relative;display:grid;place-items:center;min-height:56px;flex:1;color:var(--muted);border-radius:32px;background:transparent;transition:background .2s,color .2s,transform .18s;padding:12px 8px}.dock-item svg{width:26px;height:26px}.dock-item.selected{color:var(--green);background:rgba(161,204,128,.14);box-shadow:inset 0 1px rgba(238,255,223,.07)}.dock-item.selected svg{stroke-width:2.1}.dock-item:active{transform:scale(.92)}.dock-compose{color:var(--text)}.dock-compose svg{width:29px;height:29px}.dock-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.social-dock .notification-count:not(:empty){position:absolute;right:15%;top:5px;min-width:17px;height:17px;padding:1px 4px;border-radius:10px;font-size:10px;background:var(--green);color:#12200c}.step-menu-open .social-dock{pointer-events:none;visibility:hidden}body:has(dialog[open]) .social-dock{visibility:hidden}#toast{bottom:calc(98px + env(safe-area-inset-bottom));z-index:90}
.social-screen .main{max-width:960px;margin-left:auto;margin-right:auto}.social-screen .topbar{position:sticky;top:0;z-index:8;background:rgba(16,20,16,.87);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.social-screen .top-actions{margin-left:auto}.social-screen .feed-tabs{top:0;z-index:7;max-width:none;border:0;border-bottom:1px solid var(--line);background:rgba(16,20,16,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:4px 0;margin-bottom:0}.social-screen .feed-tabs button{border-radius:0;background:none;border:0;color:var(--muted);padding:16px 10px;position:relative}.social-screen .feed-tabs button.selected{color:var(--text);background:none}.social-screen .feed-tabs button.selected:after{content:'';position:absolute;bottom:0;width:42px;height:3px;border-radius:4px;background:var(--green);left:calc(50% - 21px)}.social-screen .feed-list{gap:0}.social-screen .feed-post{background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:24px 0;box-shadow:none}.feed-author{gap:10px}.feed-author .social-author-link{flex:1;min-width:0}.feed-author .social-author-link>span{min-width:0}.feed-author strong,.feed-author small{overflow-wrap:anywhere}.feed-author-time{font-size:12px;text-align:right}.feed-author-time small+small{display:none}.feed-author>.btn{padding:8px;min-width:36px}.feed-photo{border-radius:19px!important;cursor:zoom-in;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:pan-y}.social-screen .feed-caption{margin-top:21px;margin-bottom:9px;line-height:1.55}.social-screen .post-interactions{margin-top:0}.social-screen .feed-bottom-actions{margin-top:24px}.social-screen .page-head{padding-top:22px}.social-screen .card:not(.feed-post){border-radius:22px}.social-screen .profile-posts>h2{margin:25px 0 8px}.social-screen .profile-posts .feed-post{padding-inline:0}.social-shortcuts{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.social-shortcuts .chip{font-size:12px;padding:10px 14px;background:rgba(155,191,131,.06)}.profile-search{display:flex;align-items:center;gap:10px;padding:5px 12px;border:1px solid var(--glass-line);border-radius:20px;background:var(--glass);box-shadow:inset 0 1px rgba(255,255,255,.08)}.profile-search>svg{width:21px;height:21px;flex-shrink:0;color:var(--muted)}.profile-search input{border:0;background:none!important;outline:none;font-size:16px;padding:12px 0}.profile-search button{background:none;color:var(--muted);width:36px;height:40px;padding:9px}.profile-search button svg{width:18px;height:18px}.search-person{display:flex;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);gap:12px}.search-person .social-author-link{flex:1;text-align:left}.search-person .profile-avatar{width:48px;height:48px}.search-chevron{color:var(--muted);font-size:24px}.search-empty{text-align:center;padding:60px 16px;color:var(--muted)}.search-empty>svg{width:40px;height:40px;margin-bottom:22px;color:var(--green)}.search-empty h2{color:var(--text);font-size:21px;margin-bottom:10px}.search-status{padding:24px 0;color:var(--muted)}
.photo-liked{animation:photo-like .65s ease-out}@keyframes photo-like{0%,100%{filter:none}35%{filter:brightness(1.2);box-shadow:0 0 0 3px var(--green)}}
#modal.photo-viewer{inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:100dvh;border:0;border-radius:0;padding:max(14px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom));background:#080b08;display:flex;flex-direction:column;overflow:auto;overscroll-behavior:contain;color:#f1f5ed}.photo-viewer .modal-head{margin:0 0 8px}.photo-viewer .modal-head h2{font-size:15px;color:#aebaaa;font-weight:500}.photo-viewer .modal-head button{width:44px;height:44px;border:1px solid var(--glass-line);border-radius:50%;background:var(--glass);color:white}.photo-viewer-author{margin-bottom:12px}.photo-viewer .social-author-link{color:#f1f5ed}.photo-stage{flex:1;min-height:220px;position:relative;overflow:hidden;display:grid;place-items:center;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;border-radius:10px}.photo-stage img{width:100%;height:100%;object-fit:contain;position:absolute;pointer-events:none;will-change:transform;transform-origin:center}.photo-zoom-controls{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 0;color:#b9c4b3;font-size:12px}.photo-zoom-controls .btn{min-width:44px;min-height:44px;color:#d8e0d3}.photo-viewer-footer{width:100%;max-width:720px;margin-inline:auto}.photo-viewer-footer .feed-caption{margin:4px 0 8px;font-size:14px;max-height:12vh;overflow:auto}.photo-viewer-footer .post-interactions{color:#d8e0d3}.photo-viewer .reaction-picker{background:#1b2419}.photo-viewer .like-main,.photo-viewer .reaction-more{color:#b9c4b3}.photo-viewer .like-main.reacted{color:var(--green)}
@media(min-width:761px){.social-screen .shell{display:block;padding-left:270px}.social-screen .main{width:100%;padding-inline:40px;max-width:800px}.social-screen .topbar .mobile-brand{display:flex;margin-right:auto}.social-screen .breadcrumb{display:none}.social-screen .topbar{height:82px}.social-screen .feed-tabs{top:82px}.social-screen .menu-button{display:none}.photo-stage{max-width:1100px;width:100%;margin-inline:auto}}
@media(max-width:760px){.glass-app .main{padding:0 18px calc(112px + env(safe-area-inset-bottom))}.social-screen .main{margin:0;max-width:none}.social-dock{left:50%;width:calc(100% - 32px);max-width:440px;bottom:max(12px,env(safe-area-inset-bottom))}.glass-app .topbar{height:68px;gap:12px}.social-screen .topbar{margin-inline:-18px;padding-inline:18px}.social-screen .topbar .mobile-brand{position:absolute;left:50%;transform:translateX(-50%);font-size:26px}.social-screen .feed-tabs{top:68px;margin-inline:-18px;padding-inline:18px}.social-screen .feed-post{padding-block:20px}.social-screen .feed-author .profile-avatar{width:40px;height:40px}.social-screen .feed-author .social-author-link strong{font-size:14px}.social-screen .feed-author .social-author-link small{font-size:12px}.social-screen .feed-author-time{font-size:11px}.social-screen .feed-photo{max-height:600px}.glass-app .sidebar{width:min(310px,86vw);border-radius:0 26px 26px 0;padding:18px 18px 24px}.glass-app .sidebar .brand{font-size:34px}.glass-app .sidebar .nav{padding-top:10px}.glass-app .sidebar .account{padding-top:18px}.glass-app .sidebar .nav summary{font-size:15px}.glass-app .sidebar .nav a{font-size:14px}.photo-viewer-footer .post-interactions{font-size:13px}.social-screen .notice{font-size:11px}.social-screen .page-head h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){.dock-item,.feed-track,.feed-tabs,.sidebar{transition:none!important}.photo-liked{animation:none!important}}
@media(prefers-reduced-transparency:reduce){.social-dock,.glass-app .sidebar,.social-screen .topbar,.social-screen .feed-tabs{backdrop-filter:none;-webkit-backdrop-filter:none;background:#20291f}}
[data-theme=light]{--glass:rgba(245,251,240,.82);--glass-line:rgba(71,94,57,.2);--glass-glow:inset 0 1px 0 #fff,0 8px 35px rgba(40,60,25,.12)}[data-theme=light] .glass-app{background:#f5f8f1}[data-theme=light] .social-screen .topbar,[data-theme=light] .social-screen .feed-tabs{background:rgba(245,248,241,.92)}[data-theme=light] .dock-item.selected{color:#355b1a;background:rgba(106,155,63,.16)}[data-theme=light] .photo-viewer .modal-head button{background:#273024}

.photo-heart{position:fixed;z-index:17;pointer-events:none;width:82px;height:82px;color:#e8ffd7;filter:drop-shadow(0 6px 15px #0007);animation:heart-pop .75s ease both}.photo-heart svg{width:100%;height:100%;fill:currentColor;stroke:currentColor}@keyframes heart-pop{0%{transform:translate(-50%,-50%) scale(.3) rotate(-18deg);opacity:0}25%{transform:translate(-50%,-50%) scale(1.15) rotate(0);opacity:1}70%{transform:translate(-50%,-50%) scale(1);opacity:1}100%{transform:translate(-50%,-60%) scale(1.08);opacity:0}}@media(prefers-reduced-motion:reduce){.photo-heart{animation:none;transform:translate(-50%,-50%)}}

.feed-photo{aspect-ratio:auto}

#modal.photo-viewer{--green:#c2ff75;--muted:#b9c4b3;--text:#f1f5ed;--panel:#1b2419;--line:#344230}