/* 자동 생성 — scm_build.py (원본 static/scm/index.html). 손으로 고치지 말 것 */
#scmView {
  --bg:#F4F5F7; --surface:#FFFFFF; --surface-2:#F4F5F7; --surface-3:#FAFBFC;
  --line:#ECEEF1; --line-2:#E4E7EB; --line-strong:#D6DAE0;
  --text:#1A1D21; --text-2:#4A5159; --muted:#79818B; --act:#4A78D6; --wait:#3E4D41; --auto:#C9CED4; --auto-ink:#3F464E;
  --brand:#3E4D41; --sage:#9BAA9E; --sage-tint:#EAEFEB; --neg:#D23B3B;
  --route:#C2683D; --late-bg:#FDF0F0; --late-line:#F0B3B3;
  --shadow-card:0 1px 2px rgba(16,24,40,.04), 0 8px 24px rgba(16,24,40,.06);
  --shadow-pop:0 4px 8px rgba(16,24,40,.06), 0 16px 40px rgba(16,24,40,.12);
  --font-sans:-apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
#scmView * { box-sizing: border-box; }
#scmView { margin: 0; background: var(--bg); color: var(--text); font-family: var(--font-sans); -webkit-font-smoothing: antialiased; }
#scmView .wrap { max-width: 1480px; margin: 0 auto; padding: 28px 24px 60px; }
#scmView .head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin: 0 0 18px; }
#scmView .head h2 { margin: 0; font-size: 22px; font-weight: 800; letter-spacing: -.5px; }
#scmView .head p { margin: 4px 0 0; font-size: 13px; color: var(--muted); }
#scmView .head p em { font-style: normal; font-weight: 700; color: var(--neg); }
#scmView .head .fx { font-size: 12.5px; color: var(--muted); }
#scmView .head .fx b { color: var(--text-2); }
#scmView .sec { display: flex; align-items: baseline; gap: 10px; padding: 0 4px 10px; }
#scmView .sec b { font-size: 17px; font-weight: 700; letter-spacing: -.3px; }
#scmView .sec span { font-size: 13px; color: var(--muted); }
#scmView .up { display: flex; flex-wrap: nowrap; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; margin: -12px -20px 4px; padding: 12px 20px 24px; scroll-padding: 0 20px; scrollbar-width: none; }
#scmView .up::-webkit-scrollbar { display: none; }
#scmView .u { flex: 0 0 calc((100% - 60px) / 6); min-width: 220px; scroll-snap-align: start; display: flex; flex-direction: column; gap: 6px; text-align: left; font: inherit; color: inherit; cursor: pointer;
  background: var(--surface); border: 1px solid var(--line); border-radius: 16px; box-shadow: 0 1px 2px rgba(16,24,40,.05), 0 3px 8px rgba(16,24,40,.05); padding: 14px 16px;
  transition: transform .15s, box-shadow .15s, border-color .15s; }
#scmView .u:hover { transform: translateY(-2px); border-color: var(--line-2); box-shadow: var(--shadow-pop); }
#scmView .u-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
#scmView .u-when { font-size: 12px; font-weight: 700; color: var(--muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
#scmView .u b { font-size: 14.5px; font-weight: 700; letter-spacing: -.2px; word-break: keep-all; }
#scmView .u span.b { font-size: 12.5px; color: var(--muted); line-height: 1.45; word-break: keep-all; }
#scmView .chip { display: inline-block; font-size: 11px; font-weight: 700; border-radius: 999px; padding: 1px 8px; background: var(--surface-2); color: var(--text-2); border: 1px solid var(--line); white-space: nowrap; }
#scmView .chip.dark { background: var(--text); color: #fff; border-color: var(--text); }
#scmView .u.is-late { background: var(--late-bg); border-color: var(--late-line); }
#scmView .u.is-late .u-when { color: var(--neg); }
#scmView .pipe { background: var(--surface); border: 1px solid var(--line); border-radius: 18px; box-shadow: var(--shadow-card); overflow: hidden; }
#scmView .cols { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); }
#scmView .col { min-width: 0; border-left: 1px solid var(--line); }
#scmView .col:first-child { border-left: 0; }
#scmView .col.dim { opacity: .35; }
#scmView .ch { padding: 16px 16px 0; cursor: pointer; }
#scmView .ch-top { display: flex; align-items: flex-end; justify-content: space-between; gap: 8px; }
#scmView .ch:hover .nm { text-decoration: underline; text-underline-offset: 3px; }
#scmView .no { font-size: 11px; font-weight: 700; color: var(--muted); font-variant-numeric: tabular-nums; }
#scmView .nm { font-size: 16px; font-weight: 800; letter-spacing: -.4px; margin-top: 2px; white-space: nowrap; }
#scmView .cnt { text-align: right; line-height: 1; font-variant-numeric: tabular-nums; }
#scmView .cnt b { font-size: 26px; font-weight: 800; letter-spacing: -1px; }
#scmView .cnt b small { font-size: 12px; font-weight: 700; color: var(--muted); letter-spacing: 0; margin-left: 1px; }
#scmView .cnt span { display: block; margin-top: 4px; font-size: 11.5px; font-weight: 600; color: var(--muted); white-space: nowrap; }
#scmView .col.zero .cnt b { color: var(--line-strong); }
#scmView .rail { position: relative; height: 86px; }
#scmView .rail .base { position: absolute; left: 0; right: 0; top: 54px; height: 3px; margin-top: -1px; background: var(--line-2); }
#scmView .rail .scm_go { position: absolute; left: 0; right: 0; top: 54px; height: 3px; margin-top: -1px; background-image: repeating-linear-gradient(90deg, var(--route) 0 6px, transparent 6px 11px); background-size: 11px 3px; animation: scm_go 1.6s linear infinite; }
@keyframes scm_go { to { background-position-x: 11px; } }
#scmView .col:first-child .rail .base, #scmView .col:first-child .rail .scm_go { left: 50%; }
#scmView .col:last-child .rail .base, #scmView .col:last-child .rail .scm_go { right: 50%; }
#scmView .node { position: absolute; left: 50%; top: 34px; width: 40px; height: 40px; margin-left: -20px; border-radius: 50%; display: grid; place-items: center;
  background: var(--surface); border: 1.5px dashed var(--line-strong); color: var(--line-strong); transition: transform .2s; }
#scmView .node svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
#scmView .node.gate { border-radius: 12px; }
#scmView .node.on { border: 1.5px solid var(--text); color: var(--text); box-shadow: 0 2px 6px rgba(16,24,40,.10); }
#scmView .node.wait { background: var(--text); border-color: var(--text); color: #fff; box-shadow: 0 0 0 5px rgba(26,29,33,.08), 0 4px 10px rgba(16,24,40,.18); }
#scmView .node.late { background: var(--neg); border: 1.5px solid var(--neg); color: #fff; box-shadow: 0 0 0 5px rgba(210,59,59,.15), 0 4px 12px rgba(210,59,59,.3); }
#scmView .node.late::before, #scmView .node.late::after { content: ""; position: absolute; inset: -3px; border-radius: inherit; border: 2px solid var(--neg); opacity: 0; animation: scm_ring 2.4s ease-out infinite; }
#scmView .node.late::after { animation-delay: 1.2s; }
@keyframes scm_ring { 0% { transform: scale(.9); opacity: .8; } 100% { transform: scale(1.9); opacity: 0; } }
#scmView .col:hover .node.on, #scmView .col:hover .node.wait, #scmView .col:hover .node.late { transform: scale(1.08); }
#scmView .pill { position: absolute; left: 50%; top: 2px; transform: translateX(-50%); white-space: nowrap; font-size: 11.5px; font-weight: 700; line-height: 18px; border-radius: 999px; padding: 1px 9px;
  background: var(--text); color: #fff; box-shadow: 0 2px 6px rgba(26,29,33,.25); animation: scm_bob 2.6s ease-in-out infinite; }
#scmView .pill::after { content: ""; position: absolute; left: 50%; bottom: -4px; margin-left: -4px; border: 4px solid transparent; border-bottom: 0; border-top-color: var(--text); }
#scmView .pill.red { background: var(--neg); box-shadow: 0 2px 6px rgba(210,59,59,.3); }
#scmView .pill.red::after { border-top-color: var(--neg); }
#scmView .pill.auto { background: var(--surface); color: var(--text-2); border: 1px solid var(--line-strong); box-shadow: 0 1px 3px rgba(16,24,40,.08); animation: none; }
#scmView .pill.auto::after { border-top-color: var(--line-strong); }
@keyframes scm_bob { 0%, 100% { transform: translate(-50%, 0); } 50% { transform: translate(-50%, -3px); } }
#scmView .rl { padding: 4px 16px 14px; font-size: 12px; line-height: 1.45; height: 70px; overflow: hidden; }
#scmView .rl p { margin: 0 0 4px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
#scmView .rl .a { color: var(--muted); }
#scmView .rl .h { color: var(--text); font-weight: 600; }
#scmView .rl i { font-style: normal; display: inline-block; font-size: 10.5px; font-weight: 700; border-radius: 4px; padding: 0 5px; margin-right: 5px; vertical-align: 1px; }
#scmView .rl .a i { color: var(--muted); background: var(--surface-2); }
#scmView .rl .h i { color: #fff; background: var(--text); }
#scmView .body { padding: 6px 10px 14px; background: var(--surface-3); border-top: 1px solid var(--line); min-height: 120px; height: 100%; }
#scmView .empty { font-size: 12px; color: var(--line-strong); padding: 10px 4px; }
#scmView .po { font-size: 11.5px; font-weight: 700; color: #2e5aa8; margin: 10px 4px 6px; font-variant-numeric: tabular-nums; }
#scmView .po.plan { color: var(--muted); }
#scmView .grpc { background: var(--surface); border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 1px 2px rgba(16,24,40,.04), 0 3px 8px rgba(16,24,40,.04); margin: 8px 0 10px; overflow: hidden; }
#scmView .grpc.has-late { border-color: var(--late-line); box-shadow: 0 0 0 1px var(--late-line), 0 6px 18px rgba(210,59,59,.08); }
#scmView .grpc.is-plan { border-style: dashed; border-color: var(--line-strong); box-shadow: none; background: rgba(255,255,255,.7); }
#scmView .gh { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 2px 6px; padding: 9px 11px 7px; border-bottom: 1px solid var(--line); }
#scmView .gh b { font-size: 11.5px; font-weight: 800; color: #2e5aa8; font-variant-numeric: tabular-nums; }
#scmView .grpc.is-plan .gh b { color: var(--text-2); }
#scmView .gh span { font-size: 11px; color: var(--muted); white-space: nowrap; font-variant-numeric: tabular-nums; }
#scmView .row { position: relative; display: block; padding: 8px 11px; cursor: pointer; transition: background .15s; }
#scmView .row + .row { border-top: 1px solid var(--line); }
#scmView .row:hover { background: var(--sage-tint); }
#scmView .row .t { display: flex; align-items: flex-start; gap: 5px; min-width: 0; }
#scmView .seq { flex: none; font-size: 10.5px; font-weight: 700; color: var(--muted); background: var(--surface-2); border: 1px solid var(--line); border-radius: 5px; padding: 0 4px; line-height: 16px; }
#scmView .pn { font-size: 13px; font-weight: 700; letter-spacing: -.2px; line-height: 17px; word-break: keep-all; }
#scmView .l2 { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin-top: 4px; }
#scmView .qd { font-size: 14px; font-weight: 800; letter-spacing: -.3px; font-variant-numeric: tabular-nums; white-space: nowrap; }
#scmView .qd small { font-size: 11px; font-weight: 600; color: var(--muted); margin-left: 1px; }
#scmView .k { font-size: 11.5px; color: var(--muted); white-space: nowrap; font-variant-numeric: tabular-nums; }
#scmView .lt2 { display: block; margin-top: 2px; font-size: 11px; font-weight: 700; color: var(--neg); }
#scmView .k em { font-style: normal; font-weight: 700; color: var(--text-2); }
#scmView .row.is-late { background: var(--late-bg); }
#scmView .row.is-late .k em { color: var(--neg); }
#scmView .row.is-late:hover { background: #FBE5E5; }
#scmView .row.scm_flash { animation: scm_flash 2.2s ease-out; }
@keyframes scm_flash { 0% { background-color: transparent; } 15%, 40% { background-color: rgba(74,120,214,.16); } 55% { background-color: rgba(74,120,214,.07); } 70% { background-color: rgba(74,120,214,.14); } 100% { background-color: transparent; } }
#scmView .tbl { margin-top: 22px; background: var(--surface); border: 1px solid var(--line); border-radius: 18px; box-shadow: var(--shadow-card); overflow: hidden; }
#scmView .tbl .scroll { overflow-x: auto; }
#scmView table { width: 100%; border-collapse: collapse; font-size: 13.5px; min-width: 760px; }
#scmView th { text-align: left; font-size: 12px; font-weight: 700; color: var(--muted); background: #EEF0F3; padding: 10px 16px; white-space: nowrap; }
#scmView th.r, #scmView td.r { text-align: right; }
#scmView td { padding: 11px 16px; border-top: 1px solid var(--line); white-space: nowrap; font-variant-numeric: tabular-nums; }
#scmView td:first-child { font-weight: 700; }
#scmView td.bad { color: var(--neg); font-weight: 700; }
#scmView .run { position: relative; width: 180px; height: 8px; border-radius: 4px; background: var(--line-2); }
#scmView .run .h { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 4px; background: var(--text); }
#scmView .run .h.bad { background: var(--neg); }
#scmView .run .i { position: absolute; top: 0; bottom: 0; border-radius: 0 4px 4px 0; background: repeating-linear-gradient(90deg, #9AA3B5 0 4px, transparent 4px 7px); }
#scmView .run .l { position: absolute; top: -4px; bottom: -4px; width: 0; border-left: 1.5px solid var(--route); }
#scmView td.bar { width: 200px; }
#scmView tr:hover td { background: var(--surface-3); }
#scmView .dim-bg { position: fixed; inset: 0; background: rgba(20,22,30,.32); opacity: 0; pointer-events: none; transition: opacity .2s; z-index: 20; }
#scmView .panel { position: fixed; top: 0; right: 0; bottom: 0; width: min(440px, 100vw); background: var(--surface); box-shadow: -12px 0 40px rgba(20,22,30,.18); transform: translateX(105%); transition: transform .25s cubic-bezier(.2,.8,.2,1); z-index: 21; overflow-y: auto; }
#scmView .open .dim-bg { opacity: 1; pointer-events: auto; }
#scmView .open .panel { transform: none; }
#scmView .ph { padding: 22px 24px 16px; border-bottom: 1px solid var(--line); position: sticky; top: 0; background: var(--surface); }
#scmView .ph .x { position: absolute; top: 18px; right: 18px; width: 32px; height: 32px; border: 0; border-radius: 8px; background: var(--surface-2); font-size: 18px; color: var(--muted); cursor: pointer; }
#scmView .ph small { font-size: 12px; font-weight: 700; color: #2e5aa8; }
#scmView .ph h3 { margin: 6px 0 0; font-size: 20px; font-weight: 800; letter-spacing: -.4px; }
#scmView .ph p { margin: 4px 0 0; font-size: 13px; color: var(--muted); }
#scmView .pb { padding: 18px 24px 28px; }
#scmView .steps { display: grid; grid-template-columns: repeat(8, 1fr); gap: 4px; margin: 2px 0 18px; }
#scmView .steps i { height: 5px; border-radius: 3px; background: var(--line-2); }
#scmView .steps i.d { background: var(--pc); }
#scmView .steps i.n { background: var(--text); }
#scmView .steps i.n.r { background: var(--neg); }
#scmView .kv { display: grid; grid-template-columns: 96px 1fr; gap: 9px 12px; font-size: 13.5px; margin-bottom: 18px; }
#scmView .kv dt { color: var(--muted); }
#scmView .kv dd { margin: 0; font-weight: 600; }
#scmView .kv dd.bad { color: var(--neg); }
#scmView .role { border: 1px solid var(--line); border-radius: 12px; overflow: hidden; margin-bottom: 14px; }
#scmView .role div { display: grid; grid-template-columns: 56px 1fr; gap: 10px; padding: 11px 14px; font-size: 13.5px; }
#scmView .role div + div { border-top: 1px solid var(--line); }
#scmView .role span { font-size: 12px; font-weight: 700; color: var(--muted); }
#scmView .role div.h span { color: var(--text); }
#scmView .calc { font-size: 13px; color: var(--text-2); background: var(--surface-3); border: 1px solid var(--line); border-radius: 10px; padding: 12px 14px; line-height: 1.6; }
#scmView .acts { display: flex; gap: 8px; margin-top: 18px; }
#scmView .btn { font: inherit; font-size: 13px; font-weight: 700; border-radius: 10px; padding: 10px 14px; border: 1px solid var(--line-strong); background: var(--surface); color: var(--text-2); cursor: pointer; }
#scmView .btn.pri { flex: 1; background: var(--brand); border-color: var(--brand); color: #fff; }
#scmView .foot { margin: 12px 4px 0; font-size: 12px; color: var(--muted); line-height: 1.7; }
@media (max-width: 1100px) {
#scmView .cols { grid-template-columns: 1fr; }
#scmView .col { border-left: 0; border-top: 1px solid var(--line); display: grid; grid-template-columns: 200px 1fr; }
#scmView .col:first-child { border-top: 0; }
#scmView .rail { display: none; }
#scmView .col { grid-template-rows: auto 1fr; }
#scmView .ch3 { grid-column: 1; grid-row: 1; }
#scmView .rl { grid-column: 1; grid-row: 2; height: auto; }
#scmView .body { grid-column: 2; grid-row: 1 / span 2; }
#scmView .ch3 { padding: 14px; }
#scmView .chev { display: none; }
#scmView .rl { height: auto; }
#scmView .body { border-top: 0; border-left: 1px solid var(--line); display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 0 8px; align-content: start; }
#scmView .body .po { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
#scmView .wrap { padding: 18px 14px 40px; }
#scmView .col { grid-template-columns: 1fr; }
#scmView .body { grid-column: 1; grid-row: auto; border-left: 0; border-top: 1px solid var(--line); }
#scmView .u { flex-basis: 78%; }
}
#scmView .col { position: relative; }
#scmView .ch2 { display: grid; grid-template-columns: minmax(0, 1fr) 68px; align-items: center; gap: 4px 10px; padding: 16px 16px 12px; cursor: pointer; min-height: 132px; }
#scmView .ch2:hover .nm { text-decoration: underline; text-underline-offset: 3px; }
#scmView .ch2 .no { font-size: 11px; font-weight: 700; color: var(--muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
#scmView .ch2 .nm { font-size: 16px; font-weight: 800; letter-spacing: -.4px; margin-top: 2px; white-space: nowrap; }
#scmView .lg { margin-top: 8px; font-size: 11.5px; color: var(--muted); line-height: 1.65; white-space: nowrap; }
#scmView .lg i { display: inline-block; width: 7px; height: 7px; border-radius: 50%; margin-right: 5px; vertical-align: 1px; }
#scmView .lg .q { margin-top: 2px; font-weight: 600; font-variant-numeric: tabular-nums; }
#scmView .scm_ring { position: relative; width: 68px; height: 68px; }
#scmView .scm_ring svg { width: 68px; height: 68px; transform: rotate(-90deg); overflow: visible; }
#scmView .scm_ring b { position: absolute; inset: 0; display: grid; place-items: center; font-size: 20px; font-weight: 800; letter-spacing: -.6px; font-variant-numeric: tabular-nums; }
#scmView .col.zero .scm_ring b { color: var(--line-strong); }
#scmView .scm_ring .seg { transition: stroke-width .2s; }
#scmView .col:hover .scm_ring .seg { stroke-width: 8.5; }
#scmView .scm_ring .glow { position: absolute; inset: 0; border-radius: 50%; pointer-events: none;
  background: conic-gradient(from 0deg, rgba(255,255,255,0) 0deg, rgba(255,255,255,0) 130deg, rgba(255,255,255,.55) 180deg, rgba(255,255,255,0) 230deg, rgba(255,255,255,0) 360deg);
  -webkit-mask: radial-gradient(circle, transparent 23.4px, #000 23.6px, #000 30.4px, transparent 30.6px);
          mask: radial-gradient(circle, transparent 23.4px, #000 23.6px, #000 30.4px, transparent 30.6px);
  animation: scm_sweep 2.2s ease-in-out infinite; }
@keyframes scm_sweep { from { transform: rotate(-60deg); } to { transform: rotate(300deg); } }
#scmView .chev { position: absolute; right: -8px; top: 66px; width: 14px; height: 14px; background: var(--surface); border-top: 1px solid var(--line-strong); border-right: 1px solid var(--line-strong); transform: rotate(45deg); z-index: 2; }
#scmView .col:last-child .chev { display: none; }
#scmView .ch3 { padding: 16px 16px 14px; cursor: pointer; }
#scmView .ch3:hover .nm { text-decoration: underline; text-underline-offset: 3px; }
#scmView .ch3 .no { font-size: 11px; font-weight: 700; color: var(--muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
#scmView .ch3 .nm { font-size: 16px; font-weight: 800; letter-spacing: -.4px; margin-top: 2px; white-space: nowrap; }
#scmView .sg { margin-top: 14px; height: 8px; border-radius: 4px; background: var(--line-2); position: relative; overflow: hidden; }
#scmView .sg i { position: absolute; top: 0; bottom: 0; }
#scmView .sg.live::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 50%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent); animation: scm_shine 2.2s ease-in-out infinite; }
@keyframes scm_shine { from { transform: translateX(-100%); } to { transform: translateX(200%); } }
#scmView .sr { display: flex; justify-content: space-between; align-items: baseline; gap: 6px; margin-top: 10px; height: 30px; }
#scmView .sr b { font-size: 24px; font-weight: 800; letter-spacing: -.8px; font-variant-numeric: tabular-nums; }
#scmView .sr b small { font-size: 12px; color: var(--muted); font-weight: 700; margin-left: 1px; letter-spacing: 0; }
#scmView .stag { font-size: 11.5px; font-weight: 700; border-radius: 999px; padding: 1px 8px; white-space: nowrap; }
#scmView .stag.red { color: #fff; background: var(--neg); }
#scmView .stag.dark { color: #fff; background: var(--wait); }
#scmView .stag.auto { color: var(--text-2); background: var(--surface-2); border: 1px solid var(--line); }
#scmView .sq { margin-top: 4px; height: 16px; line-height: 16px; font-size: 12px; font-weight: 600; color: var(--muted); font-variant-numeric: tabular-nums; }
#scmView .col.zero .sr b { color: var(--line-strong); }
#scmView .sr { height: auto; align-items: baseline; }
#scmView .sr .sq { margin: 0; height: auto; line-height: 30px; font-size: 16px; font-weight: 700; color: var(--text-2); }
#scmView .sr .sq small { font-size: 12px; color: var(--muted); font-weight: 700; margin-left: 1px; }
#scmView .sl { display: flex; flex-direction: column; }
#scmView .sl b { line-height: 30px; }
#scmView .tg { display: flex; flex-direction: column; align-items: flex-end; gap: 3px; padding-top: 6px; }
#scmView .tg .stag { font-size: 10.5px; line-height: 16px; height: 17px; box-sizing: border-box; padding: 0 7px; }
#scmView .tg .stag.auto { border: 0; box-shadow: none; color: var(--auto-ink); background: var(--auto); }
#scmView .ch3 { position: relative; }
#scmView .ch3 .rl { position: absolute; z-index: 6; left: 10px; right: 10px; top: calc(100% - 6px); height: auto; padding: 10px 12px 8px; background: var(--surface);
  border: 1px solid var(--line-2); border-radius: 10px; box-shadow: var(--shadow-pop); opacity: 0; transform: translateY(-4px); pointer-events: none; transition: opacity .15s, transform .15s; }
#scmView .ch3 .rl p { -webkit-line-clamp: unset; display: block; }
#scmView .ch3:hover .rl { opacity: 1; transform: none; }
@media (max-width: 1100px) {
#scmView .ch3 .rl { display: none; }
}
#scmView .head { align-items: baseline; margin-bottom: 12px; }
#scmView .head p { margin: 0; font-size: 12.5px; }
#scmView .hC { background: var(--surface); border: 1px solid var(--line); border-radius: 18px; box-shadow: var(--shadow-card); padding: 18px 22px; margin-bottom: 22px; }
#scmView .hC .bar { position: relative; display: flex; height: 12px; margin-bottom: 10px; border-radius: 6px; overflow: hidden; background: var(--line-2); }
#scmView .hC .bar i { display: block; height: 100%; }
#scmView .hC .bar::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 30%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.5), transparent); animation: scm_shineW 3s ease-in-out infinite; }
@keyframes scm_shineW { from { transform: translateX(-100%); } to { transform: translateX(334%); } }
#scmView .hC .lg { display: flex; gap: 6px 22px; flex-wrap: wrap; font-size: 13px; color: var(--muted); }
#scmView .hC .lg span { display: inline-flex; align-items: center; gap: 7px; }
#scmView .hC .lg i { width: 9px; height: 9px; border-radius: 3px; }
#scmView .hC .lg b { color: var(--text); font-weight: 800; font-variant-numeric: tabular-nums; }
#scmView .hC .lg .fx { margin-left: auto; }
#scmView .hC .lg .fx b { font-weight: 700; color: var(--text-2); }
#scmView .grp { margin: 8px 0 10px; border-radius: 12px; overflow: hidden; background: var(--surface); border: 1px solid var(--line); box-shadow: 0 1px 2px rgba(16,24,40,.04); }
#scmView .grp.red { border-color: var(--late-line); }
#scmView .gh2 { display: flex; justify-content: space-between; align-items: center; padding: 7px 10px; font-size: 11.5px; font-weight: 800; }
#scmView .gh2 span { font-weight: 700; opacity: .85; font-variant-numeric: tabular-nums; }
#scmView .grp.red .gh2 { background: var(--neg); color: #fff; }
#scmView .grp.dark { border-color: color-mix(in srgb, var(--wait) 35%, #fff); }
#scmView .grp.dark .gh2 { background: var(--wait); color: #fff; }
#scmView .grp.auto { border-color: color-mix(in srgb, var(--auto) 45%, #fff); }
#scmView .grp.auto .gh2 { background: var(--auto); color: var(--auto-ink); }
#scmView .grp.plan { border-style: dashed; border-color: var(--line-strong); box-shadow: none; }
#scmView .grp.plan .gh2 { background: transparent; color: var(--text-2); border-bottom: 1px dashed var(--line-strong); }
#scmView .grp.plan.red { border-color: var(--late-line); }
#scmView .grp.plan.red .gh2 { background: var(--neg); color: #fff; border-bottom: 0; }
#scmView .grp.plan.dark .gh2 { background: var(--wait); color: #fff; border-bottom: 0; }
#scmView .grp.plan.auto .gh2 { background: var(--auto); color: var(--auto-ink); border-bottom: 0; }
#scmView .dr { padding: 8px 10px; cursor: pointer; transition: background .15s; }
#scmView .dr + .dr { border-top: 1px solid var(--line); }
#scmView .dr:hover { background: var(--surface-3); }
#scmView .dr.scm_flash { animation: scm_flash 1.8s ease-in-out; }
#scmView .dr .t2 { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; column-gap: 6px; margin-top: 1px; }
#scmView .dr .qd { font-size: 13px; }
#scmView .po2 { display: block; white-space: nowrap; font-size: 10.5px; font-weight: 700; color: #2e5aa8; font-variant-numeric: tabular-nums; }
#scmView .pn2 { display: block; font-size: 12.5px; font-weight: 700; letter-spacing: -.2px; word-break: keep-all; }
#scmView .l3 { margin-top: 2px; }
#scmView .l3 span { font-size: 11px; color: var(--muted); white-space: nowrap; font-variant-numeric: tabular-nums; }
#scmView .grp.red .l3 span { color: var(--neg); font-weight: 700; }
#scmView .pC { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 12px; }
#scmView .pC .c { background: var(--surface); border: 1px solid var(--line); border-radius: 16px; box-shadow: 0 1px 2px rgba(16,24,40,.05), 0 3px 8px rgba(16,24,40,.05); padding: 15px 16px 14px; transition: transform .15s, box-shadow .15s; }
#scmView .pC .c:hover { transform: translateY(-2px); box-shadow: var(--shadow-pop); }
#scmView .pC .c.late { background: var(--late-bg); border-color: var(--late-line); }
#scmView .pC .t { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
#scmView .pC .t b { font-size: 15px; font-weight: 800; letter-spacing: -.3px; }
#scmView .chip.red { background: var(--neg); color: #fff; border-color: var(--neg); }
#scmView .pC .big { margin-top: 12px; font-size: 13px; color: var(--muted); font-weight: 600; }
#scmView .pC .big b { display: block; font-size: 26px; font-weight: 800; letter-spacing: -.8px; color: var(--text); line-height: 1.1; font-variant-numeric: tabular-nums; }
#scmView .pC .c.late .big b { color: var(--neg); }
#scmView .pC .run { width: auto; margin-top: 12px; }
#scmView .pC .st { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--line); }
#scmView .pC .c.late .st { border-top-color: var(--late-line); }
#scmView .pC .st small { display: block; font-size: 11px; font-weight: 700; color: var(--muted); }
#scmView .pC .st b { display: block; margin-top: 1px; font-size: 13px; font-weight: 800; font-variant-numeric: tabular-nums; }
#scmView .now { background: var(--wait); color: #fff; border-radius: 14px; padding: 14px 16px; margin-bottom: 18px; }
#scmView .now.r { background: var(--neg); }
#scmView .now small { font-size: 11.5px; font-weight: 700; opacity: .7; }
#scmView .now b { display: block; margin-top: 4px; font-size: 17px; font-weight: 800; letter-spacing: -.3px; }
#scmView .now p { margin: 4px 0 0; font-size: 12.5px; opacity: .8; line-height: 1.5; }
#scmView .now .acts { margin-top: 12px; }
#scmView .now .btn { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.2); color: #fff; }
#scmView .now .btn.pri { background: #fff; border-color: #fff; color: var(--text); }
#scmView .now.none { background: var(--surface-3); color: var(--text); border: 1px solid var(--line); }
#scmView .now.none small { opacity: 1; color: var(--muted); }
#scmView .vs { position: relative; margin: 2px 0 4px; }
#scmView .v { position: relative; display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 12px; padding-bottom: 12px; }
#scmView .v::before { content: ""; position: absolute; left: 10.5px; top: 20px; bottom: -2px; width: 1.5px; background: var(--line-2); }
#scmView .v:last-child::before { display: none; }
#scmView .v.d::before { background: #9AA3B5; }
#scmView .v > .o { position: relative; z-index: 1; width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; font-size: 10px; font-weight: 800; background: var(--surface); border: 1.5px solid var(--line-strong); color: var(--muted); font-variant-numeric: tabular-nums; }
#scmView .v.d > .o { background: #9AA3B5; border-color: #9AA3B5; color: #fff; }
#scmView .v.n > .o { background: var(--text); border-color: var(--text); color: #fff; box-shadow: 0 0 0 4px rgba(26,29,33,.08); }
#scmView .v.n.r > .o { background: var(--neg); border-color: var(--neg); box-shadow: 0 0 0 4px rgba(210,59,59,.15); }
#scmView .v > div > b { display: block; font-size: 13.5px; font-weight: 700; line-height: 22px; color: var(--muted); }
#scmView .v.d > div > b { color: var(--text-2); font-weight: 600; }
#scmView .v.n > div > b { color: var(--text); font-weight: 800; font-size: 14.5px; }
#scmView .v .f { margin-top: 6px; background: var(--surface-3); border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px; font-size: 12.5px; line-height: 1.7; }
#scmView .v.n.r .f { background: var(--late-bg); border-color: var(--late-line); }
#scmView .v .f div { display: flex; justify-content: space-between; gap: 10px; }
#scmView .v .f span { color: var(--muted); white-space: nowrap; }
#scmView .v .f em { font-style: normal; font-weight: 700; text-align: right; }
#scmView .v .f em.bad { color: var(--neg); }
@media (max-width: 640px) {
#scmView .hC .lg .fx { margin-left: 0; }
}
#scmView .up { gap: 12px; }
#scmView .u.tc { flex: 0 0 calc((100% - 36px) / 4); min-width: 250px; gap: 0; background: var(--wait); color: #fff; border: 0; border-radius: 16px; padding: 16px 18px; box-shadow: 0 2px 6px rgba(16,24,40,.12); }
#scmView .u.tc.hot { background: var(--neg); }
#scmView .u.tc:hover { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(16,24,40,.16); }
#scmView .u.tc small { font-size: 12px; font-weight: 700; opacity: .75; font-variant-numeric: tabular-nums; }
#scmView .u.tc b { display: block; margin-top: 6px; font-size: 16.5px; font-weight: 800; letter-spacing: -.4px; word-break: keep-all; }
#scmView .u.tc p { margin: 6px 0 0; font-size: 13px; opacity: .85; line-height: 1.5; word-break: keep-all; }
#scmView .u.tc .acts { display: flex; gap: 8px; margin-top: auto; padding-top: 14px; }
#scmView .u.tc .btn { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.2); color: #fff; }
#scmView .u.tc .btn.pri { flex: 1; background: #fff; border-color: #fff; color: var(--text); }
@media (max-width: 640px) {
#scmView .u.tc { flex-basis: 82%; }
#scmView .up { margin: -12px -14px 4px; padding: 12px 14px 24px; scroll-padding: 0 14px; }
}
#scmView .pF { background: var(--surface); border: 1px solid var(--line); border-radius: 18px; box-shadow: var(--shadow-card); overflow-x: auto; overflow-y: hidden; }
#scmView .pF .pC { display: grid; grid-template-columns: repeat(9, minmax(150px, 1fr)); gap: 0; min-width: 1240px; }
#scmView .pF .pC .c { border: 0; border-left: 1px solid var(--line); border-radius: 0; box-shadow: none; padding: 16px 16px 14px; min-width: 0; }
#scmView .pF .pC .c:first-child { border-left: 0; }
#scmView .pF .pC .c:hover { transform: none; box-shadow: none; background: var(--surface-3); }
#scmView .pF .pC .c.late { background: var(--late-bg); border-color: var(--line); }
#scmView .pF .pC .c .t { flex-direction: column; align-items: flex-start; gap: 6px; }
#scmView .pF .pC .c .t b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
#scmView .pF .pC .c .st { grid-template-columns: 1fr; gap: 5px; }
#scmView .pF .pC .c .st div { display: flex; justify-content: space-between; align-items: baseline; }
#scmView .pF .pC .c .st b { margin: 0; }
#scmView .up-car { position: relative; }
#scmView .up { display: flex; flex-wrap: nowrap; gap: 12px; overflow-x: auto; scroll-behavior: smooth; scroll-snap-type: x mandatory; scroll-padding: 0 20px;
  margin: -12px -20px 4px; padding: 12px 20px 24px; scrollbar-width: none; -ms-overflow-style: none; clip-path: inset(0 20px 0 20px); }
