/* Mobile navigation and Reel studio */
.spro-mobile-header-actions{display:flex;align-items:center;gap:5px}.spro-mobile-header-actions>*{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:inherit}.spro-mobile-upload{font-weight:800;background:var(--surface,#fff);border:1px solid var(--line,#dce8ec)}.spro-mobile-notifications{border:1px solid var(--line,#dce8ec)}.spro-mobile-menu{border:1px solid var(--line,#dce8ec)}
.bottom-nav>a .avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.bottom-nav>a .avatar.fallback{font-size:12px}
.spro-reel-back{position:fixed;z-index:8;top:16px;left:16px;width:36px;height:36px;border-radius:50%;background:#071a23a8;color:#fff;display:none;place-items:center;transform:rotate(-90deg)}
.spro-reels-stream{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.spro-reel-navigation{margin-left:4px}.spro-reel-navigation button{cursor:pointer}
.spro-profile-reels{padding:16px;background:var(--surface,#fff)}.spro-profile-reel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.spro-profile-reel-card{position:relative;aspect-ratio:9/14;overflow:hidden;background:linear-gradient(145deg,#0a324d,#121b37);border-radius:9px;color:#fff}.spro-profile-thumb,.spro-profile-thumb img,.spro-profile-thumb video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.spro-profile-play{position:absolute;right:9px;bottom:9px;z-index:1;text-shadow:0 2px 9px #000;font-size:17px}.spro-profile-reel-card:focus-visible{outline:3px solid #00a8e8}.spro-profile-loading{padding:22px 10px;color:var(--muted,#596b78)}
.spro-studio-backdrop{position:fixed;inset:0;z-index:10010;background:#081726ae;display:grid;place-items:center;padding:18px}.spro-studio{width:min(960px,100%);max-height:calc(100dvh - 36px);overflow:hidden;border-radius:24px;background:var(--surface,#fff);color:var(--text,#173343);box-shadow:0 24px 70px #06152377;border:1px solid var(--line,#dce5eb);display:flex;flex-direction:column}.spro-studio>header{display:flex;align-items:center;gap:12px;padding:17px 23px;border-bottom:1px solid var(--line,#dce5eb)}.spro-studio>header h2{margin:0;font-size:21px}.spro-studio>header button{font-size:24px;width:36px;height:36px}.spro-studio-form{padding:22px;overflow:auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);gap:25px;align-items:start}.spro-studio-fields{min-width:0}.spro-studio-fields label{display:block;font-weight:750;margin:8px 0}.spro-studio-fields textarea,.spro-studio-fields input[type=file]{width:100%;color:inherit}.spro-studio-fields textarea{background:var(--surface,#fff);border:1px solid var(--line,#bdced7);border-radius:13px;padding:13px;resize:vertical;min-height:110px}.spro-studio-fields input[type=file]{font-size:13px;padding:8px 0}.spro-studio-fields small,.spro-studio-fields [data-status],.spro-studio-preview p{font-size:12px;color:var(--muted,#587082)}.spro-studio-fields [data-error]{color:#b52943;background:#fff1f3;padding:10px;border-radius:10px;font-size:13px}.spro-studio-cover{height:100px;width:76px;border:1px dashed var(--line,#bacdd7);border-radius:10px;background:#ddebf2;overflow:hidden;display:grid;place-items:center;text-align:center}.spro-studio-cover img{height:100%;width:100%;object-fit:cover}.spro-studio-cover [data-cover-empty]{font-size:10px;padding:6px;color:#263e50}.spro-studio-submit{display:flex;width:100%;padding:13px 18px;border-radius:12px;background:#008ec9;color:#fff;font-weight:800;margin-top:13px}.spro-studio-submit:disabled{opacity:.6}.spro-studio-progress{height:6px;border-radius:6px;overflow:hidden;background:#cadee7;margin-top:13px}.spro-studio-progress span{display:block;height:100%;width:35%;background:#009cce;animation:spro-progress 1.6s ease-in-out infinite alternate}.spro-studio-progress[hidden],[data-error][hidden]{display:none}@keyframes spro-progress{from{transform:translateX(-80%)}to{transform:translateX(280%)}}
.spro-studio-preview{display:flex;flex-direction:column;align-items:center}.spro-studio-frame{position:relative;width:min(100%,290px);aspect-ratio:9/16;max-height:58dvh;overflow:hidden;border-radius:18px;background:#0c2131;color:#fff;display:grid;place-items:center;transition:max-height .32s ease,width .32s ease}.spro-studio-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#08141c}.spro-studio-picker{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;text-align:center;padding:15px;background:linear-gradient(140deg,#102837,#202f51)}.spro-studio-picker span{font-size:38px}.spro-studio-picker small{color:#cceaf3!important}.spro-studio-preview input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.spro-studio-preview p{margin:10px 0 0;text-align:center;overflow-wrap:anywhere;max-width:260px}
html[data-spro-theme="dark"] .spro-studio{background:#152a36;color:#f1f8fb;border-color:#415b69}html[data-spro-theme="dark"] .spro-studio-fields textarea{background:#203845;color:#f7fbff;border-color:#526c78}html[data-spro-theme="dark"] .spro-studio-cover{background:#23404e}html[data-spro-theme="dark"] .spro-studio-cover [data-cover-empty],html[data-spro-theme="dark"] .spro-studio-fields small,html[data-spro-theme="dark"] .spro-studio-preview p,html[data-spro-theme="dark"] .spro-studio-fields [data-status]{color:#c6d9e3}html[data-spro-theme="dark"] .spro-profile-reels{background:#142732;color:#f1f8fb}html[data-spro-theme="dark"] .spro-mobile-header-actions>*{background:#203b49;color:#f6fbff;border-color:#496372}
@media(max-width:700px){.bottom-nav>a,.bottom-nav>button{flex-basis:20%!important}.spro-mobile-reels-view .mobile-header,.spro-mobile-reels-view .bottom-nav{display:none!important}.spro-mobile-reels-view .layout{padding:0!important;margin:0!important;width:100vw;max-width:none!important}.spro-mobile-reels-view .layout main{padding:0!important;border:0!important;min-height:100dvh!important}.spro-mobile-reels-view .layout>.right{display:none!important}.spro-mobile-reels-view .spro-reels-root{width:100vw;height:100dvh;min-height:100dvh;padding:0;margin:0}.spro-mobile-reels-view .spro-reels-intro{display:none}.spro-mobile-reels-view .spro-reel-stage,.spro-mobile-reels-view .spro-reels-stream{width:100%;height:100%;border-radius:0}.spro-mobile-reels-view .spro-reel-back{display:grid}.spro-mobile-reels-view .spro-reel-video{width:100%;height:100%}.spro-mobile-reels-view .spro-reel-side{bottom:calc(100px + env(safe-area-inset-bottom))}.spro-mobile-reels-view .spro-reel-caption{bottom:calc(18px + env(safe-area-inset-bottom))}.spro-mobile-reels-view .spro-reel-avatar{bottom:calc(16px + env(safe-area-inset-bottom))}.spro-profile-reels{padding:5px 0 85px}.spro-profile-reel-grid{gap:3px}.spro-profile-reel-card{border-radius:3px}.spro-studio-backdrop{padding:0;display:block}.spro-studio{height:100dvh;max-height:100dvh;width:100%;border-radius:0;border:0}.spro-studio>header{padding:9px 14px;flex-shrink:0}.spro-studio-form{display:flex;flex-direction:column;gap:14px;padding:0 16px 110px;overscroll-behavior:contain}.spro-studio-preview{order:-1;width:100%;position:sticky;top:0;z-index:2;background:var(--surface,#fff);padding:12px 0 4px;transition:padding .3s ease}.spro-studio-frame{width:min(100%,260px);max-height:48dvh}.spro-studio-scrolled .spro-studio-frame{max-height:21dvh;width:min(100%,145px)}.spro-studio-scrolled .spro-studio-preview{padding:3px 0}.spro-studio-scrolled .spro-studio-preview p{display:none}.spro-studio-fields{width:100%}.spro-studio-submit{min-height:48px}.modal.wide-modal:has(.short-post-composer){position:fixed;inset:0;width:100vw;height:100dvh;max-height:100dvh;border-radius:0;margin:0;overflow-y:auto}.modal.wide-modal:has(.short-post-composer) .short-post-composer{min-height:calc(100dvh - 85px)}html[data-spro-theme="dark"] .spro-studio-preview{background:#152a36}}
@media(prefers-reduced-motion:reduce){.spro-reels-stream{scroll-behavior:auto}.spro-studio-frame,.spro-studio-preview{transition:none}.spro-studio-progress span{animation:none}}

body.spro-reel-editor-open{overflow:hidden!important}