
#sg-dash{background:linear-gradient(160deg,#10101e 0%,#0c0c18 100%);
padding:22px;border-radius:10px;color:#d0d0e0;font-family:inherit;}
#sg-dash h2{color:#c9a96e;margin:0 0 6px 0;}
#sg-dash h3{color:#c9a96e;margin:16px 0 8px 0;}
#sg-dash a{color:#7eb8ff;}
.sg-sub{color:#b0b0c8;margin:0 0 12px 0;}
#sg-stats{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px 0;}
.sg-stat{background:#171730;border:1px solid #2c2c4c;border-radius:8px;
padding:6px 12px;color:#d0d0e0;font-size:.92em;}
.sg-stat b{color:#7eb8ff;font-size:1.15em;}
#sg-gen{color:#8888aa;font-size:.82em;margin-bottom:8px;}
.sg-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;
margin:12px 0 6px 0;}
.sg-controls input[type=text]{background:#0d0d1c;color:#e8e8f4;
border:1px solid #3a3a5e;border-radius:6px;padding:7px 10px;
min-width:230px;}
.sg-controls select,.sg-dd select{background:#0d0d1c;color:#e8e8f4;
border:1px solid #3a3a5e;border-radius:6px;padding:7px;max-width:230px;}
.sg-btn{background:#23234a;color:#e8e8f4;border:1px solid #4a4a7a;
border-radius:6px;padding:7px 14px;cursor:pointer;}
.sg-btn:hover{background:#2e2e60;}
.sg-fan{color:#b0b0c8;font-size:.92em;}
.sg-dd{display:flex;flex-wrap:wrap;gap:8px;align-items:center;
margin:6px 0 2px 0;}
.sg-dd label{color:#8888aa;font-size:.85em;}
#sg-chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 4px 0;}
.sg-chip{background:#171730;color:#b0b0c8;border:1px solid #3a3a5e;
border-radius:20px;padding:4px 12px;cursor:pointer;font-size:.88em;}
.sg-chip.sg-on{background:#c9a96e;color:#14142a;border-color:#c9a96e;
font-weight:bold;}
#sg-status{color:#f0b429;font-size:.92em;min-height:1.3em;
margin:4px 0 8px 0;}
#sg-cats{color:#8888aa;font-size:.85em;margin:4px 0 10px 0;}
#sg-cats .sg-cat{color:#7eb8ff;cursor:pointer;text-decoration:underline;}
.sg-presets{display:flex;gap:8px;margin:10px 0;flex-wrap:wrap;}
.sg-preset{background:#171730;color:#d0d0e0;border:1px solid #3a3a5e;
border-radius:6px;padding:8px 16px;cursor:pointer;}
.sg-preset.sg-on{background:#2e2e60;border-color:#7eb8ff;color:#fff;}
.sg-hidden{display:none;}
#sg-bacon-bar{background:#14142a;border:1px solid #2c2c4c;
border-radius:8px;padding:12px;margin:10px 0;}
#sg-bacon-bar select{background:#0d0d1c;color:#e8e8f4;
border:1px solid #3a3a5e;border-radius:6px;padding:6px;max-width:250px;}
#sg-bacon-result{margin-top:10px;color:#d0d0e0;}
#sg-bacon-result .sg-hop{margin:6px 0 6px 14px;color:#b0e0b0;}
.sg-main{display:flex;gap:14px;flex-wrap:wrap;align-items:stretch;}
#sg-net{flex:3 1 540px;height:600px;background:#0a0a16;
border:1px solid #2c2c4c;border-radius:8px;min-width:320px;}
.sg-side{flex:1 1 320px;display:flex;flex-direction:column;gap:14px;
min-width:280px;}
#sg-details{flex:1 1 auto;max-height:600px;overflow-y:auto;
background:#12122a;border:1px solid #2c2c4c;border-radius:8px;
padding:14px;color:#d0d0e0;}
#sg-details h3{margin-top:0;}
#sg-rail{background:#0d0d1e;border:1.5px dashed #3a3a5e;
border-radius:8px;padding:14px;color:#8888aa;}
#sg-rail h3{margin-top:0;color:#5a5a7a;}
.sg-portrait{width:84px;height:84px;border-radius:50%;object-fit:cover;
border:3px solid #c9a96e;display:block;margin:0 auto 10px auto;}
.sg-lab{display:inline-block;background:#23234a;border-radius:12px;
padding:2px 9px;margin:0 4px 4px 0;font-size:.8em;color:#b0b0c8;}
.sg-fact{margin:7px 0;padding-left:10px;border-left:2px solid #2c2c4c;
font-size:.92em;}
.sg-fact .sg-who{color:#7eb8ff;cursor:pointer;font-weight:bold;}
.sg-ment-ep{display:block;width:100%;text-align:left;background:#171730;
color:#d0d0e0;border:1px solid #2c2c4c;border-radius:6px;
padding:6px 10px;margin:4px 0;cursor:pointer;}
.sg-ment-ep:hover{background:#23234a;}
.sg-ment-ep b{color:#f0b429;}
#sg-text-results{margin:8px 0;}
.sg-text-row{display:block;width:100%;text-align:left;
background:#171730;color:#d0d0e0;border:1px solid #2c2c4c;
border-radius:6px;padding:6px 10px;margin:4px 0;cursor:pointer;}
.sg-text-row:hover{background:#23234a;}
.sg-text-row b{color:#f0b429;}
#sg-epbar{margin-top:18px;}
#sg-ep-card{background:linear-gradient(120deg,#171730,#101024);
border:1px solid #2c2c4c;border-left:5px solid #c9a96e;
border-radius:8px;padding:14px 18px;margin:10px 0;}
.sg-ep-kicker{color:#7eb8ff;font-size:.8em;letter-spacing:.22em;
text-transform:uppercase;}
.sg-ep-title{color:#f4f4fa;font-size:1.6em;font-weight:bold;
margin:2px 0;}
.sg-ep-meta{color:#8888aa;font-size:.9em;}
#sg-epbar select{background:#0d0d1c;color:#e8e8f4;border:1px solid
#3a3a5e;border-radius:6px;padding:7px;max-width:420px;}
#sg-epbar input[type=text]{background:#0d0d1c;color:#e8e8f4;
border:1px solid #3a3a5e;border-radius:6px;padding:7px 10px;}
#sg-ep-info{color:#8888aa;font-size:.88em;margin-left:8px;}
#sg-lines{margin-top:10px;background:#0a0a16;border:1px solid #2c2c4c;
border-radius:8px;padding:14px;max-height:520px;overflow-y:auto;}
.sg-line{padding:3px 8px;border-left:3px solid transparent;
color:#cfd0e0;font-size:.95em;line-height:1.45;}
.sg-line .sg-ts{color:#7eb8ff;font-family:monospace;font-size:.85em;
margin-right:10px;}
.sg-line.hit{background:rgba(240,180,41,.20);
border-left-color:#f0b429;color:#fff;}
.sg-watch{display:grid;grid-template-columns:repeat(auto-fit,
minmax(280px,1fr));gap:14px;margin:10px 0;}
.sg-vid{background:#12122a;border:1px solid #2c2c4c;border-radius:8px;
padding:10px;}
.sg-vid h4{color:#d0d0e0;margin:0 0 8px 0;font-size:.95em;}
.sg-vid .sg-frame{position:relative;padding-top:56.25%;}
.sg-vid iframe{position:absolute;top:0;left:0;width:100%;height:100%;
border:0;border-radius:6px;}
.sg-pre{background:#101020;color:#b0e0b0;padding:10px;border-radius:6px;
overflow-x:auto;font-size:.85em;}
.sg-note{color:#8888aa;font-size:.88em;}