#scmView .up::-webkit-scrollbar { width: 0; height: 0; }
#scmView .u.tc { flex: 0 0 calc((100% - 36px) / 4); min-width: 0; min-height: 160px; scroll-snap-align: start; }
@media (max-width: 640px) {
#scmView .u.tc { flex-basis: 100% !important; }
}
#scmView .up-arrow { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 999px; border: 1px solid #d3d7dd; background: #fff; color: #4c5560;
  font-size: 16px; line-height: 1; cursor: pointer; transition: all .12s; position: absolute; top: calc(50% - 6px); transform: translateY(-50%); z-index: 5; box-shadow: 0 2px 8px rgba(0,0,0,.10); }
#scmView .up-prev { left: -14px; }
#scmView .up-next { right: -14px; }
#scmView .up-arrow:hover { border-color: #7a828c; color: #14161a; }
#scmView .up-arrow.is-hidden { display: none; }
@media (max-width: 1100px) {
#scmView .u.tc { flex-basis: calc((100% - 12px) / 2); }
}
@media (max-width: 640px) {
#scmView .up { margin: -12px -14px 4px; padding: 12px 14px 24px; scroll-padding: 0 14px; clip-path: inset(0 14px 0 14px); }
#scmView .u.tc { flex-basis: 86%; }
#scmView .up-prev { left: -6px; }
#scmView .up-next { right: -6px; }
}
#scmView .pF .pC .c { padding: 0; }
#scmView .pF .pC .c .nmb { padding: 9px 16px; background: #5B6570; color: #fff; font-size: 13.5px; font-weight: 800; letter-spacing: -.2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#scmView .pF .pC .c.late .nmb { background: var(--neg); }
#scmView .pF .pC .c .cb { padding: 12px 16px 14px; }
#scmView .pF .pC .c .cb > .chip { display: inline-block; }
#scmView .pF .pC .c .big { margin-top: 10px; }
#scmView .pF .pC .c { cursor: pointer; }
#scmView .pF .pC .c.on { background: var(--surface-3); box-shadow: inset 0 -3px 0 var(--text); }
#scmView .pF .pC .c.late.on { background: var(--late-bg); box-shadow: inset 0 -3px 0 var(--neg); }
#scmView .pd { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .3s cubic-bezier(.2,.8,.2,1); }
#scmView .pd.open { grid-template-rows: 1fr; }
#scmView .pd-in { overflow: hidden; }
#scmView .pd-box { position: relative; margin-top: 14px; background: var(--surface); border: 1px solid var(--line); border-radius: 18px; box-shadow: var(--shadow-card); padding: 18px 22px 20px; opacity: 0; transform: translateY(-6px); transition: opacity .25s, transform .25s; }
#scmView .pd.open .pd-box { opacity: 1; transform: none; }
#scmView .pd-box::before { content: ""; position: absolute; top: -7px; left: var(--tip, 50%); width: 12px; height: 12px; margin-left: -6px; background: var(--surface); border-left: 1px solid var(--line); border-top: 1px solid var(--line); transform: rotate(45deg); }
#scmView .pd-h { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
#scmView .pd-h b { font-size: 18px; font-weight: 800; letter-spacing: -.4px; }
#scmView .pd-h span { margin-left: 10px; font-size: 12.5px; color: var(--muted); }
#scmView .pd-x { width: 30px; height: 30px; border: 0; border-radius: 8px; background: var(--surface-2); color: var(--muted); font-size: 17px; cursor: pointer; }
#scmView .pd-kv { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); margin-top: 14px; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
#scmView .pd-kv div { padding: 10px 14px; border-left: 1px solid var(--line); }
#scmView .pd-kv div:first-child { border-left: 0; }
#scmView .pd-kv small { display: block; font-size: 11.5px; font-weight: 700; color: var(--muted); }
#scmView .pd-kv b { display: block; margin-top: 3px; font-size: 15px; font-weight: 800; font-variant-numeric: tabular-nums; white-space: nowrap; }
#scmView .pd-kv b.bad { color: var(--neg); }
#scmView .pd-grid { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: 24px; margin-top: 18px; }
#scmView .pd-ct { font-size: 13.5px; font-weight: 800; margin-bottom: 10px; }
#scmView .pd-ct span { margin-left: 6px; font-size: 12px; font-weight: 600; color: var(--muted); }
#scmView .pd-plot { position: relative; height: 220px; margin-bottom: 26px; border-bottom: 1px solid var(--line-strong); }
#scmView .pd-plot svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
#scmView .pd-m { position: absolute; top: 0; bottom: 0; width: 0; border-left: 1px dashed var(--line-2); }
#scmView .pd-m em { position: absolute; bottom: -22px; left: 0; transform: translateX(-50%); font-style: normal; font-size: 11px; font-weight: 700; color: var(--muted); white-space: nowrap; }
#scmView .pd-v { position: absolute; top: 0; bottom: 0; width: 0; }
#scmView .pd-v em { position: absolute; top: -2px; left: 5px; font-style: normal; font-size: 11px; font-weight: 800; white-space: nowrap; padding: 1px 6px; border-radius: 6px; background: #fff; }
#scmView .pd-v.ob { border-left: 1.5px solid var(--route); }
#scmView .pd-v.ob em { color: var(--route); }
#scmView .pd-v.na { border-left: 1.5px dashed var(--act); }
#scmView .pd-v.na em { color: var(--act); top: 18px; }
#scmView .pd-dot { position: absolute; width: 10px; height: 10px; margin: -5px 0 0 -5px; border-radius: 50%; background: #fff; border: 2.5px solid var(--text); z-index: 2; }
#scmView .pd-dot.late { border-color: var(--neg); }
#scmView .pd-out { position: absolute; bottom: 0; width: 0; height: 0; }
#scmView .pd-out::before { content: ""; position: absolute; left: -5px; bottom: -5px; width: 10px; height: 10px; border-radius: 50%; background: var(--neg); box-shadow: 0 0 0 4px rgba(210,59,59,.18); }
#scmView .pd-out em { position: absolute; bottom: 10px; left: 8px; font-style: normal; font-size: 11px; font-weight: 800; color: var(--neg); white-space: nowrap; }
#scmView .pd-foot { display: flex; gap: 16px; flex-wrap: wrap; font-size: 12px; color: var(--muted); }
#scmView .pd-foot span { display: inline-flex; align-items: center; gap: 6px; }
#scmView .pd-foot i { display: inline-block; }
#scmView .pd-foot .k1 { width: 18px; height: 0; border-top: 2px solid var(--text); }
#scmView .pd-foot .k2 { width: 18px; height: 0; border-top: 2px dashed var(--act); }
#scmView .pd-foot .k3 { width: 9px; height: 9px; border-radius: 50%; border: 2px solid var(--text); }
#scmView .pd-list { border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
#scmView .pd-r { display: flex; justify-content: space-between; gap: 10px; padding: 9px 12px; border-top: 1px solid var(--line); }
#scmView .pd-r:first-child { border-top: 0; }
#scmView .pd-r.late { background: var(--late-bg); }
#scmView .pd-r b { display: block; font-size: 13px; font-weight: 800; font-variant-numeric: tabular-nums; }
#scmView .pd-r small { display: block; margin-top: 1px; font-size: 11.5px; color: var(--muted); }
#scmView .pd-r.late small { color: var(--neg); }
#scmView .pd-r .r { text-align: right; white-space: nowrap; }
#scmView .pd-note { margin-top: 8px; font-size: 12.5px; color: var(--muted); }
#scmView .pd-calc { font-size: 12.5px; line-height: 1.8; color: var(--text-2); background: var(--surface-3); border: 1px solid var(--line); border-radius: 10px; padding: 10px 13px; font-variant-numeric: tabular-nums; }
#scmView .pd-calc b { color: var(--text); }
@media (max-width: 1100px) {
#scmView .pd-kv { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#scmView .pd-kv div:nth-child(4) { border-left: 0; }
#scmView .pd-kv div:nth-child(n+4) { border-top: 1px solid var(--line); }
#scmView .pd-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
#scmView .pd-box { padding: 14px; }
#scmView .pd-kv { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#scmView .pd-kv div { border-left: 0 !important; border-top: 1px solid var(--line); }
#scmView .pd-kv div:nth-child(-n+2) { border-top: 0; }
#scmView .pd-kv div:nth-child(even) { border-left: 1px solid var(--line) !important; }
#scmView .pd-h span { display: block; margin: 2px 0 0; }
}
#scmView .col { transition: opacity .3s ease; }
#scmView .col.pick .ch3 { background: var(--surface-3); }
#scmView .btn { transition: transform .12s, background .15s, border-color .15s; }
#scmView .btn:active { transform: scale(.96); }
#scmView .tg .stag.red { position: relative; }
#scmView .tg .stag.red::after { content: ""; position: absolute; inset: -2px; border-radius: 999px; border: 2px solid var(--neg); opacity: 0; animation: scm_tagRing 2.4s ease-out infinite; }
@keyframes scm_tagRing { 0% { transform: scale(.9); opacity: .7; } 70%, 100% { transform: scale(1.35, 1.8); opacity: 0; } }
#scmView .mo-replay { position: fixed; right: 20px; bottom: 20px; z-index: 30; font: inherit; font-size: 12.5px; font-weight: 700; color: var(--text-2); background: var(--surface); border: 1px solid var(--line-2); border-radius: 999px; padding: 8px 14px; box-shadow: var(--shadow-pop); cursor: pointer; }
#scmView .mo-replay:hover { color: var(--text); border-color: var(--line-strong); }
@media (prefers-reduced-motion: reduce) {
#scmView .tg .stag.red::after { animation: none; }
#scmView .mo-replay { display: none; }
}
#scmView .rq-dim { position: fixed; inset: 0; z-index: 40; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(255,255,255,.72); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); opacity: 0; pointer-events: none; transition: opacity .2s; }
#scmView .rq-dim.open { opacity: 1; pointer-events: auto; }
#scmView .rq { width: min(920px, 100%); max-height: calc(100vh - 40px); overflow: auto; background: var(--surface); border: 1px solid var(--line); border-radius: 20px; box-shadow: 0 24px 60px rgba(16,24,40,.18); transform: translateY(14px) scale(.97); transition: transform .35s cubic-bezier(.2,1.3,.4,1); }
#scmView .rq-dim.open .rq { transform: none; }
#scmView .rq-h { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; padding: 20px 24px 14px; border-bottom: 1px solid var(--line); }
#scmView .rq-h small { font-size: 12px; font-weight: 700; color: var(--muted); }
#scmView .rq-h b { display: block; margin-top: 4px; font-size: 20px; font-weight: 800; letter-spacing: -.4px; }
#scmView .rq-x { width: 32px; height: 32px; border: 0; border-radius: 8px; background: var(--surface-2); color: var(--muted); font-size: 18px; cursor: pointer; }
#scmView .rq-b { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 22px; padding: 18px 24px; }
#scmView .rq-f { display: block; margin-bottom: 16px; }
#scmView .rq-f > span { display: block; font-size: 12.5px; font-weight: 800; color: var(--text-2); margin-bottom: 7px; }
#scmView .rq-f > small { display: block; margin-top: 6px; font-size: 12px; color: var(--muted); }
#scmView .rq-q { display: flex; align-items: baseline; gap: 6px; border: 1.5px solid var(--line-strong); border-radius: 12px; padding: 8px 14px; transition: border-color .15s, box-shadow .15s; }
#scmView .rq-q:focus-within { border-color: var(--act); box-shadow: 0 0 0 4px rgba(74,120,214,.14); }
#scmView .rq-q input { flex: 1; min-width: 0; border: 0; outline: 0; font: inherit; font-size: 26px; font-weight: 800; letter-spacing: -.6px; color: var(--text); font-variant-numeric: tabular-nums; background: transparent; }
#scmView .rq-q em { font-style: normal; font-size: 14px; font-weight: 700; color: var(--muted); }
#scmView .rq-seg { display: grid; gap: 6px; }
#scmView .rq-seg button { text-align: left; font: inherit; font-size: 13px; font-weight: 600; color: var(--text-2); background: var(--surface); border: 1px solid var(--line-2); border-radius: 10px; padding: 9px 12px; cursor: pointer; transition: all .15s; }
#scmView .rq-seg button:hover { border-color: var(--line-strong); }
#scmView .rq-seg button.on { color: var(--text); font-weight: 800; border-color: var(--act); box-shadow: inset 0 0 0 1px var(--act); background: rgba(74,120,214,.06); }
#scmView .rq-m { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
#scmView .rq-m div { padding: 10px 12px; border-left: 1px solid var(--line); }
#scmView .rq-m div:first-child { border-left: 0; }
#scmView .rq-m div.wide { grid-column: 1 / -1; }
#scmView .rq-m small { display: block; font-size: 11.5px; font-weight: 700; color: var(--muted); }
#scmView .rq-m b { display: block; margin-top: 3px; font-size: 16px; font-weight: 800; font-variant-numeric: tabular-nums; }
#scmView .rq-m span { display: block; margin-top: 2px; font-size: 11.5px; color: var(--muted); }
#scmView .rq-warn { margin-top: 12px; font-size: 12.5px; font-weight: 700; color: var(--neg); background: var(--late-bg); border: 1px solid var(--late-line); border-radius: 10px; padding: 9px 12px; }
#scmView .rq-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 7px; font-size: 12.5px; font-weight: 800; color: var(--text-2); }
#scmView .rq-msg { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
#scmView .rq-msg pre { margin: 0; min-height: 210px; white-space: pre-wrap; word-break: keep-all; font: inherit; font-size: 13px; line-height: 1.6; color: var(--text); background: #EEF3FB; border: 1px solid #D6E1F5; border-radius: 14px 14px 14px 4px; padding: 12px 14px; }
#scmView .rq-msg pre + pre { background: var(--surface-3); border-color: var(--line); color: var(--text-2); border-radius: 14px; }
#scmView .rq-src { margin-top: 8px; font-size: 11.5px; color: var(--muted); }
#scmView .rq-a { display: flex; gap: 8px; justify-content: flex-end; padding: 14px 24px 20px; border-top: 1px solid var(--line); }
#scmView .rq-a .btn.pri { flex: 0 0 auto; padding: 10px 18px; }
#scmView .rq-toast { position: fixed; left: 50%; bottom: 28px; z-index: 50; transform: translate(-50%, 20px); opacity: 0; pointer-events: none; background: var(--text); color: #fff; font-size: 13.5px; font-weight: 700; border-radius: 999px; padding: 11px 18px; box-shadow: 0 10px 30px rgba(16,24,40,.25); transition: opacity .25s, transform .35s cubic-bezier(.2,1.3,.4,1); white-space: nowrap; }
#scmView .rq-toast small { font-weight: 600; opacity: .7; margin-left: 4px; }
#scmView .rq-toast.show { opacity: 1; transform: translate(-50%, 0); }
@media (max-width: 760px) {
#scmView .rq-b { grid-template-columns: 1fr; }
#scmView .rq-msg { grid-template-columns: 1fr; }
#scmView .rq-tabs { display: none; }
#scmView .rq-msg pre { min-height: 0; }
#scmView .rq-toast { white-space: normal; width: calc(100% - 32px); text-align: center; }
}
#scmView .py-b { padding: 18px 24px; }
#scmView .py-list { border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
#scmView .py-r { display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 11px 14px; border-top: 1px solid var(--line); cursor: pointer; transition: background .15s, opacity .15s; }
#scmView .py-r:first-child { border-top: 0; }
#scmView .py-r:hover { background: var(--surface-3); }
#scmView .py-r.me { background: rgba(74,120,214,.05); }
#scmView .py-r.off { opacity: .5; }
#scmView .py-r input { position: absolute; opacity: 0; pointer-events: none; }
#scmView .py-ck { width: 20px; height: 20px; border-radius: 6px; border: 1.5px solid var(--line-strong); display: grid; place-items: center; transition: all .15s; }
#scmView .py-r input:checked + .py-ck, #scmView .scr input:checked + .py-ck { background: var(--act); border-color: var(--act); }
#scmView .py-r input:checked + .py-ck::after, #scmView .scr input:checked + .py-ck::after { content: ""; width: 9px; height: 5px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: translateY(-1px) rotate(-45deg); }
#scmView .py-t b { display: block; font-size: 13.5px; font-weight: 800; font-variant-numeric: tabular-nums; }
#scmView .py-t small { display: block; margin-top: 2px; font-size: 12px; color: var(--muted); }
#scmView .py-v { text-align: right; white-space: nowrap; }
#scmView .py-v b { display: block; font-size: 15px; font-weight: 800; font-variant-numeric: tabular-nums; }
#scmView .py-v small { display: block; margin-top: 2px; font-size: 11.5px; color: var(--muted); }
#scmView .py-v small.est { color: var(--route); }
#scmView .py-v small.bad, #scmView .py-diff .bad { color: var(--neg); font-weight: 700; }
#scmView .py-sum { display: grid; grid-template-columns: 2fr 1fr; margin-top: 14px; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
#scmView .py-sum div { padding: 12px 14px; border-left: 1px solid var(--line); }
#scmView .py-sum div:first-child { border-left: 0; background: var(--surface-3); }
#scmView .py-sum small { display: block; font-size: 11.5px; font-weight: 700; color: var(--muted); }
#scmView .py-sum b { display: block; margin-top: 3px; font-size: 24px; font-weight: 800; letter-spacing: -.6px; font-variant-numeric: tabular-nums; }
#scmView .py-sum span { display: block; margin-top: 2px; font-size: 12px; color: var(--muted); }
#scmView .py-in { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 10px; margin-top: 14px; }
#scmView .py-in label span { display: block; font-size: 12px; font-weight: 800; color: var(--text-2); margin-bottom: 6px; }
#scmView .py-in input { width: 100%; font: inherit; font-size: 15px; font-weight: 700; color: var(--text); border: 1.5px solid var(--line-strong); border-radius: 10px; padding: 9px 12px; outline: 0; font-variant-numeric: tabular-nums; background: #fff; }
#scmView .py-in input:focus { border-color: var(--act); box-shadow: 0 0 0 4px rgba(74,120,214,.14); }
#scmView .py-diff { min-height: 18px; margin-top: 10px; font-size: 12.5px; }
#scmView .py-diff .ok { color: var(--text-2); font-weight: 700; }
#scmView .rq-a .btn.pri:disabled { opacity: .4; cursor: default; }
#scmView .rq-m b.bad { color: var(--neg); }
@media (max-width: 760px) {
#scmView .py-in { grid-template-columns: 1fr; }
#scmView .py-sum { grid-template-columns: 1fr; }
#scmView .py-sum div { border-left: 0; border-top: 1px solid var(--line); }
#scmView .py-sum div:first-child { border-top: 0; }
}
#scmView .demo { display: inline-block; margin-left: 5px; font-style: normal; font-size: 9.5px; font-weight: 800; color: var(--muted); border: 1px dashed var(--line-strong); border-radius: 4px; padding: 0 4px; line-height: 14px; vertical-align: 1px; }
#scmView .rq-seg.rq-row { grid-template-columns: repeat(3, 1fr); }
#scmView .rq-seg.rq-row button { text-align: center; }
#scmView .rq-f textarea { width: 100%; font: inherit; font-size: 13px; color: var(--text); border: 1.5px solid var(--line-strong); border-radius: 10px; padding: 9px 12px; outline: 0; resize: vertical; }
#scmView .rq-f textarea:focus { border-color: var(--act); box-shadow: 0 0 0 4px rgba(74,120,214,.14); }
#scmView .chip.act { background: var(--wait); color: #fff; border-color: var(--wait); }
#scmView .panel.wide { width: min(600px, 100vw); }
#scmView .ph { z-index: 3; }
#scmView .jf { margin-top: 8px; }
#scmView .jf .jz { margin: 6px 0 14px; }
#scmView .jf .js:last-child { margin-bottom: 0; }
#scmView .jz { display: grid; grid-template-columns: repeat(3, 1fr); margin: 0 0 16px; }
#scmView .jz.j2 { grid-template-columns: repeat(2, 1fr); }
#scmView .jz.j3 { grid-template-columns: repeat(3, 1fr); }
#scmView .jz.j4 { grid-template-columns: repeat(4, 1fr); }
#scmView .jz.j4 b { font-size: 12.5px; }
#scmView .jz .z:nth-child(4)::before { transition-delay: .44s; }
#scmView .mailbox { border: 1px solid var(--line); border-radius: 12px; padding: 10px 12px; background: var(--surface); }
#scmView .mailbox .mh { font-size: 12.5px; color: var(--text); padding: 3px 0; border-bottom: 1px solid var(--line); }
#scmView .mailbox .mh span { display: inline-block; width: 64px; font-weight: 700; color: var(--muted); }
#scmView .mailbox textarea { width: 100%; margin-top: 8px; font: inherit; font-size: 13px; line-height: 1.6; color: var(--text); border: 1.5px solid var(--line-strong); border-radius: 10px; padding: 10px 12px; outline: 0; resize: vertical; }
#scmView .mailbox .sig { margin-top: 8px; border-top: 1px dashed var(--line); padding-top: 8px; font-size: 12px; }
#scmView .mailbox .sig > small { display: block; font-weight: 700; color: var(--muted); margin-bottom: 4px; }
#scmView .mailbox .sig img { max-width: 160px; height: auto; }
#scmView .mailbox textarea:focus { border-color: var(--act); box-shadow: 0 0 0 4px rgba(74,120,214,.14); }
#scmView .dgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
#scmView .dt { border: 1.5px dashed var(--line-strong); border-radius: 12px; padding: 10px 12px; display: grid; gap: 4px; align-content: start; }
#scmView .dt.got { border-style: solid; border-color: var(--line); background: var(--surface-3); }
#scmView .dt b { font-size: 14px; font-weight: 800; }
#scmView .dt b small { margin-left: 6px; font-size: 11.5px; font-weight: 600; color: var(--muted); }
#scmView .dt span { font-size: 12px; color: var(--muted); line-height: 1.5; }
#scmView .dt.got span { color: var(--text-2); }
#scmView .dt.got b::after { content: " ✓"; color: var(--wait); }
#scmView .dt .dup { justify-self: start; padding: 5px 12px; font-size: 12px; margin-top: 2px; }
#scmView .fl-demo2 { width: 100%; margin-top: 10px; border-style: dashed; font-size: 12.5px; color: var(--muted); }
#scmView .jz .z { position: relative; text-align: center; }
#scmView .jz .z::before { content: ""; position: absolute; top: 13px; left: -50%; right: 50%; height: 2px; background: var(--line-2); }
#scmView .jz .z:first-child::before { display: none; }
#scmView .jz .z::before { transform-origin: 0 50%; transition: transform .45s cubic-bezier(.4,0,.2,1); }
#scmView .jz .z:nth-child(3)::before { transition-delay: .22s; }
#scmView .jz.draw .z::before, #scmView .jz.draw-cur .z.n::before { transform: scaleX(0); transition: none; }
#scmView .jz .z.d::before, #scmView .jz .z.n::before { background: #9AA3B5; }
#scmView .jz .o { position: relative; z-index: 1; width: 28px; height: 28px; margin: 0 auto; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 800; background: var(--surface); border: 1.5px solid var(--line-strong); color: var(--muted); }
#scmView .jz .d .o { background: #9AA3B5; border-color: #9AA3B5; color: #fff; }
#scmView .jz .n .o { background: var(--wait); border-color: var(--wait); color: #fff; box-shadow: 0 0 0 5px rgba(62,77,65,.15); }
#scmView .jz .n.r .o { background: var(--neg); border-color: var(--neg); box-shadow: 0 0 0 5px rgba(210,59,59,.15); }
#scmView .jz .n .o::before, #scmView .jz .n .o::after { content: ""; position: absolute; inset: -3px; border-radius: 50%; border: 2px solid var(--wait); opacity: 0; animation: scm_ring 2.4s ease-out infinite; pointer-events: none; }
#scmView .jz .n .o::after { animation-delay: 1.2s; }
#scmView .jz .n.r .o::before, #scmView .jz .n.r .o::after { border-color: var(--neg); }
#scmView .jz b { display: block; margin-top: 8px; font-size: 13px; font-weight: 800; color: var(--muted); }
#scmView .jz .d b { color: var(--text-2); }
#scmView .jz .n b { color: var(--text); }
#scmView .jz small { display: block; margin-top: 2px; font-size: 11.5px; color: var(--muted); }
#scmView .jz .n small { color: var(--wait); font-weight: 700; }
#scmView .jz .n.r small { color: var(--neg); }
#scmView .js { border: 1px solid var(--line); border-radius: 14px; padding: 14px 16px; margin-bottom: 12px; background: var(--surface); transition: border-color .2s, box-shadow .2s; }
#scmView .js.cur { border-color: color-mix(in srgb, var(--wait) 40%, #fff); box-shadow: 0 0 0 3px rgba(62,77,65,.07); }
#scmView .js.cur.r { border-color: var(--late-line); box-shadow: 0 0 0 3px rgba(210,59,59,.07); }
#scmView .js.lock { background: var(--surface-3); border-style: dashed; }
#scmView .js-h { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 12px; }
#scmView .js-h b { font-size: 14.5px; font-weight: 800; }
#scmView .js.lock .js-h { margin-bottom: 0; }
#scmView .js.lock .js-h b { color: var(--muted); }
#scmView .js-tag { font-size: 11px; font-weight: 800; border-radius: 999px; padding: 2px 8px; white-space: nowrap; }
#scmView .js-tag.auto { background: var(--auto); color: var(--auto-ink); }
#scmView .js-tag.act { background: var(--wait); color: #fff; }
#scmView .js-tag.red { background: var(--neg); color: #fff; }
#scmView .js-tag.done { background: var(--surface-2); color: var(--text-2); border: 1px solid var(--line); }
#scmView .js-tag.off { color: var(--muted); border: 1px dashed var(--line-strong); }
#scmView .jrec { display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
#scmView .jrec small { display: block; font-size: 11.5px; font-weight: 700; color: var(--muted); }
#scmView .jrec b { font-size: 26px; font-weight: 800; letter-spacing: -.6px; font-variant-numeric: tabular-nums; }
#scmView .jrec b small { display: inline; font-size: 14px; margin-left: 2px; }
#scmView .jrec span { font-size: 12.5px; color: var(--muted); text-align: right; line-height: 1.5; }
#scmView .jrec span.bad { color: var(--neg); font-weight: 700; }
#scmView .jp .pd-kv { grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0 0 16px; }
#scmView .jp .pd-kv div:nth-child(4) { border-left: 0; }
#scmView .jp .pd-kv div:nth-child(n+4) { border-top: 1px solid var(--line); }
#scmView .jp .pd-kv b { font-size: 14px; }
#scmView .jp .pd-ct em { font-style: normal; }
#scmView .jp .pd-plot { height: 150px; margin-bottom: 24px; }
#scmView .jp .pd-foot { font-size: 11.5px; gap: 6px 12px; }
#scmView .jp details { margin-top: 12px; }
#scmView .jp summary { cursor: pointer; font-size: 12.5px; font-weight: 800; color: var(--text-2); }
#scmView .jp .pd-calc { margin-top: 8px; }
#scmView .jp .rq-f > small b { color: var(--text); }
#scmView .jp .rq-seg.rq-row button small { display: block; font-size: 11px; font-weight: 600; color: var(--muted); margin-top: 1px; }
#scmView .jp .rq-m { margin-bottom: 4px; }
#scmView .jp .acts .btn.pri { flex: 1; background: var(--act); border-color: var(--act); color: #fff; }
#scmView .jp .acts .btn.pri:disabled { opacity: .4; cursor: default; }
#scmView .jsum { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: 13px; color: var(--text-2); }
#scmView .jsum b { color: var(--text); font-size: 15px; }
#scmView .jlog { display: grid; gap: 6px; margin-bottom: 8px; }
#scmView .jlog div { display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 8px; font-size: 13px; background: var(--surface-3); border: 1px solid var(--line); border-radius: 10px; padding: 8px 12px; }
#scmView .jlog small { font-size: 11.5px; font-weight: 700; color: var(--muted); line-height: 19px; }
#scmView .jlog p { margin: 0; line-height: 19px; color: var(--text); }
#scmView .jlog-in { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
#scmView .jlog-in.j3 { grid-template-columns: 150px minmax(0, 1fr) auto; }
#scmView .jauto { font-style: normal; font-size: 10.5px; font-weight: 800; color: var(--brand); background: var(--sage-tint); border-radius: 5px; padding: 1px 5px; margin-right: 6px; }
#scmView .jp .cal { position: relative; }
#scmView .jp .cal-trigger { appearance: none; width: 100%; height: 100%; min-height: 38px; display: inline-flex; align-items: center; gap: 8px; padding: 0 10px 0 12px; border: 1.5px solid var(--line-strong); border-radius: 10px; background: var(--surface); color: var(--text); font-family: inherit; font-size: 13px; line-height: 1.2; cursor: pointer; text-align: left; }
#scmView .jp .cal-trigger:hover { border-color: var(--sage); background: var(--surface-3); }
#scmView .jp .cal-trigger[aria-expanded="true"] { border-color: var(--brand); box-shadow: 0 0 0 3px var(--sage-tint); }
#scmView .jp .cal-trigger .cal-ico { width: 16px; height: 16px; flex: 0 0 auto; color: var(--brand); }
#scmView .jp .cal-trigger .cal-ico svg { width: 100%; height: 100%; display: block; }
#scmView .jp .cal-trigger .cal-text { flex: 1 1 auto; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#scmView .jp .cal-text.cal-empty { color: var(--muted); }
#scmView .jp .cal-caret { flex: 0 0 auto; width: 8px; height: 8px; margin-right: 3px; pointer-events: none; border-right: 2px solid var(--muted); border-bottom: 2px solid var(--muted); transform: translateY(-2px) rotate(45deg); transition: transform .16s ease; }
#scmView .jp .cal-trigger[aria-expanded="true"] .cal-caret { transform: translateY(1px) rotate(225deg); border-color: var(--brand); }
#scmView .jp .cal-pop { position: absolute; top: calc(100% + 8px); left: 0; z-index: 60; width: 300px; background: var(--surface); border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow-pop); padding: 12px; }
#scmView .jp .cal-pop[hidden] { display: none; }
#scmView .jp .cal-pop calendar-date { display: block; width: 100%; }
#scmView .jp .cal-pop calendar-month { width: 100%; --color-accent: var(--brand); --color-text-on-accent: #fff; }
#scmView .jp .cal-pop-actions { display: flex; gap: 8px; margin-top: 10px; justify-content: flex-end; }
#scmView .jp .cal-pop-actions button { appearance: none; font-family: inherit; font-size: 12.5px; font-weight: 600; padding: 7px 14px; border-radius: 999px; cursor: pointer; border: 1px solid var(--line-strong); background: var(--surface); color: var(--text-2); }
#scmView .jp .cal-pop-actions .cal-pop-apply { background: var(--brand); border-color: var(--brand); color: #fff; }
#scmView .jlog p b { font-weight: 800; }
#scmView .jlog-in input + input { min-width: 0; }
#scmView .jlog-in input { min-width: 0; font: inherit; font-size: 13px; border: 1.5px solid var(--line-strong); border-radius: 10px; padding: 9px 12px; outline: 0; }
#scmView .jlog-in input:focus { border-color: var(--act); box-shadow: 0 0 0 4px rgba(74,120,214,.14); }
#scmView .jkv3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
#scmView .jkv3 div:nth-child(n+4) { border-top: 0; }
#scmView .jwhy { margin: 0 0 12px; font-size: 13px; color: var(--text); }
#scmView .jwhy small { display: block; font-size: 11.5px; font-weight: 700; color: var(--muted); margin-bottom: 2px; }
#scmView .jp .fl-t.jt { width: 100%; min-width: 0; table-layout: fixed; }
#scmView .jp .fl-t.jt td { white-space: normal; }
#scmView .jp .fl-t.jt th:first-child { width: 46%; }
#scmView .jp .fl-t td small { display: block; font-size: 11px; color: var(--muted); }
#scmView .jsum .jtr { display: block; margin-top: 3px; font-size: 11.5px; color: var(--muted); }
#scmView .js-hr { display: inline-flex; align-items: center; gap: 10px; }
#scmView .js .j1s { display: none; cursor: pointer; }
#scmView .js.fold .j1s { display: flex; }
#scmView .js.fold .j1b { display: none; }
#scmView .j1s em.bad { font-style: normal; font-weight: 700; color: var(--neg); }
#scmView .jlink { flex: none; font: inherit; font-size: 12.5px; font-weight: 700; color: var(--act); background: none; border: 0; cursor: pointer; padding: 0; }
#scmView .jtab { display: inline-grid; grid-template-columns: 1fr 1fr; background: var(--surface-2); border-radius: 9px; padding: 3px; margin-bottom: 8px; }
#scmView .jtab button { font: inherit; font-size: 12.5px; font-weight: 700; color: var(--muted); background: none; border: 0; border-radius: 7px; padding: 5px 12px; cursor: pointer; }
#scmView .jtab button.on { background: var(--surface); color: var(--text); box-shadow: 0 1px 2px rgba(16,24,40,.1); }
#scmView .rq-msg { position: relative; }
#scmView .rq-msg > pre:first-of-type { grid-column: 1; grid-row: 1; padding-right: 48px; }
#scmView .rq-msg > .cpy { grid-column: 1; grid-row: 1; justify-self: end; align-self: start; margin: 8px; z-index: 1; width: 34px; height: 34px; padding: 0; display: grid; place-items: center; border: 0; border-radius: 9px; background: rgba(16,24,40,.06); color: var(--text-2); cursor: pointer; transition: background .15s, color .15s, transform .12s; }
#scmView .rq-msg > .cpy:hover { background: rgba(16,24,40,.11); color: var(--text); }
#scmView .rq-msg > .cpy:active { transform: scale(.92); }
#scmView .rq-msg > .cpy.done { color: var(--pos, #3E7A4A); }
#scmView .rq-msg > .cpy svg { width: 18px; height: 18px; pointer-events: none; }
#scmView .mc-lb { font-size: 12.5px; font-weight: 800; color: var(--text-2); margin: 16px 0 8px; }
#scmView .mc-lb:first-of-type { margin-top: 0; }
#scmView .mc-lb small { margin-left: 4px; font-size: 11.5px; font-weight: 700; color: var(--muted); }
#scmView .jp .pd-kv.jkv4 { grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; }
#scmView .jp .pd-kv.jkv4 div { border-top: 0 !important; }
#scmView .jp .pd-kv.jkv4 div:nth-child(4) { border-left: 1px solid var(--line); }
#scmView .jp .pd-kv.jkv4 b small { font-size: 11.5px; font-weight: 700; color: var(--muted); margin-left: 2px; }
#scmView .mc { border: 1px solid var(--line); border-radius: 14px; background: var(--surface); overflow: hidden; margin-bottom: 10px; }
#scmView .mc-h { display: flex; align-items: center; gap: 8px; padding: 10px 14px; background: var(--surface-3); border-bottom: 1px solid var(--line); }
#scmView .mc-h b { font-size: 13.5px; font-weight: 800; }
#scmView .mc-h small { font-size: 12px; color: var(--muted); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#scmView .mc-h .js-tag { margin-left: auto; }
#scmView .mc-n { width: 18px; height: 18px; border-radius: 50%; display: grid; place-items: center; font-size: 10.5px; font-weight: 800; color: #fff; background: var(--text-2); flex: 0 0 auto; }
#scmView .mc.sent .mc-n { background: var(--wait); }
#scmView .mc.wait { border-style: dashed; }
#scmView .mc.wait .mc-h { background: var(--surface); border-bottom-style: dashed; }
#scmView .mc.wait .mc-n { background: var(--line-strong); }
#scmView .mc.wait b { color: var(--muted); }
#scmView .mc-two { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
#scmView .mc-two .btn { margin: 0; }
#scmView .mc-two .btn:not(.fl-demo2) { color: var(--act); border-color: var(--act); }
#scmView .mc-q .jlink { font-size: 12px; }
#scmView .mc-ch { font-size: 10.5px; font-weight: 800; color: var(--text-2); background: var(--surface); border: 1px solid var(--line-strong); border-radius: 6px; padding: 1px 6px; }
#scmView .mc-b { padding: 12px 14px; }
#scmView .mc-b .rq-msg pre { min-height: 0; }
#scmView .mc-f { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 14px; border-top: 1px solid var(--line); }
#scmView .mc-fn { font-size: 12px; color: var(--muted); }
#scmView .mc-f .btn { flex: 0 0 auto; padding: 9px 16px; }
#scmView .mc-f .btn.pri { background: var(--act); border-color: var(--act); color: #fff; }
#scmView .mc-f .btn:not(.pri) { color: var(--act); border-color: var(--act); }
#scmView .mc-q { font-size: 12.5px; line-height: 1.55; color: var(--text-2); border-left: 3px solid var(--line-strong); padding: 1px 0 1px 10px; margin-bottom: 12px; }
#scmView .mc-q small, #scmView .mc-meta small { display: block; font-size: 11.5px; font-weight: 700; color: var(--muted); }
#scmView .mc-meta { margin-bottom: 8px; }
#scmView .mc-meta b { display: block; font-size: 13px; font-weight: 800; margin-bottom: 2px; }
#scmView .mc textarea { width: 100%; font: inherit; font-size: 13px; line-height: 1.6; color: var(--text); border: 1.5px solid var(--line-strong); border-radius: 10px; padding: 10px 12px; outline: 0; resize: vertical; box-sizing: border-box; }
#scmView .mc textarea:focus { border-color: var(--act); box-shadow: 0 0 0 4px rgba(74,120,214,.14); }
#scmView .mc-sig { min-width: 0; font-size: 12px; color: var(--muted); }
#scmView .mc-sig summary { cursor: pointer; font-weight: 700; list-style: none; }
#scmView .mc-sig summary::-webkit-details-marker { display: none; }
#scmView .mc-sig summary::after { content: " ▾"; }
#scmView .mc-sig[open] summary::after { content: " ▴"; }
#scmView .mc-sig .sig { margin-top: 8px; border: 0; padding: 0; transform: scale(.82); transform-origin: 0 0; }
#scmView .mc-f:has(.mc-sig[open]) { align-items: flex-start; }
#scmView .mc-one { margin: 0; font-size: 13px; font-weight: 700; line-height: 1.55; }
#scmView .mc-one small { font-weight: 600; color: var(--muted); }
#scmView .jp .rq-msg { grid-template-columns: 1fr; }
#scmView .jp .rq-msg pre { min-height: 0; }
#scmView .colup { display: block; width: 100%; margin: 4px 0 8px; text-align: left; font: inherit; background: var(--surface); border: 1.5px dashed var(--line-strong); border-radius: 12px; padding: 9px 12px; cursor: pointer; transition: border-color .15s, background .15s; }
#scmView .colup { transition: border-color .15s, background .15s, transform .2s cubic-bezier(.34,1.56,.64,1), box-shadow .2s; }
#scmView .colup:hover { border-color: var(--act); background: rgba(74,120,214,.05); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(74,120,214,.12); }
#scmView .colup:active { transform: translateY(0) scale(.97); transition-duration: .08s; }
#scmView .colup .ua { display: inline-block; margin-right: 6px; font-style: normal; color: var(--act); }
#scmView .colup b { display: block; font-size: 13px; font-weight: 800; color: var(--text); }
#scmView .colup small { font-size: 11.5px; color: var(--muted); }
#scmView .scg { margin: 0 0 14px; }
#scmView .sgh { font-size: 12.5px; font-weight: 800; color: var(--text-2); margin-bottom: 7px; }
#scmView .sgh span { margin-left: 6px; font-weight: 600; color: var(--muted); }
#scmView .scl { display: grid; gap: 6px; }
#scmView .scr { display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; gap: 10px; align-items: center; border: 1px solid var(--line); border-radius: 10px; padding: 9px 12px; cursor: pointer; background: var(--surface); transition: opacity .15s; }
#scmView .scr input { position: absolute; opacity: 0; pointer-events: none; }
#scmView .scr.off { opacity: .45; }
#scmView .scr b { display: block; font-size: 13px; font-weight: 700; }
#scmView .scr small { display: block; font-size: 11.5px; color: var(--muted); margin-top: 1px; }
#scmView .scr .scd { text-align: right; font-size: 13px; white-space: nowrap; }
#scmView .scr .scd s { color: var(--muted); }
#scmView .scr .scd b { display: inline; color: var(--act); }
#scmView .scr.loose { grid-template-columns: minmax(0, 1fr); cursor: default; background: var(--surface-3); }
#scmView .scs { display: block; margin-top: 6px; font-size: 11.5px; color: var(--muted); }
#scmView .rq-seg.sc2 { grid-template-columns: repeat(2, 1fr); }
#scmView .fl-demos { display: grid; gap: 6px; }
#scmView .fl-demos .fl-demo { border-radius: 10px; padding: 6px 14px; font-size: 12.5px; }
#scmView .scr .py-ck { position: relative; }
#scmView #scRoot { padding: 18px 24px 22px; }
#scmView .dr { position: relative; transition: background .15s, transform .2s cubic-bezier(.34,1.56,.64,1); }
#scmView .dr::before { content: ""; position: absolute; left: 0; top: 7px; bottom: 7px; width: 3px; border-radius: 0 2px 2px 0; background: var(--wait); transform: scaleY(0); transition: transform .18s cubic-bezier(.4,0,1,1); }
#scmView .grp.red .dr::before { background: var(--neg); }
#scmView .grp.auto .dr::before { background: var(--auto); }
#scmView .dr:hover::before, #scmView .dr.sel::before { transform: scaleY(1); transition: transform .22s cubic-bezier(.34,1.56,.64,1); }
#scmView .dr:active { transform: scale(.97); transition-duration: .08s; }
#scmView .dr.sel { background: rgba(62,77,65,.08); }
#scmView .grp.red .dr.sel { background: var(--late-bg); }
#scmView .grp.auto .dr.sel { background: rgba(201,206,212,.18); }
#scmView .u.tc { transition: transform .22s cubic-bezier(.34,1.56,.64,1), box-shadow .2s; }
#scmView .u.tc:active { transform: translateY(0) scale(.97); transition-duration: .08s; }
#scmView .pF .pC .c { transition: background .15s; }
#scmView .pF .pC .c .cb { transition: transform .2s cubic-bezier(.34,1.56,.64,1); }
#scmView .pF .pC .c:active .cb { transform: scale(.97); transition-duration: .08s; }
#scmView calendar-range, #scmView calendar-date {
      
      --color-accent: var(--brand);
      --color-text-on-accent: #fff;
      font-family: inherit; color: var(--text);
    }
