/* v65: liquid navigation, Reel controls, search and solid chat surfaces. */
:root{--v65-surface:#fff;--v65-text:#233e4b;--v65-border:#d9e4e9;--v65-active:#254853}
html[data-spro-theme="dark"]{--v65-surface:#152b37;--v65-text:#edf6fc;--v65-border:#35505f;--v65-active:#286982}
.mobile-header .mobile-profile{display:grid!important;place-items:center;width:34px;height:34px;border-radius:50%;overflow:hidden;flex-shrink:0}.mobile-header .mobile-profile img,.mobile-header .mobile-profile .avatar{width:30px!important;height:30px!important;object-fit:cover}
@media(max-width:740px){
 body .bottom-nav{--nav-center:10%;display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;box-sizing:border-box;height:calc(76px + env(safe-area-inset-bottom))!important;padding:8px 0 env(safe-area-inset-bottom)!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;isolation:isolate;gap:0!important;z-index:90}
 body .bottom-nav:before{content:"";position:absolute;inset:8px 0 0;background:var(--v65-surface);z-index:-1;filter:drop-shadow(0 -1px 1px #233e4b25);mask:radial-gradient(circle 35px at var(--nav-center) 0,transparent 98%,#000 100%);-webkit-mask:radial-gradient(circle 35px at var(--nav-center) 0,transparent 98%,#000 100%)}
 body .bottom-nav>a{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;flex:1 1 20%!important;width:20%!important;min-width:0!important;max-width:none!important;height:60px!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;color:var(--v65-text)!important;position:relative;gap:4px!important;text-decoration:none}
 body .bottom-nav>a>svg{width:23px!important;height:23px!important;transition:transform .28s ease,color .28s ease;z-index:1}
 body .bottom-nav>a>small{font-size:11px!important;line-height:16px!important;font-weight:600!important;transition:transform .28s ease}
 body .bottom-nav>a.active:before{content:"";position:absolute;top:-27px;left:50%;width:56px;height:56px;transform:translateX(-50%);border-radius:50%;background:var(--v65-active);box-shadow:0 5px 14px #15323c22;animation:spro-liquid-rise .3s ease}
 body .bottom-nav>a.active>svg{color:white!important;transform:translateY(-23px)}body .bottom-nav>a.active>small{transform:translateY(-6px)}
 body .bottom-nav .chat-mobile-badge{top:-13px!important;right:calc(50% - 23px)!important;z-index:2}
 body .spro-reels-root{padding-bottom:0}.spro-reel-options{margin:auto 0 0!important;width:100%!important;max-width:none!important;border-radius:24px 24px 0 0!important;padding-bottom:calc(22px + env(safe-area-inset-bottom))!important;animation:spro-sheet .22s ease}
}
@keyframes spro-liquid-rise{from{transform:translate(-50%,10px);opacity:.5}to{transform:translate(-50%,0);opacity:1}}@keyframes spro-sheet{from{transform:translateY(45%);opacity:0}to{transform:translateY(0);opacity:1}}
.spro-frame-picker{display:grid;gap:9px;padding:14px;border:1px solid var(--v65-border);border-radius:14px;margin:12px 0;background:var(--v65-surface);color:var(--v65-text)}.spro-frame-picker label{display:block}.spro-frame-picker output{float:right;font-variant-numeric:tabular-nums}.spro-frame-picker input{display:block;width:100%;margin:15px 0;accent-color:#008aba}.spro-frame-picker button{padding:10px;border-radius:10px;background:#12647e;color:white;border:0}.spro-frame-picker small{line-height:1.5}
.spro-reel-manage{position:absolute;top:16px;right:64px;z-index:5;width:36px;height:36px;border:0;border-radius:50%;background:#0008;color:#fff;font-size:20px;display:grid;place-items:center}
.spro-reel-volume-panel{position:absolute;top:60px;right:16px;z-index:8;background:#162b36ed;border:1px solid #ffffff40;border-radius:24px;padding:14px 16px;width:150px;animation:spro-sheet .16s ease}.spro-reel-volume-panel[hidden]{display:none!important}.spro-reel-volume-panel input{width:100%;accent-color:#5bc7ed;touch-action:pan-x}
.spro-edit-reel,.spro-reel-options{box-sizing:border-box;background:var(--v65-surface);color:var(--v65-text);border:1px solid var(--v65-border);border-radius:24px;width:min(94vw,520px);max-height:90dvh;padding:22px;overflow:auto;box-shadow:0 24px 80px #0005}.spro-edit-reel::backdrop,.spro-reel-options::backdrop{background:#05172599;backdrop-filter:blur(5px)}.spro-edit-reel header,.spro-edit-reel footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.spro-edit-reel h2,.spro-reel-options h2{font-size:21px;margin:0 0 16px}.spro-edit-reel label{display:grid;gap:7px;margin:14px 0;font-weight:600}.spro-edit-reel input,.spro-edit-reel textarea{box-sizing:border-box;width:100%;background:var(--v65-surface);color:var(--v65-text);border:1px solid var(--v65-border);border-radius:10px;padding:10px;font:inherit}.spro-edit-reel video{display:block;width:100%;max-height:260px;background:#091c25;border-radius:14px}.spro-edit-reel [data-cover]{width:90px;height:120px;object-fit:cover;border-radius:10px}.spro-edit-reel button,.spro-reel-options button{padding:12px 16px;border-radius:12px;border:1px solid var(--v65-border);background:var(--v65-surface);color:var(--v65-text);cursor:pointer}.spro-edit-reel [type=submit]{background:#12647e;color:white}.spro-reel-options button{display:block;width:100%;margin:10px 0;text-align:left}.spro-reel-options .danger{color:#c33446;background:#c3344610}.spro-edit-reel [role=status],.spro-reel-options p{line-height:1.6;font-size:13px}.spro-edit-reel [hidden]{display:none!important}
.spro-profile-play{display:flex!important;align-items:center;gap:5px;background:#0009!important;color:#fff!important;padding:4px 7px!important;border-radius:7px;font-size:12px!important;width:auto!important;min-width:30px}
.spro-all-section{margin:24px 0 30px}.spro-all-section h2{font-size:18px;color:var(--v65-text);margin-bottom:13px}.spro-all-people{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.spro-all-person{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 6px;border:1px solid var(--v65-border);border-radius:16px;color:var(--v65-text);background:var(--v65-surface);min-width:0}.spro-all-person strong,.spro-all-person small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px}.spro-all-avatar{width:52px;height:52px;border-radius:50%;background:#dcecf2;color:#235568;display:grid;place-items:center;overflow:hidden;font-size:24px;margin-bottom:10px}.spro-all-avatar img{width:100%;height:100%;object-fit:cover}.spro-all-reels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.spro-all-reel{position:relative;min-width:0;aspect-ratio:9/14;overflow:hidden;background:#193542;border-radius:14px;color:white}.spro-all-cover,.spro-all-cover img,.spro-all-cover video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.spro-all-reel:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#000b)}.spro-all-reel strong{position:absolute;bottom:11px;left:10px;right:10px;z-index:1;line-height:1.3;font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.spro-all-views{position:absolute;top:8px;left:8px;background:#0009;border-radius:12px;padding:3px 7px;font-size:11px}.spro-all-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.spro-all-card{padding:16px;border:1px solid var(--v65-border);border-radius:14px;background:var(--v65-surface);color:var(--v65-text)}.spro-all-card p{font-size:13px;line-height:1.5;margin:6px 0 0;overflow-wrap:anywhere}
body .chat-feature-composer{display:grid!important;grid-template-columns:35px minmax(0,1fr) 35px 35px!important;align-items:center!important;gap:5px!important}.chat-feature-composer>input[type=file]{display:none!important}body .chat-feature-composer>button{position:static!important;margin:0!important;grid-row:1!important;width:35px!important;height:35px!important;min-width:0!important;transform:none!important}body .chat-feature-composer .chat-feature-attach{grid-column:1!important}body .chat-feature-composer textarea{grid-column:2!important;grid-row:1!important;width:100%!important;min-width:0!important;box-sizing:border-box;resize:none}body .chat-feature-composer .chat-voice-mic{grid-column:3!important}body .chat-feature-composer .chat-feature-send{grid-column:4!important}
body .chat-feature-message-row.mine .chat-feature-bubble{background:#dcecfb!important;color:#16374e!important;border-color:#c0d8ec!important}body .chat-feature-message-row.theirs .chat-feature-bubble{background:#f0f1f5!important;color:#293044!important;border-color:#dddfe8!important}body .chat-feature-bubble-meta{color:#506179!important}.chat-feature-bubble a{color:inherit!important}.spro-voice-message{display:grid;grid-template-columns:1fr auto;gap:7px;width:260px;max-width:100%;padding:6px 0}.spro-voice-message strong{font-size:13px}.spro-voice-message small{font-size:11px;align-self:center}.spro-voice-message audio{grid-column:1/-1;width:100%!important;border-radius:24px}.chat-feature-bubble-wrap{min-width:0}.chat-feature-composer.hidden{display:none!important}
html[data-spro-theme="dark"] .chat-feature-message-row.mine .chat-feature-bubble{background:#214c6a!important;color:#f1f8ff!important;border-color:#3b6785!important}html[data-spro-theme="dark"] .chat-feature-message-row.theirs .chat-feature-bubble{background:#303547!important;color:#f4f4fc!important;border-color:#454b61!important}html[data-spro-theme="dark"] .chat-feature-bubble-meta{color:#c0d1e3!important}html[data-spro-theme="dark"] .chat-feature-bubble-meta .seen{color:#70d4ff!important}
@media(max-width:400px){.spro-all-people{gap:5px}.spro-all-person{padding:12px 3px}.spro-all-avatar{width:42px;height:42px}.spro-all-cards{grid-template-columns:1fr}.spro-all-reels{gap:5px}.spro-all-reel strong{font-size:11px}.spro-voice-message{width:210px}}
@media(prefers-reduced-motion:reduce){.bottom-nav *,.spro-reel-options,.spro-reel-volume-panel{animation:none!important;transition:none!important}}