#streamer-traits{margin:12px 0 16px;text-align:left}
#streamer-traits h4{font-size:14px;font-weight:700;color:#fff;margin:0 0 6px}
#streamer-traits p{font-size:11px;line-height:1.6;color:#aeb4c0;margin:0 0 8px}
.trait-action{background:#233238;border:1px solid #55796d;border-radius:8px;color:#e5eeee;padding:10px 14px;font-size:13px;min-height:44px;cursor:pointer}
.trait-action:disabled{opacity:.55;cursor:default}
.trait-action:focus-visible,.trait-close:focus-visible,.trait-clear:focus-visible{outline:2px solid #b9dbcf;outline-offset:3px}
.trait-dialog{background:#121b20;color:#eee;border:1px solid #304047;border-radius:16px;padding:24px;width:min(480px,calc(100vw - 32px));max-height:85dvh;overflow:auto;box-sizing:border-box}
.trait-dialog::backdrop{background:#000b}
.trait-dialog h2{font-size:18px;line-height:1.5;margin:0 0 10px;overflow-wrap:anywhere}
.trait-dialog p{font-size:12px;color:#c8d8d9;line-height:1.7;margin:10px 0}
.trait-dialog fieldset{border:0;padding:0;margin:16px 0 8px}
.trait-dialog legend{font-size:13px;margin-bottom:8px}
.trait-dialog label{display:flex;gap:10px;align-items:center;min-height:44px;border:1px solid #304047;border-radius:8px;padding:8px 12px;margin-bottom:8px;cursor:pointer;font-size:14px}
.trait-dialog label:has(input:checked){background:#233238;border-color:#8ac8b7}
.trait-dialog label:has(input:disabled:not(:checked)){opacity:.5;cursor:default}
.trait-dialog input{accent-color:#8ac8b7;width:18px;height:18px;flex-shrink:0}
.trait-close,.trait-clear{background:transparent;border:0;color:#c8d8d9;min-height:44px;padding:10px 12px;cursor:pointer;font-size:13px}
.trait-close{display:block;margin:0 0 4px auto;padding:4px 8px;min-height:36px}