#scmView calendar-month { font-family: inherit; }
#scmView calendar-range::part(button), #scmView calendar-date::part(button) {
      border: none; background: transparent; box-shadow: none;
      border-radius: 8px;
      color: var(--text-2);
    }
#scmView calendar-range::part(button):hover, #scmView calendar-date::part(button):hover { background: var(--sage-tint); color: var(--brand); }
#scmView calendar-range::part(button):focus-visible, #scmView calendar-date::part(button):focus-visible { outline: 2px solid var(--brand); outline-offset: -2px; }
#scmView calendar-range::part(heading), #scmView calendar-date::part(heading) {
      font-weight: 700; font-size: 14px; color: var(--text); letter-spacing: -.01em;
    }
#scmView calendar-range::part(header), #scmView calendar-date::part(header) { margin-bottom: 6px; }
#scmView .cal-nav-ico { width: 13px; height: 13px; display: block; color: var(--text-2); }
#scmView calendar-month::part(table) {
      width: 100%; min-width: 0; table-layout: fixed; border-collapse: collapse;
    }
#scmView calendar-month::part(col-1), #scmView calendar-month::part(col-2), #scmView calendar-month::part(col-3), #scmView calendar-month::part(col-4), #scmView calendar-month::part(col-5), #scmView calendar-month::part(col-6), #scmView calendar-month::part(col-7) { width: 14.2857%; }
#scmView calendar-month::part(th) {
      color: var(--muted); font-weight: 600; font-size: 11px;
      padding: 2px 0 6px; text-align: center; height: auto;
    }
#scmView calendar-month::part(button) {
      width: 100%; max-width: 100%; min-width: 0; height: 32px; padding: 0;
      box-sizing: border-box;
      border-radius: 8px;
      font-size: 12.5px; color: var(--text);
      font-variant-numeric: tabular-nums;
    }
#scmView calendar-month::part(button):hover { background: var(--sage-tint); }
#scmView calendar-month::part(button):focus-visible { outline: 2px solid var(--brand); outline-offset: -2px; }
#scmView calendar-month::part(today) {
      box-shadow: inset 0 0 0 1.5px var(--sage); font-weight: 700;
    }
#scmView calendar-month::part(selected), #scmView calendar-month::part(range-start), #scmView calendar-month::part(range-end) {
      background: var(--brand); color: #fff; font-weight: 700;
      border-radius: 8px;
    }
#scmView calendar-month::part(range-start):hover, #scmView calendar-month::part(range-end):hover { background: #4A5A4D; }
#scmView calendar-month::part(range-inner) {
      background: var(--sage-tint); color: #2E3A30; border-radius: 0;
    }
#scmView calendar-month::part(disallowed) {
      color: var(--line-strong); text-decoration: line-through; opacity: .6; cursor: not-allowed;
    }
