/* ===== v1.41: 모바일 압축 · 7단 해석 흐름 · 용신 상세 ===== */
.contextField{margin-top:2px}
.contextField textarea{min-height:76px;line-height:1.5;resize:vertical}
.v141YongsinDetail{display:grid;gap:8px;margin:-4px 0 13px;padding:11px 12px;border:1px solid rgba(131,104,208,.14);border-radius:16px;background:rgba(123,97,196,.055)}
.v141YongsinRoles{display:flex;flex-wrap:wrap;gap:5px}
.v141YongsinRoles span{display:inline-flex;align-items:center;min-height:25px;padding:4px 8px;border:1px solid rgba(123,97,196,.14);border-radius:999px;background:rgba(255,255,255,.76);font-size:10.5px;font-weight:850;color:var(--muted-strong);white-space:nowrap}
.v141YongsinRoles span:first-child{color:var(--accent-deep);border-color:rgba(123,97,196,.25)}
.v141YongsinDetail p{margin:0;font-size:11.5px;line-height:1.55;color:var(--muted-strong);font-weight:620;word-break:keep-all}
.v141FlowGuide{display:flex;gap:6px;margin:0 0 12px;padding:4px 0 5px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.v141FlowGuide::-webkit-scrollbar{display:none}
.v141FlowGuide button{flex:0 0 auto;min-height:30px;padding:5px 10px;border:1px solid rgba(123,97,196,.14);border-radius:999px;background:rgba(255,255,255,.72);color:var(--muted-strong);font:750 11px/1.1 inherit;cursor:pointer;white-space:nowrap}
.v141FlowGuide button:first-child,.v141FlowGuide button:nth-child(2){background:rgba(123,97,196,.09);color:var(--accent-deep)}
.v141ConclusionCard{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;margin:12px 0;padding:12px 14px;border:1px solid rgba(123,97,196,.17);border-radius:19px;background:linear-gradient(135deg,rgba(250,247,255,.96),rgba(255,248,252,.92));box-shadow:0 8px 22px rgba(102,78,169,.07)}
.v141SectionNo{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border-radius:999px;background:var(--hero-gradient);color:#fff;font-size:10.5px;font-weight:900;white-space:nowrap}
.v141FocusVerdict{display:inline-flex;align-items:center;gap:7px;min-width:0;white-space:nowrap;overflow:hidden}
.v141FocusVerdict b,.v141FocusVerdict strong{font-size:15px;font-weight:900;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v141FocusVerdict i{font-style:normal;color:var(--muted);font-size:11px}
.v141FocusVerdict strong{color:var(--accent-deep)}
.v141ConclusionScore{font-size:12px;font-weight:900;color:var(--muted-strong);white-space:nowrap}
.v141ConclusionHint{grid-column:2 / -1;margin:-3px 0 0;font-size:11px;line-height:1.45;color:var(--muted);word-break:keep-all}
.v141RoleStrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 0 12px}
.v141RoleCard{min-width:0;padding:9px 10px;border:1px solid rgba(131,104,208,.13);border-radius:14px;background:rgba(255,255,255,.72)}
.v141RoleCard small{display:block;margin-bottom:3px;color:var(--accent-deep);font-size:9.5px;font-weight:900;letter-spacing:.02em}
.v141RoleCard b{display:block;overflow:hidden;color:var(--ink);font-size:11.5px;font-weight:800;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.v141InnerTitle{display:flex;align-items:center;gap:7px;margin:12px 0 6px;color:var(--ink);font-size:12px;font-weight:900}
.v141InnerTitle:before{content:attr(data-no);display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:8px;background:rgba(123,97,196,.1);color:var(--accent-deep);font-size:10px}
.v141TimingFallback{display:flex;gap:8px;align-items:flex-start;margin:10px 0 0;padding:10px 11px;border:1px dashed rgba(178,135,67,.4);border-radius:13px;background:rgba(255,248,223,.72);font-size:11.5px;line-height:1.5;color:#5b481d}
.v141TimingFallback b{white-space:nowrap}
.timingCard[data-v141-section]:before,.timingCardV169[data-v141-section]:before{content:attr(data-v141-section);display:block;margin:0 0 8px;color:var(--accent-deep);font-size:11px;font-weight:950}
.v141ClosingNote{margin:12px 0 4px;padding:10px 12px;border:1px solid rgba(131,104,208,.13);border-radius:14px;background:rgba(255,255,255,.62);color:var(--muted);font-size:11.5px;line-height:1.55}
.v141ClosingNote b{color:var(--accent-deep)}
.result.is-empty .v141FlowGuide,.result.is-empty .v141ConclusionCard,.result.is-empty .v141RoleStrip,.result.is-empty .v141ClosingNote{display:none!important}
#autoPanel .autoHeadTitle b{font-size:0!important}
#autoPanel .autoHeadTitle b:after{content:"④ 괘가 말하는 흐름";font-size:15px}
#briefPanel .briefHeadTitle b{font-size:0}
#briefPanel .briefHeadTitle b:after{content:"⑥ 총평 · 특이사항";font-size:15px}
.promptPanel>b:after{content:""}
.promptTools{align-items:stretch}
body.dark-mode .v141YongsinDetail,body.dark-mode .v141ConclusionCard,body.dark-mode .v141RoleCard,body.dark-mode .v141ClosingNote{background:rgba(29,23,52,.82);border-color:rgba(187,171,255,.14)}
body.dark-mode .v141YongsinRoles span,body.dark-mode .v141FlowGuide button{background:rgba(38,31,68,.86);border-color:rgba(187,171,255,.14);color:#d8d0ff}
body.dark-mode .v141FocusVerdict strong,body.dark-mode .v141RoleCard small{color:#d5c8ff}
body.dark-mode .v141TimingFallback{background:rgba(178,135,67,.1);border-color:rgba(222,187,105,.22);color:#e6d4a2}
@media(max-width:620px){
  .shell{padding:9px!important}
  .side,.result{padding:12px!important}
  .top{padding:9px 2px 12px!important}
  .brand h1{font-size:24px!important}
  .questionSetupHead{margin-bottom:9px}
  .field{margin-bottom:10px}
  .v141YongsinDetail{padding:9px 10px;margin-bottom:10px}
  .resultNav{margin-bottom:10px!important;padding-bottom:9px!important}
  .viewTabs{margin-bottom:10px!important}
  .head{gap:7px!important;padding-bottom:10px!important;margin-bottom:10px!important}
  .head h2{font-size:23px!important}
  .chips{gap:5px!important;overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:2px;scrollbar-width:none}
  .chips>*{flex:0 0 auto}
  .summary{gap:10px!important}
  .classicBoard{padding:9px!important}
  .v141FlowGuide{margin-bottom:8px}
  .v141ConclusionCard{grid-template-columns:auto minmax(0,1fr) auto;gap:6px;margin:9px 0;padding:10px 11px;border-radius:16px}
  .v141SectionNo{min-height:22px;padding:3px 6px;font-size:9.5px}
  .v141FocusVerdict{gap:5px}
  .v141FocusVerdict b,.v141FocusVerdict strong{font-size:13px}
  .v141FocusVerdict i{font-size:10px}
  .v141ConclusionScore{font-size:10.5px}
  .v141ConclusionHint{font-size:10.5px}
  .v141RoleStrip{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:9px}
  .v141RoleCard{padding:8px 9px}
  #autoPanel .autoHead{grid-template-columns:minmax(0,1fr) auto 30px!important;gap:6px!important;padding:11px 12px!important}
  #autoPanel .autoHeadTitle{min-width:0}
  #autoPanel .autoHeadTitle b:after{font-size:13px}
  #autoPanel .autoConclusion{grid-column:2!important;grid-row:1!important;justify-self:end!important;width:auto!important;max-width:118px!important;padding:5px 7px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important;text-align:right!important;font-size:10.5px!important}
  #autoPanel .autoToggleIcon{grid-column:3!important;grid-row:1!important;width:28px!important;height:28px!important;min-width:28px!important}
  .autoBody{padding:0 11px 11px!important}
  .briefHead{grid-template-columns:minmax(0,1fr) auto 28px!important;padding:11px 12px!important}
  .briefConclusion{max-width:124px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .promptPanel{padding:11px!important}
  .promptTools{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px!important}
  .promptTools #refreshPromptBtn{grid-column:1 / -1}
  .promptTools .btn{min-width:0;padding:9px 7px;font-size:12px}
  .promptBox{min-height:320px!important;font-size:11.5px!important}
  .newCastBottom{margin-top:10px}
}