/* Folknity V2 Build 13 — ORBIT NEXT. Visual-only, scoped to approved social views.
   Not applied to public homepage, authentication, or Super Admin views.
   Do not alter Story hit areas, media handlers, permissions or modal stacking. */
body:is(.route-feed,.route-search,.route-profile,.route-inbox,.route-chat,.route-saved,.route-notifications){
 --f13-panel:linear-gradient(145deg,rgba(23,31,57,.98),rgba(11,18,34,.98));
 --f13-line:rgba(175,192,242,.17);--f13-cyan:#7de7ec;--f13-lilac:#b8a3ff;
 --f13-ease:cubic-bezier(.22,.8,.25,1);
 background-color:#090f20;
 background-image:radial-gradient(ellipse 60vw 40vw at 90% 7%,rgba(107,79,202,.13),transparent 76%),radial-gradient(ellipse 43vw 38vw at 5% 60%,rgba(46,156,180,.075),transparent 76%);
 background-attachment:fixed;-webkit-font-smoothing:antialiased;
}
body:is(.route-feed,.route-search,.route-profile,.route-inbox,.route-chat,.route-saved,.route-notifications) :is(a,button,input):focus-visible{outline:2px solid #7de7ec!important;outline-offset:3px!important}
html:has(body:is(.route-feed,.route-search,.route-profile,.route-inbox,.route-chat,.route-saved,.route-notifications)){background:#090f20}
/* An original icon system, with the dedicated server-rendered clapperboard/play Reels glyph. */
body:is(.route-feed,.route-search,.route-profile,.route-inbox,.route-chat,.route-saved,.route-notifications) :is(.side-menu,.mobile-nav,.profile-v4-tabs,.top-actions) .f-icon{width:23px;height:23px;stroke-width:1.9!important;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;transition:transform .18s ease,color .2s ease}
body:is(.route-feed,.route-search,.route-profile,.route-inbox,.route-chat,.route-saved,.route-notifications) :is(.side-menu,.mobile-nav,.profile-v4-tabs) :is(button,a):active .f-icon{transform:scale(.90)}
body:is(.route-feed,.route-search,.route-profile,.route-inbox,.route-chat,.route-saved,.route-notifications) .topbar.v3-topbar{background:rgba(9,14,31,.94);border-bottom:1px solid rgba(189,200,244,.13);box-shadow:0 9px 32px #0002;backdrop-filter:blur(20px) saturate(1.2)}
body:is(.route-feed,.route-search,.route-profile,.route-inbox,.route-chat,.route-saved,.route-notifications) .app-shell{max-width:1400px;grid-template-columns:minmax(208px,237px) minmax(0,680px) minmax(234px,270px);gap:clamp(14px,2vw,28px)}
body:is(.route-feed,.route-search,.route-profile,.route-inbox,.route-chat,.route-saved,.route-notifications) .aside-label{color:#8396b5;letter-spacing:.18em}
body:is(.route-feed,.route-search,.route-profile,.route-inbox,.route-chat,.route-saved,.route-notifications) .side-menu .side-link{border:1px solid transparent;border-radius:15px;min-height:46px;color:#bfc9df;font-size:13px;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .2s var(--f13-ease)}
body:is(.route-feed,.route-search,.route-profile,.route-inbox,.route-chat,.route-saved,.route-notifications) .side-menu .side-link:hover{transform:translateX(2px);color:#fff;background:rgba(125,133,212,.10);border-color:rgba(180,192,255,.14)}
body:is(.route-feed,.route-search,.route-profile,.route-inbox,.route-chat,.route-saved,.route-notifications) .side-menu .side-link.current{background:linear-gradient(100deg,rgba(139,104,246,.22),rgba(91,204,230,.04));border-color:rgba(182,160,250,.25);box-shadow:inset 3px 0 0 #a78cf8;color:#fff}
body:is(.route-feed,.route-search,.route-profile,.route-inbox,.route-chat,.route-saved,.route-notifications) .v10f-desktop-reels .side-icon{color:var(--f13-cyan);display:grid;place-items:center}
body:is(.route-feed,.route-search,.route-profile,.route-inbox,.route-chat,.route-saved,.route-notifications) .mini-user{border-top-color:var(--f13-line);background:rgba(160,174,243,.035);border-radius:13px}
/* Timeline: original Folknity 'orbit line' as a fine edge, not a copied Instagram card. */
body.route-feed:not(:has(.v10-reels)) .feed-top{border-bottom:1px solid var(--f13-line);padding-bottom:15px;margin-bottom:17px}
body.route-feed:not(:has(.v10-reels)) .feed-top h1{font-weight:840;letter-spacing:-.04em;line-height:1.1}
body.route-feed:not(:has(.v10-reels)) .feed-tabs{padding:4px;border:1px solid var(--f13-line);border-radius:16px;background:#101a31c9;gap:3px}
body.route-feed:not(:has(.v10-reels)) .feed-tabs a{border-radius:12px;transition:background .18s ease,color .18s ease}
body.route-feed:not(:has(.v10-reels)) .feed-tabs a:is(.active,[aria-current="page"]){background:linear-gradient(105deg,#8b69ee42,#65d8e51d)}
body.route-feed:not(:has(.v10-reels)) .composer-prompt{background:var(--f13-panel);border:1px solid var(--f13-line);border-radius:19px;box-shadow:0 12px 33px #0003;transition:border-color .2s ease,transform .2s var(--f13-ease)}
body.route-feed:not(:has(.v10-reels)) .composer-prompt:hover{border-color:#a390e3a3;transform:translateY(-1px)}
body.route-feed:not(:has(.v10-reels)) .composer-plus{background:linear-gradient(135deg,#8067ed,#48bdd0);box-shadow:0 6px 20px #6352d237;border-radius:12px}
body:is(.route-feed,.route-profile,.route-search,.route-saved) .post-card{isolation:isolate;position:relative;background:var(--f13-panel)!important;border:1px solid var(--f13-line)!important;border-radius:22px!important;box-shadow:0 16px 48px #0306164f,inset 0 1px #fff08!important;overflow:hidden;transition:border-color .22s ease,box-shadow .24s var(--f13-ease),transform .24s var(--f13-ease)}
body:is(.route-feed,.route-profile,.route-search,.route-saved) .post-card:before{content:"";display:block;height:2px;background:linear-gradient(90deg,#8c71ec,#61d2e0 42%,transparent 88%);opacity:.7}
body:is(.route-feed,.route-profile,.route-search,.route-saved) .post-card:hover{border-color:rgba(185,164,255,.34)!important;box-shadow:0 21px 53px #0206166a!important;transform:translateY(-2px)}
body:is(.route-feed,.route-profile,.route-search,.route-saved) .post-card .post-header{padding:16px 17px 12px!important;gap:11px}
body:is(.route-feed,.route-profile,.route-search,.route-saved) .post-header .avatar:not(.avatar-fallback){border:1px solid rgba(186,208,252,.38);box-shadow:0 0 0 3px #866eea18}
body:is(.route-feed,.route-profile,.route-search,.route-saved) .post-card .post-identity strong{font-weight:780;letter-spacing:-.014em}
body:is(.route-feed,.route-profile,.route-search,.route-saved) .post-card :is(.post-subtitle,.f113-post-time){color:#abbad4;font-size:11px}
body:is(.route-feed,.route-profile,.route-search,.route-saved) .post-card .post-text{padding:0 18px 16px;line-height:1.66;overflow-wrap:anywhere}
body:is(.route-feed,.route-profile,.route-search,.route-saved) .post-card .post-media{background:#080e1e;border-radius:14px!important;overflow:hidden;max-width:100%}
body:is(.route-feed,.route-profile,.route-search,.route-saved) .post-card .post-footer{padding:9px 12px!important;background:rgba(4,10,24,.18);border-top:1px solid #afc7fb14}
body:is(.route-feed,.route-profile,.route-search,.route-saved) .post-card .post-actions{display:flex;flex-wrap:wrap;justify-content:space-around;gap:4px}
body:is(.route-feed,.route-profile,.route-search,.route-saved) .post-card .post-actions :is(.chip,a,button){border-radius:11px!important;min-height:37px;font-size:12px;font-weight:650;transition:background .18s ease,color .18s ease,transform .15s ease}
body:is(.route-feed,.route-profile,.route-search,.route-saved) .post-card .post-actions :is(.chip,a,button):hover{background:#9986f525;color:#fff}
body:is(.route-feed,.route-profile,.route-search,.route-saved) .post-card .post-actions :is(.chip,a,button):active{transform:scale(.95)}
/* Story rail and viewer: chrome only, all click/tap/hold/seen logic unchanged. */
body.route-feed .stories-strip.f111-stories-strip{padding:15px 12px;border:1px solid var(--f13-line);border-radius:19px;background:linear-gradient(130deg,#16203ae8,#0f172be8);gap:12px;box-shadow:0 10px 34px #0003;scroll-padding-inline:12px}
body.route-feed .f111-story-person,body.route-feed .story-person.add{transition:transform .18s var(--f13-ease)}
body.route-feed .f111-story-person:hover,body.route-feed .story-person.add:hover{transform:translateY(-2px)}
body.route-feed .f111-story-person .story-ring{border-radius:50%;background:conic-gradient(from 26deg,#60d1e1,#8d74ff,#d48cf5,#60d1e1)!important;padding:3px!important;box-shadow:0 0 0 3px #7a63e517,0 6px 18px #0004}
body.route-feed .f111-story-person.f111-story-seen .story-ring{background:linear-gradient(135deg,#536277,#8492a6)!important;box-shadow:none}
body.route-feed .f111-story-person .story-ring .avatar{border-radius:50%!important;object-fit:cover;border:2px solid #11192e!important}
body.route-feed .story-person.add .story-ring{border:1px dashed #81d6e2a8;background:#66bfdd12}
body.route-feed .f111-story-person small{color:#cbd8ee!important}
body.route-feed .f111-story-person.f111-story-seen small{color:#8496b0!important}
body.route-feed .f113-story-viewer .f113-story-track{background:#ffffff51;border-radius:30px}
body.route-feed .f113-story-viewer .f113-story-track i{background:linear-gradient(90deg,#fff,#bff7ff)}
body.route-feed .f113-story-viewer .f113-story-close{border:1px solid #ffffff4a;background:#101a2fc6;box-shadow:0 5px 19px #0005;transition:background .18s ease}
body.route-feed .f113-story-viewer .f113-story-close:hover{background:#56428dbf}
body.route-feed .f113-story-media .story-view>p{background:linear-gradient(90deg,#101a30e8,#21204bcd)!important;border:1px solid #b7c9fc24;box-shadow:0 7px 23px #0005}
/* Explore: clearer cards and light, inexpensive hover motion. */
body.route-search .main-content .f112-explore-inputrow{background:linear-gradient(115deg,#141d39,#101a32)!important;border-color:#9b94d075!important;box-shadow:0 12px 33px #0004,inset 0 1px #fff0a!important;transition:border-color .18s ease,box-shadow .18s ease!important}
body.route-search .main-content .f112-explore-inputrow:focus-within{border-color:#86e9e7!important;box-shadow:0 12px 32px #0004,0 0 0 3px #63d5eb1a!important}
body.route-search .main-content :is(.v4-discover-person,.v4-discover-space,.v4-explore-start){border:1px solid var(--f13-line);border-radius:19px;background:var(--f13-panel);transition:border-color .2s ease,transform .2s var(--f13-ease),box-shadow .2s ease}
body.route-search .main-content :is(.v4-discover-person,.v4-discover-space):hover{border-color:#a69bdf7f;transform:translateY(-2px);box-shadow:0 13px 30px #0004}
body.route-search .main-content :is(.v4-discover-person,.v4-discover-space) .avatar{object-fit:cover}
/* Profiles: orbit-style header and refined stats, with existing tabs and follow controls. */
body.route-profile .folknity-profile{border:1px solid var(--f13-line);border-radius:24px;overflow:hidden;box-shadow:0 18px 54px #0004;background:var(--f13-panel)}
body.route-profile .folknity-profile .profile-cover{background:radial-gradient(ellipse at 22% 45%,#5ddfea33,transparent 40%),radial-gradient(ellipse at 83% 8%,#9662e677,transparent 56%),linear-gradient(145deg,#101e41,#201b4d 55%,#081426)}
body.route-profile .profile-top>.avatar{border:4px solid #10192b!important;box-shadow:0 0 0 2px #96c2f745,0 12px 26px #0006!important}
body.route-profile .profile-inner h1{font-weight:840;letter-spacing:-.038em}
body.route-profile .profile-stats{border-top:1px solid var(--f13-line);border-bottom:1px solid var(--f13-line);padding:12px 0;gap:8px}
body.route-profile .profile-stats strong{font-variant-numeric:tabular-nums;font-weight:840}
body.route-profile .profile-v4-tabs{border:1px solid var(--f13-line);border-radius:15px;padding:4px;gap:4px;background:#060e222e}
body.route-profile .profile-v4-tabs a{border-radius:11px;transition:background .18s ease}
body.route-profile .profile-v4-tabs a.active{background:linear-gradient(115deg,#8b63e943,#62d7e41e)}
body.route-profile .profile-photo-grid img{object-fit:cover;transition:transform .27s var(--f13-ease)}
body.route-profile .profile-photo-grid a:hover img{transform:scale(1.035)}
/* Reels: controls' shapes/hover look only. Leave all swipe/touch video selectors unchanged. */
body.route-feed:has(.v10f-reels) .v10-reel-frame{border:1px solid #c0c9fd35;box-shadow:0 23px 76px #000a,0 0 0 1px #796ee320}
body.route-feed:has(.v10f-reels) .v10-reel-badge{letter-spacing:.045em;background:#0d1529b9;border:1px solid #b0c2fc59;border-radius:10px;backdrop-filter:blur(9px)}
body.route-feed:has(.v10f-reels) .v10-reel-tools :is(button,a){border:1px solid #d2e2ff33;background:#0e162ca5;box-shadow:0 5px 18px #0005;backdrop-filter:blur(7px);transition:border-color .18s ease,background .18s ease}
body.route-feed:has(.v10f-reels) .v10-reel-tools :is(button,a):hover{background:#6854aaad;border-color:#b7a7f18c}
body.route-feed:has(.v10f-reels) .v10-reel-main .f11-reel-caption{line-height:1.5}
/* Subtle, quiet sidebar, so people and media remain in focus. */
body:is(.route-feed,.route-search,.route-profile) .right-sidebar .widget{background:var(--f13-panel);border:1px solid var(--f13-line);border-radius:19px;box-shadow:0 11px 30px #0002}
body:is(.route-feed,.route-search,.route-profile) .right-sidebar .eyebrow{letter-spacing:.17em;color:#8bdae8}
/* Device sizing and reduced-motion. No forced scrolling or full-screen position changes. */
@media(max-width:1100px){body:is(.route-feed,.route-search,.route-profile,.route-inbox,.route-chat,.route-saved,.route-notifications) .app-shell{grid-template-columns:215px minmax(0,680px);gap:18px}}
@media(max-width:720px){
 body:is(.route-feed,.route-search,.route-profile,.route-inbox,.route-chat,.route-saved,.route-notifications) .app-shell{display:block;padding:11px 10px calc(94px + env(safe-area-inset-bottom))}
 body:is(.route-feed,.route-search,.route-profile,.route-inbox,.route-chat,.route-saved,.route-notifications) .mobile-nav.f8-bottom-nav{background:#0a1022f6!important;border-top:1px solid #b3c9fb34!important;box-shadow:0 -10px 36px #02061568!important;backdrop-filter:blur(18px) saturate(1.3)}
 body:is(.route-feed,.route-search,.route-profile,.route-inbox,.route-chat,.route-saved,.route-notifications) .mobile-nav.f8-bottom-nav a{border-radius:13px!important;min-height:51px}
 body:is(.route-feed,.route-search,.route-profile,.route-inbox,.route-chat,.route-saved,.route-notifications) .mobile-nav.f8-bottom-nav a[aria-current="page"]{background:linear-gradient(135deg,#7659db42,#5ec1e31b)!important;box-shadow:inset 0 0 0 1px #b9a3ef36}
 body:is(.route-feed,.route-search,.route-profile,.route-inbox,.route-chat,.route-saved,.route-notifications) .mobile-nav.f8-bottom-nav a[aria-label="Reels"] .f-icon{stroke:#8ce5ea!important;stroke-width:2.05px!important}
 body:is(.route-feed,.route-profile,.route-search,.route-saved) .post-card .post-header{padding:14px 13px 10px!important}
 body:is(.route-feed,.route-profile,.route-search,.route-saved) .post-card .post-text{padding:0 13px 14px}
 body:is(.route-feed,.route-profile,.route-search,.route-saved) .post-card .post-footer{padding:8px 6px!important}
 body:is(.route-feed,.route-profile,.route-search,.route-saved) .post-card{border-radius:18px!important}
 body.route-feed .stories-strip.f111-stories-strip{padding:13px 9px;gap:9px;border-radius:16px}
 body.route-profile .profile-v4-tabs{overflow-x:auto;scrollbar-width:none}
 body.route-profile .profile-v4-tabs a{min-width:max-content}
}
@media(max-width:390px){
 body:is(.route-feed,.route-search,.route-profile,.route-inbox,.route-chat,.route-saved,.route-notifications) .app-shell{padding-inline:7px}
 body:is(.route-feed,.route-profile,.route-search,.route-saved) .post-card .post-actions{gap:2px}
 body:is(.route-feed,.route-profile,.route-search,.route-saved) .post-card .post-actions :is(.chip,button,a){font-size:10px;min-width:0;padding:7px 6px}
}
@media(prefers-reduced-motion:reduce){body:is(.route-feed,.route-search,.route-profile,.route-inbox,.route-chat,.route-saved,.route-notifications) :is(.post-card,.side-link,.composer-prompt,.mobile-nav a,.v4-discover-person,.v4-discover-space,.f111-story-person,.story-person.add,.profile-photo-grid img,.f-icon){transition:none!important;animation:none!important;transform:none!important}}