#scmView calendar-month::part(outside) { color: var(--muted); opacity: .55; }
#scmView #poView {
  zoom: .85;   
  --po-sea: #C6DAEA; --po-land: #FFFFFF; --po-coast: #A3B9CB; --po-grid: rgba(60,100,140,.08);
  --po-seal: #6F8DA5; --po-route: #C2683D; --po-ship: #FF6A3D; --po-cab: #FFD2C2;
  --po-tag-bg: rgba(255,255,255,.94); --po-tag-line: #C8D6E2; --po-tag-head: #C2683D;
  --po-late-bg: #FDF0F0; --po-late-line: #F0B3B3;
}
#scmView #poView .po-mapcard { position: sticky; top: 16px; height: 640px; min-height: 480px; background: var(--po-sea); border: 1px solid #A9C0D3; border-radius: var(--radius); overflow: hidden; box-shadow: 0 1px 2px rgba(16,24,40,.06), 0 12px 32px rgba(16,24,40,.12); }
#scmView #poView .po-map { position: absolute; inset: 0; }
#scmView #poView .po-map svg { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
#scmView #poView .po-mapcard { container-type: inline-size; }
#scmView #poView .pm-land { fill: var(--po-land); stroke: var(--po-coast); stroke-width: 1; stroke-linejoin: round; }
#scmView #poView .pm-grid { stroke: var(--po-grid); stroke-width: 1; }
#scmView #poView .pm-seal { fill: var(--po-seal); font: 700 17px var(--font-sans); letter-spacing: 10px; }
#scmView #poView .pm-route { fill: none; stroke: var(--po-route); stroke-width: 2.2; stroke-dasharray: 6 6; opacity: .9; animation: scm_pmFlow 1.8s linear infinite; }
#scmView #poView .pm-road { fill: none; stroke: var(--muted); stroke-width: 1.2; stroke-dasharray: 1.5 3.5; opacity: .6; }
@keyframes scm_pmFlow { to { stroke-dashoffset: -24; } }
#scmView #poView .pm-road.is-live { stroke: var(--po-route); stroke-width: 2.2; stroke-dasharray: 6 6; opacity: .9; animation: scm_pmFlow 1.8s linear infinite; }
#scmView #poView .pm-node .c { fill: #fff; stroke: var(--text); stroke-width: 2.2; transition: r .2s, stroke-width .2s; }
#scmView #poView .pm-node .hit { fill: transparent; pointer-events: all; cursor: pointer; }
#scmView #poView .pm-node text { fill: var(--text); font: 700 15px var(--font-sans); stroke: #fff; stroke-width: 4px; paint-order: stroke; stroke-linejoin: round; }
#scmView #poView .pm-node .cnt { fill: var(--po-tag-head); }
#scmView #poView .pm-node .cntt { fill: #fff; stroke: none; font: 700 11px var(--font-sans); }
#scmView #poView .pm-pulse { fill: none; stroke: var(--po-tag-head); stroke-width: 2.4; transform-box: fill-box; transform-origin: center; animation: scm_pmPulse 2.2s ease-out infinite; }
@keyframes scm_pmPulse { 0% { transform: scale(.7); opacity: .9; } 100% { transform: scale(2.3); opacity: 0; } }
#scmView #poView .pm-ship { cursor: pointer; pointer-events: bounding-box; }
#scmView #poView .pm-ship .hull { fill: var(--po-ship); stroke: #fff; stroke-width: 2; stroke-linejoin: round; filter: drop-shadow(0 3px 5px rgba(0,0,0,.3)); }
#scmView #poView .pm-ship .cab { fill: var(--po-cab); stroke: #fff; stroke-width: 2; stroke-linejoin: round; }
#scmView #poView .pm-ship .icon { transition: transform .2s ease, opacity .2s; transform-origin: 0 0; }
#scmView #poView .pm-bob { animation: scm_pmBob 2.6s ease-in-out infinite; }
@keyframes scm_pmBob { 50% { transform: translateY(-2.5px); } }
#scmView #poView .po-card { position: relative; overflow: hidden; cursor: pointer; display: grid; grid-template-columns: 124px minmax(0, 1fr); gap: 0 12px; align-items: center; background: var(--surface); border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow-card); padding: 14px 20px 10px; margin-bottom: 10px; transition: border-color .15s, background .15s; }
#scmView #poView .po-card-hdr { margin-bottom: 8px; min-width: 0; grid-column: 1 / -1; grid-row: 1; }
#scmView #poView .po-ttl { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; }
#scmView #poView .po-tags { margin-left: auto; display: inline-flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 6px; }
#scmView #poView .po-tags:empty { display: none; }
#scmView #poView .po-tags .po-late { order: 0; }
#scmView #poView .po-tags .po-delay { order: 1; }
#scmView #poView .po-tags .po-bid { order: 2; }
#scmView #poView .po-seq { font-size: 12px; font-weight: 700; color: var(--muted); background: var(--surface-2); border: 1px solid var(--line); border-radius: 6px; padding: 2px 7px; }
#scmView #poView .po-it { display: inline-flex; align-items: baseline; gap: 9px; }
#scmView #poView .po-pn, #scmView #poView .po-qn { font-size: 16px; font-weight: 700; color: var(--text); letter-spacing: -.3px; }
#scmView #poView .po-qn { font-weight: 800; font-variant-numeric: tabular-nums; }
#scmView #poView .po-dv { align-self: center; width: 1px; height: 14px; background: var(--line-2); flex: none; }
#scmView #poView .po-card.is-done .po-plus { color: var(--muted); }
#scmView #poView .po-bid { font-size: 12px; font-weight: 700; color: #2e5aa8; background: #eef3fb; border: 1px solid #c3d3ee; border-radius: 6px; padding: 2px 7px; font-variant-numeric: tabular-nums; white-space: nowrap; }
#scmView #poView .po-late { font-size: 12px; font-weight: 700; color: #fff; background: var(--neg); border-radius: 6px; padding: 2px 7px; }
#scmView #poView .po-when { grid-column: 1; grid-row: 2; text-align: left; }
#scmView #poView .po-when small { display: block; font-size: 12px; color: var(--muted); white-space: nowrap; }
#scmView #poView .po-when b { display: block; font-size: 32px; font-weight: 800; letter-spacing: -1px; line-height: 1.15; color: var(--brand); font-variant-numeric: tabular-nums; }
#scmView #poView .po-when em { font-style: normal; font-size: 13px; font-weight: 600; color: var(--muted); white-space: nowrap; }
#scmView #poView .po-track { grid-column: 2; grid-row: 2; position: relative; height: 96px; margin: 0 18px 0 8px; }
#scmView #poView .po-base { position: absolute; left: 0; right: 0; top: 33px; height: 2px; background: var(--line-2); border-radius: 2px; }
#scmView #poView .po-fill { position: absolute; left: 0; top: 32px; height: 4px; border-radius: 4px; background: var(--pc); transform-origin: left; animation: scm_poFill .9s cubic-bezier(.2,.8,.2,1) both; }
@keyframes scm_poFill { from { transform: scaleX(0); } to { transform: scaleX(1); } }
#scmView #poView .po-go { position: absolute; top: 33px; height: 2px; background-image: repeating-linear-gradient(90deg, var(--pc) 0 5px, transparent 5px 10px); background-size: 10px 2px; animation: scm_poGo 1.6s linear infinite; }
@keyframes scm_poGo { from { background-position-x: 0; } to { background-position-x: 10px; } }
#scmView #poView .po-st { position: absolute; top: 28px; width: max-content; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; }
#scmView #poView .po-st i { width: 12px; height: 12px; border-radius: 50%; background: var(--surface); border: 2px solid var(--line-strong); box-sizing: border-box; }
#scmView #poView .po-st span { margin-top: 5px; font-size: 11.5px; color: var(--line-strong); font-variant-numeric: tabular-nums; white-space: nowrap; }
#scmView #poView .po-st small { margin-top: 1px; font-size: 11px; line-height: 1.25; color: var(--line-strong); width: max-content; max-width: 68px; text-align: center; word-break: keep-all; }
#scmView #poView .po-st.done i { background: var(--pc); border-color: var(--pc); }
#scmView #poView .po-st.done span, #scmView #poView .po-st.done small { color: var(--muted); }
#scmView #poView .po-st.next i { position: relative; background: var(--sc); border-color: var(--surface); box-shadow: 0 0 0 2px var(--sc), 0 0 0 7px color-mix(in srgb, var(--sc) 22%, transparent); }
#scmView #poView .po-st.next i::before, #scmView #poView .po-st.next i::after { content: ""; position: absolute; inset: -4px; border-radius: 50%; border: 2px solid var(--sc); opacity: 0; animation: scm_poDot 2.2s ease-out infinite; }
#scmView #poView .po-st.next i::after { animation-delay: 1.1s; }
@keyframes scm_poDot { 0% { transform: scale(.8); opacity: .9; } 100% { transform: scale(2.6); opacity: 0; } }
#scmView #poView .po-st.next span { color: var(--text); font-weight: 700; }
#scmView #poView .po-st.next small { color: var(--text); font-weight: 600; }
#scmView #poView .po-now { position: absolute; top: 0; transform: translateX(-50%); white-space: nowrap; font-size: 12px; font-weight: 700; line-height: 18px; color: var(--st); background: var(--sc); border-radius: 999px; padding: 2px 9px; box-shadow: 0 2px 6px color-mix(in srgb, var(--sc) 35%, transparent); animation: scm_poBob 2.6s ease-in-out infinite; }
#scmView #poView .po-now::after { content: ""; position: absolute; left: 50%; bottom: -4px; margin-left: -4px; border: 4px solid transparent; border-bottom: 0; border-top-color: var(--sc); }
@keyframes scm_poBob { 0%, 100% { transform: translate(-50%, 0); } 50% { transform: translate(-50%, -3px); } }
#scmView #poView .po-card.is-done { opacity: .55; }
#scmView #poView .po-card.is-done .po-when b, #scmView #poView .po-card.is-done .po-pn, #scmView #poView .po-card.is-done .po-qn { color: var(--muted); }
#scmView #poView .po-card.is-hold .po-when b { color: var(--line-strong); }
#scmView #poView .po-card.is-late { background: var(--po-late-bg); border-color: var(--po-late-line); box-shadow: 0 0 0 1px var(--po-late-line), 0 8px 24px rgba(210,59,59,.12); }
#scmView #poView .po-card.is-late .po-when small, #scmView #poView .po-card.is-late .po-when em { color: #B8595A; }
#scmView #poView .po-card.is-late .po-when b { color: var(--neg); }
#scmView #poView .po-card.is-late .po-st span, #scmView #poView .po-card.is-late .po-st small { color: #B98A8A; }
#scmView #poView .po-card.is-late .po-st.done span, #scmView #poView .po-card.is-late .po-st.done small { color: #8C5A5A; }
#scmView #poView .po-card.is-late .po-st.next span, #scmView #poView .po-card.is-late .po-st.next small { color: #7A1F1F; }
#scmView #poView .po-card.is-late .po-base { background: #EDCACA; }
#scmView #poView .po-card.is-late .po-dv { background: #EDC4C4; }
#scmView #poView #poDetailList .po-card { cursor: default; }
#scmView #poView .po-card { cursor: pointer; }
#scmView #poView .pm-truck .wheel { fill: #2d3142; stroke: #fff; stroke-width: 1.5; }
#scmView #poView.spo { zoom: 1; --radius: 14px; --radius-pill: 999px; --pos: #1F8A4C; --pos-bg: #E7F4EC; }
#scmView #poView.spo .po-mapcard { position: relative; top: 0; height: 300px; min-height: 0; margin: 0 0 10px; box-shadow: none; }
#scmView #poView.spo .po-card { grid-template-columns: minmax(0, 1fr); padding: 12px 16px 8px; margin: 0; cursor: default; box-shadow: none; }
#scmView #poView.spo .po-pn, #scmView #poView.spo .po-qn { font-size: 15px; }
#scmView #poView.spo .po-when { grid-column: 1; grid-row: 2; display: flex; align-items: baseline; gap: 8px; margin: 2px 0; }
#scmView #poView.spo .po-when b { font-size: 22px; }
#scmView #poView.spo .po-track { grid-column: 1; grid-row: 3; margin: 2px 30px 0 20px; }
#scmView #poView.spo .po-st small { max-width: 56px; }
#scmView .jpo { margin: 14px 0 12px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface-3); }
#scmView .jpo-h { display: flex; align-items: center; gap: 10px; padding: 11px 14px; cursor: pointer; }
#scmView .jpo-h b { flex: none; font-size: 13.5px; font-weight: 800; }
#scmView .jpo-h small { flex: 1; min-width: 0; font-size: 12px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#scmView .jpo-h .jlink { flex: none; }
#scmView .jpo-b { padding: 0 12px 12px; }
#scmView .po-shipm-body { overflow-y: auto; padding: 14px 20px 18px; font-size: 13px; color: var(--text, #2d3142); }
#scmView .po-shipm-meta { margin: 0 0 12px; font-size: 12.5px; color: var(--text-2, #6b7280); }
#scmView .po-shipm-msg { margin: 24px 0; text-align: center; color: var(--text-2, #6b7280); }
#scmView .po-shipm-hd { display: grid; grid-template-columns: 28px 170px 1fr; gap: 0 12px; padding: 9px 12px; background: #f1f3f5; border-radius: 6px; font-size: 12.5px; font-weight: 700; }
#scmView .po-shipm-hd span:first-child { grid-column: 2; }
#scmView .po-shipm-list { list-style: none; margin: 0; padding: 0; position: relative; }
#scmView .po-shipm-list::before { content: ""; position: absolute; left: 25px; top: 18px; bottom: 18px; width: 1px; background: #dfe3e8; }
#scmView .po-shipm-list li { display: grid; grid-template-columns: 28px 170px 1fr; gap: 0 12px; padding: 12px; border-bottom: 1px solid #eef0f2; position: relative; }
#scmView .po-shipm-list li > i { width: 20px; height: 20px; margin: 0 auto; border-radius: 50%; background: #b9c0c8; color: #fff; font: 700 11px/20px var(--font-sans, sans-serif); text-align: center; font-style: normal; position: relative; z-index: 1; }
#scmView .po-shipm-list li > i:empty::after { content: "✓"; font-size: 11px; }
#scmView .po-shipm-list li.is-cur > i { background: var(--brand, #2e7d4f); box-shadow: 0 0 0 2px rgba(46,125,79,.18); }
#scmView .po-shipm-list li.is-cur > i::before, #scmView .po-shipm-list li.is-cur > i::after { content: ""; position: absolute; inset: -3px; border-radius: 50%; border: 2px solid var(--brand, #2e7d4f); opacity: 0; animation: scm_poDotSm 2.2s ease-out infinite; }
@keyframes scm_poDotSm { 0% { transform: scale(.85); opacity: .8; } 100% { transform: scale(1.7); opacity: 0; } }
#scmView .po-shipm-list li.is-cur > i::after { animation-delay: 1.1s; }
@media (prefers-reduced-motion: reduce) {
#scmView .po-shipm-list li.is-cur > i::before, #scmView .po-shipm-list li.is-cur > i::after { animation: none;}
}
#scmView .po-shipm-list li.is-cur .po-shipm-st { font-weight: 700; color: var(--brand, #2e7d4f); }
#scmView .po-shipm-list li.is-off { color: var(--text-2, #6b7280); }
#scmView .po-shipm-st { font-weight: 600; }
#scmView .po-shipm-tx { display: flex; flex-direction: column; gap: 3px; }
#scmView .po-shipm-tx span { color: #2e5aa8; }
#scmView .po-shipm-tx em { font-style: normal; color: var(--text-2, #6b7280); }
#scmView .po-shipm-list time { font-size: 12px; color: var(--text-2, #6b7280); font-variant-numeric: tabular-nums; }
#scmView .po-shipm-list li.po-shipm-sp { display: block; padding: 8px 12px 8px 52px; }
#scmView .po-shipm-sp-in { display: flex; flex-direction: column; gap: 3px; padding: 10px 14px; background: #eaf2fb; border-radius: 6px; }
#scmView .po-shipm-sp-in b { color: #c2415a; font-size: 12.5px; }
#scmView .po-shipm-sp-in span { color: var(--text-2, #4f5d75); }
#scmView .po-shipm-foot { margin: 12px 0 0; font-size: 11.5px; color: var(--text-2, #6b7280); text-align: right; }
#scmView .po-shipm-none { padding: 18px 20px; border: 1px dashed #d5dae0; border-radius: 8px; }
#scmView .po-shipm-none b { font-size: 14px; }
#scmView .po-shipm-none p { margin: 6px 0 12px; color: var(--text-2, #6b7280); line-height: 1.6; }
#scmView .po-shipm-none dl { display: grid; grid-template-columns: 90px 1fr; gap: 6px 12px; margin: 0; }
#scmView .po-shipm-none dt { color: var(--text-2, #6b7280); }
#scmView .po-shipm-none dd { margin: 0; font-weight: 600; }
@media (max-width: 640px) {
#scmView .po-shipm-hd, #scmView .po-shipm-list li { grid-template-columns: 24px 1fr;}
#scmView .po-shipm-hd span:last-child { display: none;}
#scmView .po-shipm-tx { grid-column: 2;}
#scmView .po-shipm-list::before { left: 23px;}
}
#scmView .po-shipm-tabs { display: flex; gap: 4px; padding: 0 20px; border-bottom: 1px solid #e6e9ed; background: #fff; }
#scmView .po-shipm-tabs button { position: relative; padding: 10px 12px; border: 0; background: transparent; font: 600 13px var(--font-sans, sans-serif); color: var(--text-2, #6b7280); cursor: pointer; }
#scmView .po-shipm-tabs button[aria-selected="true"] { color: var(--text, #2d3142); }
#scmView .po-shipm-tabs button[aria-selected="true"]::after { content: ""; position: absolute; left: 8px; right: 8px; bottom: -1px; height: 2px; background: var(--text, #2d3142); border-radius: 2px; }
#scmView .po-shipm-tabs button:focus-visible { outline: 2px solid var(--brand, #2e7d4f); outline-offset: -2px; border-radius: 6px; }
#scmView #poView.spo .po-card { cursor: pointer; transition: border-color .15s, background .15s; }
#scmView #poView.spo .po-card:hover { border-color: var(--sage); background: var(--sage-tint); }
#scmView #poView.spo .po-card.is-late:hover { background: #FBE5E5; border-color: #E58F8F; }
#scmView .rq .po-shipm-tabs { padding: 0 24px; }
#scmView .rq .po-shipm-body { padding: 14px 24px 20px; }
#scmView .colauto { margin: 4px 0 8px; padding: 2px 4px; cursor: default; }
#scmView .colauto b { display: block; font-size: 12.5px; font-weight: 700; color: var(--text-2); }
#scmView .colauto small { font-size: 11.5px; color: var(--muted); }
#scmView .hd-r { display: flex; align-items: center; gap: 12px; }
#scmView #themeBtn { padding: 5px 12px; font-size: 12.5px; margin: -8px 0; }
#scmView #demo { position: fixed; left: 16px; bottom: 16px; z-index: 70; display: none; flex-direction: column; gap: 6px; max-width: 280px; padding: 10px 12px 12px; background: var(--surface); border: 1.5px dashed var(--line-strong); border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,.12); }
#scmView #demo.on { display: flex; }
#scmView #demo small { font-size: 11px; color: var(--muted); font-weight: 700; }
#scmView #demo button { font: inherit; font-size: 12.5px; text-align: left; padding: 7px 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-3, #F5F6F7); color: var(--text-2, #444); cursor: pointer; }
#scmView #demo button:hover { border-color: var(--line-strong); color: var(--text); }
#scmView .ain { margin: 0 0 12px; }
#scmView .ain.wait p { color: var(--muted); }
#scmView .jauto.off { color: var(--muted); background: var(--surface-3, #F1F2F3); }
#scmView {
  --bg:#F2F4F6; --surface:#FFFFFF; --surface-2:#F2F4F6; --surface-3:#F9FAFB;
  --line:#F2F4F6; --line-2:#E5E8EB; --line-strong:#D1D6DB;
  --text:#191F28; --text-2:#4E5968; --muted:#8B95A1; --act:#3182F6; --wait:#3182F6; --auto:#E5E8EB; --auto-ink:#6B7684;
  --brand:#3182F6; --neg:#F04452; --route:#4E5968; --late-bg:#FFF6F7; --late-line:#FFD9DD;
  --blue-tint:#E8F3FF; --navy:#0A1020;
  --shadow-card:none; --shadow-pop:0 8px 24px rgba(0,27,55,.08);
  --font-sans:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", sans-serif;
}
#scmView { letter-spacing: -0.2px; }
#scmView .head h2 { font-size: 26px; font-weight: 700; letter-spacing: -0.6px; }
#scmView .sec b { font-size: 19px; font-weight: 700; letter-spacing: -0.4px; }
#scmView .sec span { color: #B0B8C1; }
#scmView .btn { font-weight: 600; border-color: transparent; background: var(--surface-2); color: var(--text-2); border-radius: 12px; }
#scmView .btn:hover { background: var(--line-2); }
#scmView .btn.pri { background: var(--brand); border-color: var(--brand); color: #fff; }
#scmView .btn.pri:hover { background: #1B64DA; }
#scmView .pF { border: 0; border-radius: 24px; box-shadow: none; }
#scmView .pF .pC .c { border-left: 1px solid var(--line); }
#scmView .pF .pC .c .nmb { background: transparent; color: var(--text); font-size: 15px; font-weight: 700; padding: 18px 16px 0; }
#scmView .pF .pC .c.late .nmb { background: transparent; color: var(--text); }
#scmView .pF .pC .c.late { background: var(--surface); }
#scmView .pF .pC .c.late.on { background: var(--surface-3); }
#scmView .pF .pC .c.on { box-shadow: inset 0 -3px 0 var(--brand); }
#scmView .pF .pC .c.late.on { box-shadow: inset 0 -3px 0 var(--neg); }
#scmView .pF .pC .c:hover { background: var(--surface-3); }
#scmView .chip { border: 0; background: var(--surface-2); color: var(--text-2); font-weight: 600; padding: 2px 8px; border-radius: 6px; }
#scmView .chip.red { background: #FFEEEF; color: var(--neg); border: 0; }
#scmView .chip.dark, #scmView .chip.act { background: var(--blue-tint); color: var(--brand); border: 0; }
#scmView .pC .big { color: var(--muted); font-weight: 500; }
#scmView .pC .big b { font-weight: 700; letter-spacing: -1px; }
#scmView .pC .c.late .big b { color: var(--neg); }
#scmView .pC .st { border-top: 0; }
#scmView .pC .st small { font-weight: 500; }
#scmView .pC .st b { font-weight: 700; }
#scmView .run { height: 6px; background: var(--surface-2); }
#scmView .run .h { background: var(--brand); }
#scmView .run .h.bad { background: var(--neg); }
#scmView .run .i { background: #B5D3FB; }
#scmView .run .l { border-left: 2px solid var(--text-2); }
#scmView .up-car { margin-bottom: 30px; border-radius: 28px; padding: 22px 22px 22px; isolation: isolate; overflow: hidden;
  background:
    radial-gradient(110% 120% at 12% 130%, rgba(49,130,246,.55) 0%, rgba(49,130,246,0) 55%),
    radial-gradient(60% 80% at 92% -10%, rgba(80,120,255,.22) 0%, rgba(80,120,255,0) 60%),
    var(--navy);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), inset 0 -2px 0 rgba(120,170,255,.38), 0 24px 48px -28px rgba(10,30,80,.55); }
#scmView .up-car::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .5; pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size: 44px 44px; -webkit-mask-image: linear-gradient(to top, #000, transparent 85%); mask-image: linear-gradient(to top, #000, transparent 85%); }
#scmView .up-car::after { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .16; mix-blend-mode: overlay; pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
#scmView .up { margin: -10px -22px -6px; padding: 10px 22px 6px; scroll-padding: 0 22px; clip-path: none; }
#scmView .u.tc, #scmView .u.tc.hot { background: rgba(255,255,255,.06); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-radius: 20px; padding: 20px 20px 18px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), inset 0 0 0 1px rgba(255,255,255,.07); }
#scmView .u.tc:hover { background: rgba(255,255,255,.09); box-shadow: inset 0 1px 0 rgba(255,255,255,.14), inset 0 0 0 1px rgba(255,255,255,.12); }
#scmView .u.tc small { color: rgba(255,255,255,.55); opacity: 1; font-weight: 500; }
#scmView .u.tc.hot small { color: #FF8A94; font-weight: 600; }
#scmView .u.tc b { font-size: 17px; font-weight: 700; letter-spacing: -0.4px; }
#scmView .u.tc p { color: rgba(255,255,255,.62); opacity: 1; }
#scmView .u.tc .btn { background: rgba(255,255,255,.08); border: 0; color: rgba(255,255,255,.85); }
#scmView .u.tc .btn:hover { background: rgba(255,255,255,.14); }
#scmView .u.tc .btn.pri { background: #fff; color: var(--navy); }
#scmView .u.tc .btn.pri:hover { background: #EEF3FF; }
#scmView .up-arrow { background: rgba(255,255,255,.1); border: 0; color: #fff; box-shadow: none; backdrop-filter: blur(8px); }
#scmView .up-arrow:hover { background: rgba(255,255,255,.2); color: #fff; }
#scmView .up-prev { left: 8px; }
#scmView .up-next { right: 8px; }
#scmView .pipe { border: 0; border-radius: 24px; box-shadow: none; }
#scmView .col { border-left-color: var(--line); }
#scmView .ch3 .nm { font-weight: 700; }
#scmView .ch3 .no { font-weight: 600; }
#scmView .sg { height: 6px; background: var(--surface-2); }
#scmView .sr b { font-weight: 700; }
#scmView .body { background: var(--surface-3); border-top: 0; }
#scmView .grp, #scmView .grp.red, #scmView .grp.dark, #scmView .grp.auto, #scmView .grp.plan { border: 0; border-radius: 14px; box-shadow: 0 1px 2px rgba(0,27,55,.04); background: var(--surface); }
#scmView .grp.plan { box-shadow: inset 0 0 0 1px var(--line-2); background: transparent; }
#scmView .gh2, #scmView .grp.red .gh2, #scmView .grp.dark .gh2, #scmView .grp.auto .gh2, #scmView .grp.plan .gh2, #scmView .grp.plan.red .gh2, #scmView .grp.plan.dark .gh2, #scmView .grp.plan.auto .gh2 {
  background: transparent; border-bottom: 0; padding: 10px 12px 2px; font-size: 12px; font-weight: 700; color: var(--muted); }
#scmView .grp.red .gh2, #scmView .grp.plan.red .gh2 { color: var(--neg); }
#scmView .grp.dark .gh2, #scmView .grp.plan.dark .gh2 { color: var(--brand); }
#scmView .dr { padding: 9px 12px; }
#scmView .dr + .dr { border-top: 1px solid var(--line); }
#scmView .pn2 { font-weight: 600; font-size: 13px; }
#scmView .qd { font-weight: 700; }
#scmView .l3 span { font-size: 11.5px; }
#scmView .grp.red .l3 span { font-weight: 600; }
#scmView .dr.sel { background: var(--blue-tint); }
#scmView .grp.red .dr.sel { background: var(--late-bg); }
#scmView .colup { border: 0; background: var(--surface); box-shadow: inset 0 0 0 1px var(--line-2); border-radius: 14px; }
#scmView .colup:hover { background: var(--blue-tint); box-shadow: inset 0 0 0 1px #B5D3FB; }
#scmView .colup b { font-weight: 700; }
#scmView .panel { box-shadow: -16px 0 48px rgba(0,27,55,.14); }
#scmView, #scmView { background: #F0F2F6; }
#scmView::before { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(38% 32% at 6% 4%, rgba(49,130,246,.13), transparent 70%),
    radial-gradient(32% 30% at 96% 18%, rgba(140,120,255,.10), transparent 70%),
    radial-gradient(45% 35% at 60% 104%, rgba(60,200,255,.10), transparent 70%); }
#scmView .wrap { --neg:#F04452; --wait:#3182F6; --auto:#C5CDD7; }
#scmView .pF, #scmView .pipe { background: rgba(255,255,255,.72); backdrop-filter: blur(20px) saturate(1.4); -webkit-backdrop-filter: blur(20px) saturate(1.4);
  box-shadow: inset 0 1px 0 #fff, inset 0 0 0 1px rgba(255,255,255,.9), 0 1px 2px rgba(30,60,140,.04), 0 24px 48px -28px rgba(30,70,160,.22); }
#scmView .pF .pC .c { position: relative; }
#scmView .pF .pC .c.late { background: radial-gradient(120% 70% at 50% 120%, rgba(240,68,82,.13), transparent 70%); }
#scmView .pF .pC .c.late::after { content: ""; position: absolute; left: 14%; right: 14%; bottom: 0; height: 2px; border-radius: 2px;
  background: linear-gradient(90deg, transparent, rgba(240,68,82,.75), transparent); }
#scmView .pC .c.late .big b { color: var(--neg); text-shadow: 0 4px 18px rgba(240,68,82,.28); }
#scmView .pC .big b { text-shadow: 0 4px 18px rgba(49,130,246,.10); }
#scmView .run { height: 6px; background: #E8ECF2; box-shadow: inset 0 1px 1px rgba(20,40,80,.06); }
#scmView .run .h { background: linear-gradient(90deg, #2B6FF0, #6AAEFF); box-shadow: 0 3px 8px -2px rgba(49,130,246,.55); overflow: hidden; }
#scmView .run .h.bad { background: linear-gradient(90deg, #E5374A, #FF8A94); box-shadow: 0 3px 8px -2px rgba(240,68,82,.55); }
#scmView .run .h::after { content: ""; position: absolute; inset: 0; width: 40%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.65), transparent); animation: scm_shineW 3.2s ease-in-out infinite; }
#scmView .run .i { background: linear-gradient(90deg, rgba(49,130,246,.28), rgba(106,174,255,.18)); }
#scmView .sg { height: 6px; background: #E8ECF2; box-shadow: inset 0 1px 1px rgba(20,40,80,.06), 0 3px 10px -4px rgba(49,130,246,.45); }
#scmView .sg i { background-image: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.32) 100%); }
#scmView .sg.live::after { background: linear-gradient(90deg, transparent, rgba(255,255,255,.75), transparent); }
#scmView .body { background: linear-gradient(180deg, rgba(240,243,248,.75), rgba(240,243,248,.35)); }
#scmView .grp, #scmView .grp.dark, #scmView .grp.auto { background: rgba(255,255,255,.85); box-shadow: inset 0 1px 0 #fff, 0 1px 2px rgba(30,60,140,.05), 0 8px 20px -14px rgba(30,70,160,.25); }
#scmView .grp.red { background: linear-gradient(180deg, #FFF3F4, #fff 55%); box-shadow: inset 0 1px 0 #fff, 0 1px 2px rgba(240,68,82,.08), 0 10px 22px -14px rgba(240,68,82,.35); }
#scmView .grp.plan, #scmView .grp.plan.dark, #scmView .grp.plan.auto { background: rgba(255,255,255,.45); box-shadow: inset 0 0 0 1px rgba(160,175,200,.45); }
#scmView .grp.plan.red { background: linear-gradient(180deg, #FFF3F4, rgba(255,255,255,.6) 60%); box-shadow: inset 0 0 0 1px rgba(240,68,82,.25); }
#scmView .colup { background: rgba(255,255,255,.6); }
#scmView, #scmView { background: #F0F2F6; }
#scmView::before { background:
    radial-gradient(42% 36% at 4% 0%, rgba(49,130,246,.20), transparent 70%),
    radial-gradient(36% 34% at 98% 14%, rgba(150,130,255,.16), transparent 70%),
    radial-gradient(50% 40% at 50% 108%, rgba(80,170,255,.16), transparent 70%),
    radial-gradient(30% 30% at 70% 55%, rgba(120,180,255,.08), transparent 70%); }
#scmView .pF, #scmView .pipe { border-radius: 30px;
  background: linear-gradient(160deg, rgba(255,255,255,.88) 0%, rgba(240,246,255,.62) 55%, rgba(228,238,255,.55) 100%);
  backdrop-filter: blur(26px) saturate(1.6); -webkit-backdrop-filter: blur(26px) saturate(1.6);
  box-shadow:
    inset 1.5px 1.5px 0 rgba(255,255,255,1),
    inset -1px -2px 0 rgba(110,140,210,.22),
    inset 0 -18px 30px -22px rgba(70,120,230,.28),
    0 2px 0 rgba(165,185,230,.45),
    0 22px 46px -22px rgba(40,80,190,.30); }
#scmView .pF .pC .c { border-left-color: rgba(140,165,215,.18); }
#scmView .pF .pC .c:hover { background: rgba(255,255,255,.45); }
#scmView .run, #scmView .sg { height: 9px; border-radius: 99px; background: linear-gradient(180deg, rgba(190,205,230,.55), rgba(225,233,245,.8));
  box-shadow: inset 0 1.5px 2px rgba(40,70,140,.18), inset 0 -1px 0 rgba(255,255,255,.9); }
#scmView .run .h { background: linear-gradient(180deg, #9CC8FF 0%, #4C8DFF 45%, #2F6FE6 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7), inset 0 -1px 1px rgba(10,50,150,.35), 0 3px 8px -2px rgba(49,130,246,.55); }
#scmView .run .h.bad { background: linear-gradient(180deg, #FFB3BA 0%, #FF6B7A 45%, #E2384B 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7), inset 0 -1px 1px rgba(140,10,30,.3), 0 3px 8px -2px rgba(240,68,82,.55); }
#scmView .run .i { background: linear-gradient(180deg, rgba(190,218,255,.95), rgba(140,185,250,.75)); box-shadow: inset 0 1px 0 rgba(255,255,255,.6); }
#scmView .sg { overflow: hidden; }
#scmView .sg i { background-image: linear-gradient(180deg, rgba(255,255,255,.6) 0%, rgba(255,255,255,.08) 50%, rgba(0,20,80,.18) 100%); }
#scmView .chip { background: linear-gradient(180deg, #FFFFFF, #EAF0F8); color: #4E5968;
  box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 rgba(120,140,180,.25), 0 1px 3px rgba(40,70,140,.12); }
#scmView .chip.red { background: linear-gradient(180deg, #FFE6E9, #FFC9CF); color: #D92D41;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), inset 0 -1px 0 rgba(220,60,80,.25), 0 2px 6px -2px rgba(240,68,82,.45); }
#scmView .chip.dark, #scmView .chip.act { background: linear-gradient(180deg, #E3F0FF, #C7DFFF); color: #1B64DA;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), inset 0 -1px 0 rgba(49,130,246,.25), 0 2px 6px -2px rgba(49,130,246,.4); }
#scmView .btn.pri { background: linear-gradient(180deg, #6AA6FF 0%, #3182F6 55%, #2468DC 100%); border: 0;
  box-shadow: inset 0 1.5px 0 rgba(255,255,255,.5), inset 0 -2px 0 rgba(0,40,140,.28), 0 8px 16px -8px rgba(49,130,246,.75); }
#scmView .btn.pri:hover { background: linear-gradient(180deg, #78AEFF 0%, #3B8AF8 55%, #2A6FE2 100%); }
#scmView .btn { box-shadow: inset 0 1px 0 rgba(255,255,255,.8), inset 0 -1px 0 rgba(120,140,180,.22); }
#scmView .pF .pC .c.late { background: radial-gradient(120% 70% at 50% 125%, rgba(255,107,122,.20), transparent 70%); }
#scmView .grp, #scmView .grp.dark, #scmView .grp.auto { border-radius: 16px; background: linear-gradient(165deg, rgba(255,255,255,.95), rgba(242,247,255,.8));
  box-shadow: inset 1px 1px 0 #fff, inset 0 -1.5px 0 rgba(110,140,210,.2), 0 1.5px 0 rgba(165,185,230,.4), 0 10px 22px -14px rgba(40,80,190,.3); }
#scmView .grp.red { background: linear-gradient(165deg, rgba(255,246,247,.98), rgba(255,232,236,.85));
  box-shadow: inset 1px 1px 0 #fff, inset 0 -1.5px 0 rgba(230,80,100,.22), 0 1.5px 0 rgba(240,170,180,.45), 0 10px 22px -14px rgba(240,68,82,.38); }
#scmView .grp.plan, #scmView .grp.plan.dark, #scmView .grp.plan.auto { background: rgba(255,255,255,.35); box-shadow: inset 0 0 0 1.5px rgba(150,170,210,.35), inset 1px 1px 0 #fff; }
#scmView .grp.plan.red { background: rgba(255,240,242,.5); box-shadow: inset 0 0 0 1.5px rgba(240,68,82,.25), inset 1px 1px 0 #fff; }
#scmView .body { background: linear-gradient(180deg, rgba(225,234,250,.35), rgba(240,244,250,.1)); }
#scmView .colup { background: linear-gradient(180deg, rgba(255,255,255,.75), rgba(238,244,255,.55)); box-shadow: inset 1px 1px 0 #fff, inset 0 0 0 1.5px rgba(150,175,225,.35); }
#scmView .u.tc, #scmView .u.tc.hot { background: linear-gradient(160deg, rgba(255,255,255,.13) 0%, rgba(255,255,255,.05) 55%, rgba(120,160,255,.06) 100%);
  box-shadow: inset 1.5px 1.5px 0 rgba(255,255,255,.22), inset -1px -2px 0 rgba(0,0,0,.25), inset 0 -16px 28px -20px rgba(120,170,255,.35),
    0 2px 0 rgba(0,0,0,.25), 0 18px 34px -20px rgba(0,10,40,.8); }
