/* REEL SHARE */
.rs { padding: 0 2px 4px; }
.rs-card { display: flex; align-items: stretch; background: #16161f; border-radius: 16px; overflow: hidden; margin-bottom: 20px; border: 1px solid rgba(255,255,255,0.08); }
.rs-thumb { width: 90px; min-height: 120px; flex-shrink: 0; background: #0a0a12 center / cover no-repeat; position: relative; display: flex; align-items: center; justify-content: center; }
.rs-thumb-play { width: 32px; height: 32px; background: rgba(0,0,0,0.55); border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.rs-actions { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; }
.rs-row { width: 100%; display: flex; align-items: center; gap: 12px; padding: 15px 14px; background: transparent; border: none; text-align: left; cursor: pointer; text-decoration: none; color: #fff; -webkit-tap-highlight-color: transparent; }
.rs-row:active { background: rgba(255,255,255,0.04); }
.rs-row-icon { width: 38px; height: 38px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.rs-icon-share { background: transparent; border: 2px solid #ff6b1a; color: #ff6b1a; }
.rs-icon-copy { background: #2a2a3a; color: #aaa; }
.rs-row-text { flex: 1; min-width: 0; }
.rs-row-title { display: block; font-size: 15px; font-weight: 700; color: #fff; line-height: 1.3; }
.rs-row-desc { display: block; font-size: 12px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rs-chev { color: #444; flex-shrink: 0; display: flex; align-items: center; }
.rs-sep { height: 1px; background: rgba(255,255,255,0.07); margin: 0 14px; flex-shrink: 0; }
.rs-section-label { font-size: 12px; font-weight: 700; color: #666; letter-spacing: 0.09em; text-transform: uppercase; margin: 0 2px 12px; }
.rs-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 16px; }
.rs-app { display: flex; flex-direction: column; align-items: center; gap: 10px; text-decoration: none; cursor: pointer; border: none; background: transparent; border: none; padding: 12px 8px; -webkit-tap-highlight-color: transparent; }
.rs-app:active { background: #1e1e28; }
.rs-app-icon { width: 64px; height: 64px; border-radius: 16px; display: flex; align-items: center; justify-content: center; }
.rs-app-name { font-size: 14px; font-weight: 600; color: #fff; text-align: center; }
.rs-friend { width: 100%; display: flex; align-items: center; gap: 12px; padding: 13px 14px; background: #1c1c26; border-radius: 16px; border: 1px solid rgba(255,255,255,0.08); border: none; cursor: pointer; color: #fff; text-align: left; -webkit-tap-highlight-color: transparent; }
.rs-friend-icon { width: 38px; height: 38px; border-radius: 50%; background: #ff4d8e; display: flex; align-items: center; justify-content: center; font-size: 16px; flex-shrink: 0; }
.rs-friend-text { flex: 1; min-width: 0; }

/* ── COMMENTS SHEET ── */
.rc-wrap { display:flex; flex-direction:column; height:100%; min-height:0; }
.rc-list { flex:1; overflow-y:auto; -webkit-overflow-scrolling:touch; padding:4px 0 4px; min-height:60px; }
.rc-empty { display:flex; align-items:center; gap:12px; background:#1a1a24; border-radius:14px; padding:14px 16px; margin:4px 0 12px; color:#777; font-size:14px; }
.rc-item { display:flex; align-items:flex-start; gap:12px; padding:14px 0; border-bottom:1px solid rgba(255,255,255,0.05); }
.rc-item:last-child { border-bottom:none; }
.rc-av { width:46px; height:46px; border-radius:50%; object-fit:cover; flex-shrink:0; }
.rc-av-init { width:46px; height:46px; border-radius:50%; background:linear-gradient(135deg,#ff6b1a,#ff3366); display:flex; align-items:center; justify-content:center; font-size:18px; font-weight:800; color:#fff; flex-shrink:0; }
.rc-body { flex:1; min-width:0; }
.rc-hd { display:flex; align-items:center; gap:6px; margin-bottom:3px; }
.rc-name { font-size:14px; font-weight:700; color:#f0f0f0; }
.rc-time { font-size:12px; color:#666; }
.rc-dots { margin-left:auto; background:transparent; border:none; color:#555; font-size:18px; line-height:1; padding:0 2px; cursor:pointer; flex-shrink:0; -webkit-tap-highlight-color:transparent; }
.rc-text { font-size:14px; color:#ddd; line-height:1.45; margin-bottom:7px; word-break:break-word; }
.rc-ft { display:flex; align-items:center; gap:8px; }
.rc-act-btn { background:transparent; border:none; font-size:12px; color:#666; cursor:pointer; padding:0; -webkit-tap-highlight-color:transparent; }
.rc-sep { color:#444; font-size:12px; }
.rc-lk { display:flex; align-items:center; gap:4px; margin-left:auto; color:#777; font-size:12px; }
.rc-form { flex-shrink:0; padding:10px 0 2px; border-top:1px solid rgba(255,255,255,0.07); }
.rc-input-row { display:flex; align-items:center; gap:10px; background:#18181f; border-radius:28px; padding:7px 7px 7px 12px; border:1.5px solid rgba(255,255,255,0.07); }
.rc-my-avatar { flex-shrink:0; }
.rc-my-avatar .tnt-avatar,.rc-my-avatar img { width:32px!important; height:32px!important; border-radius:50%!important; object-fit:cover!important; }
.rc-my-avatar .avatar-init { width:32px!important; height:32px!important; border-radius:50%!important; font-size:13px!important; display:flex!important; align-items:center!important; justify-content:center!important; background:linear-gradient(135deg,#ff6b1a,#ff3366)!important; color:#fff!important; font-weight:800!important; }
.rc-input { flex:1; background:transparent; border:none; outline:none; color:#fff; font-size:14px; min-width:0; }
.rc-input::placeholder { color:#555; }
.rc-send-btn { width:38px; height:38px; border-radius:50%; background:linear-gradient(135deg,#ff6b1a,#ff9500); border:none; display:flex; align-items:center; justify-content:center; flex-shrink:0; cursor:pointer; -webkit-tap-highlight-color:transparent; }