.sj{max-width:none!important;width:100%;padding-top:26px;padding-bottom:46px;font-family:Arial,Helvetica,sans-serif;--sj-bg:#10243c;--sj-bg2:#152e4c;--sj-line:#2b4a69;--sj-text:#eaf5ff;--sj-muted:#a7bfd6;--sj-accent:#4dafff;--sj-input:#0a1d31;--sj-good:#35c59d;--sj-bad:#fa8b93;color:var(--sj-text)}
html[data-theme=light] .sj,.theme-light .sj{--sj-bg:#fff;--sj-bg2:#f4f8fd;--sj-line:#d9e6f2;--sj-text:#19324a;--sj-muted:#607991;--sj-accent:#1769c1;--sj-input:#f8fbff;--sj-good:#168766;--sj-bad:#ca4856}
.sj *{box-sizing:border-box}.sj h1,.sj h2,.sj p{margin:0}.sj-heading,.sj-card-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.sj-heading{margin-bottom:22px}.sj-heading h1{font-size:clamp(26px,3vw,38px);letter-spacing:-.8px}.sj-heading p,.sj-card-head p{color:var(--sj-muted);font-size:13px;margin-top:6px}.sj-eyebrow{font-size:11px;letter-spacing:2px;color:var(--sj-accent);font-weight:800;margin-bottom:9px}.sj-status{border:1px solid var(--sj-line);padding:10px 14px;border-radius:12px;font-size:12px;color:var(--sj-muted)}.sj-card{background:var(--sj-bg);border:1px solid var(--sj-line);border-radius:17px;padding:22px;margin:0 0 16px;box-shadow:0 10px 30px #00000012}.sj-card-head{margin-bottom:16px}.sj h2{font-size:19px}.sj label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:var(--sj-muted);min-width:0}.sj input,.sj select,.sj button{font:inherit}.sj input,.sj select{width:100%;min-width:0;background:var(--sj-input);color:var(--sj-text);border:1px solid var(--sj-line);border-radius:9px;padding:11px 12px;outline:none}.sj input:focus,.sj select:focus{border-color:var(--sj-accent);box-shadow:0 0 0 3px #2584d42b}.sj button,.sj-file{background:var(--sj-bg2);border:1px solid var(--sj-line);border-radius:9px;color:var(--sj-text);padding:10px 13px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.sj button:hover,.sj-file:hover{border-color:var(--sj-accent)}.sj .sj-primary{background:#1786e6;color:#fff;border-color:#1786e6}.sj .sj-danger{color:#ffb8bd;border-color:#8b3a49}.sj-profile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.sj-contest-label{min-width:min(310px,100%)}.sj-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}.sj-metrics>div{background:var(--sj-bg2);border:1px solid var(--sj-line);padding:15px;border-radius:12px;display:flex;flex-direction:column;gap:6px}.sj-metrics span{color:var(--sj-muted);font-size:11px}.sj-metrics strong{font-size:22px}.sj-tours{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.sj-tour{padding:13px;background:var(--sj-bg2);border:1px solid var(--sj-line);border-top:3px solid var(--tour-color);border-radius:10px}.sj-tour strong{display:block;margin-bottom:5px}.sj-tour small{color:var(--sj-muted)}.sj-tour p{margin-top:9px;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.sj-tour b{font-size:20px}.sj-entry{display:grid;grid-template-columns:90px 95px minmax(170px,2fr) 95px 75px minmax(125px,1fr) auto;align-items:end;gap:9px}.sj-call-field input{font-size:21px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}.sj-call-hint{font-size:11px;color:var(--sj-muted);min-height:16px}.sj-call-hint.duplicate{color:var(--sj-bad);font-weight:800}.sj-call-hint.clear{color:var(--sj-good)}.sj-notice{padding:11px 14px;margin-top:12px;border:1px solid var(--sj-line);background:var(--sj-bg2);border-radius:9px;color:var(--sj-muted);font-size:12px;overflow-wrap:anywhere}.sj-notice.bad{color:var(--sj-bad);border-color:#974955}.sj-notice.good{color:var(--sj-good)}.sj-inline{display:flex;gap:8px;flex-wrap:wrap}.sj-inline input{width:220px}.sj-inline select{width:145px}.sj-scroll{overflow-x:auto;border:1px solid var(--sj-line);border-radius:10px}.sj-table{width:100%;border-collapse:collapse;min-width:820px;table-layout:auto}.sj-table th{background:var(--sj-bg2);text-align:left;color:var(--sj-muted);font-size:11px;padding:12px 11px;text-transform:uppercase}.sj-table td{padding:11px;border-top:1px solid var(--sj-line);font-size:13px}.sj-table td+td,.sj-table th+th{border-left:1px solid var(--sj-line)}.sj-table .sj-callsign{font-size:15px;font-weight:800;color:var(--sj-accent)}.sj-table tr:hover td{background:#549eff0d}.sj-pill{display:inline-block;border-radius:7px;padding:5px 8px;background:color-mix(in srgb,var(--tour-color) 18%,transparent);color:var(--tour-color);font-weight:800}.sj-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.sj-fine{font-size:12px;color:var(--sj-muted);line-height:1.6;margin-top:10px!important}.sj-macros{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sj-macro{background:var(--sj-bg2);border:1px solid var(--sj-line);padding:14px;border-radius:12px}.sj-macro strong{display:block;margin-bottom:10px}.sj-macro input{font-size:11px;padding:8px}.sj-macro button{margin-top:8px}.sj-empty{text-align:center;color:var(--sj-muted);padding:23px!important}.sj-file{display:inline-flex;align-items:center}
@media(max-width:1300px){.sj-profile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sj-entry{grid-template-columns:110px 120px minmax(200px,2fr) 120px 90px minmax(160px,1fr)}.sj-entry button{grid-column:1/-1}}
@media(max-width:950px){.sj-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.sj-tours,.sj-macros{grid-template-columns:repeat(2,minmax(0,1fr))}.sj-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sj-entry{grid-template-columns:repeat(2,minmax(0,1fr))}.sj-call-field{grid-column:1/-1}}
@media(max-width:600px){.sj{padding:14px 10px 30px!important}.sj-card{padding:15px;border-radius:12px}.sj-profile-grid,.sj-entry{grid-template-columns:1fr}.sj-call-field{grid-column:auto}.sj-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sj-metrics strong{font-size:18px}.sj-tours,.sj-macros{grid-template-columns:1fr}.sj-entry button{grid-column:auto}.sj-inline{width:100%}.sj-inline input{flex:1;width:150px}.sj-heading h1{font-size:27px}.sj-card-head{align-items:stretch}}

/* Unified, accessible audio-file pickers for SSB macros */
.sj-macro-picker{display:flex;align-items:center;gap:9px;min-width:0;margin:9px 0 2px;position:relative}
.sj-macro-input{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:0!important;opacity:0!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap;pointer-events:none}
.sj-macro-upload{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;min-height:41px;padding:9px 12px;border:1px solid var(--sj-line,#355673);border-radius:10px;background:var(--sj-bg,#142d49);color:var(--sj-text,#e9f4ff);font-size:13px;font-weight:700;line-height:1.2;cursor:pointer;transition:background .16s,border-color .16s,transform .16s}
.sj-macro-upload:hover{border-color:#529bd4;background:var(--sj-bg2,#1a3b5a);transform:translateY(-1px)}
.sj-macro-input:focus-visible + .sj-macro-upload{outline:3px solid #439ff8;outline-offset:3px}
.sj-macro-upload-icon{font-size:19px;line-height:1;font-weight:800;color:#64baff}
.sj-macro-file{display:block;flex:1 1 auto;min-width:0;color:var(--sj-muted,#aec1d5);font-size:12px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sj-macro-ready .sj-macro-file{color:#37b995;font-weight:700}
.sj-macro-ready .sj-macro-upload{border-color:#3e9c85}
@media(max-width:1050px){.sj-macro-picker{flex-wrap:wrap}.sj-macro-file{flex-basis:100%}}
@media(max-width:480px){.sj-macro-upload{width:100%}.sj-macro-file{flex-basis:100%}}