#scmView .u.tc:hover { background: linear-gradient(160deg, rgba(255,255,255,.17) 0%, rgba(255,255,255,.07) 55%, rgba(120,160,255,.09) 100%); }
#scmView .u.tc .btn.pri { background: linear-gradient(180deg, #FFFFFF, #E6EEFF); color: #0A1020;
  box-shadow: inset 0 1px 0 #fff, inset 0 -2px 0 rgba(60,90,170,.25), 0 8px 16px -8px rgba(0,0,0,.6); }
#scmView .u.tc .btn { box-shadow: inset 0 1px 0 rgba(255,255,255,.15), inset 0 -1px 0 rgba(0,0,0,.25); }
#scmView .btn:active, #scmView .dr:active, #scmView .u.tc:active, #scmView .colup:active, #scmView .pF .pC .c:active .cb, #scmView .t-btn:active { transform: none; }
#scmView .btn, #scmView .dr, #scmView .u.tc, #scmView .colup, #scmView .pF .pC .c .cb, #scmView .rq-seg button { transition-property: background, background-color, box-shadow, border-color, color, opacity !important; }
#scmView .panel { transition: transform .32s cubic-bezier(.7,0,.84,0); }
#scmView .open .panel { transition: transform .55s cubic-bezier(.16,1,.3,1); }
#scmView .dim-bg { background: rgba(15,30,70,.22); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); transition: opacity .35s cubic-bezier(.16,1,.3,1); }
#scmView .up-car { background: linear-gradient(160deg, rgba(255,255,255,.88) 0%, rgba(240,246,255,.62) 55%, rgba(228,238,255,.55) 100%);
  backdrop-filter: blur(26px) saturate(1.6); -webkit-backdrop-filter: blur(26px) saturate(1.6); border-radius: 30px;
  box-shadow: inset 1.5px 1.5px 0 #fff, inset -1px -2px 0 rgba(110,140,210,.22), inset 0 -18px 30px -22px rgba(70,120,230,.28), 0 2px 0 rgba(165,185,230,.45), 0 22px 46px -22px rgba(40,80,190,.30); }
#scmView .up-car::before, #scmView .up-car::after { display: none; }
#scmView .u.tc { color: var(--text); background: linear-gradient(165deg, rgba(255,255,255,.96), rgba(242,247,255,.82));
  box-shadow: inset 1px 1px 0 #fff, inset 0 -1.5px 0 rgba(110,140,210,.2), 0 1.5px 0 rgba(165,185,230,.4), 0 10px 22px -14px rgba(40,80,190,.3); backdrop-filter: none; }
#scmView .u.tc:hover { background: linear-gradient(165deg, #fff, rgba(234,243,255,.95)); }
#scmView .u.tc small { color: var(--muted); }
#scmView .u.tc p { color: var(--text-2); }
#scmView .u.tc .btn { background: linear-gradient(180deg, #fff, #EEF2F8); color: var(--text-2); box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 rgba(120,140,180,.25); }
#scmView .u.tc .btn.pri { background: linear-gradient(180deg, #6AA6FF 0%, #3182F6 55%, #2468DC 100%); color: #fff;
  box-shadow: inset 0 1.5px 0 rgba(255,255,255,.5), inset 0 -2px 0 rgba(0,40,140,.28), 0 8px 16px -8px rgba(49,130,246,.75); }
#scmView .u.tc.hot { color: #fff;
  background: radial-gradient(120% 90% at 10% 120%, rgba(49,130,246,.55), transparent 60%), radial-gradient(70% 70% at 95% -10%, rgba(110,120,255,.28), transparent 60%), #0B1428;
  box-shadow: inset 1.5px 1.5px 0 rgba(255,255,255,.18), inset -1px -2px 0 rgba(0,0,0,.35), inset 0 -2px 0 rgba(130,180,255,.45), 0 2px 0 rgba(10,20,50,.35), 0 18px 34px -16px rgba(20,50,140,.55); }
#scmView .u.tc.hot:hover { background: radial-gradient(120% 90% at 10% 120%, rgba(49,130,246,.65), transparent 60%), radial-gradient(70% 70% at 95% -10%, rgba(110,120,255,.32), transparent 60%), #0D1830; }
#scmView .u.tc.hot small { color: #FF8A94; }
#scmView .u.tc.hot p { color: rgba(255,255,255,.62); }
#scmView .u.tc.hot .btn { background: rgba(255,255,255,.1); color: rgba(255,255,255,.85); box-shadow: inset 0 1px 0 rgba(255,255,255,.15), inset 0 -1px 0 rgba(0,0,0,.25); }
#scmView .u.tc.hot .btn.pri { background: linear-gradient(180deg, #fff, #E6EEFF); color: #0A1020; box-shadow: inset 0 1px 0 #fff, inset 0 -2px 0 rgba(60,90,170,.25), 0 8px 16px -8px rgba(0,0,0,.6); }
#scmView .up-arrow { background: linear-gradient(180deg, #fff, #EAF0F8); color: var(--text-2); box-shadow: inset 0 1px 0 #fff, 0 4px 12px -4px rgba(40,70,140,.35); }
#scmView .up-arrow:hover { background: #fff; color: var(--text); }
#scmView #panel { background: radial-gradient(70% 40% at 100% 0%, rgba(49,130,246,.12), transparent 70%), radial-gradient(60% 30% at 0% 100%, rgba(150,130,255,.10), transparent 70%), linear-gradient(180deg, #F7F9FC, #EEF2F8);
  box-shadow: -24px 0 60px -20px rgba(20,50,140,.28), inset 1px 0 0 rgba(255,255,255,.9); }
#scmView #panel .ph { background: rgba(247,249,252,.78); backdrop-filter: blur(18px) saturate(1.5); -webkit-backdrop-filter: blur(18px) saturate(1.5); border-bottom: 0;
  box-shadow: 0 1px 0 rgba(150,170,210,.25), 0 10px 24px -20px rgba(20,50,140,.35); }
#scmView #panel .ph small { color: #3182F6; }
#scmView #panel .ph .x { background: linear-gradient(180deg, #fff, #EAF0F8); box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 rgba(120,140,180,.25), 0 2px 6px -2px rgba(40,70,140,.25); }
#scmView #panel .now { color: #fff; border-radius: 20px;
  background: radial-gradient(120% 90% at 10% 120%, rgba(49,130,246,.55), transparent 60%), radial-gradient(70% 70% at 95% -10%, rgba(110,120,255,.26), transparent 60%), #0B1428;
  box-shadow: inset 1.5px 1.5px 0 rgba(255,255,255,.16), inset 0 -2px 0 rgba(130,180,255,.45), 0 2px 0 rgba(10,20,50,.3), 0 16px 30px -16px rgba(20,50,140,.55); }
#scmView #panel .now.r { background: radial-gradient(120% 90% at 10% 120%, rgba(255,92,108,.45), transparent 60%), radial-gradient(70% 70% at 95% -10%, rgba(110,120,255,.22), transparent 60%), #141226; box-shadow: inset 1.5px 1.5px 0 rgba(255,255,255,.16), inset 0 -2px 0 rgba(255,140,150,.5), 0 2px 0 rgba(10,20,50,.3), 0 16px 30px -16px rgba(140,30,60,.5); }
#scmView #panel .now.none { color: var(--text); background: linear-gradient(165deg, rgba(255,255,255,.96), rgba(242,247,255,.82)); box-shadow: inset 1px 1px 0 #fff, inset 0 -1.5px 0 rgba(110,140,210,.2), 0 1.5px 0 rgba(165,185,230,.4); }
#scmView #panel .now .btn.pri { background: linear-gradient(180deg, #fff, #E6EEFF); color: #0A1020; box-shadow: inset 0 1px 0 #fff, inset 0 -2px 0 rgba(60,90,170,.25), 0 8px 16px -8px rgba(0,0,0,.6); }
#scmView #panel .v::before { background: linear-gradient(180deg, #D3DDEE, #E6ECF6); width: 2px; border-radius: 2px; }
#scmView #panel .v.d::before { background: linear-gradient(180deg, #9CC8FF, #C9E2FF); }
#scmView #panel .v > .o, #scmView #panel .jz .o { border: 0; color: #8B95A1; background: radial-gradient(circle at 35% 30%, #fff 0%, #EEF2F8 60%, #DCE4F0 100%);
  box-shadow: inset 0 -1.5px 2px rgba(80,100,150,.25), 0 2px 4px -1px rgba(40,70,140,.25); }
#scmView #panel .v.d > .o, #scmView #panel .jz .d .o { color: #fff; background: radial-gradient(circle at 35% 30%, #CFE3FF 0%, #8DB8F5 55%, #6A9BE6 100%); box-shadow: inset 0 -1.5px 2px rgba(20,60,150,.3), 0 2px 5px -1px rgba(49,130,246,.4); }
#scmView #panel .v.n > .o, #scmView #panel .jz .n .o { color: #fff; background: radial-gradient(circle at 35% 30%, #A9CEFF 0%, #3182F6 55%, #1F5FD0 100%); box-shadow: inset 0 -2px 3px rgba(0,30,110,.35), 0 0 0 4px rgba(49,130,246,.14), 0 4px 10px -2px rgba(49,130,246,.6); }
#scmView #panel .v.n.r > .o, #scmView #panel .jz .n.r .o { background: radial-gradient(circle at 35% 30%, #FFC2C8 0%, #FF5C6C 55%, #D9283C 100%); box-shadow: inset 0 -2px 3px rgba(120,0,20,.3), 0 0 0 4px rgba(240,68,82,.14), 0 4px 10px -2px rgba(240,68,82,.6); }
#scmView #panel .jz .z::before { background: #D3DDEE; }
#scmView #panel .jz .z.d::before, #scmView #panel .jz .z.n::before { background: linear-gradient(90deg, #9CC8FF, #6AA6FF); }
#scmView #panel .jz .n small { color: #3182F6; }
#scmView #panel .v .f { border: 0; background: linear-gradient(165deg, rgba(255,255,255,.95), rgba(242,247,255,.8)); box-shadow: inset 1px 1px 0 #fff, inset 0 -1px 0 rgba(110,140,210,.18), 0 6px 14px -10px rgba(40,80,190,.3); }
#scmView #panel .v.n.r .f { background: linear-gradient(165deg, rgba(255,246,247,.98), rgba(255,234,238,.85)); }
#scmView #panel .js, #scmView #panel .mc, #scmView #panel .mailbox, #scmView #panel .tbl, #scmView #panel .py-list, #scmView #panel .jpo { border: 0; border-radius: 18px; background: linear-gradient(165deg, rgba(255,255,255,.96), rgba(244,248,255,.84));
  box-shadow: inset 1.5px 1.5px 0 #fff, inset 0 -1.5px 0 rgba(110,140,210,.2), 0 1.5px 0 rgba(165,185,230,.4), 0 14px 28px -18px rgba(40,80,190,.32); }
#scmView #panel .js.cur { box-shadow: inset 1.5px 1.5px 0 #fff, inset 0 0 0 1.5px rgba(49,130,246,.35), inset 0 -16px 26px -20px rgba(49,130,246,.25), 0 1.5px 0 rgba(165,185,230,.4), 0 16px 30px -16px rgba(49,130,246,.35); }
#scmView #panel .js.cur.r { background: linear-gradient(170deg, rgba(255,244,246,.98), rgba(255,255,255,.92) 40%); box-shadow: inset 1.5px 1.5px 0 #fff, inset 0 0 0 1.5px rgba(240,68,82,.30), inset 0 -16px 26px -20px rgba(240,68,82,.22), 0 1.5px 0 rgba(240,170,180,.45), 0 16px 30px -16px rgba(240,68,82,.35); }
#scmView #panel .js.lock { background: rgba(255,255,255,.4); box-shadow: inset 0 0 0 1.5px rgba(150,170,210,.3); }
#scmView #panel .mc-h { background: linear-gradient(180deg, rgba(240,245,253,.9), rgba(232,239,250,.6)); border-bottom: 0; box-shadow: 0 1px 0 rgba(150,170,210,.22); }
#scmView #panel .js-tag { border: 0; }
#scmView #panel .js-tag.red { background: linear-gradient(180deg, #FFE6E9, #FFC9CF); color: #D92D41; box-shadow: inset 0 1px 0 rgba(255,255,255,.9), inset 0 -1px 0 rgba(220,60,80,.25), 0 2px 6px -2px rgba(240,68,82,.45); }
#scmView #panel .js-tag.act { background: linear-gradient(180deg, #E3F0FF, #C7DFFF); color: #1B64DA; box-shadow: inset 0 1px 0 rgba(255,255,255,.9), inset 0 -1px 0 rgba(49,130,246,.25), 0 2px 6px -2px rgba(49,130,246,.4); }
#scmView #panel .js-tag.auto, #scmView #panel .js-tag.done { background: linear-gradient(180deg, #fff, #EAF0F8); color: #6B7684; box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 rgba(120,140,180,.25), 0 1px 3px rgba(40,70,140,.12); }
#scmView #panel .js-tag.off { background: transparent; box-shadow: inset 0 0 0 1px rgba(150,170,210,.5); }
#scmView #panel .pd-kv, #scmView #panel .rq-m, #scmView #panel .py-sum { border: 0; overflow: visible; gap: 8px; }
#scmView #panel .pd-kv div, #scmView #panel .rq-m div, #scmView #panel .py-sum div { border: 0 !important; border-radius: 14px; background: linear-gradient(170deg, #FFFFFF, #F1F5FC);
  box-shadow: inset 1px 1px 0 #fff, inset 0 -1.5px 0 rgba(110,140,210,.18), 0 4px 10px -6px rgba(40,80,190,.25); }
#scmView #panel .pd-kv b, #scmView #panel .jrec b { color: var(--text); }
#scmView #panel .pd-kv b.bad { color: var(--neg); }
#scmView #panel .pd-plot { border-bottom: 2px solid rgba(150,170,210,.45); }
#scmView #panel .pd-plot svg { filter: drop-shadow(0 3px 4px rgba(49,130,246,.18)); }
#scmView #panel .rq-q, #scmView #panel .rq-f textarea, #scmView #panel .py-in input, #scmView #panel .jlog-in input, #scmView #panel .mailbox textarea { border: 0; border-radius: 14px; background: linear-gradient(180deg, #F3F6FB, #FFFFFF);
  box-shadow: inset 0 2px 4px rgba(30,60,140,.10), inset 0 0 0 1.5px rgba(150,175,225,.45), 0 1px 0 #fff; }
#scmView #panel .rq-q:focus-within, #scmView #panel .rq-f textarea:focus, #scmView #panel .py-in input:focus, #scmView #panel .jlog-in input:focus, #scmView #panel .mailbox textarea:focus {
  box-shadow: inset 0 2px 4px rgba(30,60,140,.08), inset 0 0 0 2px #3182F6, 0 0 0 5px rgba(49,130,246,.15); }
#scmView #panel .rq-seg button, #scmView #panel .jtab button { border: 0; border-radius: 14px; background: linear-gradient(180deg, #FFFFFF, #EEF2F8);
  box-shadow: inset 0 1px 0 #fff, inset 0 -1.5px 0 rgba(120,140,180,.22), 0 3px 8px -4px rgba(40,70,140,.25); }
#scmView #panel .rq-seg button:hover { background: linear-gradient(180deg, #fff, #F3F7FD); }
#scmView #panel .rq-seg button.on, #scmView #panel .jtab button.on { color: #1B64DA; background: linear-gradient(180deg, #E8F3FF, #C9E2FF);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), inset 0 0 0 1.5px rgba(49,130,246,.55), inset 0 -2px 0 rgba(49,130,246,.25), 0 6px 14px -6px rgba(49,130,246,.5); }
#scmView #panel .rq-msg pre { border: 0; background: linear-gradient(170deg, #EAF3FF, #F7FAFF); box-shadow: inset 0 0 0 1.5px rgba(49,130,246,.2), inset 1px 1px 0 #fff; }
#scmView #panel .rq-msg pre + pre { background: linear-gradient(170deg, #fff, #F3F6FB); box-shadow: inset 0 0 0 1.5px rgba(150,170,210,.3); }
#scmView #panel .fl-up, #scmView #panel .fl-drop, #scmView #panel .dt { border-radius: 16px; }
#scmView #panel .fl-drop, #scmView #panel .dt:not(.got) { border: 1.5px dashed rgba(49,130,246,.4); background: linear-gradient(170deg, rgba(232,243,255,.7), rgba(255,255,255,.5)); }
#scmView #panel .dt.got, #scmView #panel .jlog div { border: 0; background: linear-gradient(170deg, #fff, #F1F5FC); box-shadow: inset 1px 1px 0 #fff, inset 0 -1px 0 rgba(110,140,210,.18), 0 4px 10px -6px rgba(40,80,190,.25); }
#scmView #panel .rq-warn { border: 0; color: #C8233A; background: linear-gradient(180deg, rgba(240,68,82,.12), rgba(240,68,82,.25)); box-shadow: inset 0 1px 0 rgba(255,255,255,.6), inset 0 0 0 1px rgba(240,68,82,.25); }
#scmView::before { background:
    radial-gradient(42% 36% at 4% 0%, rgba(49,130,246,.07), transparent 70%),
    radial-gradient(36% 34% at 98% 14%, rgba(150,130,255,.05), transparent 70%) !important; }
#scmView .pF, #scmView .pipe, #scmView .up-car { background: linear-gradient(160deg, rgba(255,255,255,.92) 0%, rgba(250,250,252,.8) 55%, rgba(244,245,248,.78) 100%) !important;
  box-shadow: inset 1.5px 1.5px 0 #fff, inset -1px -2px 0 rgba(120,130,150,.16), inset 0 -18px 30px -22px rgba(90,100,130,.16), 0 2px 0 rgba(200,205,215,.55), 0 22px 46px -24px rgba(30,40,70,.20) !important; }
#scmView .body { background: linear-gradient(180deg, rgba(242,244,247,.7), rgba(246,247,249,.35)) !important; }
#scmView .pF .pC .c { border-left-color: rgba(150,158,175,.16) !important; }
#scmView .grp, #scmView .grp.dark, #scmView .grp.auto, #scmView .u.tc:not(.hot) { background: linear-gradient(165deg, #FFFFFF, #F7F8FA) !important;
  box-shadow: inset 1px 1px 0 #fff, inset 0 -1.5px 0 rgba(120,130,150,.16), 0 1.5px 0 rgba(200,205,215,.5), 0 10px 22px -16px rgba(30,40,70,.22) !important; }
#scmView .grp.plan, #scmView .grp.plan.dark, #scmView .grp.plan.auto { background: rgba(255,255,255,.5) !important; box-shadow: inset 0 0 0 1.5px rgba(170,178,192,.4), inset 1px 1px 0 #fff !important; }
#scmView .colup { background: linear-gradient(180deg, #FFFFFF, #F6F7F9) !important; box-shadow: inset 1px 1px 0 #fff, inset 0 0 0 1.5px rgba(170,178,192,.35) !important; }
#scmView .run, #scmView .sg { background: linear-gradient(180deg, rgba(205,210,220,.55), rgba(232,235,240,.85)) !important; }
#scmView #panel { background: linear-gradient(180deg, #F8F9FA, #F1F3F6) !important; box-shadow: -24px 0 60px -24px rgba(20,30,60,.25), inset 1px 0 0 rgba(255,255,255,.9) !important; }
#scmView #panel .ph { background: rgba(248,249,250,.8) !important; box-shadow: 0 1px 0 rgba(170,178,192,.3), 0 10px 24px -20px rgba(20,30,60,.3) !important; }
#scmView #panel .js, #scmView #panel .mc, #scmView #panel .mailbox, #scmView #panel .tbl, #scmView #panel .py-list, #scmView #panel .jpo { background: linear-gradient(165deg, #FFFFFF, #F8F9FB) !important; }
#scmView #panel .js:not(.cur):not(.lock), #scmView #panel .mc, #scmView #panel .mailbox, #scmView #panel .tbl, #scmView #panel .py-list, #scmView #panel .jpo {
  box-shadow: inset 1.5px 1.5px 0 #fff, inset 0 -1.5px 0 rgba(120,130,150,.16), 0 1.5px 0 rgba(200,205,215,.5), 0 14px 28px -20px rgba(30,40,70,.24) !important; }
#scmView #panel .pd-kv div, #scmView #panel .rq-m div, #scmView #panel .py-sum div, #scmView #panel .dt.got, #scmView #panel .jlog div { background: linear-gradient(170deg, #FFFFFF, #F5F6F8) !important;
  box-shadow: inset 1px 1px 0 #fff, inset 0 -1.5px 0 rgba(120,130,150,.15), 0 4px 10px -7px rgba(30,40,70,.22) !important; }
#scmView #panel .rq-q, #scmView #panel .rq-f textarea, #scmView #panel .py-in input, #scmView #panel .jlog-in input, #scmView #panel .mailbox textarea, #scmView #panel input[type="text"], #scmView #panel textarea {
  background: linear-gradient(180deg, #F4F5F7, #FFFFFF) !important; box-shadow: inset 0 2px 4px rgba(20,30,60,.08), inset 0 0 0 1.5px rgba(170,178,192,.5), 0 1px 0 #fff !important; }
#scmView #panel .rq-seg button:not(.on), #scmView #panel .jtab button:not(.on), #scmView #panel .btn:not(.pri) { background: linear-gradient(180deg, #FFFFFF, #F1F3F6) !important;
  box-shadow: inset 0 1px 0 #fff, inset 0 -1.5px 0 rgba(120,130,150,.2), 0 3px 8px -5px rgba(20,30,60,.25) !important; }
#scmView #panel .fl-drop, #scmView #panel .dt:not(.got) { border: 1.5px dashed rgba(150,160,178,.55) !important; background: linear-gradient(170deg, rgba(246,247,249,.9), rgba(255,255,255,.6)) !important; }
#scmView #panel .rq-msg pre { background: linear-gradient(170deg, #F4F6FA, #FFFFFF) !important; box-shadow: inset 0 0 0 1.5px rgba(170,178,192,.35), inset 1px 1px 0 #fff !important; }
#scmView .po, #scmView .po2, #scmView .gh b, #scmView .ph small { color: #6B7684 !important; }
#scmView #panel .ph small { color: #6B7684 !important; }
#scmView .grp.red, #scmView .grp.plan.red { background: linear-gradient(165deg, #FFF8F8, #FFEFF1) !important; }
#scmView #panel .js.cur.r, #scmView #panel .v.n.r .f { background: linear-gradient(170deg, #FFF6F7, #FFFFFF 45%) !important; }
#scmView :is(.grp.red, #scmView #panel .js.cur.r, #scmView #panel .v.n.r .f) :is(.fl-drop, #scmView .dt:not(.got)) { border-color: rgba(240,68,82,.38) !important; background: linear-gradient(170deg, rgba(255,240,242,.9), rgba(255,255,255,.6)) !important; }
#scmView :is(#panel .js.cur.r, #scmView #panel .v.n.r .f) :is(.rq-q, #scmView textarea, #scmView input[type="text"], #scmView .jlog-in input, #scmView .py-in input) {
  background: linear-gradient(180deg, #FFF7F8, #FFFFFF) !important; box-shadow: inset 0 2px 4px rgba(120,20,40,.07), inset 0 0 0 1.5px rgba(240,140,150,.5), 0 1px 0 #fff !important; }
#scmView :is(#panel .js.cur.r, #scmView #panel .v.n.r .f) :is(.rq-q:focus-within, #scmView textarea:focus, #scmView input:focus) {
  box-shadow: inset 0 2px 4px rgba(120,20,40,.06), inset 0 0 0 2px #F04452, 0 0 0 5px rgba(240,68,82,.14) !important; }
#scmView :is(#panel .js.cur.r, #scmView #panel .v.n.r .f) .btn.pri { background: linear-gradient(180deg, #FF8A96 0%, #F04452 55%, #D42A3E 100%) !important; color: #fff !important;
  box-shadow: inset 0 1.5px 0 rgba(255,255,255,.45), inset 0 -2px 0 rgba(120,0,20,.28), 0 8px 16px -8px rgba(240,68,82,.7) !important; }
#scmView :is(#panel .js.cur.r, #scmView #panel .v.n.r .f) :is(.rq-seg button.on, #scmView .jtab button.on) { color: #D42A3E !important; background: linear-gradient(180deg, #FFEFF1, #FFD3D8) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), inset 0 0 0 1.5px rgba(240,68,82,.5), inset 0 -2px 0 rgba(240,68,82,.22), 0 6px 14px -6px rgba(240,68,82,.45) !important; }
#scmView :is(#panel .js.cur.r, #scmView #panel .v.n.r .f) .btn:not(.pri), #scmView :is(#panel .js.cur.r, #scmView #panel .v.n.r .f) .rq-seg button:not(.on) {
  background: linear-gradient(180deg, #FFFFFF, #FBF3F4) !important; box-shadow: inset 0 1px 0 #fff, inset 0 -1.5px 0 rgba(200,120,130,.22), 0 3px 8px -5px rgba(120,20,40,.2) !important; }
#scmView :is(#panel .js.cur.r, #scmView #panel .v.n.r .f) :is(.pd-kv div, #scmView .rq-m div) { background: linear-gradient(170deg, #FFFFFF, #FFF5F6) !important; }
#scmView :is(.grp.red, #scmView #panel .js.cur.r) .colup .ua { color: #F04452 !important; }
#scmView .grp.red .dr.sel { background: rgba(240,68,82,.10) !important; }
#scmView { --font-sans: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
#scmView { letter-spacing: normal; }
#scmView .head h2, #scmView .ch3 .nm, #scmView .pC .big b, #scmView .sr b, #scmView .u.tc b, #scmView .pF .pC .c .nmb, #scmView .pC .st b, #scmView .qd, #scmView .pn2, #scmView .gh2, #scmView .dr .qd, #scmView #panel .ph h3, #scmView #panel .jrec b, #scmView #panel .pd-kv b, #scmView #panel .rq-m b, #scmView #panel .rq-q input, #scmView #panel .js-h b, #scmView #panel .jz b, #scmView #panel .v.n > div > b { font-weight: 800 !important; }
#scmView .sec b { font-weight: 700 !important; }
#scmView, #scmView button, #scmView input, #scmView textarea, #scmView select { font-family: var(--font-sans); }
#scmView .sg { height: 9px !important; overflow: hidden; border-radius: 99px;
  box-shadow: inset 0 1.5px 2px rgba(20,30,60,.16), inset 0 -1px 0 rgba(255,255,255,.9), 0 3px 8px -3px rgba(20,30,60,.18) !important; }
#scmView .sg.live::after { display: none !important; }
#scmView .sg i { background-image: linear-gradient(180deg, rgba(255,255,255,.55) 0%, rgba(255,255,255,.12) 45%, rgba(0,10,40,.16) 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55), inset 0 -1px 1px rgba(0,10,40,.25); }
#scmView .sg i[style*="--neg"] { background: linear-gradient(180deg, #FFB3BA 0%, #FF6B7A 45%, #E2384B 100%) !important; }
#scmView .sg i[style*="--wait"] { background: linear-gradient(180deg, #9CC8FF 0%, #4C8DFF 45%, #2F6FE6 100%) !important; }
#scmView .sg i[style*="--auto"] { background: linear-gradient(180deg, #F4F6F9 0%, #CDD3DC 50%, #AEB6C2 100%) !important; }
#scmView .sg i { box-shadow: inset 0 1px 0 rgba(255,255,255,.7), inset 0 -1px 1px rgba(0,10,40,.3) !important; }
#scmView .sg { box-shadow: inset 0 1.5px 2px rgba(20,30,60,.16), inset 0 -1px 0 rgba(255,255,255,.9), 0 4px 9px -4px rgba(49,100,200,.45) !important; }
#scmView #panel :is(.rq-q, #scmView .py-q, #scmView .jlog-in label) input, #scmView #panel .rq-q input:focus, #scmView :is(#panel .js.cur.r, #scmView #panel .v.n.r .f) :is(.rq-q, #scmView .py-q, #scmView .jlog-in label) :is(input, #scmView input[type="text"], #scmView input:focus) { background: transparent !important; box-shadow: none !important; border: 0 !important; outline: 0 !important; }
#scmView .up { padding-bottom: 32px !important; margin-bottom: -32px !important; }
#scmView .up-car { padding-bottom: 22px; }
#scmView .u.tc.hot { box-shadow: inset 1.5px 1.5px 0 rgba(255,255,255,.18), inset -1px -2px 0 rgba(0,0,0,.30), inset 0 -2px 0 rgba(130,180,255,.40), 0 1px 0 rgba(10,20,50,.25), 0 16px 30px -18px rgba(20,40,110,.45) !important; }
#scmView .sg i:first-child { border-radius: 99px 0 0 99px; }
#scmView .sg i:last-child { border-radius: 0 99px 99px 0; }
#scmView .sg i:only-child { border-radius: 99px; }
#scmView #panel .js.cur.r, #scmView #panel .v.n.r .f { background: linear-gradient(170deg, #FFFFFF, #F8F9FB) !important; }
#scmView #panel .js.cur.r { box-shadow: inset 1.5px 1.5px 0 #fff, inset 0 0 0 1.5px rgba(240,68,82,.42), inset 0 -16px 26px -20px rgba(20,30,60,.10), 0 1.5px 0 rgba(170,178,192,.4), 0 16px 30px -16px rgba(20,30,60,.22) !important; }
#scmView :is(#panel .js.cur.r, #scmView #panel .v.n.r .f) :is(.rq-q, #scmView textarea, #scmView input[type="text"], #scmView .jlog-in input, #scmView .py-in input) {
  background: linear-gradient(180deg, #F4F5F7, #FFFFFF) !important; box-shadow: inset 0 2px 4px rgba(20,30,60,.08), inset 0 0 0 1.5px rgba(170,178,192,.5), 0 1px 0 #fff !important; }
#scmView :is(#panel .js.cur.r, #scmView #panel .v.n.r .f) :is(.rq-q:focus-within, #scmView textarea:focus, #scmView input:focus) {
  box-shadow: inset 0 2px 4px rgba(20,30,60,.06), inset 0 0 0 2px #191F28, 0 0 0 5px rgba(25,31,40,.08) !important; }
#scmView :is(#panel .js.cur.r, #scmView #panel .v.n.r .f) :is(.rq-q, #scmView .py-q, #scmView .jlog-in label) :is(input, #scmView input[type="text"], #scmView input:focus) { background: transparent !important; box-shadow: none !important; }
#scmView :is(#panel .js.cur.r, #scmView #panel .v.n.r .f) :is(.rq-seg button.on, #scmView .jtab button.on) { color: #191F28 !important; background: linear-gradient(180deg, #FFFFFF, #F4F5F7) !important;
  box-shadow: inset 0 1px 0 #fff, inset 0 0 0 2px #191F28, 0 6px 14px -6px rgba(20,30,60,.3) !important; }
#scmView :is(#panel .js.cur.r, #scmView #panel .v.n.r .f) :is(.rq-seg button.on, #scmView .jtab button.on) * { color: inherit !important; }
#scmView :is(#panel .js.cur.r, #scmView #panel .v.n.r .f) .btn:not(.pri), #scmView :is(#panel .js.cur.r, #scmView #panel .v.n.r .f) .rq-seg button:not(.on) {
  background: linear-gradient(180deg, #FFFFFF, #F1F3F6) !important; box-shadow: inset 0 1px 0 #fff, inset 0 -1.5px 0 rgba(120,130,150,.2), 0 3px 8px -5px rgba(20,30,60,.25) !important; }
#scmView :is(#panel .js.cur.r, #scmView #panel .v.n.r .f) :is(.pd-kv div, #scmView .rq-m div) { background: linear-gradient(170deg, #FFFFFF, #F5F6F8) !important; }
#scmView :is(.grp.red, #scmView #panel .js.cur.r, #scmView #panel .v.n.r .f) :is(.fl-drop, #scmView .dt:not(.got)) { border-color: rgba(150,160,178,.55) !important; background: linear-gradient(170deg, rgba(246,247,249,.9), rgba(255,255,255,.6)) !important; }
#scmView :is(#panel .js.cur.r, #scmView #panel .v.n.r .f) .btn.pri { background: linear-gradient(180deg, #F2505E 0%, #E5323F 60%, #CC2436 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 -2px 0 rgba(100,0,15,.3), 0 8px 16px -9px rgba(200,30,50,.6) !important; }
#scmView .pd-box { border: 0 !important; border-radius: 24px !important;
  background: linear-gradient(165deg, rgba(255,255,255,.98) 0%, rgba(250,251,253,.96) 55%, rgba(243,245,248,.96) 100%) !important;
  box-shadow: inset 1.5px 1.5px 0 #fff, inset 0 -1.5px 0 rgba(120,130,150,.18), inset 0 -24px 40px -30px rgba(20,30,60,.12),
    0 0 0 1px rgba(255,255,255,.7), 0 2px 0 rgba(170,178,192,.35), 0 22px 44px -22px rgba(20,30,60,.28) !important; }
#scmView .pd-box::before { border: 0 !important; background: #FFFFFF !important; box-shadow: -1px -1px 0 rgba(170,178,192,.25); }
#scmView .pd-x { border-radius: 50% !important; background: linear-gradient(180deg, #FFFFFF, #ECEFF3) !important; color: #6B7684 !important;
  box-shadow: inset 0 1px 0 #fff, inset 0 -1.5px 0 rgba(120,130,150,.25), 0 4px 10px -5px rgba(20,30,60,.35) !important; transition: color .15s; }
#scmView .pd-x:hover { color: #191F28 !important; }
#scmView .pd-box .pd-kv { border: 0 !important; overflow: visible !important; gap: 10px; }
#scmView .pd-box .pd-kv div { border: 0 !important; border-radius: 16px; padding: 12px 16px !important;
  background: linear-gradient(170deg, #FFFFFF, #F5F6F8) !important;
  box-shadow: inset 1px 1px 0 #fff, inset 0 -1.5px 0 rgba(120,130,150,.15), 0 1px 0 rgba(170,178,192,.3), 0 6px 14px -9px rgba(20,30,60,.3) !important; }
#scmView .pd-box .pd-kv div:has(b.bad) { background: linear-gradient(170deg, #FFFFFF, #FBF6F7) !important;
  box-shadow: inset 1px 1px 0 #fff, inset 0 0 0 1.5px rgba(240,68,82,.32), inset 0 -1.5px 0 rgba(240,68,82,.12), 0 6px 14px -9px rgba(200,30,50,.35) !important; }
#scmView .pd-box .pd-kv b { font-size: 17px !important; letter-spacing: -.4px; }
#scmView .pd-box .pd-plot { border-bottom: 2px solid #191F28 !important; border-radius: 14px 14px 0 0;
  background: linear-gradient(180deg, rgba(49,130,246,.035) 0%, rgba(255,255,255,0) 70%); }
#scmView .pd-box .pd-plot svg path:first-child { fill: rgba(25,31,40,.05); }
#scmView .pd-box .pd-plot .pl2 { stroke: #3182F6 !important; stroke-width: 2.5 !important; filter: drop-shadow(0 0 4px rgba(49,130,246,.45)); }
#scmView .pd-box .pd-m { border-left-color: rgba(170,178,192,.35) !important; }
#scmView .pd-box .pd-v em { border-radius: 999px !important; padding: 2px 8px !important; background: linear-gradient(180deg, #FFFFFF, #F1F3F6) !important;
  box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 rgba(120,130,150,.2), 0 3px 8px -4px rgba(20,30,60,.3); }
#scmView .pd-box .pd-v.na em { color: #2272EB !important; background: linear-gradient(180deg, #FFFFFF, #E8F1FE) !important; }
#scmView .pd-box .pd-dot { background: radial-gradient(circle at 35% 30%, #FFFFFF 0%, #E9ECF1 100%) !important; box-shadow: 0 2px 5px -1px rgba(20,30,60,.4); }
#scmView .pd-box .pd-out::before { background: radial-gradient(circle at 35% 30%, #FFC2C8 0%, #FF5C6C 55%, #D9283C 100%) !important;
  box-shadow: 0 0 0 4px rgba(240,68,82,.16), 0 0 12px 2px rgba(240,68,82,.45) !important; }
