#sadModal{position:fixed;inset:0;z-index:93;display:none}
#sadModal.on{display:block}
#sadModal .saddim{position:absolute;inset:0;background:rgba(6,20,28,.55)}
#sadModal .sadwin{position:absolute;left:50%;top:6vh;transform:translateX(-50%);
  width:min(820px,calc(100vw - 24px));max-height:88vh;display:flex;flex-direction:column;box-sizing:border-box;
  background:var(--abyss,#fff);color:var(--ink,#12303A);border:1px solid var(--line,#D2E0E3);border-radius:14px;
  box-shadow:0 24px 60px rgba(6,20,28,.45);padding:16px 18px 18px}
:root[data-theme="dawn"] #sadModal .sadwin{background:var(--hull-2,#1A2C3A)}
#sadModal .sadx{position:absolute;right:10px;top:10px;width:36px;height:36px;border:0;border-radius:9px;cursor:pointer;
  font-size:15px;line-height:1;background:transparent;color:inherit}
#sadModal .sadx:hover{background:rgba(46,128,144,.12)}
#sadModal .sadx:focus-visible,#sadModal .sadbody:focus-visible{outline:2px solid var(--magenta,#c0397f);outline-offset:2px}
#sadModal .sadhd{margin:0 44px 2px 0;font-size:17px;font-weight:800;letter-spacing:-.01em;word-break:keep-all}
#sadModal .sadhd .d{font-weight:500;font-size:12px;color:var(--dim,#5B7580);margin-left:6px}
#sadModal .sadsub{margin:0 44px 8px 0;font-size:12.5px;color:var(--dim,#5B7580);overflow-wrap:anywhere}
#sadModal .sadbody{overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0}
#sadModal .sadsum{margin:6px 0 4px;padding:8px 10px;border-left:3px solid var(--water,#2E8090);
  background:rgba(46,128,144,.07);font-size:13.5px;line-height:1.7;word-break:keep-all;overflow-wrap:anywhere}
/*  LLM 분석 (2026-10-11 지시, 대상 onfishing.net·m.onfishing.net: "조황분석의 상세보기에서 LLM 분석 결과도 추가해") — 규칙 설명(.sadsum) 위, 사이트 강조색 띠로 갈라 둔다 */
#sadModal .sadllm{margin:6px 0 6px;padding:8px 10px;border:1px solid var(--line,#D2E0E3);border-left:3px solid var(--magenta,#c0397f);
  border-radius:8px;background:rgba(192,57,127,.05)}
#sadModal .sadllmh{margin:0 0 3px;font-size:12px;color:var(--dim,#5B7580)}
#sadModal .sadllmh b{color:var(--magenta,#c0397f);font-size:12.5px}
#sadModal .sadllmt{margin:0;font-size:13.5px;line-height:1.7;word-break:keep-all;overflow-wrap:anywhere}
#sadModal .sadh{font-size:13px;font-weight:800;margin:14px 0 4px}
#sadModal .sadh .m,#sadModal .m{font-weight:400;color:var(--dim,#5B7580);font-size:11.5px}
#sadModal .sadport{font:inherit;font-weight:700;color:var(--water,#2E8090);background:none;border:0;padding:2px 0;cursor:pointer;
  text-decoration:underline;text-underline-offset:2px;text-decoration-color:color-mix(in srgb,var(--water,#2E8090) 45%,transparent)}
#sadModal .sadport:hover{color:var(--magenta,#c0397f);text-decoration-color:currentColor}
#sadModal .sadport:focus-visible{outline:2px solid var(--magenta,#c0397f);outline-offset:1px}
#sadModal .sadtbl{overflow-x:auto;-webkit-overflow-scrolling:touch}
#sadModal table{border-collapse:collapse;width:100%;font-size:12.5px;white-space:nowrap}
#sadModal th,#sadModal td{padding:5px 7px;border-bottom:1px solid var(--line,#D2E0E3);text-align:right;vertical-align:middle}
#sadModal th{font-weight:700;color:var(--dim,#5B7580);font-size:11.5px;background:rgba(46,128,144,.06)}
#sadModal th:first-child,#sadModal td:first-child{text-align:left;position:sticky;left:0;background:var(--abyss,#fff)}
:root[data-theme="dawn"] #sadModal th:first-child,:root[data-theme="dawn"] #sadModal td:first-child{background:var(--hull-2,#1A2C3A)}
#sadModal td .m{display:block}
#sadModal .sadbar{display:block}
#sadModal .sadbar rect{fill:var(--water,#2E8090)}
#sadModal .up{color:#1F8A4C;font-weight:700}
#sadModal .dn{color:#C2412D;font-weight:700}
:root[data-theme="dawn"] #sadModal .up{color:#6FD39A}
:root[data-theme="dawn"] #sadModal .dn{color:#FF8A78}
#sadModal .note{margin:12px 0 0;font-size:12px;line-height:1.6;color:var(--dim,#5B7580)}
#sadModal .sadmsg{margin:18px 0;color:var(--dim,#5B7580)}
/*  어종 줄의 「상세」 아이콘 — 손가락으로도 누르기 쉽게 32px 칸 */
[data-sadetail]{display:inline-flex;align-items:center;justify-content:center;width:28px;height:24px;margin:-4px 0 -4px 2px;
  padding:0;border:0;border-radius:7px;background:transparent;color:var(--water,#2E8090);cursor:pointer;vertical-align:middle}
[data-sadetail]:hover{background:rgba(46,128,144,.12)}
[data-sadetail]:focus-visible{outline:2px solid var(--magenta,#c0397f);outline-offset:1px}
[data-sadetail] svg{width:14px;height:14px;display:block}   /* 17→14px(2026-10-08 지시: "조황분석의 상세 아이콘을 조금 작게 해. 모바일 포함") */
@media (max-width:480px){
  #sadModal .sadwin{top:2vh;max-height:96vh;padding:14px 12px 14px;width:calc(100vw - 16px)}
}
@media (prefers-reduced-motion:no-preference){
  #sadModal.on .sadwin{animation:sadIn .16s ease-out}
  @keyframes sadIn{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}
}