/* Trust & accountability screens */
.tr-hero{text-align:center;padding:6px 6px 4px}
.tr-hero>svg{width:40px;height:40px;color:var(--gold)}
.tr-hero h2{font-family:var(--font-display);font-size:24px;margin:8px 0 6px}
.tr-hero p{color:var(--muted);font-size:13.5px}
.tr-privacy{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-top:14px;font-size:13px}
.tr-privacy b{display:flex;align-items:center;gap:6px;margin-bottom:6px}
.tr-privacy b svg{width:16px;height:16px;color:var(--ok)}
.tr-privacy ul{margin:0;padding-left:18px;color:#d2d2da;display:grid;gap:4px}
.tr-opts .row{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:8px}
.tr-opts .row svg:first-child{color:var(--gold)}
.tr-steps{display:flex;gap:6px;margin:2px 0 6px}
.tr-steps span{flex:1;text-align:center;font-size:11.5px;font-weight:700;color:var(--faint);border-bottom:3px solid var(--line);padding-bottom:6px}
.tr-steps span.on{color:var(--gold);border-color:var(--gold)}
.tr-cam{position:relative;aspect-ratio:3/4;max-height:380px;width:100%;margin:10px auto;border-radius:18px;overflow:hidden;background:#000}
.tr-cam video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}
.tr-oval{position:absolute;left:50%;top:46%;width:58%;height:66%;transform:translate(-50%,-50%);border:3px dashed rgba(255,255,255,.75);border-radius:50%;box-shadow:0 0 0 999px rgba(0,0,0,.45)}
.tr-prompt{position:absolute;left:12px;right:12px;bottom:14px;text-align:center;font-weight:700;font-size:15px;text-shadow:0 1px 4px #000}
.tr-done{text-align:center;padding:24px 10px}
.tr-done>.verified{width:56px;height:56px;color:var(--gold)}
.tr-done h2{font-family:var(--font-display);font-size:26px;margin:8px 0}
.tr-done .btn{margin-top:14px}
.tr-code{font-family:ui-monospace,Menlo,monospace;font-size:30px;letter-spacing:.2em;text-align:center;background:var(--surface-2);border:1px dashed var(--gold);border-radius:14px;padding:14px;margin:10px 0}
.tr-banner{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:rgba(232,193,90,.12);border:1px solid rgba(232,193,90,.45);border-radius:12px;padding:10px 12px;font-size:12.5px;color:var(--text)}
.tr-banner>svg{width:20px;height:20px;color:var(--gold);flex-shrink:0}
.tr-banner span{flex:1}
.tr-banner>svg:last-child{width:15px;height:15px;color:var(--muted)}
.tr-banner.restricted,.tr-banner.course{background:rgba(243,166,90,.12);border-color:rgba(243,166,90,.5)}
.tr-banner.banned{background:rgba(255,59,78,.12);border-color:rgba(255,59,78,.5)}
.tr-banner.banned>svg:first-child{color:var(--live)}
.tr-status{display:flex;gap:12px;align-items:flex-start;border-radius:14px;padding:14px;margin-top:10px;border:1px solid var(--line);background:var(--surface)}
.tr-status>svg{width:26px;height:26px;flex-shrink:0}
.tr-status b{font-size:16px}
.tr-status p{font-size:13px;color:#d2d2da;margin-top:3px}
.tr-status small{color:var(--muted)}
.tr-status.ok>svg{color:var(--ok)} .tr-status.ok{border-color:rgba(61,220,151,.4)}
.tr-status.warn>svg{color:#F3A65A} .tr-status.warn{border-color:rgba(243,166,90,.5)}
.tr-status.bad>svg{color:var(--live)} .tr-status.bad{border-color:rgba(255,59,78,.5)}
.tr-ladder{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin:6px 0 8px}
.tr-ladder div{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;font-size:9.5px;color:var(--faint);line-height:1.15}
.tr-ladder i{width:100%;height:6px;border-radius:3px;background:var(--line)}
.tr-ladder .past i{background:#6b5a2a}
.tr-ladder .on i{background:var(--gold)}
.tr-ladder .on{color:var(--text);font-weight:800}
.tr-ladder div:first-child.on i{background:var(--ok)}
.tr-strike{align-items:flex-start}
.tr-strike.overturned{opacity:.55}
.tr-quote{font-size:12.5px;color:#cfcfd8;background:var(--surface-2);border-radius:8px;padding:6px 9px;margin-top:6px;overflow-wrap:anywhere}
.tr-cards{display:grid;gap:10px}
.tr-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px;position:relative}
.tr-card span{position:absolute;right:12px;top:10px;color:var(--faint);font-weight:800;font-size:12px}
.tr-card b{display:block;font-size:14.5px;margin-bottom:3px;padding-right:20px}
.tr-card p{font-size:13px;color:#d2d2da}
.tr-q{background:var(--surface);border-radius:12px;padding:12px;margin-bottom:8px;display:grid;gap:8px;font-size:13.5px}
.tr-q label{display:flex;gap:8px;align-items:center;color:#d2d2da}
.tr-pledge{display:flex;gap:10px;align-items:flex-start;font-size:13px;margin-top:6px}
.tr-pledge input,.tr-q input{accent-color:var(--gold);width:18px;height:18px;flex-shrink:0}
.tr-apstatus{display:inline-block;font-size:11.5px;font-weight:800;border-radius:999px;padding:4px 10px;background:var(--surface-2);margin-bottom:10px}
.tr-apstatus.ai_review{background:rgba(139,114,255,.2);color:#cbbfff}
.tr-apstatus.human_review{background:rgba(232,193,90,.18);color:var(--gold-2)}
.tr-apstatus.overturned{background:rgba(61,220,151,.18);color:var(--ok)}
.tr-apstatus.upheld{background:rgba(255,59,78,.15);color:#ff8a95}
.tr-strikebox{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:10px}
.tr-strikebox small{color:var(--muted);font-size:12px}
.sx-bub .tr-who{display:block;font-weight:800;opacity:.85;margin:0 0 2px}
.sx-bub.tr-ai{background:rgba(139,114,255,.2)}
.sx-bub.tr-system{align-self:center;background:transparent;border:1px dashed var(--line);color:var(--muted);font-size:12.5px;text-align:center;max-width:92%}
.sx-bub.tr-moderator{background:rgba(232,193,90,.16)}
.sx-bub.tr-parent{background:rgba(61,220,151,.14)}
.tr-decide{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.tr-gate{text-align:center}
.tr-gate>svg{width:36px;height:36px;color:var(--gold);margin:4px 0 6px}
.tr-rep{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid var(--line);border-left:4px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:8px;flex-wrap:wrap}
.tr-rep.p2{border-left-color:var(--live)} .tr-rep.p1{border-left-color:#F3A65A}
.tr-rep small{display:block;color:var(--muted);font-size:12px}
.tr-rep-acts{display:flex;gap:6px}
.tr-serious{background:var(--live);color:#fff}
.tr-modtabs{overflow-x:auto;flex-wrap:nowrap}
.tr-modtabs button{white-space:nowrap}
.tr-q{border:0;padding:0;margin:0 0 12px}
.tr-q legend{font-weight:700;margin-bottom:4px}