#scmView .pd-box .pd-list { border: 0 !important; border-radius: 16px !important; background: linear-gradient(170deg, #FFFFFF, #F5F6F8);
  box-shadow: inset 1px 1px 0 #fff, inset 0 -1.5px 0 rgba(120,130,150,.15), 0 6px 14px -9px rgba(20,30,60,.3); }
#scmView .pd-box .pd-r { border-top-color: rgba(170,178,192,.22) !important; }
#scmView .pd-box .pd-r.late { background: transparent !important; }
#scmView .pd-box .pd-calc { border: 0 !important; border-radius: 16px !important; padding: 12px 16px !important;
  background: linear-gradient(180deg, #F2F4F7, #FAFBFC) !important;
  box-shadow: inset 0 2px 4px rgba(20,30,60,.07), inset 0 0 0 1px rgba(170,178,192,.35), 0 1px 0 #fff !important; }
#scmView .u.tc:hover, #scmView .colup:hover, #scmView .pC .c:hover { transform: none; }
#scmView .u.tc.hot:hover { background: radial-gradient(120% 90% at 10% 120%, rgba(49,130,246,.55), transparent 60%), radial-gradient(70% 70% at 95% -10%, rgba(110,120,255,.28), transparent 60%), #0B1428; }
#scmView .u.tc { transition-duration: .4s !important; transition-timing-function: cubic-bezier(.16,1,.3,1) !important; }
#scmView .u.tc.hot:hover { box-shadow: inset 1.5px 1.5px 0 rgba(255,255,255,.22), inset -1px -2px 0 rgba(0,0,0,.30), inset 0 -2px 0 rgba(130,180,255,.55), 0 1px 0 rgba(10,20,50,.25), 0 26px 40px -20px rgba(20,40,110,.6) !important; }
#scmView .u.tc:not(.hot):hover { box-shadow: inset 1px 1px 0 #fff, inset 0 -1.5px 0 rgba(120,130,150,.2), 0 1.5px 0 rgba(170,178,192,.4), 0 22px 34px -18px rgba(20,30,60,.32) !important; }
#scmView .u.tc:not(.hot) { background: linear-gradient(170deg, #FFFFFF 0%, #FFFFFF 40%, #F3F5F8 100%) !important;
  box-shadow: inset 1.5px 1.5px 0 #fff, inset 0 0 0 1px rgba(150,160,178,.28), inset 0 -2px 0 rgba(120,130,150,.18),
    0 2px 0 rgba(170,178,192,.45), 0 14px 26px -14px rgba(20,30,60,.30) !important; }
#scmView .u.tc:not(.hot):hover { box-shadow: inset 1.5px 1.5px 0 #fff, inset 0 0 0 1px rgba(150,160,178,.34), inset 0 -2px 0 rgba(120,130,150,.2),
    0 2px 0 rgba(170,178,192,.45), 0 24px 36px -18px rgba(20,30,60,.38) !important; }
#scmView .u.tc:not(.hot) .btn.pri:hover { background: linear-gradient(180deg, #78AEFF 0%, #3B8AF8 55%, #2A6FE2 100%); color: #fff; }
#scmView .pF .pC .c.late, #scmView .pF .pC .c.late.on { background: linear-gradient(180deg, rgba(255,236,239,.85) 0%, rgba(255,246,247,.55) 38%, rgba(255,255,255,0) 75%) !important; }
#scmView .pF .pC .c:hover { background: transparent; }
#scmView .pF .pC .c:not(.late):hover { background: transparent !important; }
#scmView .pF .pC .c::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0; transition: opacity .45s cubic-bezier(.16,1,.3,1);
  background: radial-gradient(120% 70% at 50% 0%, rgba(49,130,246,.10), transparent 70%), linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,255,255,0) 60%);
  box-shadow: inset 0 0 0 1px rgba(49,130,246,.10); }
#scmView .pF .pC .c.late::before { background: radial-gradient(120% 70% at 50% 0%, rgba(240,68,82,.12), transparent 70%), linear-gradient(180deg, rgba(255,255,255,.7), rgba(255,255,255,0) 60%);
  box-shadow: inset 0 0 0 1px rgba(240,68,82,.12); }
#scmView .pF .pC .c:hover::before, #scmView .pF .pC .c.on::before { opacity: 1; }
#scmView .pF .pC .c > .nmb, #scmView .pF .pC .c > .cb { position: relative; z-index: 1; }
#scmView .gh2, #scmView .grp.red .gh2, #scmView .grp.dark .gh2, #scmView .grp.auto .gh2, #scmView .grp.plan .gh2, #scmView .grp.plan.red .gh2, #scmView .grp.plan.dark .gh2, #scmView .grp.plan.auto .gh2 {
  margin: 0 10px; padding: 10px 2px 8px !important; border-bottom: 1px solid rgba(150,158,175,.22) !important; }
#scmView .grp.red .gh2, #scmView .grp.plan.red .gh2 { border-bottom-color: rgba(240,68,82,.2) !important; }
#scmView { --t-sh-card: 0 1px 2px rgba(2,32,71,.05), 0 4px 12px -2px rgba(2,32,71,.06), 0 16px 32px -14px rgba(3,31,63,.12);
        --t-sh-card-up: 0 1px 2px rgba(2,32,71,.05), 0 8px 18px -4px rgba(2,32,71,.08), 0 26px 44px -18px rgba(3,31,63,.18);
        --t-sh-plate: 0 1px 2px rgba(2,32,71,.04), 0 10px 30px -12px rgba(3,31,63,.10); }
#scmView .pF, #scmView .pipe { box-shadow: inset 1.5px 1.5px 0 #fff, inset 0 -1px 0 rgba(2,32,71,.05), var(--t-sh-plate) !important; }
#scmView .up-car { background: linear-gradient(160deg, #F8F9FB 0%, #F1F3F6 55%, #ECEFF3 100%) !important;
  box-shadow: inset 1.5px 1.5px 0 #fff, inset 0 -1px 0 rgba(2,32,71,.05), var(--t-sh-plate) !important; }
#scmView .pipe .body { background: #F2F4F7 !important; box-shadow: inset 0 1px 2px rgba(2,32,71,.05); }
#scmView .u.tc:not(.hot), #scmView .grp, #scmView .grp.dark, #scmView .grp.auto { background: #FFFFFF !important;
  box-shadow: inset 0 1px 0 #fff, inset 0 0 0 1px rgba(2,32,71,.05), var(--t-sh-card) !important; }
#scmView .u.tc:not(.hot):hover { box-shadow: inset 0 1px 0 #fff, inset 0 0 0 1px rgba(2,32,71,.06), var(--t-sh-card-up) !important; }
#scmView .grp.red, #scmView .grp.plan.red { box-shadow: inset 0 1px 0 #fff, inset 0 0 0 1px rgba(240,68,82,.16), var(--t-sh-card) !important; }
#scmView .grp.plan, #scmView .grp.plan.dark, #scmView .grp.plan.auto { background: rgba(255,255,255,.55) !important; box-shadow: inset 0 0 0 1.5px rgba(2,32,71,.10) !important; }
#scmView .u.tc.hot { box-shadow: inset 1.5px 1.5px 0 rgba(255,255,255,.18), inset -1px -2px 0 rgba(0,0,0,.30), inset 0 -2px 0 rgba(130,180,255,.40), 0 1px 2px rgba(2,32,71,.2), 0 16px 30px -16px rgba(3,31,63,.45) !important; }
#scmView .pd-box { box-shadow: inset 1.5px 1.5px 0 #fff, inset 0 -1px 0 rgba(2,32,71,.05), 0 0 0 1px rgba(2,32,71,.04), var(--t-sh-card-up) !important; }
#scmView .grp .dr + .dr { border-top: 0 !important; }
#scmView .grp .dr + .dr::after { content: ""; position: absolute; top: 0; left: 12px; right: 12px; height: 1px; background: rgba(2,32,71,.11); pointer-events: none; }
#scmView .grp.red .dr + .dr::after, #scmView .grp.plan.red .dr + .dr::after { background: rgba(240,68,82,.20); }
#scmView .ch3:hover { z-index: 7; }
#scmView .pF .pC .c > .nmb { padding-bottom: 12px !important; }
#scmView .pF .pC .c > .cb { padding-top: 10px !important; }
#scmView .pF .pC .c > .nmb::after { content: ""; position: absolute; left: 16px; right: 16px; bottom: 0; height: 1px; background: rgba(2,32,71,.08); pointer-events: none; }
#scmView .pF .pC .c.late > .nmb::after { background: rgba(240,68,82,.16); }
#scmView .dr { transition: background-color .35s cubic-bezier(.16,1,.3,1) !important; }
#scmView .dr:hover { background: rgba(2,32,71,.035) !important; }
#scmView .grp.red .dr:hover { background: rgba(240,68,82,.05) !important; }
#scmView .grp.red .dr.sel { background: rgba(240,68,82,.08) !important; }
#scmView .dr.sel { background: rgba(49,130,246,.06) !important; }
#scmView:not(.scm-dark) .u.tc.hot, #scmView:not(.scm-dark) .u.tc.hot:hover { color: var(--text) !important;
  background: linear-gradient(180deg, rgba(255,232,235,.95) 0%, rgba(255,246,247,.9) 34%, #FFFFFF 70%) !important; }
#scmView:not(.scm-dark) .u.tc.hot { box-shadow: inset 0 1px 0 #fff, 0 1px 2px rgba(120,20,40,.06), 0 4px 12px -2px rgba(120,20,40,.08), 0 16px 32px -14px rgba(200,40,60,.22) !important; }
#scmView:not(.scm-dark) .u.tc.hot:hover { box-shadow: inset 0 1px 0 #fff, 0 1px 2px rgba(120,20,40,.06), 0 8px 18px -4px rgba(120,20,40,.10), 0 26px 44px -18px rgba(200,40,60,.32) !important; }
#scmView:not(.scm-dark) .u.tc.hot small { color: #E5323F !important; }
#scmView:not(.scm-dark) .u.tc.hot b { color: var(--text) !important; }
#scmView:not(.scm-dark) .u.tc.hot p { color: var(--text-2) !important; }
#scmView:not(.scm-dark) .u.tc.hot .btn:not(.pri) { background: linear-gradient(180deg, #FFFFFF, #F1F3F6) !important; color: var(--text-2) !important;
  box-shadow: inset 0 1px 0 #fff, inset 0 -1.5px 0 rgba(120,130,150,.2), 0 3px 8px -5px rgba(20,30,60,.25) !important; }
#scmView:not(.scm-dark) .u.tc.hot .btn.pri { background: linear-gradient(180deg, #F2505E 0%, #E5323F 60%, #CC2436 100%) !important; color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 -2px 0 rgba(100,0,15,.3), 0 8px 16px -9px rgba(200,30,50,.6) !important; }
#scmView:not(.scm-dark) .u.tc.hot .btn.pri:hover { background: linear-gradient(180deg, #F4606D 0%, #E83C49 60%, #D02B3D 100%) !important; }
#scmView.scm-dark {
  --bg:#121212; --surface:#1E1F23; --surface-2:#2A2B30; --surface-3:#26272B;
  --line:rgba(255,255,255,.07); --line-2:rgba(255,255,255,.10); --line-strong:rgba(255,255,255,.16);
  --text:#FFFFFF; --text-2:rgba(255,255,255,.75); --muted:rgba(255,255,255,.55); --act:#4C94FF; --wait:#3182F6;
  --auto:#3A3C42; --auto-ink:rgba(255,255,255,.7); --brand:#4C94FF; --neg:#FF5C6C; --route:rgba(255,255,255,.6);
  --late-bg:rgba(255,92,108,.08); --late-line:rgba(255,92,108,.3); --blue-tint:rgba(49,130,246,.14);
  --d-plate:#1A1B1F; --d-card:#242426; --d-card-2:#2A2B2F; --d-field:#16171A;
  --d-edge:inset 0 1px 0 rgba(255,255,255,.06);
  --d-sh:0 8px 32px rgba(0,0,0,.40), 0 2px 8px rgba(0,0,0,.20);
  --d-sh-up:0 14px 40px rgba(0,0,0,.55), 0 4px 12px rgba(0,0,0,.28);
}
.main-card:has(#scmView.scm-dark:not([hidden])), .main-card:has(#scmView.scm-dark:not([hidden])) { background: #121212 !important; color: #fff; color-scheme: dark; }
.main-card:has(#scmView.scm-dark:not([hidden]))::before, .main-card:has(#scmView.scm-dark:not([hidden]))::after { display: none !important; }
#scmView.scm-dark .head h2, #scmView.scm-dark .sec b, #scmView.scm-dark .pd-ct, #scmView.scm-dark .gh2 { color: #fff; }
#scmView.scm-dark .sec span, #scmView.scm-dark .head p, #scmView.scm-dark .head .fx { color: rgba(255,255,255,.45) !important; }
#scmView.scm-dark .pF, #scmView.scm-dark .pipe { background: var(--d-plate) !important; box-shadow: var(--d-edge), inset 0 0 0 1px rgba(255,255,255,.04), var(--d-sh) !important; backdrop-filter: none !important; }
#scmView.scm-dark .up-car { background: linear-gradient(160deg, #1C1D21, #17181B) !important; box-shadow: var(--d-edge), inset 0 0 0 1px rgba(255,255,255,.04), var(--d-sh) !important; }
#scmView.scm-dark .pipe .body, #scmView.scm-dark .body { background: #151619 !important; box-shadow: inset 0 1px 0 rgba(0,0,0,.3) !important; }
#scmView.scm-dark .pF .pC .c { border-left-color: rgba(255,255,255,.06) !important; }
#scmView.scm-dark .pF .pC .c > .nmb::after { background: rgba(255,255,255,.08); }
#scmView.scm-dark .u.tc:not(.hot), #scmView.scm-dark .grp, #scmView.scm-dark .grp.dark, #scmView.scm-dark .grp.auto { background: linear-gradient(180deg, #27282C, #222326) !important; color: #fff !important;
  box-shadow: var(--d-edge), inset 0 0 0 1px rgba(255,255,255,.05), var(--d-sh) !important; }
#scmView.scm-dark .u.tc:not(.hot):hover { box-shadow: inset 0 1px 0 rgba(255,255,255,.09), inset 0 0 0 1px rgba(255,255,255,.08), var(--d-sh-up) !important; }
#scmView.scm-dark .u.tc:not(.hot) small, #scmView.scm-dark .u.tc:not(.hot) p { color: rgba(255,255,255,.6) !important; }
#scmView.scm-dark .u.tc:not(.hot) .btn:not(.pri) { background: linear-gradient(180deg, #34353A, #2C2D31) !important; color: rgba(255,255,255,.86) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 2px 6px rgba(0,0,0,.3) !important; }
#scmView.scm-dark .grp.plan, #scmView.scm-dark .grp.plan.dark, #scmView.scm-dark .grp.plan.auto { background: rgba(255,255,255,.03) !important; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.10) !important; }
#scmView.scm-dark .grp.red, #scmView.scm-dark .grp.plan.red { background: linear-gradient(180deg, rgba(255,92,108,.12), rgba(255,92,108,.04) 60%, #222326) !important;
  box-shadow: var(--d-edge), inset 0 0 0 1px rgba(255,92,108,.28), var(--d-sh) !important; }
#scmView.scm-dark .grp .dr + .dr::after { background: rgba(255,255,255,.08); }
#scmView.scm-dark .grp.red .dr + .dr::after, #scmView.scm-dark .grp.plan.red .dr + .dr::after { background: rgba(255,92,108,.22); }
#scmView.scm-dark .gh2, #scmView.scm-dark .grp.red .gh2, #scmView.scm-dark .grp.dark .gh2, #scmView.scm-dark .grp.auto .gh2, #scmView.scm-dark .grp.plan .gh2 { border-bottom-color: rgba(255,255,255,.08) !important; }
#scmView.scm-dark .grp.red .gh2, #scmView.scm-dark .grp.plan.red .gh2 { border-bottom-color: rgba(255,92,108,.25) !important; }
#scmView.scm-dark .dr:hover { background: rgba(255,255,255,.04) !important; }
#scmView.scm-dark .grp.red .dr:hover { background: rgba(255,92,108,.07) !important; }
#scmView.scm-dark .dr.sel { background: rgba(49,130,246,.14) !important; }
#scmView.scm-dark .grp.red .dr.sel { background: rgba(255,92,108,.14) !important; }
#scmView.scm-dark .dr b, #scmView.scm-dark .dr .nm { color: #fff; }
#scmView.scm-dark .po, #scmView.scm-dark .po2, #scmView.scm-dark .gh b, #scmView.scm-dark .ph small { color: rgba(255,255,255,.5) !important; }
#scmView.scm-dark .u.tc.hot { background: radial-gradient(120% 90% at 10% 120%, rgba(49,130,246,.55), transparent 60%), radial-gradient(70% 70% at 95% -10%, rgba(110,120,255,.30), transparent 60%), #13203D !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14), inset 0 0 0 1px rgba(120,170,255,.22), inset 0 -2px 0 rgba(130,180,255,.45), var(--d-sh) !important; }
#scmView.scm-dark .u.tc.hot:hover { background: radial-gradient(120% 90% at 10% 120%, rgba(49,130,246,.55), transparent 60%), radial-gradient(70% 70% at 95% -10%, rgba(110,120,255,.30), transparent 60%), #13203D !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), inset 0 0 0 1px rgba(120,170,255,.32), inset 0 -2px 0 rgba(130,180,255,.55), var(--d-sh-up) !important; }
#scmView.scm-dark .pF .pC .c.late, #scmView.scm-dark .pF .pC .c.late.on { background: linear-gradient(180deg, rgba(255,92,108,.16) 0%, rgba(255,92,108,.06) 38%, rgba(255,92,108,0) 75%) !important; }
#scmView.scm-dark .pF .pC .c::before { background: radial-gradient(120% 70% at 50% 0%, rgba(76,148,255,.16), transparent 70%), linear-gradient(180deg, rgba(255,255,255,.05), transparent 60%); box-shadow: inset 0 0 0 1px rgba(76,148,255,.14); }
#scmView.scm-dark .pF .pC .c.late::before { background: radial-gradient(120% 70% at 50% 0%, rgba(255,92,108,.18), transparent 70%); box-shadow: inset 0 0 0 1px rgba(255,92,108,.18); }
#scmView.scm-dark .pF .pC .c.late > .nmb::after { background: rgba(255,92,108,.25); }
#scmView.scm-dark .chip { background: linear-gradient(180deg, #34353A, #2B2C30) !important; color: rgba(255,255,255,.75) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 2px 5px rgba(0,0,0,.35) !important; }
#scmView.scm-dark .chip.red { background: linear-gradient(180deg, rgba(255,92,108,.28), rgba(255,92,108,.18)) !important; color: #FF8A96 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.1), inset 0 0 0 1px rgba(255,92,108,.3) !important; }
#scmView.scm-dark .sg, #scmView.scm-dark .bar, #scmView.scm-dark .pF .pC .c .bar { background: linear-gradient(180deg, #0E0F11, #1C1D21) !important; box-shadow: inset 0 1.5px 2px rgba(0,0,0,.6), inset 0 -1px 0 rgba(255,255,255,.05) !important; }
#scmView.scm-dark .ch3 .rl { background: #2A2B2F !important; color: rgba(255,255,255,.8) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), var(--d-sh-up) !important; border-color: transparent !important; }
#scmView.scm-dark .rl .h i { background: #fff !important; color: #121212 !important; }
#scmView.scm-dark .rl .a i { background: rgba(255,255,255,.1) !important; color: rgba(255,255,255,.7) !important; }
#scmView.scm-dark .up-arrow, #scmView.scm-dark .mo-replay { background: linear-gradient(180deg, #34353A, #26272B) !important; color: #fff !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 4px 14px rgba(0,0,0,.5) !important; border-color: transparent !important; }
#scmView.scm-dark .pd-box { background: linear-gradient(180deg, #232428, #1C1D21) !important; box-shadow: var(--d-edge), inset 0 0 0 1px rgba(255,255,255,.05), var(--d-sh-up) !important; }
#scmView.scm-dark .pd-box::before { background: #232428 !important; box-shadow: none !important; }
#scmView.scm-dark .pd-box .pd-kv div, #scmView.scm-dark .pd-box .pd-list { background: linear-gradient(180deg, #2C2D31, #26272B) !important; box-shadow: var(--d-edge), 0 4px 12px rgba(0,0,0,.35) !important; }
#scmView.scm-dark .pd-box .pd-kv div:has(b.bad) { background: linear-gradient(180deg, rgba(255,92,108,.14), #26272B) !important; box-shadow: inset 0 0 0 1px rgba(255,92,108,.35), 0 4px 12px rgba(0,0,0,.35) !important; }
#scmView.scm-dark .pd-box .pd-calc { background: #16171A !important; box-shadow: inset 0 2px 4px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.06) !important; color: rgba(255,255,255,.75) !important; }
#scmView.scm-dark .pd-box .pd-calc b { color: #fff; }
#scmView.scm-dark .pd-box .pd-plot { border-bottom-color: rgba(255,255,255,.7) !important; background: linear-gradient(180deg, rgba(76,148,255,.06), transparent 70%); }
#scmView.scm-dark .pd-box .pd-plot svg path:first-child { fill: rgba(255,255,255,.05); }
#scmView.scm-dark .pd-box .pd-plot svg path:last-child { stroke: #fff; }
#scmView.scm-dark .pd-box .pd-v em { background: linear-gradient(180deg, #34353A, #2A2B2F) !important; color: rgba(255,255,255,.8) !important; }
#scmView.scm-dark .pd-box .pd-v.na em { color: #78B4FA !important; background: linear-gradient(180deg, #24324A, #1D2738) !important; }
#scmView.scm-dark .pd-box .pd-v.ob { border-left-color: rgba(255,255,255,.5) !important; }
#scmView.scm-dark .pd-box .pd-dot { background: radial-gradient(circle at 35% 30%, #fff, #9AA0AA) !important; }
#scmView.scm-dark .pd-x { background: linear-gradient(180deg, #34353A, #2A2B2F) !important; color: rgba(255,255,255,.7) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 4px 10px rgba(0,0,0,.4) !important; }
#scmView.scm-dark .pd-foot .k1 { border-top-color: #fff !important; }
#scmView.scm-dark .pd-foot .k3 { border-color: #fff !important; }
#scmView.scm-dark #panel, #scmView.scm-dark #panel .panel, #scmView.scm-dark .panel { background: #18191C !important; color: #fff !important; box-shadow: -24px 0 60px rgba(0,0,0,.6), inset 1px 0 0 rgba(255,255,255,.05) !important; }
#scmView.scm-dark #panel .ph { background: rgba(24,25,28,.82) !important; box-shadow: 0 1px 0 rgba(255,255,255,.06) !important; }
#scmView.scm-dark #panel .ph h3, #scmView.scm-dark #panel b { color: #fff; }
#scmView.scm-dark #panel .ph p, #scmView.scm-dark #panel small, #scmView.scm-dark #panel .k { color: rgba(255,255,255,.55); }
#scmView.scm-dark #panel .js, #scmView.scm-dark #panel .v .f { background: linear-gradient(180deg, #27282C, #222326) !important; box-shadow: var(--d-edge), inset 0 0 0 1px rgba(255,255,255,.05), var(--d-sh) !important; }
#scmView.scm-dark #panel .js.cur { box-shadow: inset 0 1px 0 rgba(255,255,255,.08), inset 0 0 0 1.5px rgba(76,148,255,.45), var(--d-sh) !important; }
#scmView.scm-dark #panel .js.cur.r, #scmView.scm-dark #panel .v.n.r .f { background: linear-gradient(180deg, rgba(255,92,108,.10), #222326 45%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), inset 0 0 0 1.5px rgba(255,92,108,.5), var(--d-sh) !important; }
#scmView.scm-dark #panel .pd-kv div, #scmView.scm-dark #panel .rq-m div, #scmView.scm-dark #panel .py-sum div, #scmView.scm-dark #panel .dt.got, #scmView.scm-dark #panel .jlog div { background: linear-gradient(180deg, #2C2D31, #26272B) !important; box-shadow: var(--d-edge), 0 4px 10px rgba(0,0,0,.35) !important; }
#scmView.scm-dark :is(#panel .js.cur.r, #scmView.scm-dark #panel .v.n.r .f) :is(.pd-kv div, #scmView.scm-dark .rq-m div) { background: linear-gradient(180deg, #2C2D31, #26272B) !important; }
#scmView.scm-dark #panel .rq-q, #scmView.scm-dark #panel .rq-f textarea, #scmView.scm-dark #panel .py-in input, #scmView.scm-dark #panel .jlog-in input, #scmView.scm-dark #panel .mailbox textarea, #scmView.scm-dark #panel input[type="text"], #scmView.scm-dark #panel textarea, #scmView.scm-dark :is(#panel .js.cur.r, #scmView.scm-dark #panel .v.n.r .f) :is(.rq-q, #scmView.scm-dark textarea, #scmView.scm-dark input[type="text"], #scmView.scm-dark .jlog-in input, #scmView.scm-dark .py-in input) {
  background: #121315 !important; color: #fff !important; box-shadow: inset 0 2px 4px rgba(0,0,0,.6), inset 0 0 0 1px rgba(255,255,255,.10), 0 1px 0 rgba(255,255,255,.04) !important; }
