/* Folknity V2 · ORBIT Stability & Experience 11.1. Scoped cleanups after historical V6–V11 layers. */
:root{--f111-white:#f7f8ff;--f111-edge:rgba(191,183,240,.25);--f111-ink:#afb6d1}
:where(button,a,input,select,textarea):focus-visible{outline:2px solid #a99cff;outline-offset:3px}
/* A predictable three-control header; Settings must NEVER be hidden to make room for Create. */
@media(max-width:720px){
 header.topbar:not(.public-header) .topbar-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;min-width:0!important;width:100%!important;min-height:64px!important;box-sizing:border-box!important;padding:0 10px!important}
 header.topbar:not(.public-header) .topbar-inner>.brand{position:relative!important;inset:auto!important;display:inline-flex!important;align-items:center!important;flex:0 1 auto!important;width:auto!important;max-width:calc(100% - 156px)!important;min-width:0!important;margin:0!important;padding:0!important;transform:none!important;white-space:nowrap!important;overflow:hidden!important}
 header.topbar:not(.public-header) .topbar-inner>.brand>span:last-child{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}
 header.topbar:not(.public-header) .topbar-inner>.top-actions{position:relative!important;inset:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important;flex:0 0 150px!important;width:150px!important;max-width:150px!important;margin-left:auto!important;height:50px!important;min-width:0!important;padding:0!important;transform:none!important}
 header.topbar:not(.public-header) .topbar-inner>.top-actions>.top-create,
 header.topbar:not(.public-header) .topbar-inner>.top-actions>.icon-link[title="Notifications"],
 header.topbar:not(.public-header) .topbar-inner>.top-actions>.v5-account-menu{
  position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;order:initial!important;transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;flex:0 0 46px!important;width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;max-width:46px!important;margin:0!important;padding:0!important;border:1px solid rgba(222,218,255,.16)!important;border-radius:14px!important;background:rgba(140,135,205,.09)!important;box-shadow:none!important;z-index:7!important}
 header.topbar:not(.public-header) .topbar-inner>.top-actions>.top-create{order:1!important}
 header.topbar:not(.public-header) .topbar-inner>.top-actions>.icon-link[title="Notifications"]{order:2!important}
 header.topbar:not(.public-header) .topbar-inner>.top-actions>.v5-account-menu{order:3!important}
 header.topbar:not(.public-header) .topbar-inner>.top-actions>.v5-account-menu>.v5-account-toggle{display:grid!important;place-items:center!important;position:static!important;inset:auto!important;width:44px!important;height:44px!important;padding:9px!important;transform:none!important;opacity:1!important;visibility:visible!important;background:transparent!important;border:0!important;color:white!important}
 header.topbar:not(.public-header) .topbar-inner>.top-actions>.top-create>span{display:none!important}
 header.topbar:not(.public-header) .topbar-inner>.top-actions :is(.top-create,.icon-link[title="Notifications"],.v5-account-toggle) svg{width:22px!important;height:22px!important;stroke-width:1.9!important;filter:none!important;color:#fff!important}
 header.topbar:not(.public-header) .topbar-inner>.top-actions>.v5-account-menu>.v5-account-panel{position:absolute!important;top:calc(100% + 8px)!important;right:0!important;left:auto!important;z-index:20!important;max-width:min(315px,calc(100vw - 16px))!important;width:285px!important}
 header.topbar:not(.public-header) .topbar-inner>.top-actions>.icon-link[title="Notifications"] .notice-count{position:absolute!important;top:-2px!important;right:-2px!important}
 header.topbar:not(.public-header) .topbar-inner>.top-actions>.icon-link:not([title="Notifications"]),
 header.topbar:not(.public-header) .topbar-inner>.top-actions>.v5-desktop-profile,
 header.topbar:not(.public-header) .topbar-inner>.top-actions>.top-signout,
 header.topbar:not(.public-header) .topbar-inner>.top-search{display:none!important}
}
@media(max-width:370px){header.topbar:not(.public-header) .topbar-inner>.top-actions{gap:2px!important;flex-basis:138px!important;width:138px!important}header.topbar:not(.public-header) .topbar-inner>.top-actions>:is(.top-create,.icon-link[title="Notifications"],.v5-account-menu){flex-basis:44px!important;width:44px!important;min-width:44px!important}}
/* Explore: entirely new component class; do not inherit the legacy v4 search-field layers. */
body.route-search .main-content .f111-explore-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:20px 0!important;position:relative!important;z-index:30!important;overflow:visible!important}
body.route-search .main-content .f111-explore-field{display:flex!important;align-items:center!important;position:relative!important;width:100%!important;min-width:0!important;height:60px!important;border:1px solid rgba(177,165,238,.55)!important;border-radius:19px!important;background:linear-gradient(135deg,rgba(27,30,64,.97),rgba(12,17,43,.98))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 34px rgba(4,5,20,.16)!important;margin:0!important;padding:0!important;overflow:hidden!important}
body.route-search .main-content .f111-explore-field:focus-within{border-color:#b7a9ff!important;box-shadow:0 0 0 3px rgba(160,143,244,.18)!important}
body.route-search .main-content .f111-explore-lens{display:grid!important;place-items:center!important;position:absolute!important;left:17px!important;top:50%!important;transform:translateY(-50%)!important;color:#b8aeef!important;width:25px!important;height:25px!important;pointer-events:none!important}
body.route-search .main-content .f111-explore-lens svg{width:22px!important;height:22px!important;stroke-width:2!important}
body.route-search .main-content .f111-explore-field input[type="search"]{display:block!important;flex:1!important;width:100%!important;max-width:100%!important;min-width:0!important;height:58px!important;margin:0!important;padding:12px 44px 12px 56px!important;border:0!important;outline:0!important;border-radius:19px!important;background:transparent!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font:500 16px/1.4 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:0!important;box-shadow:none!important;appearance:none!important;-webkit-appearance:none!important}
body.route-search .main-content .f111-explore-field input::placeholder{color:#b7bedb!important;-webkit-text-fill-color:#b7bedb!important;opacity:1!important}
body.route-search .main-content .f111-explore-submit{min-height:60px!important;margin:0!important;padding:0 27px!important;border-radius:17px!important;white-space:nowrap!important;font-weight:750!important}
body.route-search .main-content .folk-suggest-list:not([hidden]){grid-column:1/-1!important;position:absolute!important;top:calc(100% + 5px)!important;left:0!important;width:min(100%,570px)!important;z-index:55!important;border-radius:15px!important;background:#191b3f!important;box-shadow:0 25px 55px #0204109e!important}
body.route-search .main-content .v4-scope-tabs{position:relative;z-index:3;overflow-x:auto;scrollbar-width:none}
@media(max-width:580px){body.route-search .main-content .f111-explore-form{grid-template-columns:minmax(0,1fr)!important;gap:9px!important}body.route-search .main-content .f111-explore-submit{width:100%!important;min-height:48px!important}}
/* Single creator bubble, thin accent ring until all stories seen. */
.f111-stories-strip{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
.f111-stories-strip .f111-story-person .story-ring{display:grid!important;place-items:center!important;width:65px!important;height:65px!important;padding:3px!important;border:2px solid rgba(170,145,250,.95)!important;background:transparent!important;box-shadow:none!important;border-radius:50%!important}
.f111-stories-strip .f111-story-person .story-ring .avatar{width:56px!important;height:56px!important;max-width:56px!important;max-height:56px!important;border:0!important;outline:0!important;padding:0!important;box-shadow:none!important;object-fit:cover!important;border-radius:50%!important}
.f111-stories-strip .f111-story-person.f111-story-seen .story-ring{border-color:rgba(165,172,196,.44)!important}
.f111-stories-strip .f111-story-person.f111-story-unseen .story-ring{border-color:#ac95ff!important}
.f111-story-open{overflow:hidden!important}
.f111-story-modal[hidden]{display:none!important}.f111-story-modal{position:fixed;inset:0;z-index:9990;display:grid;place-items:center;overflow:hidden;background:#03040af5;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
.f111-story-shade{position:absolute;inset:0;background:#04040b}
.f111-story-stage{position:relative;isolation:isolate;width:min(100vw,calc(94dvh * .5625));height:min(100dvh,94dvh);max-height:100dvh;overflow:hidden;border-radius:17px;background:#040610;color:#fff;contain:layout style paint;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.f111-story-content{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:#040610}
.f111-story-content .story-view{position:absolute;inset:0;width:100%!important;height:100%!important;display:grid;place-items:center;margin:0!important;padding:0!important;background:#040610!important;overflow:hidden}
.f111-story-content .story-view img,.f111-story-content .story-view video{width:100%!important;height:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;display:block!important;image-rendering:auto}
.f111-story-content .story-view>p{position:absolute;bottom:16px;left:16px;right:16px;padding:12px;border-radius:12px;background:#090b1b9e;color:white;pointer-events:none;z-index:8}
.f111-story-content .story-view .v10-story-author-wrap{position:absolute!important;left:16px!important;right:52px!important;top:calc(28px + env(safe-area-inset-top))!important;z-index:20!important;background:transparent!important;min-width:0!important;margin:0!important;padding:0!important}
.f111-story-content .v10f-story-identity{display:inline-flex!important;align-items:center!important;gap:8px!important;min-width:0!important}
.f111-story-content .v10f-story-identity .avatar{height:32px!important;width:32px!important;min-width:32px!important;max-width:32px!important;object-fit:cover!important;border:1px solid #aaa0dd!important;border-radius:50%!important;box-shadow:none!important}
.f111-story-content .v10f-story-identity strong{display:inline-flex!important;align-items:center!important;gap:5px!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.f111-story-tracks{position:absolute;z-index:30;left:10px;right:10px;top:calc(12px + env(safe-area-inset-top));display:flex;gap:4px;align-items:center;pointer-events:none}
.f111-story-track{display:block;height:2.5px;flex:1;min-width:2px;border-radius:3px;background:#ffffff52;overflow:hidden}.f111-story-track i{display:block;width:100%;height:100%;background:white;transform:scaleX(0);transform-origin:left center;will-change:transform}
.f111-story-close{position:absolute;top:calc(28px + env(safe-area-inset-top));right:12px;z-index:40;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:#0b0e2582;color:white;font-size:18px;cursor:pointer}
.f111-story-prev,.f111-story-next{position:absolute;z-index:10;top:78px;bottom:15px;width:37%;border:0;background:transparent;-webkit-tap-highlight-color:transparent;touch-action:pan-y;cursor:pointer}.f111-story-prev{left:0}.f111-story-next{right:0}
.f111-story-hint{position:absolute;bottom:0;left:0;right:0;text-align:center;color:#dbdcf3;font-size:10px;pointer-events:none;opacity:.52;z-index:20}
.f111-story-loading{color:#cdd2f8;font-size:13px}
@media(max-width:720px){.f111-story-stage{width:100vw;height:100dvh;max-height:100dvh;border-radius:0}}
/* Multi-recipient share sheet remains in place after send. */
.f111-share-form{display:grid;gap:9px;min-height:0}.f111-share-form .f9-share-recipients{min-height:40px;max-height:44dvh;overflow-y:auto;display:grid;gap:6px}
.f111-share-person{display:flex;align-items:center;gap:11px;width:100%;padding:10px;border-radius:14px;border:1px solid #c6bcff2a;background:#ffffff0b;color:white;cursor:pointer;min-height:54px}
.f111-share-person:has(input:checked){background:#8274da35;border-color:#ad9cf8}
.f111-share-person>input{accent-color:#a38aff;flex:0 0 auto;width:18px;height:18px}
.f111-share-person>.avatar{width:39px;height:39px;object-fit:cover;flex:none}
.f111-share-person>span:not(.f111-share-check){display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.f111-share-person small{color:#b7c0de;font-size:11px}
.f111-share-check{opacity:0;color:#ccbfff}.f111-share-person:has(input:checked) .f111-share-check{opacity:1}
.f111-share-feedback{font-size:12px;color:#d1caf7;min-height:1.2em;margin:0}
/* Media view labels are measured unique daily opens, not invented view metrics. */
.f111-views,.f111-reel-views{position:absolute;left:13px;bottom:14px;z-index:5;pointer-events:none;color:#f8f9ff;font-size:12px;font-weight:700;padding:5px 9px;background:#050714c2;border:1px solid #ffffff36;border-radius:999px;backdrop-filter:blur(4px);text-shadow:0 1px 2px #000}
.f111-views{bottom:12px}.v10f-reels .f111-reel-views{bottom:calc(12px + env(safe-area-inset-bottom))!important;left:13px!important;z-index:8!important;font-size:11px}
.f111-collab-authors{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:6px;color:#b8c0dd;font-size:12px}
.f111-collab-authors>a{display:inline-flex;align-items:center;gap:5px;color:#e6e5ff;text-decoration:none;border:1px solid #a8a3d63b;background:#ffffff0c;border-radius:999px;padding:3px 7px}
.f111-collab-authors>a .avatar{width:23px!important;height:23px!important;min-width:23px!important;max-width:23px!important;object-fit:cover;border:0;border-radius:50%}
.f111-collab-authors .verified{width:15px;height:15px}
/* Follow lists: private-profile rules enforced server-side. */
.f111-connection-tabs{display:flex;gap:10px;margin-bottom:13px}.f111-connection-tabs a{flex:1;text-decoration:none;text-align:center;padding:13px 12px;border-radius:12px;background:#141a37;color:#cdd4ee;border:1px solid #9a9ad447;font-weight:700}.f111-connection-tabs a.selected{background:#463875;color:white;border-color:#afa0ec}
.f111-connection-list{display:grid;gap:0}.f111-connection-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #ffffff1a}.f111-connection-row:last-child{border-bottom:0}.f111-connection-row>a{display:flex;align-items:center;gap:10px;min-width:0;text-decoration:none;color:#fff}.f111-connection-row>a>span{display:flex;flex-direction:column;min-width:0}.f111-connection-row small{font-size:12px;color:#aab3d1}.f111-connection-row .button{flex:none}
/* Reels: full viewport with a subtle backdrop for letterboxed landscape media, never stretch. */
.v10f-reels .v10-reel-frame{background:#03040a!important;isolation:isolate}
.v10f-reels .v10-reel-video{object-fit:contain!important;image-rendering:auto!important;will-change:auto}
.v10f-reels .v10-reel-badge{right:calc(12px + env(safe-area-inset-right))!important;top:calc(9px + env(safe-area-inset-top))!important;z-index:18!important}
.v10f-reels .f11-reel-audio{display:grid!important;place-items:center!important;position:absolute!important;left:auto!important;bottom:auto!important;right:calc(12px + env(safe-area-inset-right))!important;top:calc(55px + env(safe-area-inset-top))!important;z-index:19!important;width:41px!important;height:41px!important;min-width:41px!important;min-height:41px!important;padding:9px!important;margin:0!important;border-radius:50%!important;border:1px solid #ffffff61!important;background:#090c20bd!important;color:#fff!important;box-shadow:none!important;backdrop-filter:blur(6px)!important;cursor:pointer!important}
.v10f-reels .f11-reel-audio svg{width:21px!important;height:21px!important;stroke-width:2!important}
.v10f-reels .v10-reel-tools :is(button,a){transition:transform .13s ease,background .13s ease!important;-webkit-tap-highlight-color:transparent}
.v10f-reels .v10-reel-tools :is(button,a):active{transform:scale(.91)!important}
.v10f-reels .v10-reel-tools svg{width:28px!important;height:28px!important;stroke-width:1.95!important;color:white!important;filter:drop-shadow(0 1px 2px #0009)}
.v10f-reels .v10f-reel-action button[aria-pressed="true"] svg{color:#dcbcff!important}
.v10f-reels .v10-reel-main{pointer-events:auto!important;z-index:12!important}
.v10f-reels-exit{z-index:25!important;min-height:42px!important;min-width:86px!important;font-weight:800!important;transition:none!important;touch-action:manipulation}
.v10f-reels .v10-reel-slide{scroll-snap-align:start;content-visibility:auto;contain-intrinsic-size:auto 100dvh}
/* Public stand-alone reel for eligible guests opening /reel/{short-code}. */
body.route-public_reel_v111{background:#03040b!important}.public-main:has(>.v111-public-reel){width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.v111-public-reel{display:flex;align-items:center;justify-content:center;gap:26px;max-width:1200px;margin:auto;padding:28px 18px;background:#03040b;color:#fff;min-height:calc(100dvh - 80px)}
.v111-public-reel-video{position:relative;height:min(82dvh,840px);width:min(470px,100%);display:grid;place-items:center;background:#02030a;overflow:hidden;border-radius:19px;border:1px solid #c6b5ff42}
.v111-public-reel-video video{display:block;width:100%;height:100%;object-fit:contain}
.v111-public-watermark{position:absolute;right:12px;top:12px;border-radius:8px;background:#03040b99;padding:7px 10px;color:#fff;font-size:12px;pointer-events:none}
.v111-public-reel-caption{max-width:330px;display:grid;gap:16px}.v111-public-reel-caption>a{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none}.v111-public-reel-caption>div{display:flex;flex-wrap:wrap;gap:9px}.v111-public-reel-caption p{white-space:pre-wrap;color:#c7cce4}
@media(max-width:700px){.v111-public-reel{flex-direction:column;gap:16px;padding:15px 10px}.v111-public-reel-video{height:72dvh;width:min(100%,470px);border-radius:12px}.v111-public-reel-caption{width:100%;max-width:470px}}
@media(prefers-reduced-motion:reduce){.v10f-reels .v10-reel-tools :is(button,a){transition:none!important}.f111-story-track i{will-change:auto}}