/* Light page finish, matching the admin PIN screen. Keep cards crisp. */
html:not([data-spro-theme="dark"]),html:not([data-spro-theme="dark"]) body{background:radial-gradient(ellipse 800px 600px at 16% 8%,#dff5ff 0%,transparent 70%),radial-gradient(ellipse 700px 460px at 92% 28%,#eaf8ff 0%,transparent 75%),#f7f9fa;background-attachment:fixed}
html:not([data-spro-theme="dark"]) :where(.post,.card,.panel,.feed-card,.right-card){background-color:#fff}
html[data-spro-theme="dark"] body{background:#0b0f12!important}
/* Reports: dialog on desktop, bottom sheet with scrollable steps on mobile. */
body.spro-report-open{overflow:hidden}.spro-report-backdrop{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:#081a26a6;padding:20px}
.spro-report-sheet{width:min(100%,520px);max-height:min(90vh,760px);overflow:auto;overscroll-behavior:contain;background:#fff;color:#152b39;border:1px solid #d6e8f1;border-radius:23px;box-shadow:0 24px 70px #09283b55}
.spro-report-grip{display:none}.spro-report-sheet header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:23px 25px 17px;border-bottom:1px solid #e3edf2}.spro-report-sheet header small{font-size:11px;font-weight:800;letter-spacing:.13em;color:#087ea9}.spro-report-sheet h2{margin:3px 0 0;color:#122c3d;font-size:23px}.spro-report-close{border:1px solid #d7e7ed;border-radius:50%;background:#f4f9fb;color:#24485a;width:37px;height:37px;line-height:1;font-size:25px;flex:none;cursor:pointer}.spro-report-body{padding:20px 25px 25px}.spro-report-body>p{color:#536877;margin:0 0 17px}.spro-report-options{display:grid;gap:9px}.spro-report-options button{min-height:57px;padding:13px 17px;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:15px;border:1px solid #d9e7ed;border-radius:12px;background:#fff;color:#183445;font-weight:700;cursor:pointer}.spro-report-options button:hover,.spro-report-options button:focus-visible{border-color:#00a8e8;background:#edfbff}.spro-report-options b{color:#008ab9;font-size:22px}.spro-report-back{border:0;background:none;color:#067fa9;padding:0;margin-bottom:17px;font-weight:750;cursor:pointer}.spro-report-summary{display:grid;gap:2px;background:#e9f8fe;border:1px solid #cbeef9;color:#124d64;border-radius:11px;padding:11px 14px;margin-bottom:19px}.spro-report-summary span{font-size:13px}.spro-report-form label{font-weight:750;display:block;margin:17px 0 8px}.spro-report-form label small{font-weight:500;color:#536877;margin-left:5px}.spro-report-form textarea{width:100%;resize:vertical;padding:12px;border:1px solid #b8cdd8;border-radius:11px;background:#fff;color:#152b39;font:inherit}.spro-report-form input[type=file]{display:block;width:100%;padding:11px;border:1px dashed #b8cdd8;border-radius:11px;background:#f7fbfd;color:#244558;font:inherit}.spro-report-help{color:#536877;font-size:12px;line-height:1.5}.spro-report-error{color:#a02537;background:#fff0f2;padding:9px;border-radius:9px}.spro-report-error[hidden]{display:none}.spro-report-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.spro-report-footer button,.spro-report-finish{border:1px solid #bdd3df;border-radius:10px;padding:11px 18px;background:#fff;color:#24485a;font-weight:750;cursor:pointer}.spro-report-footer .spro-report-submit,.spro-report-finish{background:#00a8e8;border-color:#00a8e8;color:#082834}.spro-report-submit:disabled{opacity:.55;cursor:wait}.spro-report-done{text-align:center;padding:25px 10px 15px}.spro-report-done>span{display:grid;place-items:center;width:55px;height:55px;background:#ddf9ea;color:#178052;border-radius:50%;font-size:26px;margin:0 auto}.spro-report-done h3{color:#152b39;font-size:23px;margin:15px 0 5px}.spro-report-done p{color:#536877;line-height:1.5}.spro-report-finish{margin-top:10px}
.spro-repost-preview{border:1px solid #d9e7ef;border-radius:13px;background:#f7fbfd;padding:13px 16px;margin:10px 0;color:#223b4b}.spro-repost-preview strong{display:block;color:#176486}.spro-repost-preview p{margin:5px 0 0;overflow-wrap:anywhere}.spro-repost-preview a{color:#007ca5;font-weight:700}.spro-repost-count{font-size:12px;margin-left:5px;font-weight:700}
html[data-spro-theme="dark"] .spro-report-sheet{background:#192833;color:#eff8fc;border-color:#445d6d}html[data-spro-theme="dark"] .spro-report-sheet header{border-color:#445d6d}html[data-spro-theme="dark"] .spro-report-sheet h2,html[data-spro-theme="dark"] .spro-report-done h3{color:#f5fbff}html[data-spro-theme="dark"] .spro-report-options button,html[data-spro-theme="dark"] .spro-report-form textarea,html[data-spro-theme="dark"] .spro-report-form input[type=file],html[data-spro-theme="dark"] .spro-report-close,html[data-spro-theme="dark"] .spro-report-footer button{background:#233947;color:#f0f8fc;border-color:#526d7d}html[data-spro-theme="dark"] .spro-report-options button:hover{background:#17485e}html[data-spro-theme="dark"] .spro-report-body>p,html[data-spro-theme="dark"] .spro-report-form label small,html[data-spro-theme="dark"] .spro-report-help,html[data-spro-theme="dark"] .spro-report-done p{color:#bfd3df}html[data-spro-theme="dark"] .spro-report-summary{background:#173f52;color:#e1f6ff;border-color:#2b718e}html[data-spro-theme="dark"] .spro-repost-preview{background:#213441;color:#eaf6fb;border-color:#486374}html[data-spro-theme="dark"] .spro-repost-preview strong{color:#9de5ff}
@media(max-width:600px){.spro-report-backdrop{align-items:end;padding:0}.spro-report-sheet{width:100%;max-height:88dvh;border-radius:22px 22px 0 0}.spro-report-grip{display:block;width:42px;height:5px;border-radius:10px;background:#b4cad5;margin:10px auto 0}.spro-report-sheet header{padding:13px 19px}.spro-report-body{padding:17px 19px 26px}.spro-report-options button{min-height:56px}.spro-report-footer button{flex:1}}
/* Short-video feed uses the existing post identity and discussion links. */
.spro-reels-root{max-width:920px;width:100%;margin:0 auto;padding:20px 16px 80px}.spro-reels-intro{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:4px 0 22px}.spro-reels-intro span{font-size:11px;letter-spacing:.16em;font-weight:800;color:#087fa7}.spro-reels-intro h1{font-size:31px;margin:2px 0}.spro-reels-intro p{color:#596c7c;margin:0}.spro-reels-intro button,.spro-reel-publish{background:#00a8e8;color:#052838;border:0;border-radius:11px;padding:11px 16px;font-weight:800;cursor:pointer;white-space:nowrap}.spro-reels-stream{display:grid;gap:21px}.spro-reels-loading,.spro-reels-empty{text-align:center;background:#fff;border:1px solid #dbe8ed;border-radius:16px;padding:30px;color:#536879}.spro-reel{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:20px;background:#fff;border:1px solid #dbe8ed;border-radius:18px;padding:16px;scroll-margin-top:85px}.spro-reel-video{display:grid;place-items:center;border-radius:13px;overflow:hidden;background:#091823;aspect-ratio:9/16;max-height:610px}.spro-reel-video video{width:100%;height:100%;object-fit:contain}.spro-reel-meta{display:flex;flex-direction:column;justify-content:end;padding:6px 4px;min-width:0}.spro-reel-meta strong{font-size:18px;color:#203b4c}.spro-reel-meta p{overflow-wrap:anywhere;white-space:pre-wrap;color:#485e6c}.spro-reel-actions{display:flex;flex-wrap:wrap;gap:9px}.spro-reel-actions button,.spro-reel-actions a{padding:9px 11px;border:1px solid #c8dde8;border-radius:9px;background:#fff;color:#075e80;font-weight:700;text-decoration:none;cursor:pointer}.spro-reel-message{border-radius:10px;padding:12px 15px;background:#e0f9eb;color:#156847}.spro-reel-message.error{background:#fff0f1;color:#a02937}.spro-reel-message[hidden]{display:none}.spro-reel-overlay{position:fixed;inset:0;z-index:9999;background:#071e2abc;display:grid;place-items:center;padding:14px}.spro-reel-form{width:min(100%,460px);background:#fff;border-radius:18px;padding:22px;box-shadow:0 20px 60px #05172077}.spro-reel-form-head{display:flex;justify-content:space-between;align-items:center}.spro-reel-form-head h2{margin:0}.spro-reel-form-head button{background:transparent;color:#233f50;border:0;font-size:28px;cursor:pointer}.spro-reel-form p{color:#526b7a}.spro-reel-form label{display:block;font-weight:700;margin:16px 0 7px}.spro-reel-form input,.spro-reel-form textarea{display:block;width:100%;padding:10px;border:1px solid #b9cfda;border-radius:10px;background:#fff;color:#193849;font:inherit}.spro-reel-publish{width:100%;margin-top:17px}.spro-reel-publish:disabled{opacity:.55}.spro-reel-error{color:#aa2536;display:block;min-height:18px}.spro-watch-reel{display:block;margin:10px 0;padding:12px;border:1px solid #b9e7f6;border-radius:10px;color:#075e7c;background:#eafbff;text-decoration:none;font-weight:800}
html[data-spro-theme="dark"] .spro-reel,html[data-spro-theme="dark"] .spro-reels-empty,html[data-spro-theme="dark"] .spro-reel-form{background:#172630;color:#eef8ff;border-color:#445d6b}html[data-spro-theme="dark"] .spro-reel-meta strong{color:#f4fbff}html[data-spro-theme="dark"] .spro-reel-meta p,html[data-spro-theme="dark"] .spro-reel-form p,html[data-spro-theme="dark"] .spro-reels-intro p{color:#c2d5df}html[data-spro-theme="dark"] .spro-reel-actions button,html[data-spro-theme="dark"] .spro-reel-actions a,html[data-spro-theme="dark"] .spro-reel-form input,html[data-spro-theme="dark"] .spro-reel-form textarea{background:#263c49;color:#eef9ff;border-color:#557386}html[data-spro-theme="dark"] .spro-watch-reel{background:#154354;color:#d9f8ff;border-color:#36809b}
@media(max-width:650px){.spro-reels-root{padding:18px 9px 85px}.spro-reel{display:block;padding:8px}.spro-reel-video{max-height:min(75dvh,610px);margin:auto}.spro-reel-meta{padding:12px}.spro-reels-intro{align-items:flex-start}.spro-reels-intro h1{font-size:25px}.spro-reels-intro button{padding:10px;font-size:12px}}

/* v54: video-first Reels and a five-item mobile navigation. */
.spro-mobile-header-actions{display:flex;align-items:center;gap:3px}.spro-mobile-profile{display:grid;place-items:center;min-width:42px;min-height:42px;color:inherit;border-radius:50%;border:1px solid var(--line,#dbe8ee);background:var(--surface,#fff)}
.spro-reels-root{max-width:100%;height:100dvh;padding:12px 14px 15px;display:flex;flex-direction:column;overflow:hidden}
.spro-reels-intro{margin:0 auto 8px;width:min(100%,570px);min-height:46px;display:flex;align-items:center}.spro-reels-intro h1{margin:0;font-size:23px}.spro-reels-intro button{font-size:13px;padding:8px 12px}
.spro-reel-stage{min-height:0;flex:1;display:flex;align-items:center;justify-content:center;gap:14px;width:100%}
.spro-reels-stream{display:block;width:min(100%,390px);height:100%;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;position:relative;border-radius:20px;background:#0c1823}.spro-reels-stream::-webkit-scrollbar{display:none}
.spro-reel{position:relative;display:block;scroll-snap-align:start;scroll-snap-stop:always;height:100%;padding:0;border:0;border-radius:0;background:#0b1822;overflow:hidden}
.spro-reel-video{position:relative;width:100%;height:100%;max-height:none;aspect-ratio:auto;border-radius:0;background:#09151d;overflow:hidden}
.spro-reel-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;cursor:pointer}.spro-reel-video:after{content:"";position:absolute;inset:45% 0 0;pointer-events:none;background:linear-gradient(transparent,#071016ad 67%,#050c12df)}
.spro-reel-volume,.spro-reel-play,.spro-reel-side,.spro-reel-caption,.spro-reel-avatar{position:absolute;z-index:2;color:#fff}
.spro-reel-volume{top:15px;right:15px;width:36px;height:36px;border-radius:50%;background:#12222e9c;display:grid;place-items:center;backdrop-filter:blur(6px)}
.spro-reel-play{inset:42% auto auto 50%;transform:translate(-50%,-50%);background:#091b288f;width:70px;height:70px;border-radius:50%;display:grid;place-items:center;transition:opacity .15s}.spro-reel.is-playing .spro-reel-play{opacity:0;pointer-events:none}
.spro-reel-side{right:9px;bottom:107px;display:grid;gap:15px;justify-items:center}.spro-reel-side button,.spro-reel-side a{width:55px;min-height:51px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3px;color:#fff;text-shadow:0 1px 8px #000;background:transparent;text-decoration:none}.spro-reel-side small{display:block;font-size:11px;color:#fff;margin-top:4px;text-shadow:0 1px 8px #000}.spro-reel-side .liked{color:#ff5672}.spro-reel-side .reposted{color:#61e8ff}
.spro-reel-caption{bottom:19px;left:16px;right:77px;line-height:1.45;overflow-wrap:anywhere;text-shadow:0 1px 8px #000}.spro-reel-author{font-weight:800;color:#fff;text-decoration:none;font-size:15px}.spro-reel-caption p{font-size:13px;color:#fff;margin:5px 0 0;line-height:1.45;white-space:pre-wrap;max-height:4.5em;overflow:auto}.spro-reel-hashtag{color:#8de3ff;font-weight:700}
.spro-reel-avatar{right:15px;bottom:17px;display:grid;place-items:center;width:43px;height:43px;border:2px solid #fff;border-radius:50%;overflow:hidden;background:#007ca7;text-decoration:none}.spro-reel-avatar img{width:100%;height:100%;object-fit:cover}.spro-reel-avatar-fallback{color:#fff;font-weight:800}
.spro-reel-navigation{display:grid;gap:14px;align-content:center}.spro-reel-navigation button{width:45px;height:45px;border:1px solid #cce1eb;border-radius:50%;background:#fff;color:#163443;box-shadow:0 3px 12px #16344316}.spro-reel-navigation button:disabled{opacity:.3;cursor:default}
.spro-feed-reel{width:min(100%,420px);margin:13px auto 0}.spro-feed-reel-link{position:relative;display:block;aspect-ratio:9/12;max-height:490px;overflow:hidden;border-radius:14px;background:#091823;isolation:isolate}.spro-feed-reel-link video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.spro-feed-reel-link:after{content:"";position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#0009);pointer-events:none}.spro-feed-reel-label{position:absolute;bottom:13px;left:14px;z-index:1;font-size:12px;font-weight:800;color:#fff;text-shadow:0 1px 6px #000}
html[data-spro-theme="dark"] .spro-mobile-profile,html[data-spro-theme="dark"] .spro-reel-navigation button{background:#263c49;color:#eff9ff;border-color:#476579}
@media(max-width:700px){.bottom-nav{display:flex!important;justify-content:space-between!important}.bottom-nav>a,.bottom-nav>button{min-width:0!important;flex:1 1 20%!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.bottom-nav .mobile-create{max-width:60px!important}.bottom-nav small{font-size:10px!important}.bottom-nav a.active{color:#00a8e8}.spro-reels-root{height:calc(100dvh - 122px);min-height:370px;padding:0 0 2px}.spro-reels-intro{padding:0 14px;min-height:46px;margin-bottom:3px}.spro-reels-intro h1{font-size:20px}.spro-reels-stream{width:100%;border-radius:10px}.spro-reel-navigation{display:none}.spro-reel-stage{gap:0}.spro-reel-side{right:7px;bottom:100px}.spro-feed-reel-link{aspect-ratio:9/11}}