#scmView.scm-dark #panel .rq-q:focus-within, #scmView.scm-dark #panel textarea:focus, #scmView.scm-dark #panel input:focus, #scmView.scm-dark :is(#panel .js.cur.r, #scmView.scm-dark #panel .v.n.r .f) :is(.rq-q:focus-within, #scmView.scm-dark textarea:focus, #scmView.scm-dark input:focus) { box-shadow: inset 0 2px 4px rgba(0,0,0,.5), inset 0 0 0 2px #4C94FF, 0 0 0 5px rgba(76,148,255,.18) !important; }
#scmView.scm-dark :is(#panel .js.cur.r, #scmView.scm-dark #panel .v.n.r .f) :is(.rq-q:focus-within, #scmView.scm-dark textarea:focus, #scmView.scm-dark input:focus) { box-shadow: inset 0 2px 4px rgba(0,0,0,.5), inset 0 0 0 2px #fff, 0 0 0 5px rgba(255,255,255,.10) !important; }
#scmView.scm-dark #panel :is(.rq-q, #scmView.scm-dark .py-q, #scmView.scm-dark .jlog-in label) input, #scmView.scm-dark :is(#panel .js.cur.r, #scmView.scm-dark #panel .v.n.r .f) :is(.rq-q, #scmView.scm-dark .py-q, #scmView.scm-dark .jlog-in label) :is(input, #scmView.scm-dark input[type="text"], #scmView.scm-dark input:focus) { background: transparent !important; box-shadow: none !important; color: #fff !important; }
#scmView.scm-dark #panel .rq-seg button:not(.on), #scmView.scm-dark #panel .jtab button:not(.on), #scmView.scm-dark #panel .btn:not(.pri), #scmView.scm-dark :is(#panel .js.cur.r, #scmView.scm-dark #panel .v.n.r .f) .btn:not(.pri), #scmView.scm-dark :is(#panel .js.cur.r, #scmView.scm-dark #panel .v.n.r .f) .rq-seg button:not(.on) {
  background: linear-gradient(180deg, #34353A, #2C2D31) !important; color: rgba(255,255,255,.86) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 3px 8px rgba(0,0,0,.4) !important; }
#scmView.scm-dark #panel .rq-seg button.on, #scmView.scm-dark #panel .jtab button.on { background: linear-gradient(180deg, #24324A, #1D2738) !important; color: #9CC8FF !important; box-shadow: inset 0 0 0 1.5px rgba(76,148,255,.6), 0 6px 14px -6px rgba(49,130,246,.5) !important; }
#scmView.scm-dark :is(#panel .js.cur.r, #scmView.scm-dark #panel .v.n.r .f) :is(.rq-seg button.on, #scmView.scm-dark .jtab button.on) { background: linear-gradient(180deg, #34353A, #2C2D31) !important; color: #fff !important; box-shadow: inset 0 0 0 2px #fff, 0 6px 14px -6px rgba(0,0,0,.6) !important; }
#scmView.scm-dark #panel .fl-drop, #scmView.scm-dark #panel .dt:not(.got), #scmView.scm-dark :is(.grp.red, #scmView.scm-dark #panel .js.cur.r, #scmView.scm-dark #panel .v.n.r .f) :is(.fl-drop, #scmView.scm-dark .dt:not(.got)) { background: rgba(255,255,255,.03) !important; border-color: rgba(255,255,255,.18) !important; }
#scmView.scm-dark #panel .rq-msg pre { background: #121315 !important; color: rgba(255,255,255,.8) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.08) !important; }
#scmView.scm-dark #panel .x, #scmView.scm-dark #panel .rq-x { background: linear-gradient(180deg, #34353A, #2A2B2F) !important; color: rgba(255,255,255,.7) !important; }
#scmView.scm-dark .dim, #scmView.scm-dark .scrim, #scmView.scm-dark #dim { background: rgba(0,0,0,.55) !important; }
#scmView.scm-dark .pF .pC .c .run, #scmView.scm-dark .run { background: linear-gradient(180deg, #0E0F11, #1E1F23) !important; box-shadow: inset 0 1.5px 2px rgba(0,0,0,.6), inset 0 -1px 0 rgba(255,255,255,.05) !important; }
#scmView.scm-dark .sg i[style*="--auto"] { background: linear-gradient(180deg, #6B7079 0%, #4A4E56 50%, #3A3D44 100%) !important; }
#scmView.scm-dark .colup { background: rgba(255,255,255,.03) !important; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.12) !important; color: rgba(255,255,255,.86) !important; }
#scmView.scm-dark .colup:hover { background: rgba(76,148,255,.08) !important; box-shadow: inset 0 0 0 1.5px rgba(76,148,255,.4) !important; }
#scmView.scm-dark .colup small, #scmView.scm-dark .colup span { color: rgba(255,255,255,.5) !important; }
#scmView.scm-dark .pd-v em { background: linear-gradient(180deg, #34353A, #2A2B2F) !important; color: rgba(255,255,255,.85) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 3px 8px rgba(0,0,0,.4) !important; }
#scmView.scm-dark .pd-v.na em { color: #78B4FA !important; background: linear-gradient(180deg, #24324A, #1D2738) !important; }
#scmView.scm-dark .pd-v.ob { border-left-color: rgba(255,255,255,.5) !important; }
#scmView.scm-dark #panel .js, #scmView.scm-dark #panel .mc, #scmView.scm-dark #panel .mailbox, #scmView.scm-dark #panel .tbl, #scmView.scm-dark #panel .py-list, #scmView.scm-dark #panel .jpo { background: linear-gradient(180deg, #27282C, #222326) !important; color: #fff !important; }
#scmView.scm-dark #panel .js:not(.cur):not(.lock), #scmView.scm-dark #panel .mc, #scmView.scm-dark #panel .mailbox, #scmView.scm-dark #panel .tbl, #scmView.scm-dark #panel .py-list, #scmView.scm-dark #panel .jpo {
  border-color: rgba(255,255,255,.08) !important; box-shadow: var(--d-edge), inset 0 0 0 1px rgba(255,255,255,.06), var(--d-sh) !important; }
#scmView.scm-dark #panel .js.lock { background: rgba(255,255,255,.03) !important; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.08) !important; }
#scmView.scm-dark #panel .js.cur:not(.r) { box-shadow: inset 0 1px 0 rgba(255,255,255,.08), inset 0 0 0 1.5px rgba(76,148,255,.45), var(--d-sh) !important; border-color: transparent !important; }
#scmView.scm-dark .pF .pC .c > .nmb { padding-bottom: 12px !important; }
#scmView.scm-dark .pF .pC .c > .cb { padding-top: 10px !important; }
#scmView.scm-dark .pF .pC .c > .nmb::after { content: ""; position: absolute; left: 16px; right: 16px; bottom: 0; height: 1px; background: rgba(2,32,71,.08); pointer-events: none; }
#scmView.scm-dark .pF .pC .c.late > .nmb::after { background: rgba(240,68,82,.16); }
#scmView.scm-dark .dr { transition: background-color .35s cubic-bezier(.16,1,.3,1) !important; }
#scmView.scm-dark .dr:hover { background: rgba(2,32,71,.035) !important; }
#scmView.scm-dark .grp.red .dr:hover { background: rgba(240,68,82,.05) !important; }
#scmView.scm-dark .grp.red .dr.sel { background: rgba(240,68,82,.08) !important; }
#scmView.scm-dark .dr.sel { background: rgba(49,130,246,.06) !important; }
#scmView.scm-dark {
  --n-text:#E7F4FD; --n-text-2:#C3DCEA; --n-muted:rgba(195,220,234,.58); --n-faint:rgba(195,220,234,.38);
  --n-rim:rgba(195,220,234,.35); --n-line:rgba(195,220,234,.09);
  --n-floor:0 30px 50px -22px rgba(0,0,0,.85), 0 12px 24px -12px rgba(2,8,20,.7);
  --text:#E7F4FD; --text-2:#C3DCEA; --muted:rgba(195,220,234,.58);
}
.main-card:has(#scmView.scm-dark:not([hidden])), .main-card:has(#scmView.scm-dark:not([hidden])) { background:
  radial-gradient(70% 45% at 50% 18%, #20232A 0%, rgba(30,32,37,.6) 40%, transparent 75%),
  radial-gradient(120% 90% at 50% 40%, transparent 55%, rgba(0,0,0,.55) 100%),
  linear-gradient(180deg, #15161A 0%, #111215 60%, #0E0F11 100%) !important; background-attachment: fixed !important; color: var(--n-text); }
#scmView.scm-dark .head h2, #scmView.scm-dark .sec b { color: var(--n-text) !important; }
#scmView.scm-dark .sec span, #scmView.scm-dark .head p, #scmView.scm-dark .head .fx { color: var(--n-faint) !important; }
#scmView.scm-dark .pF, #scmView.scm-dark .pipe, #scmView.scm-dark .up-car {
  background:
    radial-gradient(55% 60% at 64% 30%, rgba(104,155,200,.20), transparent 75%),
    linear-gradient(180deg, rgba(20,40,70,.92) 0%, rgba(14,28,46,.94) 55%, rgba(12,24,40,.96) 100%) !important;
  box-shadow: inset 0 1px 0 var(--n-rim), inset 0 0 0 1px rgba(195,220,234,.08), inset 0 -14px 28px -14px rgba(2,8,20,.6), var(--n-floor) !important; }
#scmView.scm-dark .pipe .body, #scmView.scm-dark .body { background: rgba(6,14,26,.45) !important; box-shadow: inset 0 1px 0 rgba(195,220,234,.06) !important; }
#scmView.scm-dark .pF .pC .c { border-left-color: var(--n-line) !important; }
#scmView.scm-dark .pF .pC .c > .nmb::after { background: var(--n-line) !important; }
#scmView.scm-dark .pF .pC .c.late > .nmb::after { background: rgba(255,110,125,.25) !important; }
#scmView.scm-dark .pF .pC .c .nmb, #scmView.scm-dark .pC .big b, #scmView.scm-dark .pC .st b, #scmView.scm-dark .sr b, #scmView.scm-dark .ch3 .nm, #scmView.scm-dark .qd, #scmView.scm-dark .gh2 { color: var(--n-text); }
#scmView.scm-dark .pC .c.late .big b { color: #FF6B7A !important; }
#scmView.scm-dark .u.tc:not(.hot), #scmView.scm-dark .grp, #scmView.scm-dark .grp.dark, #scmView.scm-dark .grp.auto {
  background: linear-gradient(180deg, rgba(34,62,100,.72), rgba(19,34,56,.78)) !important; color: var(--n-text) !important;
  box-shadow: inset 0 1px 0 rgba(195,220,234,.30), inset 0 0 0 1px rgba(195,220,234,.08), 0 14px 26px -12px rgba(0,0,0,.75) !important; }
#scmView.scm-dark .u.tc:not(.hot):hover { box-shadow: inset 0 1px 0 rgba(195,220,234,.42), inset 0 0 0 1px rgba(195,220,234,.14), 0 22px 36px -14px rgba(0,0,0,.85), 0 0 24px -8px rgba(104,155,200,.35) !important; }
#scmView.scm-dark .u.tc:not(.hot) small, #scmView.scm-dark .u.tc:not(.hot) p, #scmView.scm-dark .dr small, #scmView.scm-dark .dr .l3 { color: var(--n-muted) !important; }
#scmView.scm-dark .grp.plan, #scmView.scm-dark .grp.plan.dark, #scmView.scm-dark .grp.plan.auto { background: rgba(195,220,234,.03) !important; box-shadow: inset 0 0 0 1.5px rgba(195,220,234,.12) !important; }
#scmView.scm-dark .grp.red, #scmView.scm-dark .grp.plan.red { background: linear-gradient(180deg, rgba(255,92,108,.16), rgba(40,22,38,.55) 50%, rgba(19,34,56,.78)) !important;
  box-shadow: inset 0 1px 0 rgba(255,170,180,.35), inset 0 0 0 1px rgba(255,92,108,.28), 0 14px 26px -12px rgba(0,0,0,.75) !important; }
#scmView.scm-dark .grp .dr + .dr::after { background: var(--n-line) !important; }
#scmView.scm-dark .grp.red .dr + .dr::after, #scmView.scm-dark .grp.plan.red .dr + .dr::after { background: rgba(255,110,125,.22) !important; }
#scmView.scm-dark .gh2, #scmView.scm-dark .grp.dark .gh2, #scmView.scm-dark .grp.auto .gh2, #scmView.scm-dark .grp.plan .gh2 { border-bottom-color: var(--n-line) !important; }
#scmView.scm-dark .grp.dark .gh2, #scmView.scm-dark .grp.plan.dark .gh2 { color: #7FB8E6 !important; }
#scmView.scm-dark .dr:hover { background: rgba(195,220,234,.05) !important; }
#scmView.scm-dark .grp.red .dr:hover { background: rgba(255,92,108,.08) !important; }
#scmView.scm-dark .dr.sel { background: rgba(104,155,200,.16) !important; }
#scmView.scm-dark .grp.red .dr.sel { background: rgba(255,92,108,.15) !important; }
#scmView.scm-dark .dr::before { background: #7FB8E6 !important; }
#scmView.scm-dark .grp.red .dr::before { background: #FF6B7A !important; }
#scmView.scm-dark .po, #scmView.scm-dark .po2, #scmView.scm-dark .gh b, #scmView.scm-dark .ph small { color: var(--n-faint) !important; }
#scmView.scm-dark .u.tc.hot { position: relative; overflow: hidden;
  background: linear-gradient(180deg, #4D97CC 0%, #3B86C0 22%, #3178B6 48%, #2864A8 100%) !important; color: #fff !important;
  box-shadow: inset 0 1.5px 0 rgba(231,244,253,.95), inset 0 14px 18px -12px rgba(171,205,237,.55), inset 0 -3px 10px rgba(19,40,70,.6), inset 1px 0 0 rgba(195,220,234,.3),
    0 26px 40px -16px rgba(0,0,0,.9), 0 0 34px -6px rgba(60,130,200,.4) !important; }
#scmView.scm-dark .u.tc.hot:hover { background: linear-gradient(180deg, #4D97CC 0%, #3B86C0 22%, #3178B6 48%, #2864A8 100%) !important;
  box-shadow: inset 0 1.5px 0 rgba(231,244,253,1), inset 0 14px 18px -12px rgba(171,205,237,.65), inset 0 -3px 10px rgba(19,40,70,.6), inset 1px 0 0 rgba(195,220,234,.35),
    0 34px 48px -18px rgba(0,0,0,.95), 0 0 44px -6px rgba(80,150,220,.55) !important; }
#scmView.scm-dark .u.tc.hot::before { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 0; border-radius: inherit;
  background: linear-gradient(115deg, transparent 36%, rgba(171,205,237,.42) 50%, transparent 64%); mix-blend-mode: screen; animation: scm_n-glint 3s ease-in-out infinite; }
#scmView.scm-dark .u.tc.hot:nth-child(2)::before { animation-delay: .6s; }
#scmView.scm-dark .u.tc.hot:nth-child(3)::before { animation-delay: 1.2s; }
#scmView.scm-dark .u.tc.hot:nth-child(4)::before { animation-delay: 1.8s; }
#scmView.scm-dark .u.tc.hot > * { position: relative; z-index: 1; }
@keyframes scm_n-glint { 0% { opacity: .62 } 43% { opacity: 1 } 67%, 100% { opacity: .62 } }
@media (prefers-reduced-motion: reduce) {
#scmView.scm-dark .u.tc.hot::before { animation: none; }
}
#scmView.scm-dark .u.tc.hot small { color: #FFD3D8 !important; text-shadow: 0 1px 2px rgba(19,40,70,.5); }
#scmView.scm-dark .u.tc.hot p { color: rgba(231,244,253,.82) !important; }
#scmView.scm-dark .u.tc.hot b { color: #fff !important; text-shadow: 0 1px 2px rgba(19,40,70,.45); }
#scmView.scm-dark .u.tc.hot .btn:not(.pri) { background: rgba(10,30,60,.32) !important; color: #E7F4FD !important; box-shadow: inset 0 1px 0 rgba(231,244,253,.25), inset 0 0 0 1px rgba(231,244,253,.14) !important; }
#scmView.scm-dark .u.tc.hot .btn.pri { background: linear-gradient(180deg, #FFFFFF, #E2EFFA) !important; color: #173A66 !important;
  box-shadow: inset 0 1px 0 #fff, inset 0 -2px 0 rgba(40,100,168,.25), 0 8px 16px -8px rgba(2,8,20,.7) !important; }
#scmView.scm-dark .u.tc:not(.hot) .btn.pri, #scmView.scm-dark #panel .btn.pri:not(:is(#panel .js.cur.r *, #scmView.scm-dark #panel .v.n.r .f *)) {
  background: linear-gradient(180deg, #4D97CC 0%, #3178B6 45%, #2864A8 100%) !important; color: #E7F4FD !important;
  box-shadow: inset 0 1.5px 0 rgba(195,220,234,.9), inset 0 -2px 6px rgba(19,40,70,.55), 0 8px 18px -6px rgba(2,8,20,.7), 0 0 18px rgba(60,130,200,.25) !important; }
#scmView.scm-dark .u.tc:not(.hot) .btn:not(.pri) { background: rgba(195,220,234,.08) !important; color: var(--n-text-2) !important; box-shadow: inset 0 1px 0 rgba(195,220,234,.18), inset 0 0 0 1px rgba(195,220,234,.08) !important; }
#scmView.scm-dark .pF .pC .c .run, #scmView.scm-dark .run, #scmView.scm-dark .sg { background: #0B1726 !important; box-shadow: inset 0 1px 3px rgba(2,8,20,.85), inset 0 -1px 0 rgba(195,220,234,.06) !important; }
#scmView.scm-dark .sg i[style*="--wait"], #scmView.scm-dark .sg i[style*="--act"] { background: linear-gradient(180deg, #6FB0DD 0%, #3B86C0 45%, #2864A8 100%) !important; }
#scmView.scm-dark .sg i[style*="--auto"] { background: linear-gradient(180deg, #5E6B7C 0%, #3E4958 50%, #2E3744 100%) !important; }
#scmView.scm-dark .pF .pC .c.late, #scmView.scm-dark .pF .pC .c.late.on { background: linear-gradient(180deg, rgba(255,92,108,.20) 0%, rgba(255,92,108,.07) 38%, rgba(255,92,108,0) 75%) !important; }
#scmView.scm-dark .pF .pC .c::before { background: radial-gradient(120% 70% at 50% 0%, rgba(104,155,200,.22), transparent 70%) !important; box-shadow: inset 0 0 0 1px rgba(195,220,234,.12) !important; }
#scmView.scm-dark .chip { background: rgba(195,220,234,.08) !important; color: var(--n-text-2) !important; box-shadow: inset 0 1px 0 rgba(195,220,234,.16), inset 0 0 0 1px rgba(195,220,234,.08) !important; }
#scmView.scm-dark .chip.red { background: rgba(255,92,108,.18) !important; color: #FF9AA5 !important; box-shadow: inset 0 1px 0 rgba(255,190,200,.25), inset 0 0 0 1px rgba(255,92,108,.3) !important; }
#scmView.scm-dark .up-arrow, #scmView.scm-dark .mo-replay { background: linear-gradient(180deg, rgba(40,70,110,.95), rgba(22,40,66,.95)) !important; color: var(--n-text) !important; box-shadow: inset 0 1px 0 var(--n-rim), 0 8px 18px -6px rgba(0,0,0,.8) !important; }
#scmView.scm-dark .ch3 .rl { background: linear-gradient(180deg, #1C3352, #142640) !important; color: var(--n-text-2) !important; box-shadow: inset 0 1px 0 var(--n-rim), 0 18px 32px -10px rgba(0,0,0,.85) !important; }
#scmView.scm-dark .colup { background: rgba(195,220,234,.04) !important; box-shadow: inset 0 0 0 1.5px rgba(195,220,234,.14) !important; color: var(--n-text-2) !important; }
#scmView.scm-dark .pd-box { background: radial-gradient(50% 60% at 64% 20%, rgba(104,155,200,.18), transparent 75%), linear-gradient(180deg, rgba(22,42,72,.96), rgba(13,26,44,.98)) !important;
  box-shadow: inset 0 1px 0 var(--n-rim), inset 0 0 0 1px rgba(195,220,234,.08), var(--n-floor) !important; }
#scmView.scm-dark .pd-box::before { background: #16294A !important; }
#scmView.scm-dark .pd-box .pd-kv div, #scmView.scm-dark .pd-box .pd-list { background: linear-gradient(180deg, rgba(34,62,100,.7), rgba(19,34,56,.75)) !important; box-shadow: inset 0 1px 0 rgba(195,220,234,.26), 0 8px 16px -8px rgba(0,0,0,.7) !important; }
#scmView.scm-dark .pd-box .pd-calc { background: rgba(6,14,26,.6) !important; box-shadow: inset 0 2px 4px rgba(0,0,0,.6), inset 0 0 0 1px rgba(195,220,234,.08) !important; color: var(--n-text-2) !important; }
#scmView.scm-dark .pd-box .pd-plot { background: linear-gradient(180deg, rgba(104,155,200,.08), transparent 70%) !important; }
#scmView.scm-dark .pd-box .pd-plot .pl2, #scmView.scm-dark #panel .pd-plot .pl2 { stroke: #7FB8E6 !important; filter: drop-shadow(0 0 5px rgba(104,155,200,.6)); }
#scmView.scm-dark .pd-v em { background: linear-gradient(180deg, #24406A, #1A3050) !important; color: var(--n-text-2) !important; box-shadow: inset 0 1px 0 var(--n-rim), 0 4px 10px rgba(0,0,0,.5) !important; }
#scmView.scm-dark .pd-v.na em { color: #9CCBF0 !important; }
#scmView.scm-dark #panel, #scmView.scm-dark #panel .panel, #scmView.scm-dark .panel { background: radial-gradient(60% 30% at 80% 0%, rgba(104,155,200,.16), transparent 70%), linear-gradient(180deg, #0F1D31, #0B1626) !important;
  box-shadow: -30px 0 70px rgba(0,0,0,.75), inset 1px 0 0 rgba(195,220,234,.12) !important; }
#scmView.scm-dark #panel .ph { background: rgba(14,28,46,.82) !important; box-shadow: 0 1px 0 var(--n-line) !important; }
#scmView.scm-dark #panel .js, #scmView.scm-dark #panel .mc, #scmView.scm-dark #panel .mailbox, #scmView.scm-dark #panel .tbl, #scmView.scm-dark #panel .py-list, #scmView.scm-dark #panel .jpo { background: linear-gradient(180deg, rgba(30,56,92,.7), rgba(18,33,55,.78)) !important; }
#scmView.scm-dark #panel .js:not(.cur):not(.lock), #scmView.scm-dark #panel .mc, #scmView.scm-dark #panel .mailbox, #scmView.scm-dark #panel .tbl, #scmView.scm-dark #panel .py-list, #scmView.scm-dark #panel .jpo {
  box-shadow: inset 0 1px 0 rgba(195,220,234,.26), inset 0 0 0 1px rgba(195,220,234,.08), 0 14px 26px -12px rgba(0,0,0,.75) !important; }
#scmView.scm-dark #panel .js.cur:not(.r) { box-shadow: inset 0 1px 0 rgba(195,220,234,.4), inset 0 0 0 1.5px rgba(104,155,200,.6), 0 16px 30px -12px rgba(0,0,0,.8), 0 0 28px -8px rgba(104,155,200,.45) !important; }
#scmView.scm-dark #panel .js.cur.r, #scmView.scm-dark #panel .v.n.r .f { background: linear-gradient(180deg, rgba(255,92,108,.14), rgba(19,34,56,.8) 45%) !important;
  box-shadow: inset 0 1px 0 rgba(255,170,180,.35), inset 0 0 0 1.5px rgba(255,92,108,.5), 0 16px 30px -12px rgba(0,0,0,.8) !important; }
#scmView.scm-dark #panel .pd-kv div, #scmView.scm-dark #panel .rq-m div, #scmView.scm-dark #panel .py-sum div, #scmView.scm-dark #panel .dt.got, #scmView.scm-dark #panel .jlog div, #scmView.scm-dark :is(#panel .js.cur.r, #scmView.scm-dark #panel .v.n.r .f) :is(.pd-kv div, #scmView.scm-dark .rq-m div) { background: rgba(195,220,234,.06) !important; box-shadow: inset 0 1px 0 rgba(195,220,234,.14), inset 0 0 0 1px rgba(195,220,234,.06) !important; }
#scmView.scm-dark #panel .rq-q, #scmView.scm-dark #panel .rq-f textarea, #scmView.scm-dark #panel .py-in input, #scmView.scm-dark #panel .jlog-in input, #scmView.scm-dark #panel .mailbox textarea, #scmView.scm-dark #panel input[type="text"], #scmView.scm-dark #panel textarea, #scmView.scm-dark :is(#panel .js.cur.r, #scmView.scm-dark #panel .v.n.r .f) :is(.rq-q, #scmView.scm-dark textarea, #scmView.scm-dark input[type="text"], #scmView.scm-dark .jlog-in input, #scmView.scm-dark .py-in input) {
  background: #081320 !important; color: var(--n-text) !important; box-shadow: inset 0 2px 4px rgba(0,0,0,.7), inset 0 0 0 1px rgba(195,220,234,.12), 0 1px 0 rgba(195,220,234,.06) !important; }
#scmView.scm-dark #panel .rq-q:focus-within, #scmView.scm-dark #panel textarea:focus, #scmView.scm-dark #panel input:focus { box-shadow: inset 0 2px 4px rgba(0,0,0,.6), inset 0 0 0 2px #7FB8E6, 0 0 0 5px rgba(104,155,200,.2) !important; }
#scmView.scm-dark #panel .rq-seg button:not(.on), #scmView.scm-dark #panel .jtab button:not(.on), #scmView.scm-dark #panel .btn:not(.pri), #scmView.scm-dark :is(#panel .js.cur.r, #scmView.scm-dark #panel .v.n.r .f) .btn:not(.pri), #scmView.scm-dark :is(#panel .js.cur.r, #scmView.scm-dark #panel .v.n.r .f) .rq-seg button:not(.on) {
  background: rgba(195,220,234,.07) !important; color: var(--n-text-2) !important; box-shadow: inset 0 1px 0 rgba(195,220,234,.16), inset 0 0 0 1px rgba(195,220,234,.08) !important; }
#scmView.scm-dark #panel .rq-seg button.on, #scmView.scm-dark #panel .jtab button.on { background: linear-gradient(180deg, #4D97CC, #2864A8) !important; color: #fff !important;
  box-shadow: inset 0 1.5px 0 rgba(231,244,253,.8), inset 0 -2px 6px rgba(19,40,70,.5), 0 8px 16px -6px rgba(0,0,0,.7), 0 0 18px rgba(60,130,200,.3) !important; }
