/* Folknity Build 11: targeted repairs. Premium white ink, violet focus, no glow. */
:root{--f11-ink:#f9fbff;--f11-edge:rgba(191,196,241,.30)}
/* Mobile header is one 2-button row, not three individually positioned overlays. */
@media(max-width:720px){
 header.topbar:not(.public-header) .topbar-inner{position:relative!important;min-height:62px!important;display:flex!important;align-items:center!important;padding-inline:12px!important}
 header.topbar:not(.public-header) .topbar-inner>.brand{position:relative!important;flex:0 1 auto!important;width:auto!important;max-width:calc(100% - 118px)!important;min-width:0!important;margin:0!important;padding:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
 header.topbar:not(.public-header) .topbar-inner>.brand>span:last-child{overflow:hidden;text-overflow:ellipsis}
 header.topbar:not(.public-header) .topbar-inner>.top-actions{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;flex:0 0 106px!important;width:106px!important;height:48px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;margin:0 0 0 auto!important;padding:0!important;transform:none!important}
 header.topbar:not(.public-header) .top-actions>.top-create,
 header.topbar:not(.public-header) .top-actions>.icon-link[title="Notifications"]{position:static!important;inset:auto!important;right:auto!important;left:auto!important;top:auto!important;bottom:auto!important;transform:none!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 46px!important;width:46px!important;min-width:46px!important;height:46px!important;min-height:46px!important;padding:8px!important;order:0!important;z-index:auto!important;box-shadow:none!important;border-radius:14px!important}
 header.topbar:not(.public-header) .top-actions>.icon-link[title="Notifications"]{order:1!important}
 header.topbar:not(.public-header) .top-actions>.top-create>span{display:none!important}
 header.topbar:not(.public-header) .top-actions>.top-create svg,
 header.topbar:not(.public-header) .top-actions>.icon-link[title="Notifications"] svg{width:23px!important;height:23px!important;stroke-width:1.9!important}
 header.topbar:not(.public-header) .top-actions>.icon-link:not([title="Notifications"]),
 header.topbar:not(.public-header) .top-actions>.v5-account-menu,
 header.topbar:not(.public-header) .top-actions>.v5-desktop-profile,
 header.topbar:not(.public-header) .top-actions>.top-signout,
 header.topbar:not(.public-header) .topbar-inner>.top-search{display:none!important}
 header.topbar:not(.public-header) .top-actions .notice-count{position:absolute;right:0;top:0}
}
/* Explore input: dependable borders, explicit field width and text/icon spacing. */
body.route-search .main-content .v4-explore-form{display:flex!important;align-items:stretch!important;gap:12px!important;overflow:visible!important;max-width:100%!important;min-width:0!important}
body.route-search .main-content .v4-explore-search.f11-search-field{position:relative!important;display:flex!important;align-items:center!important;flex:1 1 250px!important;min-width:0!important;width:auto!important;min-height:56px!important;margin:0!important;border-radius:16px!important;background:#0d1530!important;border:1px solid #8782bd!important;box-shadow:0 0 0 1px #ffffff08!important;overflow:hidden!important}
body.route-search .main-content .f11-search-field input[type=search]{height:56px!important;width:100%!important;min-height:56px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;padding:12px 48px 12px 18px!important;appearance:none!important;-webkit-appearance:none!important;font-size:16px!important;line-height:1.4!important;letter-spacing:normal!important}
body.route-search .main-content .f11-search-field input::placeholder{color:#bec9df!important;-webkit-text-fill-color:#bec9df!important;opacity:1!important}
body.route-search .main-content .f11-search-field:focus-within{border-color:#b9a5ff!important;outline:2px solid #8a79e666!important;outline-offset:2px}
body.route-search .main-content .f11-search-lens{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:24px;height:24px;pointer-events:none;color:#b7abed}
body.route-search .main-content .f11-search-lens svg{height:22px;width:22px}
body.route-search .main-content .v4-explore-form>.button{min-height:56px!important;border-radius:15px!important;align-self:stretch!important}
body.route-search .main-content .folk-suggest-list[hidden]{display:none!important}
@media(max-width:560px){body.route-search .main-content .v4-explore-form>.button{flex:1 0 100%!important}}
/* Reels: author and caption remain grouped; mute button above creator, free of side rail. */
.v10f-reels .v10-reel-main{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;max-width:calc(100% - 90px)!important;min-width:0!important}
.v10f-reels .v10-reel-main>.v10-reel-author{display:inline-flex!important;align-items:center!important;gap:9px!important;max-width:100%!important;min-width:0!important}
.v10f-reels .v10-reel-main>.v10-reel-author>span{min-width:0!important;max-width:100%!important}
.v10f-reels .v10-reel-main>.v10-reel-author strong{display:flex;align-items:center;gap:5px;overflow-wrap:anywhere}
.v10f-reels .v10-reel-main>.f11-reel-caption{margin:0!important;max-width:100%!important;font-size:13px!important;line-height:1.45!important;overflow-wrap:anywhere!important;text-align:left!important;display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden!important}
.v10f-reels .f11-reel-audio{order:-1!important;position:relative!important;top:auto!important;right:auto!important;left:auto!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;padding:9px!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:50%!important;color:#fff!important;background:#080d22b5!important;display:inline-grid!important;place-items:center!important;cursor:pointer!important;backdrop-filter:blur(6px)}
.v10f-reels .f11-reel-audio svg{width:22px;height:22px;pointer-events:none}
.v10f-reels .f11-reel-audio[aria-pressed="true"] .f11-slash{display:none}
.v10f-reels .f11-reel-audio[aria-pressed="false"] .f11-wave{display:none}
.v10f-reels .v10-reel-tools .v10-reel-play,.v10f-reels .v10-reel-tools .v10f-reel-link{display:none!important}
.v10f-reels .v10-reel-video{-webkit-tap-highlight-color:transparent!important;user-select:none!important;-webkit-user-select:none!important;-webkit-touch-callout:none!important;outline:0!important;touch-action:pan-y!important;cursor:pointer!important}
.v10f-reels .v10-reel-video:focus-visible{outline:2px solid #b7a8ff!important;outline-offset:-3px!important}
.v10f-reels .v10-reel-frame{background:#03040b!important}
.v10f-reels .v10-reel-tools button,.v10f-reels .v10-reel-tools a{-webkit-tap-highlight-color:transparent!important}
.f11-reel-pause-indicator{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.96);padding:16px 19px;background:#07091799;color:#fff;border-radius:50%;font-size:23px;z-index:41;pointer-events:none;opacity:0;transition:opacity .16s ease,transform .16s ease}
.f11-reel-pause-indicator.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}
/* Comment drawer: avatar, verified badge, author metadata, body and likes. */
.v10f-comments-list .v10-2-comment-head{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:10px!important;min-width:0!important}
.v10f-comments-list .v10-2-comment-avatar{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;flex:0 0 42px!important;overflow:hidden!important;border-radius:50%!important;background:#38325e!important}
.v10f-comments-list .v10-2-comment-avatar img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;max-width:none!important;border-radius:50%!important}
.v10f-comments-list .v10-2-comment-head>div{min-width:0!important;max-width:calc(100% - 52px)!important}
.v10f-comments-list .v10-2-comment-head a{display:inline-flex!important;align-items:center!important;gap:5px!important;max-width:100%!important;overflow-wrap:anywhere!important}
.f11-verified{font-size:11px;background:#238ce7;color:#fff;border-radius:50%;width:15px;height:15px;display:inline-grid;place-items:center;line-height:1;font-weight:900;flex:none;text-shadow:none}
.v10f-comments-list .v10-2-comment p{margin-left:52px!important}
.v10f-comments-list .v10-2-comment-like{margin-left:52px!important}
@media(prefers-reduced-motion:reduce){.f11-reel-pause-indicator{transition:none!important}}

/* Story creator row and blue tick: attached, smaller visible rings. */
.f9-story-viewer .story-view .v10f-story-identity,.story-view>.v10-story-author-wrap .v10f-story-identity{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;width:max-content!important;max-width:calc(100vw - 90px)!important}
.f9-story-viewer .story-view .v10f-story-identity .avatar,.story-view .v10f-story-identity .avatar{width:33px!important;height:33px!important;min-width:33px!important;max-width:33px!important;border:2px solid #ac85f2!important;box-shadow:none!important;padding:0!important}
.f9-story-viewer .story-view .v10f-story-identity strong,.story-view .v10f-story-identity strong{display:flex!important;align-items:center!important;gap:5px!important;text-align:left!important;white-space:nowrap!important}
.f9-story-viewer .story-view .v10f-story-identity .verified,.story-view .v10f-story-identity .verified{display:inline-flex!important;align-items:center!important;width:17px!important;height:17px!important;flex:0 0 17px!important}
.f9-story-viewer .story-view .v10f-story-identity .verified svg{width:17px!important;height:17px!important}
.stories-strip .story-person .avatar{border-width:2px!important;box-shadow:none!important;padding:0!important}
