/* Open Orbit: calm personal libraries and device-sized controls. */
.gallery-collection{display:grid;gap:30px;min-width:0}
.gallery-month{min-width:0}
.gallery-month-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px 18px;margin:0 0 15px;padding:0 2px}
.gallery-month-heading h3{margin:0;font-size:1.04rem;font-weight:800;letter-spacing:-.025em;line-height:1.5}
.gallery-month-heading>span{font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums}
.gallery-collection .media-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,235px),1fr));gap:18px;align-items:start}
.gallery-collection .media-library-item{min-width:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel);box-shadow:0 3px 12px #142b4704;animation:none}
.gallery-collection .media-library-item>.gallery-open,.gallery-collection .media-library-item>video{position:relative;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:4/3;padding:0;display:block;background:var(--media-mat,var(--bg));overflow:hidden;object-fit:contain}
.gallery-collection .gallery-open>img{display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:contain;background:transparent}
.gallery-collection .gallery-open:focus-visible{outline:3px solid var(--accent);outline-offset:-4px;border-radius:16px 16px 0 0}
.gallery-collection .reel-launch-art{height:100%;min-height:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--soft),var(--panel))}
.gallery-collection .reel-launch-art>.icon{width:44px;height:44px;color:var(--accent);opacity:.7}
.gallery-collection .gallery-play{position:absolute;inset:auto 10px 10px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #ffffff35;border-radius:10px;padding:8px 10px;background:#142b47e8;color:#fff;font-size:.75rem;line-height:1.4;white-space:normal}
.gallery-collection .gallery-play .icon{width:16px;height:16px}
.gallery-collection .gallery-caption{display:flex;gap:6px;align-items:flex-start;justify-content:space-between;padding:11px 8px 12px 14px;min-height:68px;border-top:1px solid var(--line)}
.gallery-collection .gallery-caption>span{padding-block:2px;min-width:0;flex:1}
.gallery-collection .gallery-caption time{display:block;color:var(--muted);font-size:.74rem;font-variant-numeric:tabular-nums;line-height:1.6}
.gallery-collection .gallery-caption small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;overflow-wrap:anywhere;font-size:.81rem;line-height:1.55;color:var(--ink);margin-top:4px}
.gallery-collection .gallery-caption .icon-button{flex:none;width:44px;min-width:44px;height:44px;min-height:44px;margin-top:-2px;border-radius:12px}
.media-heading{gap:12px;flex-wrap:wrap;align-items:center}
.media-heading h2{min-width:0;overflow-wrap:anywhere;margin-block:0}
.media-heading .button{min-height:44px;flex-shrink:0}
.identity-summary,.identity-main,.identity-actions,.profile-sections-grid,.resume-entries{min-width:0}
.identity-summary h2,.identity-headline,.identity-role,.profile-section-body,.profile-section h3,.resume-summary h4{overflow-wrap:anywhere}
.identity-actions .button,.profile-share-link{white-space:normal;overflow-wrap:anywhere;max-width:100%;text-align:center}
.profile-share-link{min-height:44px}
.resume-jump a{min-height:44px;display:inline-flex;align-items:center;white-space:normal}
.profile-contacts a,.profile-contact-links>a{overflow-wrap:anywhere;min-width:0;max-width:100%;white-space:normal}
.profile-section-image{display:block;width:100%;height:auto;max-height:min(480px,60dvh);object-fit:contain;background:var(--profile-soft,var(--soft))}
.profile-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;padding:23px;border:1px solid var(--line);border-radius:17px;background:var(--profile-soft,var(--soft));margin-block:22px}
.profile-detail-grid>div{min-width:0}
.profile-detail-grid dt{color:var(--muted);font-size:.74rem;font-weight:650;line-height:1.5;margin-bottom:5px}
.profile-detail-grid dd{margin:0;color:var(--profile-ink,var(--ink));font-size:.9rem;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}
.profile-detail-editor{min-width:0;padding:18px;border:1px solid var(--line);border-radius:15px;margin-block:18px}
.profile-detail-editor[hidden]{display:none}
.profile-detail-editor legend{padding-inline:7px;font-weight:750;color:var(--ink)}
.profile-detail-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.profile-detail-fields .field{margin:0;min-width:0}
.profile-detail-fields .field:has(textarea){grid-column:1/-1}
.profile-toolkit{border:1px solid var(--line);border-radius:15px;padding:16px 18px;background:var(--panel);margin-block:18px}
.profile-toolkit>summary{cursor:pointer;min-height:44px;font-weight:750;color:var(--profile-ink,var(--ink));padding-block:10px;line-height:1.55}
.profile-toolkit>p,.profile-link-promise{color:var(--muted);font-size:.82rem;line-height:1.75;overflow-wrap:anywhere}
.profile-toolkit-actions{display:flex;gap:9px;flex-wrap:wrap}
.profile-toolkit-actions .button{min-height:44px;max-width:100%;white-space:normal;text-align:start}
.profile-link-promise{padding:12px 16px;border-inline-start:3px solid var(--profile-ink,var(--accent));background:var(--profile-soft,var(--soft));border-radius:0 10px 10px 0}
.call-controls{flex-wrap:wrap;justify-content:center}
.hashtag-filter{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 18px;border:1px solid var(--line);border-inline-start:3px solid var(--accent);border-radius:12px;background:var(--soft);padding:13px 16px;margin-bottom:18px}
.hashtag-filter>span{min-width:0;flex:1 1 170px}
.hashtag-filter strong{display:block;font-size:.95rem;color:var(--accent);overflow-wrap:anywhere}
.hashtag-filter small{display:block;font-size:.76rem;line-height:1.65;color:var(--muted);margin-top:3px}
.hashtag-filter .text-button{min-height:44px;max-width:100%;white-space:normal;text-align:start}
.post-hashtag{color:var(--accent);font-weight:700;overflow-wrap:anywhere}
.hashtag-link{display:inline;border:0;border-radius:3px;background:none;color:var(--accent);font:inherit;font-weight:700;padding:0 2px;line-height:inherit;vertical-align:baseline;white-space:inherit;overflow-wrap:anywhere;text-align:start}
.hashtag-link:hover{text-decoration:underline;text-underline-offset:3px}
.language-dialog{max-height:calc(100dvh - 24px)}
.language-dialog .dialog-body{min-height:0}
.language-search{margin-block:14px 16px}
.language-search input{min-height:46px}
.language-dialog .language-options{max-height:min(36dvh,360px);min-height:90px;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;overscroll-behavior:contain;align-content:start;padding:3px}
.language-dialog .language-option{gap:10px;min-width:0;min-height:75px;padding:13px;align-items:center}
.language-dialog .language-option>span{min-width:0;flex:1}
.language-dialog .language-option strong{font-size:1rem;line-height:1.65;overflow-wrap:anywhere}
.language-dialog .language-option small{display:block;line-height:1.5;overflow-wrap:anywhere}
.language-option[hidden]{display:none!important}
.language-dialog .language-option:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:1px}
.language-dialog .language-option .language-coverage{display:inline-block;font-size:.65rem;line-height:1.4;color:var(--muted);padding:3px 6px;border:1px solid var(--line);border-radius:5px;margin-top:5px;background:var(--bg)}
.language-dialog .dialog-footer{position:sticky;bottom:-24px;z-index:2;background:var(--panel);padding-block:16px max(16px,env(safe-area-inset-bottom));margin-top:15px;box-shadow:0 -7px 16px var(--panel)}
.language-preview-status{font-size:.7rem!important;line-height:1.6;max-width:100%;color:var(--muted)!important;text-align:start;padding-block:6px!important;overflow-wrap:anywhere}
.main-footer:has(.language-preview-status){flex-wrap:wrap}
.main-footer .language-preview-status{flex-basis:100%}
.cocreator-list,.cocreator-options{display:grid;gap:10px}
.cocreator-row,.cocreator-invitation{padding:15px;border:1px solid var(--line);border-radius:13px;background:var(--panel);min-width:0}
.cocreator-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.cocreator-row>div:first-child{min-width:0}
.cocreator-row strong,.cocreator-invitation strong{overflow-wrap:anywhere}
.cocreator-row small,.cocreator-options small{display:block;color:var(--muted);font-size:.74rem;overflow-wrap:anywhere}
.cocreator-row .status-pill{display:inline-flex;font-size:.7rem;border-radius:6px;background:var(--soft);color:var(--accent);padding:4px 7px;margin-top:7px}
.cocreator-row-actions{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.cocreator-row-actions>.button,.cocreator-row-actions>.text-button{min-height:44px;max-width:100%;white-space:normal}
.cocreator-invite{margin-top:22px;border-top:1px solid var(--line);padding-top:6px}
.cocreator-invite>p{font-size:.82rem;color:var(--muted);line-height:1.7}
.cocreator-options{max-height:280px;overflow:auto;overscroll-behavior:contain;margin-block:15px}
.cocreator-options .checkbox-line{min-height:55px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;min-width:0;gap:12px}
.cocreator-options .checkbox-line>span{min-width:0}
.cocreator-options .checkbox-line strong{font-size:.83rem;overflow-wrap:anywhere}
.cocreator-invitation{margin-bottom:12px}
.cocreator-invitation header{display:flex;gap:5px 12px;flex-wrap:wrap;align-items:baseline}
.cocreator-invitation header span{font-size:.75rem;color:var(--muted);overflow-wrap:anywhere}
.cocreator-invitation>p{overflow-wrap:anywhere;font-size:.85rem;line-height:1.75}
.post-cocreators{font-size:.76rem;line-height:1.7;color:var(--muted);padding:0 20px 12px;overflow-wrap:anywhere}
.post-cocreators>a{color:var(--accent);font-weight:650;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px}
.post-cocreators>a:hover,.post-cocreators>a:focus-visible{text-decoration-color:currentColor}
@media(hover:hover){.gallery-collection .gallery-open:hover{filter:none;background:var(--soft)}.gallery-collection .gallery-caption .icon-button:hover{background:var(--soft)}}
@media(max-width:760px){
 .topbar{padding-top:max(11px,env(safe-area-inset-top));padding-inline-start:max(10px,env(safe-area-inset-left));padding-inline-end:max(10px,env(safe-area-inset-right));grid-template-columns:32px minmax(0,1fr)}
 .topbar .top-actions{min-width:0;justify-content:flex-end;gap:4px}
 .topbar .mobile-brand{min-width:0;align-self:center}
 .top-actions .icon-button,.top-actions .language-button,.top-actions .inbox-top,.top-actions>.icon-button[data-action=theme],.top-actions>.icon-button[data-action=notifications]{width:44px;min-width:44px;height:44px;min-height:44px}
 .top-actions .mode-top{min-height:44px;min-width:64px;max-width:110px}
 .topbar .search-box{min-width:0}
 .topbar .search-submit{min-width:44px;min-height:44px}
 .mobile-section-picker{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:12px;align-items:center;min-width:0}
 .mobile-section-picker>span{overflow-wrap:anywhere;line-height:1.5}
 .mobile-section-picker select{width:100%;min-width:0;max-width:100%;min-height:46px}
 .page-heading{flex-wrap:wrap;align-items:flex-start}
 .page-heading>div{min-width:0;max-width:100%}
 .page-heading h1{overflow-wrap:anywhere}
 .heading-actions{flex-wrap:wrap;gap:8px}
 .heading-actions .button{max-width:100%;min-height:44px;white-space:normal}
 .mobile-dock{padding-inline-start:max(8px,env(safe-area-inset-left));padding-inline-end:max(8px,env(safe-area-inset-right));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
 .mobile-dock button{min-width:0;min-height:50px;padding:5px 3px}
 .mobile-dock button>span{max-width:100%;line-height:1.25;text-align:center;overflow-wrap:anywhere}
 .gallery-collection{gap:24px}
 .gallery-month-heading{gap:6px 12px;margin-bottom:12px}
 .gallery-month-heading h3{font-size:.96rem}
 .gallery-month-heading>span{font-size:.72rem}
 .gallery-collection .media-library{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .gallery-collection .media-library-item{border-radius:14px}
 .gallery-collection .media-library-item>.gallery-open,.gallery-collection .media-library-item>video{aspect-ratio:1}
 .gallery-collection .gallery-caption{padding:9px 4px 10px 10px;min-height:66px;gap:2px}
 .gallery-collection .gallery-caption time{font-size:.69rem;line-height:1.5}
 .gallery-collection .gallery-caption small{font-size:.75rem;line-height:1.5}
 .gallery-collection .gallery-caption .icon-button{width:44px;min-width:44px}
 .gallery-collection .gallery-play{inset:auto 7px 7px;padding:7px 6px;font-size:.67rem;gap:4px}
 .identity-actions .button,.profile-share-link{min-height:44px}
 .profile-section-image{max-height:min(370px,52dvh)}
 .profile-detail-grid{grid-template-columns:minmax(0,1fr);gap:17px;padding:18px;margin-block:17px}
 .profile-detail-grid dd{font-size:.88rem}
 .profile-detail-fields{grid-template-columns:minmax(0,1fr)}
 .profile-detail-editor{padding:15px 12px}
 .profile-toolkit{padding:12px 15px}
 .work-actions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .work-action-tile{overflow-wrap:anywhere;white-space:normal;line-height:1.45}
 .call-control{flex:0 1 auto;max-width:100%;white-space:normal;overflow-wrap:anywhere}
 .group-call-controls button{overflow-wrap:anywhere;white-space:normal}
 .dialog-body{padding-bottom:max(20px,env(safe-area-inset-bottom))}
 .dialog-head>.icon-button{min-width:44px;width:44px;height:44px}
 .language-dialog .dialog-footer{bottom:-20px}
 .language-dialog .language-options{max-height:32dvh}
 .post-cocreators{padding-inline:16px}
 .image-viewer-dialog .full-photo,.photo-lightbox img{max-height:calc(100dvh - 160px);object-fit:contain}
 .content{padding-inline-start:max(13px,env(safe-area-inset-left));padding-inline-end:max(13px,env(safe-area-inset-right))}
}
@media(max-width:390px){
 .topbar{grid-template-columns:28px minmax(0,1fr);gap:8px 6px;padding-inline-start:max(8px,env(safe-area-inset-left));padding-inline-end:max(8px,env(safe-area-inset-right))}
 .topbar .top-actions{gap:3px}
 .top-actions .mode-top{min-width:64px;max-width:72px;padding-inline:6px;font-size:.67rem}
 .top-actions .mode-top .icon{display:none}
 .topbar .mobile-brand .brand-symbol{width:27px;height:31px}
 .gallery-collection .media-library{gap:9px}
 .gallery-collection .gallery-caption{flex-wrap:wrap;position:relative;padding-inline-end:8px}
 .gallery-collection .gallery-caption>span{flex-basis:100%}
 .gallery-collection .gallery-caption .icon-button{margin-inline-start:auto;margin-bottom:-4px}
 .work-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .content{padding-inline-start:max(10px,env(safe-area-inset-left));padding-inline-end:max(10px,env(safe-area-inset-right))}
}
@media(max-width:430px){.language-dialog .language-options{grid-template-columns:minmax(0,1fr)}.language-dialog .language-option{min-height:70px;padding:11px 13px}}
@media(max-width:340px){
 .top-actions .mode-top{min-width:60px;max-width:60px}
 .mobile-section-picker{grid-template-columns:minmax(0,1fr);gap:6px}
 .gallery-collection .media-library{grid-template-columns:minmax(0,1fr)}
 .gallery-collection .media-library-item>.gallery-open,.gallery-collection .media-library-item>video{aspect-ratio:4/3}
}
@media(prefers-reduced-motion:reduce){.gallery-collection *{animation:none!important;transition:none!important}}
:root[data-motion=reduced] .gallery-collection *{animation:none!important;transition:none!important}
@media(forced-colors:active){.gallery-collection .media-library-item{border:1px solid CanvasText}.gallery-collection .gallery-open:focus-visible{outline-color:Highlight}.gallery-collection .gallery-play{background:Canvas;color:CanvasText;border-color:CanvasText}}