#scmView.scm-dark #panel .pd-kv b, #scmView.scm-dark #panel .rq-m b, #scmView.scm-dark #panel .js-h b, #scmView.scm-dark #panel .jz b, #scmView.scm-dark #panel .ph h3 { color: var(--n-text) !important; }
#scmView.scm-dark #panel .ph p, #scmView.scm-dark #panel small, #scmView.scm-dark #panel .k { color: var(--n-muted); }
#scmView.scm-dark #panel .fl-drop, #scmView.scm-dark #panel .dt:not(.got) { background: rgba(195,220,234,.03) !important; border-color: rgba(195,220,234,.2) !important; }
#scmView.scm-dark #panel .rq-msg pre { background: #081320 !important; color: var(--n-text-2) !important; }
#scmView.scm-dark #panel .x, #scmView.scm-dark #panel .rq-x, #scmView.scm-dark .pd-x { background: rgba(195,220,234,.08) !important; color: var(--n-text-2) !important; box-shadow: inset 0 1px 0 rgba(195,220,234,.18) !important; }
#scmView.scm-dark { --surface:#13243C; --surface-2:#1A2E4A; --surface-3:#16283F; --line:rgba(195,220,234,.09); --line-2:rgba(195,220,234,.12); --line-strong:rgba(195,220,234,.18); }
#scmView.scm-dark .pF .pC .c:not(.late), #scmView.scm-dark .pF .pC .c.on:not(.late) { background: transparent !important; }
#scmView.scm-dark .u.tc.hot, #scmView.scm-dark .u.tc.hot:hover {
  background: radial-gradient(80% 55% at 50% 108%, rgba(90,160,255,.95) 0%, rgba(50,110,230,.55) 30%, rgba(30,70,170,.18) 58%, transparent 75%),
              radial-gradient(60% 50% at 85% -10%, rgba(104,155,200,.18), transparent 70%),
              linear-gradient(180deg, #0D1A30 0%, #0A1528 100%) !important; }
#scmView.scm-dark .u.tc.hot { box-shadow: inset 0 1px 0 rgba(195,220,234,.30), inset 0 0 0 1px rgba(120,170,255,.16), inset 0 -2px 0 rgba(150,200,255,.95), inset 0 -10px 18px -10px rgba(120,180,255,.6),
    0 26px 40px -16px rgba(0,0,0,.9), 0 10px 30px -10px rgba(50,120,230,.35) !important; }
#scmView.scm-dark .u.tc.hot:hover { box-shadow: inset 0 1px 0 rgba(195,220,234,.40), inset 0 0 0 1px rgba(120,170,255,.24), inset 0 -2px 0 rgba(170,215,255,1), inset 0 -14px 22px -10px rgba(120,180,255,.75),
    0 32px 46px -18px rgba(0,0,0,.95), 0 14px 40px -10px rgba(60,130,240,.5) !important; }
#scmView.scm-dark .u.tc.hot::before { background: linear-gradient(115deg, transparent 38%, rgba(171,205,237,.14) 50%, transparent 62%) !important; }
#scmView.scm-dark .u.tc.hot small { color: #FF8A94 !important; text-shadow: none; }
.main-card:has(#scmView.scm-dark:not([hidden])), .main-card:has(#scmView.scm-dark:not([hidden])) { background:
  radial-gradient(60% 38% at 50% 0%, rgba(58,66,84,.55) 0%, rgba(40,45,58,.25) 45%, transparent 75%),
  radial-gradient(45% 30% at 82% 30%, rgba(60,95,150,.22) 0%, transparent 70%),
  radial-gradient(42% 32% at 10% 26%, rgba(75,95,160,.26) 0%, transparent 70%),   
  radial-gradient(45% 34% at 12% 68%, rgba(80,92,130,.26) 0%, transparent 70%),
  radial-gradient(80% 30% at 50% 100%, rgba(44,48,58,.55) 0%, transparent 70%),
  radial-gradient(130% 100% at 50% 45%, transparent 55%, rgba(0,0,0,.6) 100%),
  linear-gradient(180deg, #17191E 0%, #121318 45%, #0F1013 100%) !important; background-attachment: fixed !important; }
#scmView.scm-dark .pF, #scmView.scm-dark .pipe, #scmView.scm-dark .up-car { box-shadow: inset 0 1px 0 var(--n-rim), inset 0 0 0 1px rgba(195,220,234,.08), inset 0 -14px 28px -14px rgba(2,8,20,.6),
  0 0 90px -10px rgba(80,105,150,.28), 0 0 34px -6px rgba(104,155,200,.16), 0 34px 50px -24px rgba(0,0,0,.95) !important; }
#scmView.scm-dark #panel .js.cur.r, #scmView.scm-dark #panel .v.n.r .f, #scmView.scm-dark .grp.red, #scmView.scm-dark .grp.plan.red {
  background: radial-gradient(90% 40% at 50% 0%, rgba(255,92,108,.16), transparent 75%), linear-gradient(180deg, #2A161D 0%, #22141A 100%) !important; }
#scmView.scm-dark :is(#panel .js.cur.r, #scmView.scm-dark #panel .v.n.r .f) :is(.pd-kv div, #scmView.scm-dark .rq-m div), #scmView.scm-dark :is(#panel .js.cur.r, #scmView.scm-dark #panel .v.n.r .f) .btn:not(.pri), #scmView.scm-dark :is(#panel .js.cur.r, #scmView.scm-dark #panel .v.n.r .f) .rq-seg button:not(.on) {
  background: rgba(255,225,230,.05) !important; color: rgba(255,232,236,.82) !important; box-shadow: inset 0 1px 0 rgba(255,210,216,.12), inset 0 0 0 1px rgba(255,190,200,.10) !important; }
#scmView.scm-dark :is(#panel .js.cur.r, #scmView.scm-dark #panel .v.n.r .f) :is(.rq-seg button.on, #scmView.scm-dark .jtab button.on) {
  background: rgba(255,225,230,.10) !important; color: #fff !important; box-shadow: inset 0 0 0 2px rgba(255,236,240,.9), 0 8px 18px -8px rgba(0,0,0,.7) !important; }
#scmView.scm-dark :is(#panel .js.cur.r, #scmView.scm-dark #panel .v.n.r .f) :is(.rq-q, #scmView.scm-dark textarea, #scmView.scm-dark input[type="text"], #scmView.scm-dark .jlog-in input, #scmView.scm-dark .py-in input) {
  background: #140A0E !important; box-shadow: inset 0 2px 4px rgba(0,0,0,.7), inset 0 0 0 1px rgba(255,190,200,.12) !important; }
#scmView.scm-dark :is(#panel .js.cur.r, #scmView.scm-dark #panel .v.n.r .f) :is(.rq-q, #scmView.scm-dark .py-q, #scmView.scm-dark .jlog-in label) :is(input, #scmView.scm-dark input[type="text"], #scmView.scm-dark input:focus) { background: transparent !important; box-shadow: none !important; }
#scmView.scm-dark :is(#panel .js.cur.r, #scmView.scm-dark #panel .v.n.r .f) :is(small, #scmView.scm-dark .k, #scmView.scm-dark p) { color: rgba(255,220,226,.55); }
#scmView.scm-dark .grp.red .dr.sel { background: rgba(255,92,108,.16) !important; }
#scmView.scm-dark #panel .pd-kv b.bad, #scmView.scm-dark #panel .rq-m b.bad, #scmView.scm-dark .pd-box .pd-kv b.bad, #scmView.scm-dark #panel b.bad, #scmView.scm-dark #panel .bad { color: #FF6B7A !important; }
#scmView.scm-dark .u.tc.hot p { color: rgba(195,220,234,.62) !important; }
#scmView.scm-dark .u.tc.hot .btn:not(.pri) { background: rgba(195,220,234,.08) !important; color: var(--n-text-2) !important; box-shadow: inset 0 1px 0 rgba(195,220,234,.18), inset 0 0 0 1px rgba(195,220,234,.08) !important; }
#scmView.scm-dark .pF .pC .c.late, #scmView.scm-dark .pF .pC .c.late.on { background: linear-gradient(180deg, #3A1F28 0%, #2A1820 45%, #1E1519 100%) !important; box-shadow: inset 0 1px 0 var(--n-rim) !important; }
#scmView.scm-dark .pF .pC .c.late:first-child { border-top-left-radius: 30px; }
#scmView.scm-dark .pF .pC .c.late::before { background: radial-gradient(120% 70% at 50% 0%, rgba(255,92,108,.20), transparent 70%) !important;
  box-shadow: inset 0 1px 0 var(--n-rim), inset 0 0 0 1px rgba(195,220,234,.08) !important; }
#scmView.scm-dark .pF .pC .c.late .run, #scmView.scm-dark .pF .pC .c.late .bar { background: #170E12 !important; }
#scmView .up-car { background: none !important; box-shadow: none !important; padding-left: 0 !important; padding-right: 0 !important; overflow: visible !important; }
#scmView .up-car::before, #scmView .up-car::after { display: none !important; }
#scmView .up .u { transition: opacity .25s ease; }
#scmView .up { padding: 10px 44px 64px !important; margin: -10px -44px -64px !important; scroll-padding: 0 44px !important; }
#scmView .up .u.peek { opacity: 0; pointer-events: none; }
#scmView .sg.live::after { display: block !important; content: "" !important; position: absolute; top: 0; bottom: 0; left: 0; width: 28%;
  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.42) 50%, transparent 100%) !important;
  animation: scm_sgShine 3.4s cubic-bezier(.45,.05,.35,1) infinite !important; pointer-events: none; }
@keyframes scm_sgShine { 0% { transform: translateX(-110%); } 55%, 100% { transform: translateX(370%); } }
#scmView .cols > .col { container-type: inline-size; container-name: scol; min-width: 0; }
@container scol (max-width: 210px) {
#scmView .dr .t2 { display: block; }
#scmView .dr .t2 .pn2 { display: block; }
#scmView .dr .t2 .qd { display: block; margin-top: 1px; }
#scmView .l3 span { white-space: normal; }
#scmView .gh2 { flex-wrap: wrap; column-gap: 6px; }
#scmView .ch3 .nm { white-space: normal; }
#scmView .sr { display: block !important; height: auto !important; }
#scmView .sr b { font-size: 21px; }
#scmView .sr b small, #scmView .sr .sq small { display: inline !important; }
#scmView .sr .sl { display: block !important; }
#scmView .sr .sq { display: block !important; line-height: 20px !important; margin-top: 2px !important; }
#scmView .po2 { white-space: normal; }
}
@container scol (max-width: 150px) {
#scmView .sr b { font-size: 18px; }
#scmView .ch3 .nm { font-size: 14px; }
}
#scmView #panel .wx { display: flex; flex-direction: column; gap: 12px; margin: 0 0 12px; padding: 14px 12px; border-radius: 16px; background: var(--surface-2); max-height: 440px; overflow-y: auto; }
#scmView #panel .wx-empty { font-size: 12.5px; color: var(--muted); text-align: center; padding: 6px 0; }
#scmView #panel .wx-m { display: flex; gap: 8px; align-items: flex-start; }
#scmView #panel .wx-m.me { flex-direction: row-reverse; }
#scmView #panel .wx-av { flex: none; width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 800; color: var(--text-2);
  background: radial-gradient(circle at 35% 28%, #fff 0%, #F2F4F7 60%, #E1E5EB 100%); box-shadow: inset 0 -1px 0 rgba(2,32,71,.08), 0 3px 8px -4px rgba(3,31,63,.3); }
#scmView #panel .wx-m.me .wx-av { color: #1B64DA; background: radial-gradient(circle at 35% 28%, #E8F3FF 0%, #B9D7FF 55%, #7FB0F5 100%); }
#scmView #panel .wx-b { max-width: 84%; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
#scmView #panel .wx-m.me .wx-b { align-items: flex-end; }
#scmView #panel .wx-n { font-size: 11px; font-weight: 700; color: var(--muted); }
#scmView #panel .wx-n em { font-style: normal; font-weight: 600; margin-left: 6px; }
#scmView #panel .wx-t { white-space: pre-wrap; font-size: 12.5px; line-height: 1.55; padding: 9px 12px; border-radius: 4px 14px 14px 14px; background: var(--surface); box-shadow: 0 0 0 1px rgba(2,32,71,.07), 0 4px 10px -8px rgba(3,31,63,.3); }
#scmView #panel .wx-m.me .wx-t { border-radius: 14px 14px 4px 14px; font-weight: 600; color: #1B64DA; background: linear-gradient(180deg, #EEF5FF, #E2EEFF); box-shadow: inset 0 1px 0 #fff, 0 4px 10px -8px rgba(36,104,220,.5); }
#scmView #panel .wx-ko { font-size: 11.5px; line-height: 1.5; color: var(--muted); white-space: pre-wrap; padding: 0 2px; }
#scmView #panel .wx-cl { font-size: 11.5px; line-height: 1.5; color: var(--text-2); padding: 6px 9px; border-radius: 10px; background: rgba(49,130,246,.07); box-shadow: inset 0 0 0 1px rgba(49,130,246,.14); }
#scmView #panel .wx-cl b { color: #1B64DA; font-weight: 800; }
#scmView #panel .wx-cl.mute { background: rgba(2,32,71,.04); box-shadow: none; color: var(--muted); }
#scmView #panel .wx-cl.mute b { color: var(--muted); }
#scmView #panel .wx-tb { padding: 8px 10px; border-radius: 4px 14px 14px 14px; background: #fff; box-shadow: 0 0 0 1px rgba(2,32,71,.10); font-size: 11.5px; }
#scmView #panel .wx-tb b { display: block; text-align: center; font-weight: 600; margin-bottom: 4px; color: #111 !important; }
#scmView #panel .wx-tb table { border-collapse: collapse; width: 100% !important; min-width: 0 !important; table-layout: fixed; margin: 0; }
#scmView #panel .wx-tb td { border: 1px solid #222 !important; padding: 3px 6px !important; color: #111 !important; font-size: 11px !important; font-weight: 400 !important; line-height: 1.4; white-space: normal !important; word-break: break-word; background: #fff !important; }
#scmView #panel .wx-b:has(.wx-tb) { width: 84%; }
#scmView #panel .wx-dr { padding: 14px; border-radius: 16px; background: var(--surface); box-shadow: 0 0 0 1px rgba(2,32,71,.08), 0 10px 24px -14px rgba(3,31,63,.3); }
#scmView #panel .wx-for { font-size: 11.5px; font-weight: 700; color: var(--muted); margin-bottom: 8px; }
#scmView #panel .wx-en { white-space: pre-wrap; font-size: 12.5px; line-height: 1.55; font-weight: 600; padding: 10px 12px; border-radius: 12px; background: var(--surface-2); }
#scmView #panel .wx-dr > .wx-ko { margin: 6px 2px 0; }
#scmView #panel .wx-why { margin: 10px 0 0; padding: 0; list-style: none; font-size: 11.5px; line-height: 1.55; color: var(--text-2); }
#scmView #panel .wx-why li { position: relative; padding-left: 11px; }
#scmView #panel .wx-why li::before { content: ""; position: absolute; left: 2px; top: 7px; width: 4px; height: 4px; border-radius: 50%; background: #6AA6FF; }
#scmView #panel .wx-fix { display: flex; gap: 6px; margin-top: 12px; }
#scmView #panel .wx-fix input { flex: 1; min-width: 0; height: 38px; border-radius: 12px; border: 0; padding: 0 12px; font: inherit; font-size: 12.5px; color: var(--text); background: var(--surface-2); box-shadow: inset 0 1px 2px rgba(2,32,71,.08); outline: 0; }
#scmView #panel .wx-fix input:focus { box-shadow: 0 0 0 2px #3182F6, 0 0 0 5px rgba(49,130,246,.15); }
#scmView #panel .wx-fix button { flex: none; height: 38px; padding: 0 14px; border-radius: 12px; border: 0; cursor: pointer; font: inherit; font-size: 12.5px; font-weight: 700; color: var(--text-2); background: linear-gradient(180deg, #fff, #F2F4F7); box-shadow: inset 0 0 0 1px rgba(2,32,71,.08); }
#scmView #panel .wx-rep:not(:empty) { margin-top: 8px; font-size: 12px; line-height: 1.5; color: var(--text-2); padding: 8px 10px; border-radius: 10px; background: rgba(49,130,246,.06); }
#scmView #panel .wx-rep b { color: #1B64DA; }
#scmView #panel .wx-dr .acts { margin-top: 12px; }
#scmView.scm-dark #panel .wx { background: rgba(8,19,32,.45); }
#scmView.scm-dark #panel .wx-av { color: var(--n-text-2); background: radial-gradient(circle at 35% 28%, rgba(195,220,234,.30), rgba(34,62,100,.9)); box-shadow: inset 0 1px 0 var(--n-rim); }
#scmView.scm-dark #panel .wx-m.me .wx-av { color: #fff; background: radial-gradient(circle at 35% 28%, #8FC4F0, #3178B6); }
#scmView.scm-dark #panel .wx-t { color: var(--n-text); background: linear-gradient(180deg, rgba(34,62,100,.72), rgba(19,34,56,.8)); box-shadow: inset 0 1px 0 rgba(195,220,234,.12); }
#scmView.scm-dark #panel .wx-m.me .wx-t { color: #E7F4FD; background: linear-gradient(180deg, rgba(77,151,204,.42), rgba(40,100,168,.36)); box-shadow: inset 0 1px 0 rgba(195,220,234,.25); }
#scmView.scm-dark #panel .wx-ko, #scmView.scm-dark #panel .wx-n, #scmView.scm-dark #panel .wx-for, #scmView.scm-dark #panel .wx-empty { color: var(--n-muted); }
#scmView.scm-dark #panel .wx-cl { color: var(--n-text-2); background: rgba(77,151,204,.14); box-shadow: inset 0 0 0 1px rgba(111,176,221,.22); }
#scmView.scm-dark #panel .wx-cl b, #scmView.scm-dark #panel .wx-rep b { color: #8FC4F0; }
#scmView.scm-dark #panel .wx-cl.mute { background: rgba(195,220,234,.05); box-shadow: none; color: var(--n-muted); }
#scmView.scm-dark #panel .wx-cl.mute b { color: var(--n-muted); }
#scmView.scm-dark #panel .wx-dr { background: linear-gradient(180deg, rgba(34,62,100,.72), rgba(19,34,56,.78)); box-shadow: inset 0 1px 0 var(--n-rim), 0 14px 30px -16px rgba(0,0,0,.8); }
#scmView.scm-dark #panel .wx-en { color: var(--n-text); background: rgba(8,19,32,.55); }
#scmView.scm-dark #panel .wx-why, #scmView.scm-dark #panel .wx-rep { color: var(--n-text-2); }
#scmView.scm-dark #panel .wx-fix input { color: var(--n-text); background: linear-gradient(180deg, #223B60, #1A2F4D); box-shadow: inset 0 1px 0 rgba(195,220,234,.12); }
#scmView.scm-dark #panel .wx-fix button { color: var(--n-text-2); background: rgba(195,220,234,.10); box-shadow: inset 0 1px 0 rgba(195,220,234,.12); }
#scmView.scm-dark #panel .wx-rep:not(:empty) { background: rgba(77,151,204,.12); }
#scmView #panel .cc-h { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; margin: 4px 0 8px; }
#scmView #panel .cc-h b { font-size: 13.5px; font-weight: 800; }
#scmView #panel .cc-h span { font-size: 11.5px; color: var(--muted); }
#scmView #panel .cc { display: flex; flex-direction: column; gap: 12px; padding: 14px 12px; border-radius: 16px; background: var(--surface-2); max-height: 560px; overflow-y: auto; }
#scmView #panel .cc-m { display: flex; gap: 8px; align-items: flex-start; }
#scmView #panel .cc-m.me { justify-content: flex-end; }
#scmView #panel .cc-av { flex: none; width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 800; color: #fff;
  background: radial-gradient(circle at 35% 28%, #9CC8FF 0%, #3182F6 60%, #2468DC 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 4px 10px -4px rgba(36,104,220,.6); }
#scmView #panel .cc-b { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
#scmView #panel .cc-n { font-size: 11px; font-weight: 700; color: var(--muted); }
#scmView #panel .cc-t { font-size: 13px; line-height: 1.55; padding: 10px 12px; border-radius: 4px 14px 14px 14px; background: var(--surface); box-shadow: 0 0 0 1px rgba(2,32,71,.07), 0 4px 10px -8px rgba(3,31,63,.3); }
#scmView #panel .cc-m.me .cc-t { max-width: 80%; border-radius: 14px 14px 4px 14px; font-weight: 600; color: #fff; background: linear-gradient(180deg, #4C93F8, #2F7BEA); box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 6px 14px -8px rgba(36,104,220,.7); }
#scmView #panel .cc-q { margin: 8px 0 0; padding-left: 18px; }
#scmView #panel .cc-q li { margin: 4px 0; }
#scmView #panel .cc-card { padding: 12px; border-radius: 14px; background: var(--surface); box-shadow: 0 0 0 1.5px rgba(49,130,246,.35), 0 10px 22px -14px rgba(36,104,220,.45); }
#scmView #panel .cc-card.old { box-shadow: 0 0 0 1px rgba(2,32,71,.08); opacity: .62; }
#scmView #panel .cc-card small { display: block; font-size: 11px; font-weight: 700; color: var(--muted); margin-bottom: 6px; }
#scmView #panel .cc-en { white-space: pre-wrap; font-size: 12.5px; line-height: 1.55; font-weight: 600; padding: 10px 12px; border-radius: 10px; background: var(--surface-2); }
#scmView #panel .cc-en mark { background: rgba(255,196,0,.32); color: inherit; border-radius: 3px; padding: 0 2px; }
#scmView #panel .cc-ko { white-space: pre-wrap; font-size: 11.5px; line-height: 1.5; color: var(--muted); margin: 6px 2px 0; }
#scmView #panel .cc-card .btn { width: 100%; margin-top: 10px; }
#scmView #panel .cc-dots { display: inline-flex; gap: 4px; width: fit-content; }
#scmView #panel .cc-dots i { width: 6px; height: 6px; border-radius: 50%; background: var(--muted); animation: scm_ccDot 1s infinite; }
#scmView #panel .cc-dots i:nth-child(2) { animation-delay: .15s; }
#scmView #panel .cc-dots i:nth-child(3) { animation-delay: .3s; }
@keyframes scm_ccDot { 0%, 60%, 100% { opacity: .25; } 30% { opacity: 1; } }
#scmView #panel .cc-in { display: flex; gap: 6px; margin-top: 10px; }
#scmView #panel .cc-in input { flex: 1; min-width: 0; height: 42px; border-radius: 14px; border: 0; padding: 0 14px; font: inherit; font-size: 13px; color: var(--text); background: var(--surface); box-shadow: inset 0 0 0 1px rgba(2,32,71,.10), inset 0 1px 2px rgba(2,32,71,.06); outline: 0; }
#scmView #panel .cc-in input:focus { box-shadow: 0 0 0 2px #3182F6, 0 0 0 5px rgba(49,130,246,.15); }
#scmView #panel .cc-in button { flex: none; height: 42px; padding: 0 16px; border-radius: 14px; border: 0; cursor: pointer; font: inherit; font-size: 13px; font-weight: 700; color: #fff; background: linear-gradient(180deg, #4C93F8, #2468DC); box-shadow: inset 0 1px 0 rgba(255,255,255,.3); }
#scmView.scm-dark #panel .cc { background: rgba(8,19,32,.45); }
#scmView.scm-dark #panel .cc-t { color: var(--n-text); background: linear-gradient(180deg, rgba(34,62,100,.72), rgba(19,34,56,.8)); box-shadow: inset 0 1px 0 rgba(195,220,234,.12); }
#scmView.scm-dark #panel .cc-m.me .cc-t { color: #fff; background: linear-gradient(180deg, #4D97CC, #2864A8); }
#scmView.scm-dark #panel .cc-n, #scmView.scm-dark #panel .cc-ko, #scmView.scm-dark #panel .cc-h span, #scmView.scm-dark #panel .cc-card small { color: var(--n-muted); }
#scmView.scm-dark #panel .cc-card { background: linear-gradient(180deg, rgba(34,62,100,.72), rgba(19,34,56,.78)); box-shadow: 0 0 0 1.5px rgba(111,176,221,.45), 0 14px 30px -16px rgba(0,0,0,.8); }
#scmView.scm-dark #panel .cc-card.old { box-shadow: 0 0 0 1px rgba(195,220,234,.12); }
#scmView.scm-dark #panel .cc-en { color: var(--n-text); background: rgba(8,19,32,.55); }
#scmView.scm-dark #panel .cc-en mark { background: rgba(255,196,0,.28); }
#scmView.scm-dark #panel .cc-in input { color: var(--n-text); background: linear-gradient(180deg, #223B60, #1A2F4D); box-shadow: inset 0 1px 0 rgba(195,220,234,.12); }
#scmView #panel.off .btn, #scmView #panel.off input, #scmView #panel.off textarea, #scmView #panel.off select, #scmView #panel.off .fl-up, #scmView #panel.off .acts button { pointer-events: none !important; opacity: .42; }
#scmView #panel.off .x { pointer-events: auto !important; opacity: 1; }
#scmView #panel .off-note { margin: 0 24px 4px; padding: 9px 12px; border-radius: 12px; font-size: 12.5px; line-height: 1.5; color: #4E5968; background: rgba(2,32,71,.045); }
#scmView #panel .cc-undo { margin-left: auto; margin-right: 8px; border: 0; background: none; padding: 2px 4px; font: inherit; font-size: 12px; color: var(--muted); text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }
#scmView #panel .cc-undo:hover { color: var(--text-2); }
#scmView #panel .cc-who { margin: 10px 0 0; font-size: 12px; color: var(--muted); text-align: center; }
#scmView #panel .cc-in input:disabled, #scmView #panel .cc-in button:disabled { opacity: .5; }
#scmView .head h2 { white-space: nowrap; }
#scmView .scm-theme { flex: none; }
#scmView.scm-dark #panel .off-note { color: var(--n-text-2); background: rgba(195,220,234,.07); }
/* ── 어드민 탭 안에 맞춤(scm_build.py) — 발주 현황 탭과 같은 자리·모양 ── */
#scmView { background: transparent !important; padding: 0; min-height: 0; }
#scmView .wrap { max-width: none; margin: 0; padding: 0 0 40px; }
#scmView .scm-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin: 0 0 14px; }
#scmView .scm-head h2 { margin: 0; font-size: 22px; font-weight: 800; letter-spacing: -.5px; color: var(--text); }
#scmView .scm-head p { margin: 4px 0 0; font-size: 13px; color: var(--muted); }
#scmView .sec:first-of-type { margin-top: 18px; }
/* 제목 옆 설명(막대 = … · 발주 필요일 순 …) — 실제 화면엔 안 보임(2026-10-06 사용자 「이것들도 다」 주석처리) */
#scmView .sec > span { display: none; }
/* 오늘 할 일 — 라이트에선 판이 투명해 위쪽 안쪽 여백이 빈 간격으로만 남는다 → 제품별 재고처럼 제목 바로 아래(2026-10-06 사용자 「행간격이 커」) */
#scmView:not(.scm-dark) .up-car { padding-top: 0; }
/* 다크 — 큰 판 전체가 남색이 되니 탭 줄도 맞춘다 */
.main-card:has(#scmView.scm-dark:not([hidden])) .stk-tabs { background: rgba(195,220,234,.07) !important; box-shadow: inset 0 1px 0 rgba(195,220,234,.10) !important; border-color: transparent !important; }
.main-card:has(#scmView.scm-dark:not([hidden])) .stk-tab { color: rgba(195,220,234,.58) !important; }
.main-card:has(#scmView.scm-dark:not([hidden])) .stk-tab.is-active { color: #E7F4FD !important; background: linear-gradient(180deg, #2A4670, #1E3456) !important; box-shadow: inset 0 1px 0 rgba(195,220,234,.22) !important; }
#scmView.scm-dark .scm-head h2 { color: #E7F4FD; }
/* 위챗 연결 상태(2026-10-06) — 제목 옆 작은 표시 · 끊기면 빨강 */
#scmView .wx-chip { display: inline-flex; align-items: center; gap: 6px; margin-left: 12px; padding: 4px 10px; border-radius: 999px; vertical-align: 3px;
  font-size: 12px; font-weight: 700; letter-spacing: 0; color: #4E5968; background: rgba(2,32,71,.05); }
#scmView .wx-chip::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #2FB36B; box-shadow: 0 0 0 3px rgba(47,179,107,.18); }
#scmView .wx-chip.bad { color: #D6293A; background: rgba(240,68,82,.09); }
#scmView .wx-chip.bad::before { background: #F04452; box-shadow: 0 0 0 3px rgba(240,68,82,.18); }
#scmView.scm-dark .wx-chip { color: rgba(195,220,234,.8); background: rgba(195,220,234,.08); }
#scmView.scm-dark .wx-chip.bad { color: #FF8A95; background: rgba(240,68,82,.16); }
#scmView.scm-dark .scm-head p { color: rgba(195,220,234,.58); }
/* 어드민 머리줄(z 40)·왼쪽 메뉴(z 50) 위로 — 시안은 페이지 하나라 20대면 됐지만 탭 안에선 덮인다 */
#scmView .dim-bg { z-index: 1000 !important; }
#scmView .panel { z-index: 1001 !important; }
#scmView .rq-dim { z-index: 1100 !important; }
#scmView .rq-toast { z-index: 1200 !important; }
#scmView #bossBtn, #scmView #boss { z-index: 990 !important; }