:root {
  color-scheme: dark;
  --bg: #070a10;
  --panel: rgba(13, 18, 28, .82);
  --panel-strong: #0f1622;
  --line: #202c3d;
  --line-bright: #304157;
  --text: #f3f7fa;
  --muted: #7d8b9f;
  --faint: #455269;
  --cyan: #65f1d0;
  --cyan-deep: #24b798;
  --blue: #67a8ff;
  --orange: #ffb56d;
  --red: #ff7e84;
  --shadow: 0 28px 100px rgba(0, 0, 0, .34);
}

* { box-sizing: border-box; }
html { min-width: 320px; background: var(--bg); }
body { min-width: 320px; margin: 0; overflow-x: hidden; background: var(--bg); color: var(--text); font-family: Inter, "SF Pro Display", "PingFang SC", "Microsoft YaHei", sans-serif; }
button, textarea { font: inherit; }
button { cursor: pointer; }

.shell { position: relative; z-index: 1; width: min(1160px, calc(100% - 48px)); margin: 0 auto; padding: 52px 0 72px; }
.noise { position: fixed; z-index: 2; inset: 0; pointer-events: none; opacity: .034; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E"); }
.orb { position: fixed; width: 480px; height: 480px; border-radius: 50%; filter: blur(115px); opacity: .13; pointer-events: none; }.orb-cyan { top: -300px; right: -140px; background: #1fc8a2; }.orb-blue { bottom: -360px; left: -230px; background: #216fd1; }

.topbar { display: flex; justify-content: space-between; align-items: flex-end; gap: 36px; margin-bottom: 38px; }
.brand-line { display: flex; align-items: center; gap: 10px; color: #9eacbd; font: 500 10px "SFMono-Regular", Consolas, monospace; letter-spacing: .18em; }.brand-symbol { color: var(--cyan); font-size: 17px; line-height: 1; }.brand-live { display: inline-flex; align-items: center; gap: 5px; margin-left: 4px; color: #72dcbf; letter-spacing: .09em; }.brand-live i, .auto-label i, .pulse { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 0 4px rgba(101, 241, 208, .09); }.brand-live i { width: 4px; height: 4px; box-shadow: none; }
h1 { margin: 20px 0 8px; font-size: clamp(38px, 5.3vw, 70px); line-height: .98; letter-spacing: -.065em; font-weight: 700; background: linear-gradient(115deg, #fff 25%, #a2b6c9 60%, #67f0d0); -webkit-background-clip: text; background-clip: text; color: transparent; }.subtitle { margin: 0; color: var(--muted); font-size: 14px; letter-spacing: .01em; }
.header-right { display: grid; justify-items: end; gap: 16px; }.system-pill { display: inline-flex; align-items: center; gap: 9px; min-height: 30px; padding: 7px 10px; border: 1px solid #244f49; border-radius: 999px; color: #a9e7d4; background: rgba(25, 67, 58, .28); font: 500 10px "SFMono-Regular", Consolas, monospace; letter-spacing: .08em; }.system-pill.offline { border-color: #5a343a; color: #ffadac; background: rgba(78, 33, 39, .25); }.offline .pulse { background: var(--red); box-shadow: 0 0 0 4px rgba(255, 126, 132, .08); }
.metric-strip { display: flex; gap: 25px; }.metric { display: flex; flex-direction: column; gap: 4px; text-align: right; }.metric b { color: #dae6ef; font: 600 14px "SFMono-Regular", Consolas, monospace; letter-spacing: .03em; }.metric span { color: var(--faint); font: 9px "SFMono-Regular", Consolas, monospace; letter-spacing: .12em; }

.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(330px, .7fr); gap: 15px; }.panel { position: relative; border: 1px solid var(--line); border-radius: 17px; background: linear-gradient(145deg, rgba(18, 26, 39, .82), var(--panel)); box-shadow: var(--shadow); overflow: hidden; }.panel::before { position: absolute; top: 0; left: 40px; width: 130px; height: 1px; background: linear-gradient(90deg, transparent, var(--cyan), transparent); opacity: .55; content: ""; }.composer-panel, .flow-panel, .history-panel { padding: 25px; }.panel-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; margin-bottom: 27px; }.panel-head > div { display: flex; align-items: center; gap: 11px; }.panel-head h2 { margin: 0; font-size: 19px; letter-spacing: -.04em; }.index-label { color: var(--cyan); font: 500 10px "SFMono-Regular", Consolas, monospace; }.route-label, .auto-label { padding-top: 4px; color: #69798f; font: 10px "SFMono-Regular", Consolas, monospace; letter-spacing: .1em; }.route-label em { padding: 0 3px; color: var(--cyan); font-style: normal; }.auto-label { display: flex; align-items: center; gap: 7px; color: var(--cyan); }.auto-label i { width: 5px; height: 5px; box-shadow: none; }

.input-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }.field-label { color: #d1dce7; font-size: 12px; font-weight: 600; }.input-head > span:last-child { color: #56657a; font: 10px "SFMono-Regular", Consolas, monospace; }.target-head { margin-top: 27px; }.micro-hint { color: var(--faint) !important; font: 10px inherit !important; }
textarea { display: block; width: 100%; min-height: 153px; resize: vertical; border: 1px solid #27364a; border-radius: 11px; outline: none; padding: 16px; background: #090f18; color: var(--text); line-height: 1.65; font-size: 13px; transition: border .2s, box-shadow .2s, background .2s; }textarea:focus { border-color: #3e9e8c; background: #0b131d; box-shadow: 0 0 0 4px rgba(101, 241, 208, .07), inset 0 0 28px rgba(52, 142, 126, .05); }textarea::placeholder { color: #4b5b70; }
.target-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin-bottom: 22px; }.target-card { position: relative; display: flex; align-items: center; gap: 10px; min-height: 58px; border: 1px solid #253348; border-radius: 10px; padding: 11px; background: rgba(11, 17, 27, .72); transition: border .2s, background .2s, transform .2s; }.target-card:hover, .target-card.selected { border-color: #398e7e; background: linear-gradient(135deg, rgba(27, 61, 58, .84), rgba(12, 24, 31, .9)); transform: translateY(-1px); }.target-card input { position: absolute; opacity: 0; }.target-logo { display: grid; place-items: center; flex: 0 0 28px; height: 28px; border-radius: 8px; font-size: 13px; font-weight: 800; }.doubao-logo { color: #aff6df; background: #22574d; }.deepseek-logo { color: #b7d1ff; background: #263f6c; }.kimi-logo { color: #ffd39f; background: #60452b; }.target-name { color: #cbd7e0; font-size: 12px; font-weight: 600; }.select-mark { position: absolute; top: 8px; right: 9px; color: var(--cyan); font: 11px "SFMono-Regular", Consolas, monospace; opacity: 0; }.selected .select-mark { opacity: 1; }
.primary-button { display: flex; align-items: center; justify-content: space-between; width: 100%; border: 0; border-radius: 10px; padding: 14px 16px; background: var(--cyan); color: #061713; font-size: 13px; font-weight: 800; transition: .2s; }.primary-button:hover { background: #9bf6df; box-shadow: 0 8px 25px rgba(101, 241, 208, .16); transform: translateY(-1px); }.primary-button:disabled { cursor: wait; opacity: .65; transform: none; }.button-arrow { font-size: 19px; }.loading .button-arrow { animation: spin 1s linear infinite; }@keyframes spin { to { transform: rotate(360deg); } }.form-error { min-height: 16px; margin: 9px 0 0; color: var(--red); font-size: 11px; }

.node-map { position: relative; display: grid; gap: 0; padding: 7px 0 16px; }.node-card { position: relative; z-index: 1; display: flex; align-items: center; gap: 11px; padding: 13px; border: 1px solid #27364a; border-radius: 11px; background: #0b121d; }.node-card b, .node-card span { display: block; }.node-card b { color: #d5e0e9; font-size: 12px; }.node-card span { margin-top: 4px; color: #65758a; font: 9px "SFMono-Regular", Consolas, monospace; letter-spacing: .1em; }.node-icon { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #3f9f8d; border-radius: 9px; color: var(--cyan); background: #153b37; font: 600 14px "SFMono-Regular", Consolas, monospace; }.node-icon-alt { border-color: #39516f; color: var(--blue); background: #172b49; }.node-status { width: 6px; height: 6px; margin-left: auto; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 0 4px rgba(101, 241, 208, .09); }.node-status.muted { background: #50627b; box-shadow: none; }.route-line { position: relative; height: 27px; margin-left: 29px; border-left: 1px dashed #3e685f; }.route-line span { position: absolute; left: -2px; top: 7px; width: 3px; height: 10px; border-radius: 3px; background: var(--cyan); box-shadow: 0 0 11px var(--cyan); animation: route 2.6s linear infinite; }@keyframes route { from { transform: translateY(-2px); opacity: 0; } 30%, 70% { opacity: 1; } to { transform: translateY(17px); opacity: 0; } }
.signal-card { margin-top: 4px; padding: 13px; border: 1px solid #24364b; border-radius: 11px; background: rgba(9, 16, 25, .7); }.signal-title { display: flex; align-items: center; justify-content: space-between; color: #6d7e92; font: 9px "SFMono-Regular", Consolas, monospace; letter-spacing: .1em; }.signal-title b { color: var(--cyan); font-weight: 500; }.signal-bar { display: flex; align-items: center; gap: 4px; height: 30px; }.signal-bar i { display: block; flex: 1; height: 4px; border-radius: 4px; background: #204a45; }.signal-bar i:nth-child(2n) { height: 7px; }.signal-bar i:nth-child(4n) { height: 11px; }.signal-bar i:nth-child(5), .signal-bar i:nth-child(9) { background: var(--cyan); box-shadow: 0 0 8px rgba(101, 241, 208, .35); }.signal-card p { margin: 0; color: #68788d; font-size: 10px; }
.mini-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 18px; }.mini-stats div { padding-top: 12px; border-top: 1px solid #213047; }.mini-stats b, .mini-stats span { display: block; }.mini-stats b { color: #c9d7e3; font: 600 15px "SFMono-Regular", Consolas, monospace; }.mini-stats b span { display: inline; color: var(--cyan); font-size: 10px; }.mini-stats span { margin-top: 5px; color: #68788d; font-size: 10px; }

.history-panel { margin-top: 15px; }.history-head { align-items: center; margin-bottom: 19px; }.ghost-button { display: inline-flex; align-items: center; gap: 6px; border: 1px solid #2a394e; border-radius: 7px; padding: 7px 9px; background: transparent; color: #8392a5; font-size: 11px; }.ghost-button:hover { border-color: #3e8c7b; color: var(--cyan); }.ghost-button b { font-size: 16px; font-weight: 400; line-height: .8; }.empty-state { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 28px 20px 30px; color: #64738a; text-align: center; }.empty-state strong { color: #a7b6c5; font-size: 12px; font-weight: 600; }.empty-state span:last-child { color: #56667b; font-size: 10px; }.empty-orbit { display: grid; place-items: center; width: 33px; height: 33px; margin-bottom: 3px; border: 1px dashed #487b70; border-radius: 50%; color: var(--cyan); font-size: 17px; }.empty-state[hidden] { display: none; }.task-list { display: grid; gap: 8px; }.task-row { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 13px 14px; border: 1px solid #233247; border-radius: 10px; background: rgba(8, 14, 23, .72); }.task-main { min-width: 0; flex: 1; }.task-title-line { display: flex; align-items: flex-start; gap: 8px; line-height: 1.5; }.task-title-line strong { overflow-wrap: anywhere; color: #d8e2ea; font-size: 12px; font-weight: 600; }.status-dot { flex: 0 0 6px; width: 6px; height: 6px; margin-top: 5px; border-radius: 50%; }.status-queued { background: var(--orange); }.status-dispatched { background: var(--blue); }.status-acknowledged { background: var(--cyan); box-shadow: 0 0 0 4px rgba(101, 241, 208, .1); }.status-completed { background: #84e4a1; }.status-failed, .status-exhausted { background: var(--red); }.task-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 7px; color: #63738a; font: 9px "SFMono-Regular", Consolas, monospace; }.target-tag { padding: 3px 6px; border-radius: 4px; color: #b7e7d8; background: #173a34; }.tag-deepseek { color: #b9cff6; background: #1c3151; }.tag-kimi { color: #f3cb98; background: #493524; }.result-box { max-height: 110px; overflow: auto; margin: 10px 0 0; padding: 9px; border: 1px solid #24423e; border-radius: 7px; color: #a9dbcb; background: #091313; white-space: pre-wrap; font: 10px/1.5 "SFMono-Regular", Consolas, monospace; }.task-error { margin: 7px 0 0; color: var(--red); font-size: 10px; }.task-side { display: flex; flex: 0 0 120px; flex-direction: column; align-items: flex-end; gap: 5px; }.status-badge { padding: 3px 6px; border: 1px solid #3b495b; border-radius: 4px; color: #a8b7c5; font-size: 9px; }.badge-queued { border-color: #66583e; color: #ddbf83; }.badge-dispatched { border-color: #385675; color: #a3c6eb; }.badge-acknowledged { border-color: #327869; color: var(--cyan); }.badge-completed { border-color: #39704b; color: #99dfa9; }.badge-failed, .badge-exhausted { border-color: #714149; color: #f0a3a2; }.task-time, .node-label { color: #607089; font: 9px "SFMono-Regular", Consolas, monospace; text-align: right; }.node-label { color: #8ca0b1; }

@media (max-width: 820px) { .shell { width: min(100% - 28px, 620px); padding-top: 32px; }.topbar { align-items: flex-start; flex-direction: column; gap: 22px; margin-bottom: 28px; }.header-right { justify-items: start; }.metric { text-align: left; }.dashboard-grid { grid-template-columns: 1fr; }.flow-panel { padding-top: 22px; } }
@media (max-width: 520px) { .composer-panel, .flow-panel, .history-panel { padding: 20px; }.target-grid { grid-template-columns: 1fr; }.target-card { min-height: 52px; }.task-row { align-items: flex-start; flex-direction: column; gap: 10px; }.task-side { align-items: flex-start; flex-direction: row; flex-wrap: wrap; flex-basis: auto; }.task-time, .node-label { text-align: left; }.metric-strip { gap: 16px; } }

[hidden] { display: none !important; }
.main-nav { display: flex; align-items: center; gap: 6px; padding: 6px; border: 1px solid #202d40; border-radius: 12px; background: rgba(11, 17, 27, .82); box-shadow: 0 10px 30px rgba(0, 0, 0, .2); }.nav-button { min-width: 124px; border: 0; border-radius: 8px; padding: 13px 19px; background: transparent; color: #718198; font-size: 14px; font-weight: 650; letter-spacing: .02em; transition: .2s; }.nav-button:hover, .nav-button.active { color: #d9f9ef; background: #18342f; }.nav-button.active { box-shadow: inset 0 0 0 1px #2e7164, 0 0 18px rgba(101, 241, 208, .08); }
.header-right { position: relative; grid-template-columns: auto auto; align-items: start; }.header-right .system-pill { grid-column: 1; grid-row: 1; }.header-right .metric-strip { grid-column: 1 / -1; grid-row: 2; }.profile-wrap { position: relative; grid-column: 2; grid-row: 1; }.avatar-button { display: grid; place-items: center; width: 31px; height: 31px; border: 1px solid #396b63; border-radius: 50%; padding: 0; color: #0a1b18; background: linear-gradient(135deg, #8af2d8, #3ab89b); font: 700 11px "SFMono-Regular", Consolas, monospace; box-shadow: 0 0 0 4px rgba(101, 241, 208, .06); }.avatar-button:hover { box-shadow: 0 0 0 5px rgba(101, 241, 208, .12); }.profile-panel { position: absolute; z-index: 5; top: 42px; right: 0; width: 220px; padding: 14px; border: 1px solid #2b3d52; border-radius: 12px; background: #101927; box-shadow: 0 18px 45px rgba(0, 0, 0, .38); }.profile-title { display: flex; align-items: center; gap: 9px; padding-bottom: 12px; border-bottom: 1px solid #223149; }.profile-avatar { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 50%; color: #071713; background: var(--cyan); font: 700 10px "SFMono-Regular", Consolas, monospace; }.profile-title strong, .profile-title small { display: block; }.profile-title strong { color: #dce7ed; font-size: 11px; }.profile-title small { margin-top: 3px; color: #708097; font-size: 10px; }.points-card { display: flex; flex-direction: column; gap: 5px; padding: 14px 0 12px; }.points-card span, .points-card small { color: #77879c; font-size: 10px; }.points-card strong { color: var(--cyan); font: 600 27px "SFMono-Regular", Consolas, monospace; letter-spacing: -.05em; }.profile-stats { display: flex; justify-content: space-between; padding-top: 11px; border-top: 1px solid #223149; color: #74849a; font-size: 10px; }.profile-stats b { margin-left: 3px; color: #c8d6df; font: 600 10px "SFMono-Regular", Consolas, monospace; }
.guide-panel { display: grid; grid-template-columns: 1.2fr 1fr auto; align-items: center; gap: 22px; margin-bottom: 15px; padding: 19px 23px; }.guide-copy { min-width: 0; }.guide-copy h2 { margin: 5px 0 5px; font-size: 17px; letter-spacing: -.04em; }.guide-copy p { margin: 0; color: #8090a3; font-size: 11px; }.guide-flow { display: flex; align-items: center; justify-content: center; gap: 8px; color: #aab9c7; font: 10px "SFMono-Regular", Consolas, monospace; white-space: nowrap; }.guide-flow i { color: var(--cyan); font-style: normal; }.guide-flow b { color: var(--cyan); font-weight: 500; }.guide-action { border: 1px solid #397f71; border-radius: 7px; padding: 9px 11px; background: #15342f; color: var(--cyan); font-size: 10px; white-space: nowrap; }.guide-action span { margin-left: 5px; font-size: 15px; }.guide-action:hover { background: #1d4b42; }
.target-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }.target-logo img { width: 21px; height: 21px; object-fit: cover; border-radius: 6px; }.target-logo b { display: none; font-size: 12px; }.qwen-logo { background: #242143; }.yuanbao-logo { color: #efffd4; background: linear-gradient(135deg, #83d84a, #319d6c); }.task-side { position: relative; }.delete-task { width: 20px; height: 20px; margin-top: 3px; border: 1px solid #633d4a; border-radius: 5px; padding: 0; color: #e997a0; background: rgba(93, 37, 51, .34); font-size: 16px; line-height: 16px; opacity: .72; }.delete-task:hover { border-color: var(--red); color: #fff; background: rgba(125, 42, 57, .72); opacity: 1; }.delete-task:disabled { cursor: wait; opacity: .35; }
.platform-inline { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }.platform-inline img { width: 16px; height: 16px; border-radius: 5px; object-fit: cover; vertical-align: middle; }.schedule-platforms { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 7px; margin-left: 5px; vertical-align: middle; }.target-tag .platform-inline { gap: 4px; }.target-tag .platform-inline img { width: 15px; height: 15px; }
@media (max-width: 820px) { .guide-panel { grid-template-columns: 1fr auto; }.guide-flow { justify-content: flex-start; }.guide-action { grid-column: 2; grid-row: 1 / span 2; }.target-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 520px) { .target-grid { grid-template-columns: 1fr; }.guide-panel { grid-template-columns: 1fr; }.guide-action { grid-column: auto; grid-row: auto; justify-self: start; }.main-nav { width: 100%; }.nav-button { flex: 1; }.header-right { width: 100%; } }

.target-card input { cursor: pointer; }
.node-card.node-active { border-color: #2d6f63; }
.node-card.node-busy { border-color: #5f6a3b; background: linear-gradient(135deg, rgba(54, 58, 30, .42), #0b121d); }
.node-card.node-offline { border-color: #3a4050; opacity: .72; }
.node-card.node-busy .node-icon { border-color: #b3aa58; color: #f4df93; background: #393822; }
.node-card.node-offline .node-icon { border-color: #4d586b; color: #8490a2; background: #202938; }
.node-active .node-status { background: var(--cyan); box-shadow: 0 0 0 4px rgba(101, 241, 208, .09); }
.node-busy .node-status { background: var(--orange); box-shadow: 0 0 0 4px rgba(255, 181, 109, .09); }
.node-offline .node-status { background: #5d687b; box-shadow: none; }
.node-copy { min-width: 0; }
.node-copy small { display: block; max-width: 190px; overflow: hidden; margin-top: 5px; color: #8d9aab; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.nodes-loading { padding: 30px 12px; color: #69798f; font: 10px "SFMono-Regular", Consolas, monospace; text-align: center; }
.nodes-error { color: var(--red); }

.home-landing { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(390px, .95fr); gap: 15px; min-height: 430px; padding: 42px 40px; border: 1px solid var(--line); border-radius: 17px; background: linear-gradient(135deg, rgba(17, 28, 42, .9), rgba(9, 16, 26, .78)); box-shadow: var(--shadow); overflow: hidden; }.home-landing::after { position: absolute; content: ""; }.landing-copy { display: flex; flex-direction: column; justify-content: center; max-width: 530px; }.landing-copy h2 { margin: 15px 0 15px; color: #f2f7fb; font-size: clamp(32px, 4.2vw, 58px); line-height: 1.05; letter-spacing: -.065em; }.landing-copy p { max-width: 485px; margin: 0; color: #8998aa; font-size: 13px; line-height: 1.85; }.landing-button { align-self: flex-start; margin-top: 28px; border: 1px solid #428b7a; border-radius: 8px; padding: 11px 14px; color: var(--cyan); background: #14332f; font-size: 11px; }.landing-button:hover { background: #1a4b40; }.landing-button span { margin-left: 7px; font-size: 16px; }.landing-side { display: flex; flex-direction: column; justify-content: center; gap: 17px; }.landing-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }.landing-stats div { padding: 11px 12px; border: 1px solid #24344a; border-radius: 9px; background: rgba(10, 17, 27, .55); }.landing-stats b, .landing-stats span { display: block; }.landing-stats b { color: #dce9f2; font: 600 17px "SFMono-Regular", Consolas, monospace; }.landing-stats span { margin-top: 5px; color: #687a90; font-size: 10px; }.video-placeholder { position: relative; min-height: 210px; display: flex; align-items: flex-end; gap: 12px; overflow: hidden; border: 1px solid #2d4158; border-radius: 13px; padding: 18px; background: linear-gradient(145deg, #13263a, #0b121e 72%); }.video-placeholder::before { position: absolute; inset: 0; background: linear-gradient(110deg, transparent 18%, rgba(101, 241, 208, .08) 48%, transparent 80%); content: ""; transform: translateX(-100%); animation: scan 5s ease-in-out infinite; }.video-grid { position: absolute; inset: 0; opacity: .3; background-image: linear-gradient(rgba(109, 171, 207, .15) 1px, transparent 1px), linear-gradient(90deg, rgba(109, 171, 207, .15) 1px, transparent 1px); background-size: 32px 32px; transform: perspective(300px) rotateX(58deg) scale(1.6); transform-origin: bottom; }.play-button { position: relative; z-index: 1; display: grid; place-items: center; width: 48px; height: 48px; padding-left: 3px; border: 1px solid rgba(101, 241, 208, .6); border-radius: 50%; color: var(--cyan); background: rgba(9, 27, 29, .78); font-size: 16px; }.video-copy, .video-label { position: relative; z-index: 1; }.video-copy b, .video-copy span { display: block; }.video-copy b { color: #e4eef4; font-size: 12px; }.video-copy span { margin-top: 4px; color: #75879b; font-size: 10px; }.video-label { position: absolute; top: 15px; right: 16px; color: #6cd8bd; font: 9px "SFMono-Regular", Consolas, monospace; letter-spacing: .14em; }@keyframes scan { 0%, 20% { transform: translateX(-100%); } 65%, 100% { transform: translateX(100%); } }
.profile-view { padding: 30px; border: 1px solid var(--line); border-radius: 17px; background: linear-gradient(145deg, rgba(17, 26, 40, .9), rgba(10, 16, 25, .82)); box-shadow: var(--shadow); }.profile-page-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 28px; }.profile-page-head h2 { margin: 10px 0 6px; font-size: 26px; letter-spacing: -.05em; }.profile-page-head p { margin: 0; color: #7e8fa3; font-size: 12px; }.profile-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.profile-main-card, .points-main-card { display: flex; align-items: center; gap: 15px; min-height: 150px; padding: 21px; border: 1px solid #27384e; border-radius: 12px; background: rgba(9, 15, 24, .64); }.profile-big-avatar { display: grid; place-items: center; flex: 0 0 58px; width: 58px; height: 58px; border: 1px solid #4dbaa4; border-radius: 17px; color: #071713; background: linear-gradient(135deg, #9af4df, #38b598); font: 700 20px "SFMono-Regular", Consolas, monospace; }.profile-eyebrow { color: #68cbb2; font: 9px "SFMono-Regular", Consolas, monospace; letter-spacing: .12em; }.profile-main-card h3 { margin: 6px 0 4px; font-size: 16px; }.profile-main-card p { margin: 0; color: #718299; font-size: 11px; }.profile-online { align-self: flex-start; margin-left: auto; color: var(--cyan); font: 9px "SFMono-Regular", Consolas, monospace; }.profile-online i { display: inline-block; width: 5px; height: 5px; margin-right: 4px; border-radius: 50%; background: var(--cyan); }.points-main-card { flex-direction: column; align-items: flex-start; gap: 7px; }.points-heading { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 12px; }.points-heading > span, .points-main-card small { color: #76879b; font-size: 10px; }.recharge-button { border: 1px solid #397f71; border-radius: 7px; padding: 7px 9px; color: var(--cyan); background: #15342f; font-size: 10px; }.recharge-button:hover { background: #1d4b42; }.recharge-button span { margin-left: 4px; font-size: 12px; }.points-main-card strong { color: var(--cyan); font: 600 34px "SFMono-Regular", Consolas, monospace; letter-spacing: -.06em; }.points-bar { width: 100%; height: 4px; margin-top: 4px; overflow: hidden; border-radius: 5px; background: #203242; }.points-bar i { display: block; width: 32%; height: 100%; border-radius: inherit; background: var(--cyan); }.account-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 12px; }.account-stats div { padding: 17px; border: 1px solid #24344a; border-radius: 10px; background: rgba(9, 15, 24, .5); }.account-stats span, .account-stats b, .account-stats small { display: block; }.account-stats span { color: #78899e; font-size: 10px; }.account-stats b { margin: 9px 0 4px; color: #dbe7ee; font: 600 20px "SFMono-Regular", Consolas, monospace; }.account-stats small { color: #57687e; font-size: 10px; }
@media (max-width: 820px) { .home-landing { grid-template-columns: 1fr; padding: 28px; }.landing-copy { max-width: none; }.landing-side { margin-top: 8px; }.profile-grid { grid-template-columns: 1fr; } }
@media (max-width: 520px) { .home-landing { padding: 22px 20px; }.landing-copy h2 { font-size: 36px; }.landing-stats { gap: 6px; }.landing-stats div { padding: 9px; }.landing-stats b { font-size: 14px; }.profile-view { padding: 20px; }.profile-page-head { flex-direction: column; }.account-stats { gap: 6px; }.account-stats div { padding: 12px; } }

.auth-locked .main-nav, .auth-locked .header-right { display: none; }
.auth-locked .home-landing, .auth-locked .profile-view, .auth-locked #monitor-view { display: none !important; }
.auth-view { display: grid; grid-template-columns: minmax(0, 1fr) minmax(330px, 390px); align-items: center; gap: 80px; min-height: 560px; padding: 45px 48px; border: 1px solid var(--line); border-radius: 17px; background: linear-gradient(135deg, rgba(17, 28, 42, .9), rgba(9, 16, 26, .8)); box-shadow: var(--shadow); }
.auth-copy { max-width: 540px; }.auth-copy h2 { margin: 16px 0 15px; color: #f2f7fb; font-size: clamp(34px, 5vw, 62px); line-height: 1.03; letter-spacing: -.065em; }.auth-copy p { max-width: 430px; margin: 0; color: #8998aa; font-size: 13px; line-height: 1.85; }.auth-signal { display: flex; align-items: center; gap: 9px; width: fit-content; margin-top: 42px; padding: 10px 12px; border: 1px solid #25423f; border-radius: 7px; color: #73d6bd; background: rgba(17, 58, 51, .22); font: 9px "SFMono-Regular", Consolas, monospace; letter-spacing: .1em; }.auth-signal b { margin-left: 13px; color: #64778d; font-weight: 500; }
.auth-card { padding: 25px; border: 1px solid #2b3d52; border-radius: 15px; background: rgba(10, 17, 27, .82); box-shadow: 0 22px 70px rgba(0, 0, 0, .28); }.auth-card-head h3 { margin: 8px 0 20px; color: #e7f0f4; font-size: 22px; letter-spacing: -.04em; }.auth-tabs { display: flex; gap: 5px; margin-bottom: 22px; padding: 4px; border: 1px solid #233247; border-radius: 8px; background: rgba(5, 10, 17, .6); }.auth-tab { flex: 1; border: 0; border-radius: 6px; padding: 9px; color: #718198; background: transparent; font-size: 11px; }.auth-tab.active { color: #d9f9ef; background: #18342f; box-shadow: inset 0 0 0 1px #2e7164; }.auth-form { display: grid; gap: 9px; }.auth-label { margin-top: 4px; color: #aebccc; font-size: 11px; }.auth-input { width: 100%; min-height: 42px; border: 1px solid #27364a; border-radius: 8px; outline: none; padding: 10px 12px; color: var(--text); background: #090f18; font-size: 12px; }.auth-input:focus { border-color: #3e9e8c; box-shadow: 0 0 0 3px rgba(101, 241, 208, .07); }.code-row { display: grid; grid-template-columns: 1fr auto; gap: 7px; }.code-button { min-width: 92px; border: 1px solid #31584f; border-radius: 8px; color: var(--cyan); background: #132c29; font-size: 10px; }.code-button:hover { background: #1a443c; }.code-button:disabled { cursor: wait; opacity: .5; }.auth-submit { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: 8px; border: 0; border-radius: 8px; padding: 12px 14px; color: #061713; background: var(--cyan); font-size: 12px; font-weight: 800; }.auth-submit:hover { background: #9bf6df; }.auth-submit span { font-size: 17px; }.auth-link, .back-auth { border: 0; padding: 4px 0; color: #6cbda9; background: transparent; font-size: 10px; text-align: left; }.auth-link:hover, .back-auth:hover { color: var(--cyan); }.auth-hint { margin: 3px 0 0; color: #63748a; font-size: 10px; }.auth-message { min-height: 17px; margin: 12px 0 0; color: var(--red); font-size: 10px; line-height: 1.5; }.auth-form-title { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; color: #d7e2e9; font-size: 13px; }.back-auth { font-size: 18px; line-height: 1; }.auth-view[hidden] { display: none; }
.logout-button { width: 100%; margin-top: 12px; border: 1px solid #633d4a; border-radius: 6px; padding: 8px; color: #e997a0; background: rgba(93, 37, 51, .24); font-size: 10px; }.logout-button:hover { border-color: var(--red); color: #fff; background: rgba(125, 42, 57, .6); }
.admin-panel { margin-top: 14px; padding: 20px; border: 1px solid #3b4a59; border-radius: 12px; background: rgba(9, 15, 24, .52); }.admin-panel-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 16px; }.admin-panel-head h3 { margin: 7px 0 0; font-size: 17px; }.admin-panel-head > span { color: #8e9bad; font-size: 10px; }.grant-form { display: grid; grid-template-columns: 1.1fr .65fr 1fr auto; gap: 8px; align-items: center; }.grant-form .auth-input { min-height: 38px; }.grant-form .auth-submit { width: auto; min-height: 38px; margin: 0; white-space: nowrap; }
@media (max-width: 820px) { .auth-view { grid-template-columns: 1fr; gap: 26px; min-height: auto; padding: 30px; }.auth-copy { max-width: none; }.auth-signal { margin-top: 25px; }.grant-form { grid-template-columns: 1fr 1fr; }.grant-form .auth-submit { grid-column: 1 / -1; } }
@media (max-width: 520px) { .auth-view { padding: 22px 20px; }.auth-copy h2 { font-size: 38px; }.auth-card { padding: 20px; }.grant-form { grid-template-columns: 1fr; }.grant-form .auth-submit { grid-column: auto; } }
.auth-message.success { color: var(--cyan); }

.question-actions { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.question-filter { min-height: 27px; border: 1px solid #2a4257; border-radius: 6px; padding: 4px 22px 4px 7px; color: #9eb0bf; background: #0d1724; font-size: 9px; }
.danger-text-button { color: #ef9da5; }
.question-manage-actions { display: flex; align-items: center; gap: 5px; margin-top: 7px; }
.question-manage-actions button { border: 0; padding: 0; color: #7790a0; background: transparent; font-size: 9px; }
.question-manage-actions button:hover { color: var(--cyan); }
.question-manage-actions .question-delete-button:hover, .danger-text-button:hover { color: var(--red); }
.text-button { border: 0; padding: 0; color: var(--cyan); background: transparent; font-size: 10px; }
.text-button:hover { color: #d9fff4; }
.text-button:disabled { cursor: not-allowed; opacity: .35; }
.cost-hint { margin: -8px 0 0; color: #668298; font-size: 9px; text-align: right; }
.cache-toggle { display: flex; align-items: center; gap: 7px; margin-top: 10px; color: #9eb3c2; font-size: 10px; cursor: pointer; }
.cache-toggle input { accent-color: var(--cyan); }
.cache-toggle small { color: #647c8e; font: 9px "SFMono-Regular", Consolas, monospace; }
.cache-hit-badge { padding: 3px 6px; border: 1px solid #347d70; border-radius: 4px; color: #8cf0d1; background: #153a35; font-size: 9px; }

.api-console-view { min-width: 0; }
.api-console-layout { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 15px; }
.api-sidebar { align-self: start; padding: 16px; border: 1px solid var(--line); border-radius: 14px; background: linear-gradient(145deg, rgba(17, 28, 42, .9), rgba(9, 16, 26, .8)); box-shadow: var(--shadow); }
.api-sidebar-kicker, .api-sidebar-label, .api-doc-label, .created-key-label { color: #6d8397; font: 9px "SFMono-Regular", Consolas, monospace; letter-spacing: .12em; }
.api-sidebar-label { margin: 22px 8px 8px; }
.api-side-nav { display: grid; width: 100%; gap: 4px; border: 1px solid transparent; border-radius: 8px; padding: 10px 11px; color: #7890a5; background: transparent; text-align: left; transition: .2s; }
.api-side-nav span, .api-side-nav small { display: block; }
.api-side-nav span { color: inherit; font-size: 11px; }
.api-side-nav small { margin-top: 4px; color: #5d7287; font: 9px "SFMono-Regular", Consolas, monospace; }
.api-side-nav:hover, .api-side-nav.active { border-color: #2e7164; color: #d9f9ef; background: #18342f; }
.api-side-nav.active small { color: #77d9c0; }
.api-console-content { min-width: 0; }
.api-panel { padding: 25px; border: 1px solid var(--line); border-radius: 15px; background: linear-gradient(145deg, rgba(17, 26, 40, .9), rgba(10, 16, 25, .82)); box-shadow: var(--shadow); }
.api-page-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 22px; }
.api-page-head h2 { margin: 9px 0 6px; color: #eff8fb; font-size: 25px; letter-spacing: -.05em; }
.api-page-head p { margin: 0; color: #7e8fa3; font-size: 11px; line-height: 1.6; }
.api-live-chip, .method-chip { display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto; padding: 7px 9px; border: 1px solid #2d655c; border-radius: 7px; color: var(--cyan); background: rgba(21, 59, 53, .45); font: 9px "SFMono-Regular", Consolas, monospace; letter-spacing: .08em; }
.api-live-chip i { width: 5px; height: 5px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 0 4px rgba(101, 241, 208, .1); }
.method-chip { border-color: #4f6b3e; color: #d7e99f; background: rgba(62, 75, 33, .35); }
.api-key-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: end; }
.api-key-form .primary-button { width: auto; min-height: 42px; margin: 0; white-space: nowrap; }
.created-key-card { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 17px; padding: 14px; border: 1px solid #3b826f; border-radius: 10px; background: rgba(15, 54, 48, .38); }
.created-key-card strong { display: block; margin-top: 8px; color: var(--cyan); font: 600 12px "SFMono-Regular", Consolas, monospace; line-height: 1.5; overflow-wrap: anywhere; }
.ghost-button { flex: 0 0 auto; border: 1px solid #397f71; border-radius: 7px; padding: 8px 10px; color: var(--cyan); background: #15342f; font-size: 10px; }
.ghost-button:hover { background: #1d4b42; }
.ghost-button b { margin-left: 5px; font-size: 13px; }
.api-list-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 26px; padding-bottom: 9px; border-bottom: 1px solid #223149; color: #cbd9e2; font-size: 11px; }
.api-list-head small { color: #687b90; font-size: 9px; }
.api-key-list { display: grid; gap: 7px; margin-top: 9px; }
.api-key-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px; border: 1px solid #27384e; border-radius: 9px; background: rgba(9, 15, 24, .58); }
.api-key-row.is-revoked { opacity: .58; }
.api-key-main { min-width: 0; }
.api-key-main > div { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.api-key-main strong { color: #d9e6ed; font-size: 11px; }
.api-key-main code { display: block; margin-top: 6px; color: #78d9c1; font: 10px "SFMono-Regular", Consolas, monospace; }
.api-key-main small { display: block; margin-top: 6px; color: #687b90; font-size: 9px; }
.api-key-status { border-radius: 4px; padding: 3px 5px; font: 8px "SFMono-Regular", Consolas, monospace; letter-spacing: .08em; }
.api-key-status.active { color: var(--cyan); background: rgba(51, 135, 112, .25); }
.api-key-status.revoked { color: #e997a0; background: rgba(125, 42, 57, .25); }
.api-key-revoke { flex: 0 0 auto; border: 1px solid #633d4a; border-radius: 6px; padding: 6px 8px; color: #e997a0; background: rgba(93, 37, 51, .24); font-size: 9px; }
.api-key-revoke:hover { border-color: var(--red); color: #fff; background: rgba(125, 42, 57, .6); }
.api-empty { padding: 24px 10px; color: #687b90; font-size: 10px; text-align: center; }
.endpoint-line { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; padding: 11px 12px; border: 1px solid #29423f; border-radius: 8px; background: rgba(16, 49, 45, .28); }
.endpoint-line code { color: var(--cyan); font: 11px "SFMono-Regular", Consolas, monospace; }
.endpoint-line span { color: #7ea49a; font-size: 9px; }
.api-doc-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.api-doc-grid > div { min-width: 0; }
.api-panel pre { min-height: 160px; max-height: 330px; overflow: auto; margin: 8px 0 0; padding: 13px; border: 1px solid #24364b; border-radius: 8px; background: #080e17; }
.api-panel pre code { color: #b9d3d5; font: 10px/1.65 "SFMono-Regular", Consolas, monospace; white-space: pre; }
.api-reference-panel[hidden] { display: none; }
.api-console-view[hidden] { display: none; }
@media (max-width: 820px) { .api-console-layout { grid-template-columns: 1fr; }.api-sidebar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }.api-sidebar-kicker, .api-sidebar-label { grid-column: 1 / -1; margin: 0 0 3px; }.api-sidebar-label { margin-top: 8px; } }
@media (max-width: 560px) { .api-panel { padding: 20px; }.api-key-form, .api-doc-grid { grid-template-columns: 1fr; }.api-key-form .primary-button { width: 100%; }.api-sidebar { display: grid; grid-template-columns: 1fr; }.api-sidebar-label { grid-column: auto; }.api-page-head, .created-key-card, .endpoint-line { align-items: flex-start; flex-direction: column; }.api-key-row { align-items: flex-start; flex-direction: column; }.api-key-revoke { align-self: flex-end; } }

.research-form { display: grid; gap: 16px; }
.region-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.research-input-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.select-field { display: grid; gap: 7px; color: #8998aa; font-size: 10px; }
.research-input { width: 100%; min-height: 42px; border: 1px solid #27364a; border-radius: 8px; outline: none; padding: 10px 11px; color: var(--text); background: #090f18; font-size: 12px; }
.research-input:focus { border-color: #3e9e8c; box-shadow: 0 0 0 3px rgba(101, 241, 208, .07); }
.research-input:disabled { cursor: not-allowed; color: #596a80; background: #0c131d; opacity: .72; }
select.research-input { appearance: none; background-image: linear-gradient(45deg, transparent 50%, #65f1d0 50%), linear-gradient(135deg, #65f1d0 50%, transparent 50%); background-position: calc(100% - 14px) 18px, calc(100% - 9px) 18px; background-repeat: no-repeat; background-size: 5px 5px, 5px 5px; }
.research-status { min-height: 15px; margin: 0; color: #73869b; font-size: 10px; }
.research-result { margin-top: 24px; border-top: 1px solid #223149; padding-top: 20px; }
.result-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 17px; }.result-heading > div { display: flex; align-items: center; gap: 10px; }.result-heading h3 { margin: 0; color: #dce7ed; font-size: 14px; }.result-heading > span { color: var(--cyan); font: 9px "SFMono-Regular", Consolas, monospace; }
.question-head { margin-top: 0; margin-bottom: 9px; }.question-grid { display: grid; gap: 7px; max-height: 390px; overflow-y: auto; padding-right: 3px; }.question-card { position: relative; display: grid; grid-template-columns: 25px 1fr 17px; align-items: start; gap: 9px; border: 1px solid #253348; border-radius: 9px; padding: 10px; background: rgba(11, 17, 27, .72); cursor: pointer; transition: border .2s, background .2s, transform .2s; }.question-card:hover, .question-card.selected { border-color: #398e7e; background: linear-gradient(135deg, rgba(27, 61, 58, .84), rgba(12, 24, 31, .9)); transform: translateY(-1px); }.question-card input { position: absolute; opacity: 0; }.question-number { display: grid; place-items: center; width: 23px; height: 23px; border: 1px solid #365165; border-radius: 6px; color: #8ea2b6; font: 10px "SFMono-Regular", Consolas, monospace; }.question-card.selected .question-number { border-color: #4caa95; color: var(--cyan); background: #153b37; }.question-copy { min-width: 0; }.question-copy b, .question-copy small { display: block; }.question-copy b { color: #d3e0e8; font-size: 11px; line-height: 1.5; }.question-copy small { margin-top: 5px; color: #718399; font-size: 9px; line-height: 1.4; }.question-check { padding-top: 2px; color: var(--cyan); font: 12px "SFMono-Regular", Consolas, monospace; opacity: 0; }.question-card.selected .question-check { opacity: 1; }.research-result .target-head { margin-top: 20px; }.research-result .target-grid { margin-bottom: 13px; }
@media (max-width: 620px) { .region-grid, .research-input-grid { grid-template-columns: 1fr; }.question-grid { max-height: none; }.result-heading { flex-direction: column; gap: 7px; } }

.guide-panel { grid-template-columns: minmax(0, 1fr) auto; }
.schedule-view { display: grid; gap: 15px; }
.schedule-hero { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 28px 30px; }
.schedule-hero h2 { margin: 9px 0 7px; color: #eff8fb; font-size: clamp(24px, 3vw, 37px); letter-spacing: -.055em; }
.schedule-hero p { margin: 0; color: #8291a4; font-size: 12px; }
.schedule-status-chip { display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto; padding: 8px 10px; border: 1px solid #2d655c; border-radius: 7px; color: var(--cyan); background: rgba(21, 59, 53, .45); font: 9px "SFMono-Regular", Consolas, monospace; letter-spacing: .08em; }
.schedule-status-chip i { width: 5px; height: 5px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 0 4px rgba(101, 241, 208, .1); }
.schedule-form { display: grid; gap: 16px; }
.schedule-target-head { margin-top: 3px; margin-bottom: -6px; }
.schedule-target-grid .target-logo b { display: none; }
.schedule-note { display: flex; align-items: flex-start; gap: 8px; padding: 10px 11px; border: 1px solid #29423f; border-radius: 8px; color: #86b4a8; background: rgba(16, 49, 45, .36); }
.schedule-note > span { color: var(--cyan); font: 13px "SFMono-Regular", Consolas, monospace; }
.schedule-note p { margin: 0; color: #799b95; font-size: 10px; line-height: 1.55; }
.schedule-side-panel { min-height: 100%; }
.schedule-preview { display: flex; flex-direction: column; gap: 9px; min-height: 170px; padding: 18px; border: 1px solid #27384d; border-radius: 12px; background: linear-gradient(145deg, rgba(11, 24, 34, .82), rgba(10, 16, 25, .76)); }
.schedule-preview.is-active { border-color: #327b6b; box-shadow: inset 0 0 30px rgba(72, 214, 180, .05); }
.schedule-preview-label { color: #6d8397; font: 9px "SFMono-Regular", Consolas, monospace; letter-spacing: .14em; }
.schedule-preview strong { color: var(--cyan); font: 600 28px "SFMono-Regular", Consolas, monospace; letter-spacing: -.05em; }
.schedule-preview p { max-width: 220px; margin: 0; color: #7b8c9e; font-size: 10px; line-height: 1.55; }
.schedule-side-panel .mini-stats { margin-top: auto; padding-top: 18px; }
.toast { position: fixed; z-index: 20; right: 26px; bottom: 26px; max-width: min(360px, calc(100vw - 40px)); padding: 12px 15px; border: 1px solid #397f71; border-radius: 9px; color: #dffbf4; background: rgba(13, 40, 37, .96); box-shadow: 0 18px 45px rgba(0, 0, 0, .34), 0 0 25px rgba(101, 241, 208, .08); font-size: 11px; line-height: 1.45; }
.toast[data-tone="success"] { border-color: #56b997; color: #effff9; }
.toast[hidden] { display: none; }
@media (max-width: 820px) { .schedule-hero { align-items: flex-start; flex-direction: column; }.schedule-status-chip { align-self: flex-start; } }
@media (max-width: 520px) { .schedule-hero { padding: 23px 20px; }.toast { right: 20px; bottom: 20px; } }

.main-nav { overflow-x: auto; scrollbar-width: none; }
.main-nav::-webkit-scrollbar { display: none; }
.traffic-view { display: grid; gap: 15px; min-width: 0; }
.traffic-hero { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 28px 30px; }
.traffic-hero h2 { margin: 10px 0 7px; color: #eff8fb; font-size: clamp(25px, 3.2vw, 39px); letter-spacing: -.06em; }
.traffic-hero p { max-width: 620px; margin: 0; color: #8291a4; font-size: 12px; line-height: 1.7; }
.traffic-status-chip { display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto; padding: 9px 11px; border: 1px solid #2d655c; border-radius: 7px; color: var(--cyan); background: rgba(21, 59, 53, .45); font: 9px "SFMono-Regular", Consolas, monospace; letter-spacing: .08em; }
.traffic-status-chip i { width: 5px; height: 5px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 0 4px rgba(101, 241, 208, .1); }
.traffic-controls-panel { display: grid; grid-template-columns: 1.1fr 1.7fr auto; align-items: end; gap: 20px; padding: 20px 24px; }
.traffic-filter-copy { display: grid; gap: 5px; }
.traffic-filter-copy strong { color: #dce7ed; font-size: 14px; }
.traffic-filter-copy small { color: #718399; font-size: 10px; }
.traffic-category-controls { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.traffic-toolbar { display: flex; gap: 7px; }
.traffic-toolbar .ghost-button, .traffic-toolbar .primary-button { width: auto; margin: 0; white-space: nowrap; }
.traffic-export-button { min-height: 40px; padding: 9px 12px; }
.traffic-summary-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.traffic-summary-card { display: grid; gap: 7px; min-height: 118px; padding: 18px; }
.traffic-summary-card span { color: #8494a7; font-size: 10px; }
.traffic-summary-card strong { color: var(--cyan); font: 600 28px "SFMono-Regular", Consolas, monospace; letter-spacing: -.06em; }
.traffic-summary-card small { color: #64778d; font-size: 9px; }
.traffic-chart-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 15px; }
.traffic-chart-card { min-width: 0; padding: 22px; }
.traffic-platform-chart { display: grid; gap: 14px; margin-top: 19px; }
.traffic-platform-row { padding: 12px; border: 1px solid #26384d; border-radius: 9px; background: rgba(9, 15, 24, .5); }
.traffic-platform-title { display: flex; align-items: center; gap: 8px; }
.traffic-platform-title strong { color: #dbe7ee; font-size: 11px; }
.traffic-platform-title small { margin-left: auto; color: #64778d; font: 9px "SFMono-Regular", Consolas, monospace; }
.traffic-platform-icon { display: grid; place-items: center; width: 25px; height: 25px; border: 1px solid #396b63; border-radius: 7px; color: #071713; background: var(--cyan); font: 700 10px "SFMono-Regular", Consolas, monospace; }
.platform-deepseek { color: #d9e7ff; border-color: #526eab; background: #283b68; }.platform-kimi { color: #f1e9ff; border-color: #8a62bd; background: #4d3276; }.platform-qwen { color: #e8e2ff; border-color: #635bb2; background: #312969; }.platform-yuanbao { color: #efffd4; border-color: #69ab53; background: #2f814e; }
.traffic-platform-metrics { display: grid; gap: 7px; margin-top: 12px; }
.traffic-bar-group { display: grid; grid-template-columns: 34px 1fr 44px; align-items: center; gap: 7px; color: #718399; font-size: 9px; }
.traffic-bar { height: 5px; overflow: hidden; border-radius: 5px; background: #1c2b3c; }.traffic-bar i { display: block; height: 100%; border-radius: inherit; background: var(--cyan); transition: width .35s ease; }.traffic-bar.citation i { background: #84a9ff; }.traffic-bar.reputation i { background: #c1d878; }
.traffic-bar-group b { color: #aabac7; font: 9px "SFMono-Regular", Consolas, monospace; text-align: right; }
.traffic-trend-wrap { position: relative; min-height: 240px; margin-top: 13px; }
.traffic-trend-chart { display: block; width: 100%; height: 240px; }.traffic-axis { stroke: #385066; stroke-width: 1; }.traffic-grid-line { stroke: #23364a; stroke-width: 1; stroke-dasharray: 4 5; }.traffic-line { fill: none; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }.traffic-line-exposure { stroke: var(--cyan); }.traffic-line-citation { stroke: #84a9ff; }.traffic-line-reputation { stroke: #c1d878; }
.traffic-chart-empty { position: absolute; inset: 0; display: grid; place-items: center; color: #657a91; font: 10px "SFMono-Regular", Consolas, monospace; }.traffic-chart-empty[hidden] { display: none; }
.traffic-legend { display: flex; flex-wrap: wrap; gap: 15px; margin-top: 4px; color: #74869a; font-size: 9px; }.traffic-legend i { display: inline-block; width: 7px; height: 3px; margin: 0 5px 2px 0; border-radius: 3px; }.legend-exposure { background: var(--cyan); }.legend-citation { background: #84a9ff; }.legend-reputation { background: #c1d878; }
.traffic-products-panel { padding: 22px; }.traffic-table-wrap { overflow-x: auto; margin-top: 15px; }.traffic-table { width: 100%; border-collapse: collapse; min-width: 650px; }.traffic-table th, .traffic-table td { padding: 11px 10px; border-bottom: 1px solid #223149; color: #8b9bae; font-size: 10px; text-align: left; white-space: nowrap; }.traffic-table th { color: #60758b; font: 9px "SFMono-Regular", Consolas, monospace; letter-spacing: .08em; text-transform: uppercase; }.traffic-table td strong, .traffic-table td small { display: block; }.traffic-table td strong { color: #d5e2e9; font-size: 11px; }.traffic-table td small { margin-top: 4px; color: #708298; font-size: 9px; }.traffic-table td:nth-child(n+3) { color: var(--cyan); font: 10px "SFMono-Regular", Consolas, monospace; }.traffic-product-platform { color: #aac0d1; }.traffic-table-empty { padding: 28px 10px 10px; color: #657a91; font-size: 10px; text-align: center; }.traffic-table-empty[hidden] { display: none; }
.traffic-monitor-controls { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; align-items: end; }.traffic-monitor-actions { display: flex; gap: 8px; }.traffic-monitor-actions .auth-submit { width: auto; min-height: 38px; margin: 0; white-space: nowrap; }.traffic-monitor-actions .ghost-button { min-height: 38px; padding: 8px 13px; }.traffic-monitor-actions button:disabled { cursor: not-allowed; opacity: .45; }.traffic-monitor-admin .admin-panel-head > span { color: var(--cyan); font: 9px "SFMono-Regular", Consolas, monospace; }
@media (max-width: 900px) { .traffic-controls-panel { grid-template-columns: 1fr 1.4fr; }.traffic-toolbar { grid-column: 1 / -1; justify-content: flex-end; }.traffic-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.traffic-chart-grid { grid-template-columns: 1fr; } }
@media (max-width: 620px) { .traffic-hero { align-items: flex-start; flex-direction: column; padding: 23px 20px; }.traffic-controls-panel { grid-template-columns: 1fr; padding: 18px; }.traffic-category-controls { grid-template-columns: 1fr; }.traffic-toolbar { justify-content: stretch; }.traffic-toolbar button { flex: 1; }.traffic-summary-grid { gap: 7px; }.traffic-summary-card { min-height: 100px; padding: 13px; }.traffic-summary-card strong { font-size: 23px; }.traffic-chart-card, .traffic-products-panel { padding: 18px; }.traffic-monitor-controls { grid-template-columns: 1fr; }.traffic-monitor-actions { justify-content: flex-end; } }

#monitor-dashboard.instant-dashboard, #monitor-dashboard { grid-template-columns: 1fr; }
.profile-menu { display: grid; gap: 4px; margin: 13px 0 10px; padding-top: 10px; border-top: 1px solid #223149; }
.profile-menu-button { display: grid; grid-template-columns: 24px 1fr auto 15px; align-items: center; gap: 6px; width: 100%; padding: 9px 7px; border: 1px solid transparent; border-radius: 7px; color: #8c9caf; background: transparent; text-align: left; }
.profile-menu-button:hover { border-color: #31584f; color: var(--cyan); background: #132b2a; }
.profile-menu-button > span, .profile-menu-button > small { color: #60768d; font: 9px "SFMono-Regular", Consolas, monospace; }.profile-menu-button strong { color: #d5e1e8; font-size: 10px; font-weight: 500; }.profile-menu-button small { text-align: right; }.profile-menu-button b { color: var(--cyan); font-size: 13px; font-weight: 400; }
.node-copy { min-width: 0; }.node-copy .node-metrics { color: #64879a; font-size: 9px; letter-spacing: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.points-ledger-panel { margin-top: 12px; padding: 22px; }.points-ledger-list { display: grid; gap: 0; }.points-ledger-row { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 14px 0; border-bottom: 1px solid #223149; }.points-ledger-row:first-child { padding-top: 0; }.points-ledger-row > div { display: flex; flex-direction: column; gap: 5px; }.points-ledger-row > div:last-child { align-items: flex-end; }.points-ledger-row strong { color: var(--cyan); font: 600 16px "SFMono-Regular", Consolas, monospace; }.points-ledger-row span, .points-ledger-row small { color: #7c8da0; font-size: 10px; }.points-ledger-row b { color: #d9e6ed; font: 600 12px "SFMono-Regular", Consolas, monospace; }
.admin-page { display: grid; gap: 14px; }.admin-page-hero { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 27px; }.admin-page-hero h2 { margin: 9px 0 6px; font-size: 25px; letter-spacing: -.05em; }.admin-page-hero p { max-width: 640px; margin: 0; color: #7c8da0; font-size: 11px; line-height: 1.75; }.admin-task-controls, .admin-task-list-panel, .admin-users-panel, .node-management-panel { padding: 23px; }.traffic-monitor-category-controls { display: grid; grid-template-columns: 1fr 1fr .8fr auto; gap: 9px; align-items: end; }.traffic-monitor-category-controls .primary-button { min-height: 38px; margin: 0; white-space: nowrap; }.traffic-monitor-filter-actions { display: flex; flex-wrap: wrap; gap: 7px; }.traffic-monitor-filter-actions .ghost-button { min-height: 34px; }.traffic-monitor-task-list { display: grid; gap: 8px; }.traffic-monitor-task-row { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 14px; padding: 14px; border: 1px solid #26384c; border-radius: 10px; background: rgba(8, 15, 24, .58); }.traffic-monitor-task-main { display: flex; align-items: center; gap: 10px; min-width: 0; }.traffic-monitor-task-main > div { min-width: 0; }.traffic-monitor-task-main strong, .traffic-monitor-task-main span { display: block; }.traffic-monitor-task-main strong { color: #d9e5ec; font-size: 12px; }.traffic-monitor-task-main span { margin-top: 4px; color: #74879a; font-size: 10px; }.traffic-monitor-task-meta { display: flex; align-items: center; gap: 10px; color: #7e90a3; font: 9px "SFMono-Regular", Consolas, monospace; white-space: nowrap; }.monitor-status-badge, .user-role-badge { padding: 4px 7px; border-radius: 4px; color: #6e8395; background: #1a2735; }.monitor-status-badge.running, .user-role-badge.admin { color: var(--cyan); background: #153b37; }.monitor-cancel-button { min-height: 32px; padding: 7px 10px; color: #f4ad95; border-color: #6f453b; }.admin-users-table-wrap { overflow-x: auto; }.admin-users-table { width: 100%; min-width: 560px; border-collapse: collapse; }.admin-users-table th, .admin-users-table td { padding: 12px 9px; border-bottom: 1px solid #223149; color: #8b9bae; font-size: 10px; text-align: left; }.admin-users-table th { color: #60758b; font: 9px "SFMono-Regular", Consolas, monospace; letter-spacing: .08em; text-transform: uppercase; }.admin-users-table td strong, .admin-users-table td small { display: block; }.admin-users-table td strong { color: #d7e4eb; font-size: 11px; }.admin-users-table td small { margin-top: 4px; color: #708298; font-size: 9px; }.admin-users-table .user-points-value { color: var(--cyan); font: 600 12px "SFMono-Regular", Consolas, monospace; }.node-management-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 16px; }.node-management-stats div { padding: 13px; border: 1px solid #26384c; border-radius: 9px; background: rgba(8, 15, 24, .55); }.node-management-stats span, .node-management-stats strong { display: block; }.node-management-stats span { color: #778a9e; font-size: 10px; }.node-management-stats strong { margin-top: 8px; color: var(--cyan); font: 600 20px "SFMono-Regular", Consolas, monospace; }.node-management-map { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 7px; }.node-management-map .node-card { min-width: 0; align-items: flex-start; flex-direction: column; gap: 8px; }.node-management-map .node-icon { flex: 0 0 auto; }.node-management-map .node-status { position: absolute; top: 13px; right: 13px; }.node-management-map .route-line { display: none; }.node-api-note { margin: 16px 0 0; color: #71859a; font-size: 10px; line-height: 1.7; }.node-api-note code { color: var(--cyan); }
.traffic-category-create-grid { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto; gap: 9px; align-items: end; margin-bottom: 12px; padding: 12px; border: 1px solid #26384c; border-radius: 10px; background: rgba(7, 17, 28, .38); }.traffic-category-create-grid .ghost-button { min-height: 38px; white-space: nowrap; }.traffic-monitor-questions { margin-top: 12px; padding: 13px; border: 1px solid #26384c; border-radius: 10px; background: rgba(7, 17, 28, .35); }.traffic-monitor-question-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }.traffic-monitor-question-head > div { display: grid; gap: 5px; }.traffic-monitor-question-head small { color: #71879a; font: 9px "SFMono-Regular", Consolas, monospace; }.traffic-monitor-question-editor { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: end; margin-top: 10px; }.traffic-monitor-question-editor textarea { min-height: 72px; resize: vertical; }.traffic-monitor-question-editor .ghost-button { min-height: 38px; white-space: nowrap; }.traffic-monitor-question-list { display: grid; gap: 6px; margin-top: 11px; }.traffic-monitor-question-row { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; gap: 9px; align-items: center; padding: 9px 10px; border: 1px solid #23364b; border-radius: 8px; background: rgba(10, 22, 34, .6); }.traffic-monitor-question-row > span { color: var(--cyan); font: 9px "SFMono-Regular", Consolas, monospace; }.traffic-monitor-question-row strong { overflow-wrap: anywhere; color: #d7e4ec; font-size: 11px; font-weight: 500; line-height: 1.55; }.traffic-monitor-question-row .text-button { min-height: auto; padding: 4px; color: #ef9d85; }.traffic-monitor-platforms { display: flex; flex-wrap: wrap; gap: 7px; margin: 12px 0 0; padding: 0; border: 0; }.traffic-monitor-platforms legend { width: 100%; margin-bottom: 2px; color: #8ba1b1; font-size: 10px; }.traffic-monitor-platforms label { display: inline-flex; align-items: center; gap: 6px; min-height: 30px; padding: 0 10px; border: 1px solid #2a4157; border-radius: 999px; color: #9bb0be; background: #101d2a; cursor: pointer; font: 10px "SFMono-Regular", Consolas, monospace; }.traffic-monitor-platforms label:has(input:checked) { border-color: #258b79; color: #d6fff6; background: #123c36; }.traffic-monitor-platforms input { accent-color: var(--cyan); }.traffic-monitor-task-actions { display: flex; gap: 6px; }.traffic-monitor-task-actions .ghost-button { min-height: 32px; padding: 7px 10px; white-space: nowrap; }.monitor-task-error { max-width: 190px; overflow: hidden; color: #f2a28b; text-overflow: ellipsis; white-space: nowrap; }
.support-agent-form { display: grid; grid-template-columns: 1fr 1fr 1fr auto; gap: 9px; align-items: center; }
.support-agent-list { display: grid; gap: 8px; }
.support-agent-row { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 14px; padding: 14px; border: 1px solid #26384c; border-radius: 10px; background: rgba(8, 15, 24, .58); }
.support-agent-row strong, .support-agent-row small { display: block; }.support-agent-row strong { color: #d9e5ec; font-size: 12px; }.support-agent-row small { margin-top: 5px; color: #74879a; font-size: 10px; }
.support-status { display: inline-flex; align-items: center; gap: 6px; color: #71869a; font: 10px "SFMono-Regular", Consolas, monospace; }.support-status::before { width: 6px; height: 6px; border-radius: 50%; background: #6f8291; content: ""; }.support-status.online { color: var(--cyan); }.support-status.online::before { background: var(--cyan); box-shadow: 0 0 10px var(--cyan); }.support-status.busy { color: #f4c478; }.support-status.busy::before { background: #f4c478; }
.support-center-layout { display: grid; grid-template-columns: minmax(250px, .75fr) minmax(0, 1.6fr); gap: 14px; min-height: 560px; }.support-conversation-panel, .support-chat-panel { min-height: 560px; padding: 20px; }.support-conversation-list { display: grid; gap: 8px; }.support-conversation-item { width: 100%; padding: 13px; border: 1px solid #26384c; border-radius: 10px; color: #8194a5; background: rgba(8, 15, 24, .52); text-align: left; }.support-conversation-item.active, .support-conversation-item:hover { border-color: #2d8e7c; background: #102b2a; }.support-conversation-item strong, .support-conversation-item span, .support-conversation-item small { display: block; }.support-conversation-item strong { color: #d9e5ec; font-size: 12px; }.support-conversation-item span { margin-top: 5px; overflow: hidden; color: #7d91a3; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }.support-conversation-item small { margin-top: 8px; color: #60758b; font: 9px "SFMono-Regular", Consolas, monospace; }.support-chat-panel { display: flex; flex-direction: column; }.support-chat-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 14px; border-bottom: 1px solid #223149; }.support-chat-head h3 { margin: 6px 0 3px; color: #e4edf1; font-size: 16px; }.support-chat-head small { color: #71869a; font-size: 10px; }.support-chat-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 15px var(--cyan); }.support-message-list { display: flex; flex: 1; flex-direction: column; gap: 10px; min-height: 280px; max-height: 440px; overflow-y: auto; padding: 18px 3px; }.support-message { display: flex; max-width: 78%; flex-direction: column; gap: 4px; align-self: flex-start; }.support-message.mine { align-self: flex-end; align-items: flex-end; }.support-message-bubble { padding: 10px 12px; border: 1px solid #2a3d53; border-radius: 10px 10px 10px 3px; color: #cbd9e1; background: #111f2e; font-size: 12px; line-height: 1.55; white-space: pre-wrap; word-break: break-word; }.support-message.mine .support-message-bubble { border-color: #236859; border-radius: 10px 10px 3px 10px; color: #d8fff4; background: #123d37; }.support-message-meta { color: #62798e; font: 9px "SFMono-Regular", Consolas, monospace; }.support-message-attachment { max-width: 240px; border-radius: 8px; }.support-message-audio { width: 220px; }.support-composer { position: relative; border-top: 1px solid #223149; padding-top: 12px; }.support-composer textarea { width: 100%; min-height: 53px; resize: vertical; }.support-composer-actions { display: flex; align-items: center; justify-content: flex-end; gap: 6px; margin-top: 8px; }.composer-tool { display: inline-grid; width: 32px; height: 32px; place-items: center; border: 1px solid #2a3c52; border-radius: 7px; color: #8ca3b2; background: #0e1927; cursor: pointer; font-size: 16px; }.composer-tool:hover { border-color: var(--cyan); color: var(--cyan); }.composer-send { min-height: 32px; margin: 0; padding: 8px 13px; }.support-emoji-panel { position: absolute; right: 120px; bottom: 98px; z-index: 3; display: flex; flex-wrap: wrap; gap: 3px; width: 175px; padding: 8px; border: 1px solid #2d4359; border-radius: 9px; background: #101d2b; box-shadow: 0 12px 35px rgba(0, 0, 0, .35); }.support-emoji-panel button { width: 25px; height: 25px; border: 0; border-radius: 5px; background: transparent; cursor: pointer; }.support-emoji-panel button:hover { background: #1c3740; }.support-fab { position: fixed; right: 25px; bottom: 25px; z-index: 20; display: inline-flex; align-items: center; gap: 8px; padding: 12px 15px; border: 1px solid #2c9885; border-radius: 999px; color: #d9fff5; background: #123c37; box-shadow: 0 10px 30px rgba(0, 0, 0, .28), 0 0 20px rgba(78, 224, 194, .16); font-size: 11px; }.support-fab:hover { background: #18554b; }.support-fab-icon { color: var(--cyan); font-size: 19px; line-height: 1; }.support-user-popup { position: fixed; right: 25px; bottom: 82px; z-index: 19; display: flex; width: min(390px, calc(100vw - 30px)); height: 520px; flex-direction: column; padding: 17px; box-shadow: 0 18px 55px rgba(0, 0, 0, .4); }.support-user-popup .support-message-list { max-height: none; }.popup-close { width: 25px; height: 25px; border: 0; color: #8197aa; background: transparent; cursor: pointer; font-size: 21px; }.popup-close:hover { color: var(--cyan); }
.admin-page .auth-message { margin: 12px 0 0; }.admin-page .admin-panel { margin-top: 20px; }.auth-locked .traffic-monitor-view, .auth-locked .admin-points-view, .auth-locked .node-management-view { display: none !important; }
@media (max-width: 900px) { .traffic-monitor-category-controls { grid-template-columns: 1fr 1fr; }.traffic-monitor-category-controls .primary-button { grid-column: 1 / -1; justify-self: start; }.traffic-category-create-grid { grid-template-columns: 1fr auto; }.traffic-category-create-grid > :nth-child(3) { grid-column: 1; }.traffic-category-create-grid > :nth-child(4) { grid-column: 2; }.node-management-map { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .admin-page-hero { padding: 22px 20px; flex-direction: column; }.admin-task-controls, .admin-task-list-panel, .admin-users-panel, .node-management-panel { padding: 18px; }.traffic-monitor-category-controls, .traffic-category-create-grid, .node-management-stats, .support-agent-form { grid-template-columns: 1fr; }.traffic-monitor-category-controls .primary-button { grid-column: auto; width: 100%; }.traffic-category-create-grid > :nth-child(3), .traffic-category-create-grid > :nth-child(4) { grid-column: auto; }.traffic-category-create-grid .ghost-button, .traffic-monitor-question-editor .ghost-button { width: 100%; }.traffic-monitor-question-editor { grid-template-columns: 1fr; }.traffic-monitor-task-row { grid-template-columns: 1fr; gap: 9px; }.traffic-monitor-task-meta { flex-wrap: wrap; }.traffic-monitor-task-actions { justify-content: flex-start; }.monitor-cancel-button { justify-self: start; }.node-management-map { grid-template-columns: 1fr; }.support-center-layout { grid-template-columns: 1fr; }.support-conversation-panel, .support-chat-panel { min-height: 420px; }.support-agent-row { grid-template-columns: 1fr; }.support-fab { right: 15px; bottom: 15px; }.support-user-popup { right: 15px; bottom: 70px; height: min(520px, calc(100vh - 90px)); } }

.node-error-text { color: #f19a82 !important; white-space: normal !important; overflow-wrap: anywhere; }

.support-composer { padding-bottom: 2px; }
.support-composer textarea { min-height: 58px; }
.support-composer-actions { gap: 7px; margin-top: 9px; padding-bottom: 2px; position: relative; top: -4px; }
.composer-tool { width: 35px; height: 35px; border-radius: 8px; font-size: 17px; line-height: 1; }
.composer-tool:hover { transform: translateY(-1px); }
.composer-send { min-height: 35px; }
.support-emoji-panel { right: 118px; bottom: 112px; display: grid; grid-template-columns: repeat(6, 1fr); gap: 4px; width: 220px; padding: 9px; border-radius: 10px; }
.support-emoji-panel button { width: 29px; height: 29px; font-size: 17px; }
.support-fab { gap: 9px; padding: 12px 16px; background: linear-gradient(135deg, #123c37, #1c5f53); font-weight: 650; }
.support-fab:hover { background: linear-gradient(135deg, #18554b, #247767); }
.support-fab-icon { display: grid; place-items: center; width: 24px; height: 24px; color: #8ffff0; background: rgba(101, 241, 208, .13); border: 1px solid rgba(143, 255, 240, .34); border-radius: 50%; }
.support-fab-icon svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.image-tool { position: relative; overflow: hidden; color: transparent; text-indent: -9999px; background-image: none; }
.image-tool::before { display: block; width: 18px; height: 18px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238ca3b2' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Ccircle cx='8.5' cy='9' r='1.5'/%3E%3Cpath d='m4 17 4.5-4.5 3.5 3 2.5-2.5L20 17'/%3E%3C/svg%3E") center / contain no-repeat; content: ""; text-indent: 0; }
.image-tool:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2365f1d0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Ccircle cx='8.5' cy='9' r='1.5'/%3E%3Cpath d='m4 17 4.5-4.5 3.5 3 2.5-2.5L20 17'/%3E%3C/svg%3E"); }
body.theme-day .image-tool { border-color: #abc4d0; background-color: #f5fafb; background-image: none; }
body.theme-day .image-tool::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2348677b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Ccircle cx='8.5' cy='9' r='1.5'/%3E%3Cpath d='m4 17 4.5-4.5 3.5 3 2.5-2.5L20 17'/%3E%3C/svg%3E"); }
body.theme-day .image-tool:hover { border-color: #4b9e92; background-color: #edf8f5; }
body.theme-day .image-tool:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23087f75' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Ccircle cx='8.5' cy='9' r='1.5'/%3E%3Cpath d='m4 17 4.5-4.5 3.5 3 2.5-2.5L20 17'/%3E%3C/svg%3E"); }
.support-user-popup { width: min(420px, calc(100vw - 30px)); height: min(640px, calc(100vh - 105px)); min-height: 560px; padding: 19px; }
.support-user-popup .support-message-list { min-height: 0; padding-top: 20px; padding-bottom: 14px; }
.popup-close { width: 29px; height: 29px; font-size: 22px; }

@media (max-width: 620px) { .support-user-popup { right: 15px; bottom: 70px; height: min(640px, calc(100vh - 90px)); min-height: 0; } .support-emoji-panel { right: 82px; bottom: 112px; width: 220px; } }

.header-right { grid-template-columns: auto auto auto; }
.header-right .system-pill { grid-column: 1; grid-row: 1; }.header-right .theme-toggle { grid-column: 2; grid-row: 1; }.header-right .profile-wrap { grid-column: 3; grid-row: 1; }.header-right .metric-strip { grid-column: 1 / -1; grid-row: 2; }
.theme-toggle { display: inline-flex; align-items: center; gap: 6px; min-height: 31px; border: 1px solid #2b4353; border-radius: 999px; padding: 6px 9px; color: #a8bac9; background: rgba(14, 25, 36, .72); font: 10px "SFMono-Regular", Consolas, monospace; }.theme-toggle:hover { border-color: var(--cyan-deep); color: var(--cyan); }.theme-toggle span:first-child { color: var(--cyan); font-size: 14px; line-height: 1; }
.password-panel { margin-top: 12px; padding: 22px; }.password-form { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) auto; gap: 10px; align-items: end; }.password-form .primary-button { min-height: 42px; margin: 0; white-space: nowrap; }.reset-token-note { padding: 9px 10px; border: 1px solid #2d655a; border-radius: 7px; color: var(--cyan); background: rgba(25, 77, 65, .2); font-size: 10px; }.auth-form > .auth-form { gap: 9px; }.auth-form[hidden] { display: none !important; }
body.theme-day { color-scheme: light; }

body.theme-day { color-scheme: light; --bg: #eef5f8; --panel: rgba(255, 255, 255, .86); --panel-strong: #ffffff; --line: #cbdce5; --line-bright: #9fb9c7; --text: #10283a; --muted: #526a7d; --faint: #7890a2; --cyan: #087f75; --cyan-deep: #056c65; --blue: #246bc2; --orange: #b96b18; --red: #c34756; --shadow: 0 24px 70px rgba(73, 108, 126, .16); background: radial-gradient(circle at 84% 0%, rgba(94, 211, 191, .18), transparent 34%), radial-gradient(circle at 0% 100%, rgba(91, 150, 224, .14), transparent 32%), var(--bg); }
body.theme-day .orb-cyan { background: #4ccbb2; opacity: .18; } body.theme-day .orb-blue { background: #6a9fe0; opacity: .16; }
body.theme-day .brand-line, body.theme-day .route-label, body.theme-day .auto-label, body.theme-day .metric span { color: #5e7587; } body.theme-day .brand-live { color: #087f75; } body.theme-day .metric b { color: #24445a; }
body.theme-day .panel, body.theme-day .profile-view, body.theme-day .auth-view { border-color: var(--line); background: linear-gradient(145deg, rgba(255,255,255,.94), rgba(239,247,250,.82)); box-shadow: var(--shadow); }
body.theme-day .main-nav { border-color: #c5d8e1; background: rgba(255,255,255,.76); box-shadow: 0 10px 28px rgba(73,108,126,.12); } body.theme-day .nav-button { color: #5e7587; } body.theme-day .nav-button:hover, body.theme-day .nav-button.active { color: #075c58; background: #d8f1eb; } body.theme-day .nav-button.active { box-shadow: inset 0 0 0 1px #70b9aa, 0 0 18px rgba(8,127,117,.1); }
body.theme-day .system-pill { border-color: #9fcfc4; color: #17695f; background: rgba(213,243,236,.78); } body.theme-day .theme-toggle { border-color: #a9c2cf; color: #466476; background: rgba(255,255,255,.78); } body.theme-day .profile-panel { border-color: #b8cfda; background: #ffffff; box-shadow: 0 18px 45px rgba(64,98,115,.2); } body.theme-day .profile-title { border-color: #d8e4ea; } body.theme-day .profile-title strong { color: #15384e; } body.theme-day .profile-title small, body.theme-day .points-card span, body.theme-day .points-card small { color: #698092; } body.theme-day .profile-stats { border-color: #d8e4ea; color: #698092; }
body.theme-day h1 { background: linear-gradient(115deg, #123d55 20%, #1d6680 58%, #087f75); -webkit-background-clip: text; background-clip: text; } body.theme-day .subtitle, body.theme-day .guide-copy p, body.theme-day .landing-copy p, body.theme-day .profile-page-head p { color: #5f7586; } body.theme-day .landing-copy h2, body.theme-day .auth-copy h2 { color: #12364b; } body.theme-day .home-landing { background: linear-gradient(135deg, rgba(255,255,255,.95), rgba(226,242,247,.84)); }
body.theme-day .landing-stats div, body.theme-day .account-stats div, body.theme-day .profile-main-card, body.theme-day .points-main-card { border-color: #c7dbe4; background: rgba(255,255,255,.7); } body.theme-day .landing-stats b, body.theme-day .account-stats b, body.theme-day .profile-main-card h3 { color: #173b51; } body.theme-day .landing-stats span, body.theme-day .account-stats span, body.theme-day .account-stats small, body.theme-day .profile-main-card p { color: #668092; }
body.theme-day .video-placeholder { border-color: #a9c6d3; background: linear-gradient(145deg, #d8edf1, #edf6f8 72%); } body.theme-day .video-copy b { color: #1c455d; } body.theme-day .video-copy span { color: #648092; } body.theme-day .play-button { color: var(--cyan); background: rgba(255,255,255,.7); }
body.theme-day .auth-card { border-color: #bdd1db; background: rgba(255,255,255,.9); box-shadow: 0 22px 70px rgba(69,104,121,.16); } body.theme-day .auth-card-head h3 { color: #17384d; } body.theme-day .auth-tabs { border-color: #c6d9e2; background: #edf5f7; } body.theme-day .auth-tab { color: #688092; } body.theme-day .auth-tab.active { color: #075c58; background: #d8f1eb; box-shadow: inset 0 0 0 1px #70b9aa; } body.theme-day .auth-label, body.theme-day .select-field { color: #557082; } body.theme-day .auth-input, body.theme-day .research-input, body.theme-day textarea { border-color: #b9d0db; color: #17384d; background: #f8fcfd; } body.theme-day .auth-input::placeholder, body.theme-day .research-input::placeholder, body.theme-day textarea::placeholder { color: #8ba0ad; } body.theme-day .auth-input:focus, body.theme-day .research-input:focus, body.theme-day textarea:focus { border-color: #50a99b; background: #ffffff; box-shadow: 0 0 0 4px rgba(8,127,117,.1); } body.theme-day .auth-hint, body.theme-day .auth-message { color: #6b8190; } body.theme-day .auth-link, body.theme-day .back-auth { color: #087f75; }
body.theme-day .primary-button, body.theme-day .auth-submit { color: #ffffff; background: #087f75; } body.theme-day .primary-button:hover, body.theme-day .auth-submit:hover { background: #0a9a8c; box-shadow: 0 8px 25px rgba(8,127,117,.18); } body.theme-day .ghost-button { border-color: #abc4d0; color: #557082; } body.theme-day .ghost-button:hover { border-color: #4b9e92; color: #087f75; }
body.theme-day .target-card, body.theme-day .question-card, body.theme-day .task-row, body.theme-day .node-card, body.theme-day .traffic-monitor-task-row { border-color: #c5d8e1; background: rgba(255,255,255,.72); } body.theme-day .target-card:hover, body.theme-day .target-card.selected, body.theme-day .question-card:hover, body.theme-day .question-card.selected { border-color: #54a99b; background: linear-gradient(135deg, #e2f5f0, #f4fafb); } body.theme-day .target-name, body.theme-day .question-copy b, body.theme-day .task-title-line strong, body.theme-day .node-card b, body.theme-day .traffic-monitor-task-main strong { color: #1a3c51; } body.theme-day .question-copy small, body.theme-day .task-meta, body.theme-day .node-card span, body.theme-day .traffic-monitor-task-main span, body.theme-day .traffic-monitor-task-meta { color: #698294; }
body.theme-day .traffic-category-create-grid, body.theme-day .traffic-monitor-questions { border-color: #c5d8e1; background: rgba(246,251,253,.82); } body.theme-day .traffic-monitor-question-row { border-color: #ccdde5; background: #ffffff; } body.theme-day .traffic-monitor-question-row strong { color: #17384d; } body.theme-day .traffic-monitor-question-head small, body.theme-day .traffic-monitor-platforms legend { color: #557082; } body.theme-day .traffic-monitor-platforms label { border-color: #b7ced9; color: #36556a; background: #f6fbfc; } body.theme-day .traffic-monitor-platforms label:has(input:checked) { border-color: #4c9d91; color: #075c58; background: #e1f4ef; } body.theme-day .monitor-task-error { color: #a94534; }
body.theme-day .node-icon { border-color: #75b9ad; color: #087f75; background: #d9f1eb; } body.theme-day .node-icon-alt { border-color: #9ab9df; color: #246bc2; background: #e4eefb; } body.theme-day .node-management-stats div { border-color: #c5d8e1; background: rgba(255,255,255,.72); }
body.theme-day .admin-panel, body.theme-day .admin-users-table td, body.theme-day .admin-users-table th, body.theme-day .traffic-table td, body.theme-day .traffic-table th { border-color: #d3e1e8; } body.theme-day .admin-panel { background: rgba(245,250,252,.8); } body.theme-day .admin-panel-head > span, body.theme-day .traffic-table th, body.theme-day .admin-users-table th { color: #708899; }
body.theme-day .schedule-target-head .field-label { color: #111f2b; }
body.theme-day .admin-users-table td strong { color: #10283a; }
body.theme-day .admin-users-table .user-role-badge { color: #ffffff; background: #416778; }
body.theme-day .admin-users-table .user-role-badge.admin { color: #ffffff; background: #087f75; }
body.theme-day .admin-page-hero .traffic-status-chip { color: #ffffff; }
.node-schedule-panel { margin-top: 12px; padding: 22px 24px 24px; }
.node-schedule-head { min-height: 54px; margin: 0 0 18px; padding: 0 8px; }
.node-schedule-heading { transform: translate(9px, 7px); }
.node-schedule-refresh { transform: translate(-7px, 7px); }

.traffic-category-delete-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 4px 0 2px;
  padding: 0 12px;
}
.traffic-category-delete-actions > span {
  color: #71879a;
  font-size: 9px;
}
.danger-button {
  min-height: 32px;
  border: 1px solid #70414a;
  border-radius: 7px;
  padding: 7px 10px;
  color: #f0a3a5;
  background: rgba(93, 37, 51, .24);
  cursor: pointer;
  font-size: 10px;
}
.danger-button:hover {
  border-color: #b45d67;
  color: #fff;
  background: rgba(125, 42, 57, .62);
}
.danger-button:disabled {
  cursor: not-allowed;
  opacity: .38;
}
.traffic-monitor-platform-card {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 112px;
  min-height: 48px;
  padding: 7px 25px 7px 8px !important;
  border-radius: 10px !important;
  font-family: inherit !important;
  font-size: 10px !important;
  font-weight: 600;
}
.traffic-monitor-platform-card input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.traffic-monitor-platform-logo {
  display: grid;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  place-items: center;
  overflow: hidden;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 800;
}
.traffic-monitor-platform-logo img {
  width: 22px;
  height: 22px;
  object-fit: cover;
  border-radius: 6px;
}
.traffic-monitor-platform-logo b { display: none; }
.traffic-monitor-platform-card > i {
  position: absolute;
  top: 7px;
  right: 8px;
  color: var(--cyan);
  font: normal 11px "SFMono-Regular", Consolas, monospace;
  opacity: 0;
}
.traffic-monitor-platform-card:has(input:checked) > i { opacity: 1; }
body.theme-day .traffic-category-delete-actions > span { color: #60798a; }
body.theme-day .danger-button { border-color: #d19aa0; color: #9e3946; background: #fff4f5; }
body.theme-day .danger-button:hover { border-color: #b0525d; color: #7d2330; background: #ffe7e9; }
body.theme-day .traffic-monitor-platform-card { color: #294b60; }
body.theme-day .traffic-monitor-platform-card:has(input:checked) { color: #075c58; }
@media (max-width: 620px) {
  .traffic-category-delete-actions { padding: 0; }
  .traffic-category-delete-actions > span { flex-basis: 100%; }
  .traffic-monitor-platform-card { flex: 1 1 135px; }
}

.traffic-monitor-question-head-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}
.traffic-monitor-question-head-actions .ghost-button {
  min-height: 32px;
  padding: 7px 10px;
  white-space: nowrap;
}
.traffic-monitor-question-generator {
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #2c5362;
  border-radius: 9px;
  background: rgba(13, 31, 43, .72);
}
.traffic-monitor-generator-toolbar {
  display: grid;
  grid-template-columns: 150px minmax(180px, 1fr) auto auto;
  gap: 8px;
  align-items: end;
}
.traffic-monitor-generator-toolbar .select-field {
  min-width: 0;
}
.traffic-monitor-generator-toolbar .research-input {
  min-height: 34px;
}
.traffic-monitor-generated-filter {
  min-width: 0;
}
.traffic-monitor-generator-toolbar .text-button {
  min-height: 32px;
  padding: 7px 3px;
  white-space: nowrap;
}
.traffic-monitor-generator-toolbar .primary-button {
  min-height: 34px;
  margin: 0;
  padding: 8px 11px;
  white-space: nowrap;
}
.traffic-monitor-generated-summary {
  margin: 11px 0 7px;
  color: #83a0ae;
  font: 9px "SFMono-Regular", Consolas, monospace;
}
.traffic-monitor-generated-list {
  display: grid;
  gap: 6px;
  max-height: 290px;
  overflow-y: auto;
}
.traffic-monitor-generated-row {
  display: grid;
  grid-template-columns: 18px 28px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  padding: 9px 10px;
  border: 1px solid #284255;
  border-radius: 8px;
  color: #d6e3e9;
  background: rgba(9, 21, 31, .7);
  cursor: pointer;
  font-size: 11px;
}
.traffic-monitor-generated-row:hover {
  border-color: #3a9b8a;
  background: #12332f;
}
.traffic-monitor-generated-row input {
  width: 14px;
  height: 14px;
  accent-color: var(--cyan);
}
.traffic-monitor-generated-row > span {
  color: var(--cyan);
  font: 9px "SFMono-Regular", Consolas, monospace;
}
.traffic-monitor-generated-row strong {
  overflow-wrap: anywhere;
  font-weight: 500;
  line-height: 1.5;
}
body.theme-day .traffic-monitor-question-generator {
  border-color: #b6d1dc;
  background: #f2f9fb;
}
body.theme-day .traffic-monitor-generated-summary {
  color: #5d7686;
}
body.theme-day .traffic-monitor-generated-row {
  border-color: #c6dbe4;
  color: #17384d;
  background: #ffffff;
}
body.theme-day .traffic-monitor-generated-row:hover {
  border-color: #56a89b;
  background: #e5f5f1;
}
.traffic-monitor-generated-config {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 10px;
  align-items: end;
  margin-top: 12px;
  padding: 11px;
  border: 1px solid #263f51;
  border-radius: 9px;
  background: rgba(9, 20, 30, .48);
}
.traffic-monitor-generated-region-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.traffic-monitor-generated-config-actions {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: 8px;
  align-items: end;
}
.traffic-monitor-generated-config-actions .research-input {
  min-height: 34px;
}
.traffic-monitor-generated-config-actions .ghost-button {
  min-height: 34px;
  padding: 8px 9px;
  white-space: nowrap;
}
.traffic-monitor-generator-toolbar {
  grid-template-columns: minmax(0, 1fr) auto auto;
}
body.theme-day .traffic-monitor-questions .field-label {
  color: #111f2b;
}

.traffic-monitor-question-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.traffic-monitor-question-row .text-button[data-edit-traffic-question] {
  color: #91d8cf;
}

body.theme-day .traffic-monitor-question-row .text-button[data-edit-traffic-question] {
  color: #087f75;
}

body.theme-day .traffic-monitor-question-row .text-button[data-delete-traffic-question] {
  color: #a94534;
}

.traffic-monitor-interval-field {
  gap: 6px;
}

.traffic-monitor-interval-field .research-input[hidden] {
  display: none;
}

body.theme-day .traffic-monitor-generated-config {
  border-color: #c3d8e1;
  background: #f5fafc;
}
@media (max-width: 720px) {
  .traffic-monitor-generator-toolbar {
    grid-template-columns: 1fr 1fr;
  }
  .traffic-monitor-generated-filter {
    grid-column: 1 / -1;
  }
  .traffic-monitor-generator-toolbar .primary-button {
    justify-self: stretch;
  }
  .traffic-monitor-generated-config {
    grid-template-columns: 1fr;
  }
  .traffic-monitor-generated-config-actions {
    grid-template-columns: 100px minmax(0, 1fr);
  }
}
@media (max-width: 520px) {
  .traffic-monitor-generated-region-grid {
    grid-template-columns: 1fr;
  }
}
body.theme-day .node-schedule-head { padding-top: 0; }
body.theme-day .support-agent-row, body.theme-day .support-conversation-item { border-color: #cfdee6; background: rgba(247, 251, 252, .84); } body.theme-day .support-agent-row strong, body.theme-day .support-conversation-item strong, body.theme-day .support-chat-head h3 { color: #183044; } body.theme-day .support-agent-row small, body.theme-day .support-conversation-item span, body.theme-day .support-chat-head small { color: #668095; } body.theme-day .support-conversation-item.active, body.theme-day .support-conversation-item:hover { border-color: #57b9a3; background: #e4f6f1; } body.theme-day .support-chat-head, body.theme-day .support-composer { border-color: #d3e1e8; } body.theme-day .support-message-bubble { border-color: #cfdee6; color: #2b4558; background: #edf5f7; } body.theme-day .support-message.mine .support-message-bubble { border-color: #80cabb; color: #164f44; background: #dcf5ed; } body.theme-day .composer-tool { border-color: #c8dbe3; color: #48677b; background: #f5fafb; } body.theme-day .support-emoji-panel { border-color: #cbdde5; background: #f7fbfc; } body.theme-day .support-fab { color: #f2fffb; background: #126452; }
body.theme-day .api-panel pre { border-color: #c7dbe4; background: #f4f9fa; } body.theme-day .api-panel pre code { color: #31596c; } body.theme-day .api-sidebar { background: #e9f3f6; border-color: #c5d8e1; }
body.theme-day .points-ledger-row { border-color: #d3e1e8; } body.theme-day .points-ledger-row span, body.theme-day .points-ledger-row small { color: #698294; } body.theme-day .points-ledger-row b { color: #1a3c51; }
body.theme-day .logout-button { border-color: #d39ba4; color: #ad4352; background: #fff1f2; } body.theme-day .logout-button:hover { color: #ffffff; background: #c34756; }
@media (max-width: 820px) { .password-form { grid-template-columns: 1fr 1fr; }.password-form .primary-button { grid-column: 1 / -1; } }
@media (max-width: 520px) { .password-form { grid-template-columns: 1fr; }.password-form .primary-button { grid-column: auto; }.header-right { grid-template-columns: auto auto auto; gap: 10px; }.metric-strip { grid-column: 1 / -1 !important; }.theme-toggle { padding-inline: 7px; } }

/* Keep the authentication shell stable while only the active form changes. */
.auth-card { display: flex; flex-direction: column; min-height: 520px; }
.auth-card-head, .auth-tabs { flex: 0 0 auto; }
.auth-card > .auth-form, .auth-card > #forgot-password-view { width: 100%; }
.auth-card > #auth-message { margin-top: auto; }
.code-button { border-color: #ffffff; color: #172b3d; background: #ffffff; box-shadow: 0 4px 16px rgba(255,255,255,.08); }
.code-button:hover { border-color: #e1f4f1; color: #0a5b56; background: #e1f4f1; }
.landing-button { color: #ffffff; }
body.theme-day .landing-button, body.theme-day .guide-action, body.theme-day .recharge-button, body.theme-day .api-side-nav:hover, body.theme-day .api-side-nav.active { border-color: #087f75; color: #ffffff; background: #087f75; }
body.theme-day .landing-button:hover, body.theme-day .guide-action:hover, body.theme-day .recharge-button:hover { border-color: #0a9a8c; color: #ffffff; background: #0a9a8c; }
body.theme-day .ghost-button { border-color: #b8cfda; color: #31596c; background: #ffffff; }
body.theme-day .ghost-button:hover { border-color: #70b9aa; color: #075c58; background: #eef8f7; }
body.theme-day .code-button { border-color: #9fb9c7; color: #172b3d; background: #ffffff; box-shadow: 0 4px 16px rgba(73,108,126,.12); }
body.theme-day .code-button:hover { border-color: #087f75; color: #075c58; background: #e1f4f1; }
body.theme-day .api-key-revoke, body.theme-day .monitor-cancel-button, body.theme-day .delete-task { border-color: #c34756; color: #ffffff; background: #c34756; }
body.theme-day .api-key-revoke:hover, body.theme-day .monitor-cancel-button:hover, body.theme-day .delete-task:hover { border-color: #a83747; color: #ffffff; background: #a83747; }

.api-key-modal { position: fixed; z-index: 20; inset: 0; display: grid; place-items: center; padding: 22px; background: rgba(2, 7, 13, .72); backdrop-filter: blur(8px); }
.api-key-modal[hidden] { display: none !important; }
.api-key-modal-card { position: relative; width: min(100%, 520px); padding: 30px; border: 1px solid #3c806f; border-radius: 17px; background: linear-gradient(145deg, #14252d, #0b151e); box-shadow: 0 30px 100px rgba(0,0,0,.5), 0 0 0 1px rgba(101,241,208,.08); }
.api-key-modal-card h3 { margin: 10px 0 8px; color: #eff8fb; font-size: 22px; letter-spacing: -.04em; }.api-key-modal-card p { margin: 0; color: #9aabba; font-size: 11px; line-height: 1.7; }.api-key-modal-value { display: block; overflow-wrap: anywhere; margin: 20px 0 15px; padding: 14px; border: 1px solid #3b776c; border-radius: 9px; color: var(--cyan); background: #071116; font: 11px/1.6 "SFMono-Regular", Consolas, monospace; user-select: all; }.api-key-modal-copy { margin-top: 4px; }.api-key-modal-message { min-height: 18px; margin-top: 10px !important; color: var(--cyan) !important; }.api-key-modal-close { position: absolute; top: 13px; right: 15px; width: 29px; height: 29px; border: 1px solid #385263; border-radius: 7px; color: #9eb1bf; background: transparent; font-size: 21px; line-height: 20px; }.api-key-modal-close:hover { border-color: var(--cyan); color: var(--cyan); }
body.theme-day .api-key-modal { background: rgba(45, 77, 91, .35); } body.theme-day .api-key-modal-card { border-color: #6db5a7; background: linear-gradient(145deg, #ffffff, #edf8f7); box-shadow: 0 30px 100px rgba(56,94,111,.28), 0 0 0 1px rgba(8,127,117,.1); } body.theme-day .api-key-modal-card h3 { color: #17384d; } body.theme-day .api-key-modal-card p { color: #617888; } body.theme-day .api-key-modal-value { border-color: #84beb3; color: #075c58; background: #f3fbfa; } body.theme-day .api-key-modal-close { border-color: #abc4d0; color: #557082; } body.theme-day .api-key-modal-close:hover { border-color: #087f75; color: #087f75; }
body.theme-day .schedule-hero h2, body.theme-day .traffic-hero h2 { color: #12364b; }
body.theme-day .schedule-note { border-color: #3e4852; color: #d5e1e7; background: #17232e; box-shadow: inset 0 0 0 1px rgba(255,255,255,.025); }
body.theme-day .schedule-note > span { color: #65d8c0; } body.theme-day .schedule-note p { color: #c7d5dc; }
body.theme-day .traffic-filter-copy strong { color: #12364b; } body.theme-day .traffic-filter-copy small { color: #617889; }
body.theme-day .traffic-chart-empty { border: 1px solid #3e4852; border-radius: 8px; color: #d5e1e7; background: #17232e; }
body.theme-day .traffic-product-chart-empty { border: 1px solid #3e4852; border-radius: 8px; color: #d5e1e7; background: #17232e; }
body.theme-day .traffic-data-status-chip { border-color: #3e4852; color: #d5e1e7; background: #17232e; } body.theme-day .traffic-data-status-chip i { background: #9eabb5; box-shadow: none; }
body.theme-day .home-landing { border-color: #c1d6e0; background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(226,242,247,.92)); box-shadow: 0 24px 70px rgba(73,108,126,.12); }
body.theme-day .landing-stats div { border-color: #bfd4de; background: rgba(255,255,255,.82); }
.auth-demo-video { position: relative; display: flex; align-items: center; gap: 12px; min-height: 135px; max-width: 475px; margin-top: 31px; overflow: hidden; border: 1px solid #2d4158; border-radius: 13px; padding: 18px; background: linear-gradient(145deg, #13263a, #0b121e 72%); }
.auth-demo-video::before { position: absolute; inset: 0; background: linear-gradient(110deg, transparent 18%, rgba(101, 241, 208, .08) 48%, transparent 80%); content: ""; transform: translateX(-100%); animation: scan 5s ease-in-out infinite; }
.auth-demo-play { position: relative; z-index: 1; display: grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px; padding-left: 2px; border: 1px solid rgba(101, 241, 208, .6); border-radius: 50%; color: var(--cyan); background: rgba(9, 27, 29, .78); font-size: 14px; }
.auth-demo-copy { position: relative; z-index: 1; }.auth-demo-copy b, .auth-demo-copy span { display: block; }.auth-demo-copy b { color: #e4eef4; font-size: 12px; }.auth-demo-copy span { margin-top: 5px; color: #75879b; font-size: 10px; }
body.theme-day .auth-demo-video { border-color: #a9c6d3; background: linear-gradient(145deg, #d8edf1, #edf6f8 72%); }.theme-day .auth-demo-copy b { color: #1c455d; }.theme-day .auth-demo-copy span { color: #648092; }.theme-day .auth-demo-play { color: var(--cyan); background: rgba(255,255,255,.7); }
.topbar { gap: 16px; align-items: center; }.brand-block { flex: 0 0 auto; }.topbar .main-nav { flex: 1 1 auto; min-width: 0; }.topbar .nav-button { min-width: 0; flex: 1 1 0; padding-inline: 11px; white-space: nowrap; }
body.theme-day .profile-menu-button { color: #203645; } body.theme-day .profile-menu-button strong { color: #122c3e; } body.theme-day .profile-menu-button > span, body.theme-day .profile-menu-button > small { color: #557082; } body.theme-day .profile-menu-button:hover { color: #075c58; background: #e4f6f1; }
.auth-view { position: relative; }.auth-theme-toggle { position: fixed; top: 20px; right: 28px; z-index: 10; display: inline-flex; align-items: center; gap: 6px; min-height: 30px; padding: 7px 10px; border: 1px solid #3d5365; border-radius: 999px; color: #a9bbc7; background: rgba(10, 18, 28, .76); font-size: 10px; }.auth-theme-toggle:hover { border-color: var(--cyan); color: var(--cyan); }
body.theme-day .auth-theme-toggle { border-color: #a9c2cf; color: #31596c; background: rgba(255,255,255,.86); }
.avatar-button.has-avatar { background-color: #15342f; }.avatar-button.has-avatar > span { display: none; }.profile-avatar.has-avatar, .profile-big-avatar.has-avatar { color: transparent; background-color: #15342f; background-repeat: no-repeat; }.profile-avatar.has-avatar { border-color: #4dbaa4; }.profile-avatar.has-avatar > span { display: none; }
.profile-avatar-settings { display: flex; align-items: center; gap: 12px; margin-bottom: 13px; }.avatar-upload-button { display: inline-flex; align-items: center; min-height: 30px; border: 1px solid #397f71; border-radius: 7px; padding: 7px 10px; color: var(--cyan); background: #15342f; font-size: 10px; cursor: pointer; }.avatar-upload-button:hover { background: #1d4b42; }.profile-avatar-settings .form-error { min-height: 0; margin: 0; }
body.theme-day .avatar-upload-button { border-color: #087f75; color: #ffffff; background: #087f75; }
.chatgpt-logo { color: #ffffff; background: #263b47; }
.gemini-logo { color: #ffffff; background: linear-gradient(135deg, #3478f6, #8b5cf6); }
.result-heading { align-items: center; }
.result-heading { margin-bottom: 12px; }
.question-head { margin-top: 4px; }
.target-head { margin-top: 20px; }
.report-submit-block { margin-top: 18px; }
.report-submit-block .cost-hint { margin: 10px 0 0; }
.schedule-question-sets { display: grid; gap: 9px; max-height: 330px; overflow: auto; padding-right: 2px; }
.schedule-question-set { border: 1px solid #27384e; border-radius: 10px; background: rgba(8, 15, 24, .54); }
.schedule-question-set.selected { border-color: #397f71; box-shadow: inset 0 0 0 1px rgba(101, 241, 208, .08); }
.schedule-question-set-head { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 10px; padding: 11px 12px; border: 0; color: var(--text); background: transparent; text-align: left; }
.schedule-question-set-head span, .schedule-question-set-head small { display: block; }
.schedule-question-set-head b { font-size: 11px; }
.schedule-question-set-head small { margin-top: 4px; color: var(--muted); font-size: 10px; }
.schedule-question-set-head em { color: var(--cyan); font: 10px "SFMono-Regular", Consolas, monospace; font-style: normal; }
.schedule-question-list { display: grid; gap: 5px; padding: 0 10px 10px; }
.schedule-question-item { display: flex; align-items: flex-start; gap: 8px; padding: 8px; border-radius: 7px; color: #9eb0bf; background: rgba(15, 28, 40, .58); font-size: 10px; line-height: 1.5; cursor: pointer; }
.schedule-question-item:has(input:checked) { color: #d7f8ee; background: #15342f; }
.schedule-question-item input { margin-top: 2px; accent-color: var(--cyan); }
.schedule-question-empty { padding: 12px; border: 1px dashed #2d4658; border-radius: 9px; color: var(--muted); font-size: 10px; }
.schedule-question-empty[hidden] { display: none; }
.schedule-list-panel { margin-top: 28px; padding: 26px; }
.schedule-list { display: grid; gap: 9px; }
.schedule-row, .admin-schedule-row { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 13px 14px; border: 1px solid #27384e; border-radius: 10px; background: rgba(8, 15, 24, .54); }
.schedule-row.is-cancelled, .admin-schedule-row.is-cancelled { opacity: .62; }
.schedule-row-main { min-width: 0; flex: 1; }
.schedule-row-title { display: flex; align-items: center; gap: 8px; }
.schedule-row-title strong { color: #d9e6ed; font-size: 12px; }
.schedule-row-meta { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 6px; color: #8294a8; font-size: 10px; }
.schedule-row-main small { display: block; margin-top: 7px; color: #64768b; font-size: 9px; }
.schedule-cancel-button { flex: 0 0 auto; }
.admin-schedule-list { display: grid; gap: 8px; }
.admin-schedule-row > div { display: grid; gap: 4px; min-width: 130px; }
.admin-schedule-row > div:first-child { flex: 1; }
.admin-schedule-row strong { color: #dbe7ee; font-size: 11px; }
.admin-schedule-row span, .admin-schedule-row small { color: #718299; font-size: 9px; }
.admin-schedule-row b { color: #b9cbd5; font-size: 10px; font-weight: 500; }
body.theme-day .chatgpt-logo { color: #ffffff; background: #263b47; }
body.theme-day .gemini-logo { color: #ffffff; background: linear-gradient(135deg, #3478f6, #8b5cf6); }
body.theme-day .schedule-question-set, body.theme-day .schedule-row, body.theme-day .admin-schedule-row { border-color: #c5d8e1; background: rgba(255, 255, 255, .72); }
body.theme-day .schedule-question-set.selected { border-color: #54a99b; }
body.theme-day .schedule-question-set-head b, body.theme-day .schedule-row-title strong, body.theme-day .admin-schedule-row strong { color: #1a3c51; }
body.theme-day .research-result .field-label, body.theme-day .research-result .result-heading h3, body.theme-day .schedule-question-head .field-label { color: #111f2b; }
body.theme-day .schedule-question-set-head small, body.theme-day .schedule-row-meta, body.theme-day .schedule-row-main small, body.theme-day .admin-schedule-row span, body.theme-day .admin-schedule-row small { color: #698294; }
body.theme-day .schedule-question-item { color: #4d687b; background: #f4f9fa; }
body.theme-day .schedule-question-item:has(input:checked) { color: #123c36; background: #b7e8da; box-shadow: inset 0 0 0 1px #66b9a5; }
body.theme-day .schedule-question-empty { border-color: #a9c6d3; color: #698294; }
body.theme-day .question-filter { border-color: #abc4d0; color: #31596c; background: #ffffff; }
body.theme-day .question-manage-actions button { color: #557082; }
body.theme-day .question-manage-actions .question-delete-button, body.theme-day .danger-text-button { color: #b64352; }
@media (max-width: 520px) { .api-key-modal-card { padding: 25px 20px; } }

/* Full-width product navigation keeps feature growth readable. */
.topbar { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 17px 28px; }
.topbar .brand-block { grid-column: 1; grid-row: 1; }
.topbar .header-right { grid-column: 2; grid-row: 1; justify-self: end; }
.topbar .main-nav { grid-column: 1 / -1; grid-row: 2; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); width: 100%; padding: 7px; }
.topbar .nav-button { min-width: 0; padding: 12px 10px; font-size: 12px; }
.portrait-nav-button { position: relative; }
.portrait-nav-button::after { position: absolute; top: 7px; right: 8px; width: 4px; height: 4px; border-radius: 50%; background: #b9a2ff; box-shadow: 0 0 8px rgba(185, 162, 255, .75); content: ""; }

.brand-portrait-view { display: grid; gap: 15px; }
.portrait-hero { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 29px 31px; }
.portrait-hero h2 { margin: 10px 0 7px; color: #eff8fb; font-size: clamp(25px, 3.2vw, 39px); letter-spacing: -.06em; }
.portrait-hero p { max-width: 700px; margin: 0; color: #8291a4; font-size: 12px; line-height: 1.7; }
.portrait-live-chip { display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto; padding: 9px 11px; border: 1px solid #64558f; border-radius: 7px; color: #d6c9ff; background: rgba(54, 42, 91, .46); font: 9px "SFMono-Regular", Consolas, monospace; letter-spacing: .08em; }
.portrait-live-chip i { width: 5px; height: 5px; border-radius: 50%; background: #b9a2ff; box-shadow: 0 0 0 4px rgba(185, 162, 255, .1); }
.portrait-workspace { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(280px, .65fr); gap: 15px; }
.portrait-form, .portrait-dimensions, .portrait-results { padding: 25px; }
.portrait-input-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.portrait-product-field { grid-column: 1 / -1; }
.portrait-target-head { margin-top: 24px; }
.portrait-target-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 17px; }
.portrait-target-grid .target-logo b { display: none; }
.portrait-generate-button { margin-top: 4px; }
.portrait-form .cost-hint { margin: 10px 0 0; }
.portrait-dimensions { align-self: stretch; }
.portrait-dimension-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.portrait-dimension-grid span { display: flex; align-items: center; min-height: 52px; padding: 12px; border: 1px solid #2a3950; border-radius: 9px; color: #b5c4d0; background: linear-gradient(135deg, rgba(19, 30, 45, .8), rgba(13, 22, 34, .78)); font-size: 11px; }
.portrait-dimension-grid span::before { width: 5px; height: 5px; margin-right: 8px; border-radius: 50%; background: #b9a2ff; box-shadow: 0 0 8px rgba(185, 162, 255, .45); content: ""; }
.portrait-dimensions > p { margin: 18px 0 0; color: #718399; font-size: 10px; line-height: 1.75; }
.portrait-result-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.portrait-result-card { min-width: 0; padding: 16px; border: 1px solid #293a50; border-radius: 11px; background: rgba(8, 15, 24, .58); }
.portrait-result-card-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 12px; border-bottom: 1px solid #223149; color: #d9e6ed; font-size: 11px; font-weight: 650; }
.portrait-result-card-head .platform-inline img { width: 21px; height: 21px; }
.portrait-result-card pre { max-height: 340px; overflow: auto; margin: 14px 0 0; color: #b8cbd5; white-space: pre-wrap; word-break: break-word; font: 10px/1.75 "SFMono-Regular", Consolas, monospace; }
.portrait-result-wait { display: flex; align-items: center; gap: 9px; min-height: 94px; color: #718399; font-size: 10px; }
.portrait-result-wait i { width: 7px; height: 7px; border: 1px solid var(--cyan); border-radius: 50%; box-shadow: 0 0 12px rgba(101, 241, 208, .35); animation: portraitPulse 1.4s ease-in-out infinite; }
@keyframes portraitPulse { 50% { opacity: .3; transform: scale(.75); } }

body.theme-day .portrait-hero h2, body.theme-day .portrait-dimensions h2, body.theme-day .portrait-form h2, body.theme-day .portrait-results h2, body.theme-day .portrait-target-head .field-label { color: #10283a; }
body.theme-day .portrait-hero p, body.theme-day .portrait-dimensions > p { color: #5f7586; }
body.theme-day .portrait-live-chip { border-color: #9380ca; color: #ffffff; background: #6f5ba8; }
body.theme-day .portrait-dimension-grid span, body.theme-day .portrait-result-card { border-color: #c7d9e2; color: #24445a; background: rgba(255, 255, 255, .76); }
body.theme-day .portrait-result-card-head { border-color: #d3e1e8; color: #173b51; }
body.theme-day .portrait-result-card pre { color: #31596c; }
body.theme-day .portrait-result-wait { color: #698294; }

@media (max-width: 900px) {
  .portrait-workspace { grid-template-columns: 1fr; }
  .portrait-target-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 820px) {
  .topbar { grid-template-columns: 1fr auto; align-items: start; gap: 16px; }
  .topbar .header-right { width: auto; justify-items: end; }
  .topbar .main-nav { grid-auto-columns: minmax(118px, 1fr); overflow-x: auto; }
  .portrait-hero { align-items: flex-start; flex-direction: column; padding: 24px 21px; }
}
@media (max-width: 620px) {
  .portrait-input-grid, .portrait-result-grid { grid-template-columns: 1fr; }
  .portrait-product-field { grid-column: auto; }
  .portrait-target-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Grouped navigation: keep the top level stable as the product grows. */
.topbar .main-nav { position: relative; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-flow: row; overflow: visible; z-index: 12; }
.nav-cluster { position: relative; min-width: 0; }
.nav-cluster > .nav-button { width: 100%; height: 100%; }
.nav-cluster-trigger span { margin-left: 7px; color: var(--cyan); font-size: 12px; transition: transform .2s; }
.nav-cluster.open .nav-cluster-trigger span { display: inline-block; transform: rotate(180deg); }
.nav-cluster-menu { position: absolute; z-index: 30; top: calc(100% + 11px); left: 50%; display: grid; width: min(255px, calc(100vw - 40px)); gap: 4px; padding: 7px; border: 1px solid #29394e; border-radius: 12px; background: rgba(12, 20, 31, .98); box-shadow: 0 22px 55px rgba(0, 0, 0, .38); opacity: 0; pointer-events: none; transform: translate(-50%, -7px); transition: opacity .18s, transform .18s; }
.nav-cluster.open .nav-cluster-menu { opacity: 1; pointer-events: auto; transform: translate(-50%, 0); }
.nav-menu-button { display: flex; align-items: center; justify-content: space-between; gap: 14px; width: 100%; border: 1px solid transparent; border-radius: 8px; padding: 11px 12px; color: #b6c5d0; background: transparent; text-align: left; }
.nav-menu-button span { font-size: 12px; font-weight: 650; }
.nav-menu-button small { color: #63758a; font-size: 9px; white-space: nowrap; }
.nav-menu-button:hover, .nav-menu-button.active { border-color: #315c54; color: var(--cyan); background: #142e2b; }
.autonomous-menu-button::after { width: 5px; height: 5px; margin-left: auto; border-radius: 50%; background: #b9a2ff; box-shadow: 0 0 9px rgba(185, 162, 255, .7); content: ""; }
.nav-menu-button.autonomous-menu-button small { margin-left: auto; }

.autonomous-view { display: grid; gap: 15px; }
.autonomous-hero { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 30px 31px; }
.autonomous-hero h2 { margin: 10px 0 7px; color: #eff8fb; font-size: clamp(27px, 3.4vw, 42px); letter-spacing: -.065em; }
.autonomous-hero p { max-width: 720px; margin: 0; color: #8291a4; font-size: 12px; line-height: 1.75; }
.autonomous-state-chip { display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto; padding: 9px 11px; border: 1px solid #66578e; border-radius: 7px; color: #d9ceff; background: rgba(54, 42, 91, .45); font: 9px "SFMono-Regular", Consolas, monospace; letter-spacing: .08em; }
.autonomous-state-chip i { width: 5px; height: 5px; border-radius: 50%; background: #b9a2ff; box-shadow: 0 0 0 4px rgba(185, 162, 255, .1); }
.autonomous-layout { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(280px, .62fr); gap: 15px; }
.autonomous-form, .autonomous-strategy-panel, .autonomous-pipeline-panel, .autonomous-jobs-panel { padding: 25px; }
.autonomous-region-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; }
.autonomous-subject-grid { display: grid; grid-template-columns: 1fr 1fr .65fr; gap: 9px; margin-top: 10px; }
.autonomous-target-head { margin-top: 24px; }
.autonomous-target-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 15px; }
.autonomous-stop-rules { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin: 2px 0 13px; color: #66798e; font-size: 9px; }
.autonomous-stop-rules span { color: #8da0b0; }
.autonomous-stop-rules b { padding: 4px 6px; border: 1px solid #3c4356; border-radius: 4px; color: #c6bce8; background: rgba(54, 42, 91, .28); font-weight: 500; }
.autonomous-form .cost-hint { margin: 10px 0 0; }
.autonomous-evolution { display: grid; align-content: start; gap: 0; }
.autonomous-evolution article { display: flex; align-items: center; gap: 12px; padding: 14px; border: 1px solid #2b3a50; border-radius: 10px; background: rgba(9, 16, 25, .64); }
.autonomous-evolution article > b { display: grid; place-items: center; flex: 0 0 30px; width: 30px; height: 30px; border: 1px solid #5e5183; border-radius: 8px; color: #c6b8f3; background: #241f38; font: 600 10px "SFMono-Regular", Consolas, monospace; }
.autonomous-evolution strong, .autonomous-evolution span { display: block; }
.autonomous-evolution strong { color: #dbe6ed; font-size: 12px; }
.autonomous-evolution span { margin-top: 4px; color: #718399; font-size: 9px; }
.autonomous-evolution > i { width: 1px; height: 17px; margin-left: 29px; background: linear-gradient(#66578e, #315c54); }
.autonomous-pipeline { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.autonomous-pipeline article { position: relative; min-height: 105px; padding: 14px; border: 1px solid #2b374b; border-radius: 10px; background: rgba(9, 16, 25, .58); }
.autonomous-pipeline article.ready { border-color: #2f665c; background: linear-gradient(135deg, rgba(21, 53, 48, .64), rgba(9, 17, 26, .72)); }
.autonomous-pipeline article > span { color: #655b85; font: 9px "SFMono-Regular", Consolas, monospace; }
.autonomous-pipeline article.ready > span { color: var(--cyan); }
.autonomous-pipeline strong, .autonomous-pipeline small { display: block; }
.autonomous-pipeline strong { margin-top: 17px; color: #c9d5de; font-size: 12px; }
.autonomous-pipeline small { margin-top: 7px; color: #66798e; font-size: 9px; line-height: 1.5; }
.autonomous-pipeline article.ready small { color: #70bbaa; }
.autonomous-job-list { display: grid; gap: 9px; }
.autonomous-job-row { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 15px; border: 1px solid #29394e; border-radius: 11px; background: rgba(8, 15, 24, .58); }
.autonomous-job-main { min-width: 0; flex: 1; }
.autonomous-job-title { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.autonomous-job-title strong { color: #dbe6ed; font-size: 12px; }
.autonomous-job-status { display: inline-flex; align-items: center; gap: 5px; padding: 3px 6px; border-radius: 4px; color: #d4c8f9; background: #29223e; font-size: 9px; }
.autonomous-job-status i { width: 5px; height: 5px; border-radius: 50%; background: #b9a2ff; }
.autonomous-job-status.running { color: var(--cyan); background: #153b37; }
.autonomous-job-status.running i { background: var(--cyan); box-shadow: 0 0 8px var(--cyan); }
.autonomous-job-status.stopped { color: #8797a9; background: #222c39; }
.autonomous-job-status.stopped i { background: #68798d; }
.autonomous-job-meta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 7px; color: #7b8da1; font-size: 9px; }
.autonomous-stage-track { display: grid; grid-template-columns: repeat(6, 1fr); gap: 4px; max-width: 360px; margin-top: 11px; }
.autonomous-stage-track i { height: 3px; border-radius: 3px; background: #273447; }
.autonomous-stage-track i.ready { background: #315c54; }
.autonomous-stage-track i.done { background: var(--cyan); box-shadow: 0 0 7px rgba(101, 241, 208, .3); }
.autonomous-job-main > small { display: block; margin-top: 8px; color: #64778c; font-size: 9px; }
.autonomous-job-actions { display: flex; align-items: center; gap: 7px; }
.danger-ghost-button { border-color: #65414a; color: #e5969d; }
.resume-button { border-color: #397f71; color: var(--cyan); }

body.theme-day .nav-cluster-menu { border-color: #bfd3dd; background: rgba(255, 255, 255, .98); box-shadow: 0 20px 45px rgba(58, 91, 108, .2); }
body.theme-day .nav-menu-button { color: #203d51; }
body.theme-day .nav-menu-button small { color: #718899; }
body.theme-day .nav-menu-button:hover, body.theme-day .nav-menu-button.active { border-color: #73b7aa; color: #075c58; background: #e2f4ef; }
body.theme-day .autonomous-hero h2, body.theme-day .autonomous-form h2, body.theme-day .autonomous-strategy-panel h2, body.theme-day .autonomous-pipeline-panel h2, body.theme-day .autonomous-jobs-panel h2, body.theme-day .autonomous-target-head .field-label { color: #10283a; }
body.theme-day .autonomous-hero p { color: #5f7586; }
body.theme-day .autonomous-state-chip { border-color: #9380ca; color: #ffffff; background: #6f5ba8; }
body.theme-day .autonomous-stop-rules { color: #60798c; }
body.theme-day .autonomous-stop-rules b { border-color: #bcb1dd; color: #574681; background: #eeeafd; }
body.theme-day .autonomous-evolution article, body.theme-day .autonomous-pipeline article, body.theme-day .autonomous-job-row { border-color: #c7d9e2; background: rgba(255, 255, 255, .76); }
body.theme-day .autonomous-evolution article.ready, body.theme-day .autonomous-pipeline article.ready { border-color: #74b6aa; background: linear-gradient(135deg, #e1f4ef, #f7fbfc); }
body.theme-day .autonomous-evolution strong, body.theme-day .autonomous-pipeline strong, body.theme-day .autonomous-job-title strong { color: #173b51; }
body.theme-day .autonomous-evolution span, body.theme-day .autonomous-pipeline small, body.theme-day .autonomous-job-meta, body.theme-day .autonomous-job-main > small { color: #698294; }
body.theme-day .autonomous-job-status { color: #ffffff; background: #6f5ba8; }
body.theme-day .autonomous-job-status.running { color: #ffffff; background: #087f75; }
body.theme-day .autonomous-job-status.stopped { color: #ffffff; background: #657b8d; }

@media (max-width: 940px) {
  .autonomous-layout { grid-template-columns: 1fr; }
  .autonomous-target-grid, .autonomous-pipeline { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 820px) {
  .topbar .main-nav { grid-template-columns: repeat(4, minmax(112px, 1fr)); grid-auto-flow: row; overflow-x: auto; overflow-y: visible; }
  .nav-cluster-menu { position: fixed; top: 150px; left: 50%; }
  .autonomous-hero { align-items: flex-start; flex-direction: column; padding: 24px 21px; }
  .autonomous-region-grid, .autonomous-subject-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 620px) {
  .autonomous-region-grid, .autonomous-subject-grid { grid-template-columns: 1fr; }
  .autonomous-target-grid, .autonomous-pipeline { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .autonomous-job-row { align-items: flex-start; flex-direction: column; }
  .autonomous-job-actions { width: 100%; }
  .autonomous-job-actions button { flex: 1; justify-content: center; }
}
.traffic-product-index { display: grid; place-items: center; flex: 0 0 25px; width: 25px; height: 25px; border: 1px solid #396b63; border-radius: 7px; color: var(--cyan); background: #15342f; font: 9px "SFMono-Regular", Consolas, monospace; }
.traffic-product-name { min-width: 0; }.traffic-product-name strong, .traffic-product-name small { display: block; }.traffic-product-name small { margin-top: 4px; color: #708298; font-size: 9px; }.traffic-product-chart-empty { position: static; min-height: 210px; }.traffic-trend-tools { display: flex; align-items: center; gap: 9px; }.traffic-metric-select { border: 1px solid #2a4257; border-radius: 6px; padding: 6px 8px; color: #9db0c0; background: #0d1724; font-size: 9px; }

/* Authentication must override every later responsive/navigation layout rule. */
body.auth-locked .topbar .main-nav,
body.auth-locked .topbar .header-right { display: none; }

/* The account menu may overlap the second-row navigation: keep its whole
   stacking context above the navigation and its grouped dropdowns. */
.topbar .header-right { position: relative; z-index: 40; }
.topbar .header-right .profile-panel { z-index: 41; }

/* Autonomous research configuration. */
.autonomous-subject-grid-compact { grid-template-columns: 1fr 1fr; }
.autonomous-config-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 16px 0 12px; padding: 13px; border: 1px solid #2b3c52; border-radius: 10px; background: rgba(11, 20, 31, .62); }
.autonomous-config-row .field-label, .autonomous-config-row small { display: block; }.autonomous-config-row small { margin-top: 5px; color: #74869a; font-size: 10px; }
.research-config-modal { position: fixed; z-index: 80; inset: 0; display: grid; place-items: center; overflow-y: auto; padding: 24px; background: rgba(2, 7, 13, .76); backdrop-filter: blur(9px); }.research-config-modal[hidden] { display: none !important; }
.research-config-card { width: min(760px, 100%); padding: 27px; border: 1px solid #3d806f; border-radius: 16px; background: linear-gradient(145deg, #14252d, #0b151e); box-shadow: 0 30px 100px rgba(0, 0, 0, .55); }.research-config-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }.research-config-head h3 { margin: 8px 0 0; color: #edf6fa; font-size: 23px; }.research-config-section { margin-top: 20px; }.autonomous-config-target-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 10px 0 0; }.research-item-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 10px; }.research-item-grid label { display: flex; align-items: center; gap: 9px; min-height: 44px; border: 1px solid #2a3c52; border-radius: 8px; padding: 10px; color: #afbfca; background: rgba(9, 17, 27, .65); font-size: 11px; }.research-item-grid input { accent-color: var(--cyan); }.research-item-grid label:has(input:checked) { border-color: #347d70; color: #d8fff3; background: #15342f; }

/* MCN placeholders are functional task/profile surfaces, while their engines are still pending. */
.mcn-view { display: grid; gap: 15px; }.mcn-hero { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 30px 31px; }.mcn-hero h2 { margin: 10px 0 7px; color: #eff8fb; font-size: clamp(27px, 3.4vw, 42px); letter-spacing: -.065em; }.mcn-hero p { max-width: 700px; margin: 0; color: #8291a4; font-size: 12px; line-height: 1.75; }.mcn-status-chip { flex: 0 0 auto; padding: 9px 11px; border: 1px solid #4a6590; border-radius: 7px; color: #b8d2ff; background: rgba(31, 58, 94, .44); font: 9px "SFMono-Regular", Consolas, monospace; letter-spacing: .08em; }.mcn-workspace { display: grid; grid-template-columns: minmax(310px, .78fr) minmax(0, 1.22fr); gap: 15px; }.mcn-profile-form, .mcn-hotspot-panel, .mcn-video-form, .mcn-video-list-panel { padding: 25px; }.mcn-profile-form { display: grid; align-content: start; gap: 10px; }.mcn-profile-form .primary-button { margin-top: 4px; }.mcn-notes { min-height: 112px; resize: vertical; }.mcn-hotspot-list, .mcn-video-job-list { display: grid; gap: 9px; }.mcn-hotspot-row, .mcn-video-job-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; padding: 14px; border: 1px solid #2b3c52; border-radius: 10px; background: rgba(8, 15, 24, .56); }.mcn-hotspot-row strong, .mcn-video-job-row strong { display: block; color: #dbe7ee; font-size: 12px; }.mcn-hotspot-row p { margin: 6px 0 9px; color: #788a9d; font-size: 10px; line-height: 1.6; }.mcn-hotspot-row span { display: flex; flex-wrap: wrap; gap: 5px; }.mcn-hotspot-row b { padding: 3px 5px; border-radius: 4px; color: #a8dbff; background: #1b344e; font-size: 9px; font-weight: 500; }.mcn-hotspot-row em { color: #83c8ff; font: 600 18px "SFMono-Regular", Consolas, monospace; font-style: normal; }.mcn-analysis-scope { display: flex; flex-wrap: wrap; gap: 6px; margin: 7px 0 5px; }.mcn-analysis-scope span { width: 100%; color: #6f8395; font-size: 10px; }.mcn-analysis-scope b { padding: 5px 7px; border: 1px solid #32445d; border-radius: 5px; color: #b5c9dc; background: rgba(17, 31, 48, .58); font-size: 9px; font-weight: 500; }.mcn-video-job-row > div { min-width: 0; flex: 1; }.mcn-video-job-row small, .mcn-video-job-row span { display: block; overflow: hidden; margin-top: 6px; color: #778b9f; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }.mcn-job-status { flex: 0 0 auto; padding: 4px 6px; border: 1px solid #605234; border-radius: 5px; color: #e1c47f; background: #322c1f; font-size: 9px; font-style: normal; white-space: nowrap; }.mcn-job-status.completed { border-color: #327869; color: var(--cyan); background: #14352f; }.mcn-job-status.cancelled { border-color: #4a5867; color: #9caeba; background: #202b36; }
body.theme-day .autonomous-config-row, body.theme-day .research-item-grid label, body.theme-day .mcn-hotspot-row, body.theme-day .mcn-video-job-row { border-color: #c4d7e1; color: #24445a; background: rgba(255, 255, 255, .82); } body.theme-day .autonomous-config-row small, body.theme-day .mcn-hotspot-row p, body.theme-day .mcn-video-job-row small, body.theme-day .mcn-video-job-row span { color: #698294; } body.theme-day .research-config-modal { background: rgba(45, 77, 91, .35); } body.theme-day .research-config-card { border-color: #6db5a7; background: linear-gradient(145deg, #ffffff, #edf8f7); box-shadow: 0 30px 100px rgba(56, 94, 111, .28); } body.theme-day .research-config-head h3, body.theme-day .mcn-hero h2 { color: #17384d; } body.theme-day .research-item-grid label:has(input:checked) { border-color: #67aa9e; color: #12443d; background: #dff3ed; } body.theme-day .mcn-hero p { color: #5f7586; } body.theme-day .mcn-status-chip { border-color: #789bc8; color: #ffffff; background: #4476b5; } body.theme-day .mcn-hotspot-row strong, body.theme-day .mcn-video-job-row strong { color: #173b51; } body.theme-day .mcn-analysis-scope b { border-color: #b7cbd9; color: #31596c; background: #f3f8fa; }
@media (max-width: 820px) { .autonomous-config-target-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }.mcn-workspace { grid-template-columns: 1fr; } }
@media (max-width: 620px) { .autonomous-subject-grid-compact, .research-item-grid { grid-template-columns: 1fr; }.research-config-card { padding: 22px 18px; }.autonomous-config-target-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.mcn-hero { align-items: flex-start; flex-direction: column; padding: 24px 21px; } }

/* Research reports stay hidden until a task is selected, then expose six report previews. */
.autonomous-job-row { cursor: pointer; transition: border-color .2s ease, background .2s ease, transform .2s ease; }
.autonomous-job-row:hover, .autonomous-job-row:focus-visible, .autonomous-job-row.selected { border-color: #4b8f80; background: linear-gradient(135deg, rgba(19, 48, 44, .72), rgba(8, 15, 24, .72)); transform: translateY(-1px); outline: none; }
.autonomous-job-actions { cursor: default; }
.report-open-button { border-color: #397f71; color: var(--cyan); }
.autonomous-reports-panel { padding: 25px; }
.autonomous-report-context { display: block; margin-top: 7px; color: #718399; font-size: 9px; }
.autonomous-report-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.autonomous-report-card { position: relative; display: flex; min-height: 168px; flex-direction: column; align-items: flex-start; gap: 8px; padding: 16px; border: 1px solid #2b3c52; border-radius: 11px; color: inherit; background: linear-gradient(145deg, rgba(15, 30, 40, .82), rgba(8, 15, 24, .68)); cursor: pointer; text-align: left; transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.autonomous-report-card:hover, .autonomous-report-card:focus-visible, .autonomous-report-card.active { border-color: #65f1d0; box-shadow: 0 0 0 1px rgba(101, 241, 208, .18), 0 15px 35px rgba(0, 0, 0, .18); transform: translateY(-2px); outline: none; }
.autonomous-report-card.not-configured { opacity: .54; }
.autonomous-report-card-index { color: #65f1d0; font: 10px "SFMono-Regular", Consolas, monospace; letter-spacing: .08em; }
.autonomous-report-card strong { color: #e0edf2; font-size: 13px; }
.autonomous-report-card small { min-height: 34px; color: #7c90a3; font-size: 10px; line-height: 1.6; }
.autonomous-report-card-state { margin-top: auto; padding: 4px 6px; border: 1px solid #4f5e70; border-radius: 4px; color: #b7c7d1; background: #25313d; font-size: 9px; }
.autonomous-report-card-state.completed { border-color: #397f71; color: #65f1d0; background: #153b37; }
.autonomous-report-card-state.running, .autonomous-report-card-state.queued { border-color: #66578e; color: #d4c8f9; background: #29223e; }
.autonomous-report-card-state.blocked, .autonomous-report-card-state.not-configured { color: #8b9aaa; background: #202b36; }
.autonomous-report-card b { align-self: flex-end; color: #a9d8cf; font-size: 9px; font-weight: 500; }
.autonomous-report-preview { margin-top: 16px; padding: 20px; border: 1px solid #397f71; border-radius: 12px; background: linear-gradient(145deg, rgba(18, 42, 43, .82), rgba(9, 17, 26, .76)); }
.autonomous-report-preview-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; }
.autonomous-report-preview h3 { margin: 8px 0 0; color: #edf6fa; font-size: 20px; }
.autonomous-report-state { padding: 5px 7px; border: 1px solid #397f71; border-radius: 5px; color: #65f1d0; background: #153b37; font-size: 9px; }
.autonomous-report-state.not-configured, .autonomous-report-state.blocked { border-color: #4f5e70; color: #9aa9b6; background: #202b36; }
.autonomous-report-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; margin-top: 18px; }
.autonomous-report-summary > div { padding: 10px; border: 1px solid #2c4a52; border-radius: 8px; background: rgba(7, 16, 25, .5); }
.autonomous-report-summary span, .autonomous-report-sections span { display: block; color: #7890a0; font-size: 9px; }
.autonomous-report-summary strong { display: block; margin-top: 6px; color: #d8e7ed; font-size: 11px; line-height: 1.5; }
.autonomous-report-summary p { grid-column: 1 / -1; margin: 2px 0 0; color: #91a5b3; font-size: 10px; line-height: 1.7; }
.autonomous-report-sections { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; margin-top: 12px; }
.autonomous-report-sections section { min-height: 78px; padding: 12px; border: 1px dashed #315c54; border-radius: 8px; background: rgba(8, 15, 24, .42); }
.autonomous-report-sections strong { display: block; margin-top: 10px; color: #b7c8d2; font-size: 10px; font-weight: 500; line-height: 1.5; }
body.theme-day .autonomous-job-row:hover, body.theme-day .autonomous-job-row:focus-visible, body.theme-day .autonomous-job-row.selected { border-color: #67aa9e; background: linear-gradient(135deg, #e5f6f2, #ffffff); }
body.theme-day .autonomous-report-context { color: #698294; }
body.theme-day .autonomous-report-card { border-color: #c4d7e1; background: linear-gradient(145deg, #ffffff, #f2f8fa); }
body.theme-day .autonomous-report-card:hover, body.theme-day .autonomous-report-card:focus-visible, body.theme-day .autonomous-report-card.active { border-color: #258c7d; box-shadow: 0 0 0 1px rgba(37, 140, 125, .18), 0 15px 35px rgba(56, 94, 111, .14); }
body.theme-day .autonomous-report-card strong { color: #173b51; }
body.theme-day .autonomous-report-card small { color: #698294; }
body.theme-day .autonomous-report-card-state { border-color: #b8cbd6; color: #31596c; background: #edf4f7; }
body.theme-day .autonomous-report-card-state.completed { border-color: #67aa9e; color: #075c58; background: #dff3ed; }
body.theme-day .autonomous-report-card-state.running, body.theme-day .autonomous-report-card-state.queued { color: #ffffff; background: #6f5ba8; }
body.theme-day .autonomous-report-card-state.blocked, body.theme-day .autonomous-report-card-state.not-configured { color: #ffffff; background: #657b8d; }
body.theme-day .autonomous-report-card b { color: #087f75; }
body.theme-day .autonomous-report-preview { border-color: #67aa9e; background: linear-gradient(145deg, #effaf7, #ffffff); }
body.theme-day .autonomous-report-preview h3 { color: #17384d; }
body.theme-day .autonomous-report-state { border-color: #67aa9e; color: #075c58; background: #dff3ed; }
body.theme-day .autonomous-report-state.not-configured, body.theme-day .autonomous-report-state.blocked { border-color: #b8cbd6; color: #ffffff; background: #657b8d; }
body.theme-day .autonomous-report-summary > div { border-color: #c4d7e1; background: rgba(255, 255, 255, .8); }
body.theme-day .autonomous-report-summary strong { color: #173b51; }
body.theme-day .autonomous-report-summary p { color: #698294; }
body.theme-day .autonomous-report-sections section { border-color: #9ac9bf; background: rgba(255, 255, 255, .66); }
body.theme-day .autonomous-report-sections strong { color: #31596c; }
@media (max-width: 820px) { .autonomous-report-grid, .autonomous-report-sections { grid-template-columns: repeat(2, minmax(0, 1fr)); }.autonomous-report-summary { grid-template-columns: 1fr 1fr; } }
@media (max-width: 620px) { .autonomous-report-grid, .autonomous-report-sections, .autonomous-report-summary { grid-template-columns: 1fr; }.autonomous-report-summary p { grid-column: auto; } }

/* Keep the research configuration modal title readable in day mode and anchor its close button to the card. */
.research-config-card { position: relative; }
.research-config-head { position: relative; padding-right: 42px; }
.research-config-card > .api-key-modal-close { position: absolute; top: 14px; right: 16px; z-index: 1; }
body.theme-day .research-config-head h3 { color: #111820; }

/* Autonomous research progress stays inside each task row; details open separately as a modal. */
.autonomous-job-row { flex-wrap: wrap; }
.autonomous-inline-progress { flex: 0 0 100%; margin-top: 4px; padding-top: 14px; border-top: 1px solid #2b4551; }
.autonomous-inline-progress-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.autonomous-inline-progress-head span { color: #b9d6d3; font-size: 10px; font-weight: 700; letter-spacing: .08em; }
.autonomous-inline-progress-head small { color: #718798; font-size: 9px; }
.autonomous-inline-progress .autonomous-report-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.autonomous-inline-progress .autonomous-report-card { min-height: 132px; padding: 13px; }
.autonomous-reports-panel { position: fixed; z-index: 100; inset: 0; display: grid; place-items: center; overflow-y: auto; padding: 24px; background: rgba(2, 7, 13, .76); backdrop-filter: blur(9px); }
.autonomous-reports-panel[hidden] { display: none !important; }
.autonomous-reports-dialog { width: min(820px, 100%); max-height: min(88vh, 820px); overflow-y: auto; padding: 25px; border: 1px solid #3d806f; border-radius: 16px; background: linear-gradient(145deg, #14252d, #0b151e); box-shadow: 0 30px 100px rgba(0, 0, 0, .55); }
.autonomous-reports-dialog .panel-head { margin-bottom: 0; }
.autonomous-report-grid[hidden] { display: none !important; }
body.theme-day .autonomous-inline-progress { border-color: #c4d7e1; }
body.theme-day .autonomous-inline-progress-head span { color: #173b51; }
body.theme-day .autonomous-inline-progress-head small { color: #698294; }
body.theme-day .autonomous-reports-panel { background: rgba(45, 77, 91, .35); }
body.theme-day .autonomous-reports-dialog { border-color: #6db5a7; background: linear-gradient(145deg, #ffffff, #edf8f7); box-shadow: 0 30px 100px rgba(56, 94, 111, .28); }
@media (max-width: 820px) { .autonomous-inline-progress .autonomous-report-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .autonomous-inline-progress .autonomous-report-grid { grid-template-columns: 1fr; }.autonomous-reports-panel { padding: 12px; }.autonomous-reports-dialog { padding: 20px 16px; } }
body.theme-day .autonomous-config-row .field-label,
body.theme-day .research-config-section .field-label,
body.theme-day .research-config-section .select-field > span,
body.theme-day .research-config-section h4 { color: #111820; }
body.theme-day #autonomous-select-all-targets,
body.theme-day #autonomous-select-all-items { color: #172331; }
body.theme-day #autonomous-select-all-targets:hover,
body.theme-day #autonomous-select-all-items:hover { color: #10202e; background: #e3f0f2; border-color: #7598a5; }
body.theme-day .cache-toggle { color: #1b3445; }
body.theme-day .cache-toggle small { color: #5b7282; }
body.theme-day .cache-hit-badge { border-color: #4c9a88; color: #145847; background: #dff3ed; }
.autonomous-question-count-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.autonomous-job-status.running i { animation: autonomous-pulse 1.3s ease-in-out infinite; }
.autonomous-job-waiting { padding: 6px 8px; border: 1px solid #6b5c8a; border-radius: 6px; color: #c8baf0; background: #2a2340; font-size: 9px; white-space: nowrap; }
.autonomous-question-output { grid-column: 1 / -1; padding: 14px; border: 1px solid #315c54; border-radius: 9px; background: rgba(8, 15, 24, .45); }
.autonomous-question-output > span { display: block; color: #7c9aa4; font-size: 9px; }
.autonomous-question-output > strong { display: block; margin-top: 5px; color: #dff9f0; font-size: 12px; }
.autonomous-question-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 12px; }
.autonomous-question-columns > div { padding: 10px; border: 1px solid #2d4555; border-radius: 7px; }
.autonomous-question-columns b { color: #65f1d0; font-size: 10px; }
.autonomous-question-columns p { margin: 8px 0 0; color: #b9cbd3; font-size: 10px; line-height: 1.6; }
@keyframes autonomous-pulse { 50% { opacity: .35; transform: scale(.75); } }
body.theme-day .autonomous-job-waiting { border-color: #7892a2; color: #ffffff; background: #657b8d; }
body.theme-day .autonomous-question-output { border-color: #9ac9bf; background: rgba(255, 255, 255, .72); }
body.theme-day .autonomous-question-output > span { color: #698294; }
body.theme-day .autonomous-question-output > strong { color: #173b51; }
body.theme-day .autonomous-question-columns > div { border-color: #c4d7e1; background: #f8fbfc; }
body.theme-day .autonomous-question-columns b { color: #087f75; }
body.theme-day .autonomous-question-columns p { color: #31596c; }
@media (max-width: 620px) { .autonomous-question-count-grid, .autonomous-question-columns { grid-template-columns: 1fr; } }

/* Keep the detail modal calm: one outer surface, with text-led metadata inside. */
.autonomous-report-preview { margin-top: 22px; padding: 0; border: 0; background: transparent; }
.autonomous-report-summary { display: block; margin-top: 18px; }
.autonomous-report-summary > div { display: flex; align-items: baseline; gap: 12px; padding: 0; border: 0; background: transparent; }
.autonomous-report-summary > div + div { margin-top: 8px; }
.autonomous-report-summary > div span { flex: 0 0 58px; }
.autonomous-report-summary > div strong { margin-top: 0; }
.autonomous-report-summary p { margin: 20px 0 0; }
.autonomous-question-output { padding: 18px 0 0; border: 0; background: transparent; }
.autonomous-question-columns { margin-top: 0; }
.autonomous-question-columns > div { padding: 0 0 0 14px; border: 0; border-left: 2px solid #315c54; border-radius: 0; background: transparent; }
.autonomous-question-columns p { margin-top: 10px; }
.autonomous-report-state, .autonomous-report-card-state { display: inline-flex; align-items: center; gap: 6px; }
.autonomous-spinner { display: inline-block; width: 10px; height: 10px; flex: 0 0 10px; border: 1.5px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: autonomous-spin .75s linear infinite; }
.autonomous-job-status.running i { width: 10px; height: 10px; flex: 0 0 10px; border: 1.5px solid currentColor; border-right-color: transparent; background: transparent; box-shadow: none; animation: autonomous-spin .75s linear infinite; }
@keyframes autonomous-spin { to { transform: rotate(360deg); } }
body.theme-day .autonomous-report-preview { border: 0; background: transparent; }
body.theme-day .autonomous-report-summary > div { border: 0; background: transparent; }
body.theme-day .autonomous-question-columns > div { border: 0; border-left: 2px solid #9ac9bf; background: transparent; }

/* Medical hotspot monitoring */
.medical-hotspot-workspace { display: grid; gap: 22px; }
.medical-hotspot-tabs { display: flex; gap: 8px; border-bottom: 1px solid rgba(126, 176, 192, .24); }
.medical-hotspot-tab { border: 1px solid transparent; border-bottom: 2px solid transparent; padding: 11px 18px; color: #7e9aa7; background: transparent; cursor: pointer; font: inherit; }
.medical-hotspot-tab.active { color: #8ff5d9; border-bottom-color: #55ddbd; }
.medical-hotspot-panel { display: grid; gap: 18px; }
.medical-video-form, .medical-wechat-form { display: grid; gap: 16px; grid-template-columns: minmax(180px, .8fr) minmax(260px, 1.6fr); align-items: end; }
.medical-keyword-picker { grid-column: 2; }
.medical-picker-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; color: #b9cbd3; font-size: 12px; }
.medical-picker-head > div { display: grid; gap: 2px; }
.medical-picker-head small { color: #718e9b; }
.medical-picker-head .ghost-button { min-width: 58px; padding: 5px 9px; font-size: 11px; }
.medical-keyword-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 7px; max-height: 190px; overflow: auto; padding: 2px; }
.medical-keyword-chip { display: flex; gap: 8px; align-items: center; min-height: 36px; border: 1px solid rgba(126, 176, 192, .28); border-radius: 7px; padding: 7px 9px; color: #b8cbd3; background: rgba(12, 25, 34, .6); cursor: pointer; font-size: 12px; }
.medical-keyword-chip:has(input:checked) { border-color: #55ddbd; color: #eafff9; background: rgba(44, 128, 112, .28); box-shadow: 0 0 0 1px rgba(85, 221, 189, .18); }
.medical-keyword-chip input { accent-color: #55ddbd; }
.medical-platform-picker { display: flex; gap: 12px; align-items: center; grid-column: 1 / -1; color: #b9cbd3; font-size: 12px; }
.medical-platform-picker > span { color: #7e9aa7; margin-right: 4px; }
.medical-platform-picker label { display: inline-flex; gap: 6px; align-items: center; }
.medical-platform-picker input { accent-color: #55ddbd; }
.medical-platform-option { min-height: 30px; padding: 4px 8px; border: 1px solid rgba(126, 176, 192, .22); border-radius: 7px; background: rgba(12, 25, 34, .48); }
.medical-platform-option:has(input:checked) { border-color: #55ddbd; background: rgba(44, 128, 112, .24); }
.medical-platform-option img, .medical-platform-inline img { width: 22px; height: 22px; border-radius: 6px; object-fit: cover; }
.medical-platform-option b { color: #b9cbd3; font-size: 11px; font-weight: 600; }
.medical-video-actions { display: flex; gap: 12px; align-items: end; grid-column: 1 / -1; }
.medical-video-actions .select-field { width: 180px; }
.medical-video-actions .primary-button { min-width: 210px; }
.medical-video-form > .auth-message { grid-column: 1 / -1; margin: 0; }
.medical-keyword-form { display: flex; gap: 10px; border-top: 1px solid rgba(126, 176, 192, .18); padding-top: 14px; }
.medical-keyword-form .research-input { flex: 1; }
.medical-result-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 14px; }
.medical-result-grid > section { min-width: 0; border: 1px solid rgba(126, 176, 192, .2); border-radius: 9px; padding: 14px; background: rgba(8, 18, 26, .45); }
.medical-job-list, .medical-data-list { display: grid; gap: 8px; }
.medical-job-row, .medical-data-row { display: flex; gap: 10px; justify-content: space-between; align-items: center; border: 1px solid rgba(126, 176, 192, .18); border-radius: 7px; padding: 10px; background: rgba(12, 27, 37, .52); }
.medical-job-row > div:first-child, .medical-data-main { min-width: 0; display: grid; gap: 4px; }
.medical-job-row strong, .medical-data-main strong { color: #d9e8ed; font-size: 12px; }
.medical-job-row span, .medical-data-main span, .medical-data-main small, .medical-job-row small { color: #7793a0; font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.medical-job-row > div:last-child { display: grid; justify-items: end; gap: 4px; flex: 0 0 auto; }
.medical-data-cover { width: 52px; height: 38px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 5px; overflow: hidden; color: #68d7c0; background: #122d36; font-size: 9px; }
.medical-data-cover img { width: 100%; height: 100%; object-fit: cover; }
.medical-data-link { flex: 0 0 auto; color: #75e8cd; font-size: 11px; text-decoration: none; }
.medical-data-actions { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; }
.medical-video-delete { border: 1px solid rgba(243, 162, 141, .45); border-radius: 5px; padding: 4px 8px; color: #f3a28d; background: transparent; cursor: pointer; font-size: 10px; }
.medical-video-delete:hover { border-color: #f3a28d; color: #ffd0c3; background: rgba(243, 162, 141, .1); }
.medical-article-mark { width: 38px; height: 38px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid #4c9e8f; border-radius: 50%; color: #90f2db; font-size: 10px; }
.medical-wechat-form { grid-template-columns: minmax(220px, 1.2fr) minmax(170px, .7fr) auto; }
.medical-wechat-form .primary-button { min-width: 190px; }
body.theme-day .medical-hotspot-tabs { border-color: #c8d6dc; }
body.theme-day .medical-hotspot-tab { color: #607785; }
body.theme-day .medical-hotspot-tab.active { color: #075c58; border-color: #168b7c; }
body.theme-day .medical-picker-head, body.theme-day .medical-platform-picker { color: #243c4b; }
body.theme-day .medical-picker-head small, body.theme-day .medical-platform-picker > span { color: #607785; }
body.theme-day .medical-keyword-chip { border-color: #b8cbd4; color: #243c4b; background: #f2f7f9; }
body.theme-day .medical-keyword-chip:has(input:checked) { border-color: #168b7c; color: #064f4b; background: #dff3ed; }
body.theme-day .medical-result-grid > section, body.theme-day .medical-job-row, body.theme-day .medical-data-row { border-color: #c4d4dc; background: #f5f9fb; }
body.theme-day .medical-job-row strong, body.theme-day .medical-data-main strong { color: #17384d; }
body.theme-day .medical-job-row span, body.theme-day .medical-data-main span, body.theme-day .medical-data-main small, body.theme-day .medical-job-row small { color: #607785; }
body.theme-day .medical-data-link { color: #075c58; }
body.theme-day .medical-video-delete { border-color: #d49b8d; color: #b34f3d; }
body.theme-day .medical-video-delete:hover { border-color: #b34f3d; color: #8f3427; background: #fff0ed; }
@media (max-width: 820px) { .medical-video-form, .medical-wechat-form, .medical-result-grid { grid-template-columns: 1fr; }.medical-keyword-picker { grid-column: auto; }.medical-platform-picker, .medical-video-actions, .medical-video-form > .auth-message { grid-column: auto; } }

/* Medical hotspot layout refinement: keep configuration, jobs and data in stable columns. */
.medical-hotspots-view { width: 100%; max-width: 1220px; margin: 0 auto; }
.medical-hotspot-workspace { padding: 22px; }
.medical-hotspot-panel[hidden] { display: none !important; }
.medical-video-form { grid-template-columns: minmax(0, 1fr); align-items: stretch; }
.medical-keyword-picker { grid-column: auto; }
.medical-keyword-grid { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); max-height: 230px; }
.medical-video-actions { align-items: end; }
.medical-video-actions .primary-button { width: auto; flex: 1; }
.medical-wechat-form { grid-template-columns: minmax(0, 1fr) minmax(190px, .65fr); align-items: end; }
.medical-wechat-form .primary-button { width: auto; grid-column: 1 / -1; justify-self: start; min-width: 220px; }
.medical-result-grid { grid-template-columns: minmax(0, 1fr); align-items: start; }
.medical-result-grid > section { min-width: 0; overflow: hidden; }
.medical-result-grid .panel-head { align-items: center; margin-bottom: 14px; }
.medical-result-grid .panel-head h3 { margin: 0; font-size: 15px; }
.medical-job-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
.medical-data-row { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; }
.medical-data-main { overflow: hidden; }
.medical-job-row > div:last-child { min-width: 78px; }
.medical-platform-inline { display: inline-flex; align-items: center; gap: 11px; }
.medical-job-row .medical-platform-inline { gap: 15px; }
.medical-job-row .medical-platform-inline img { margin-right: 2px; }
.medical-platform-inline b { color: #d9e8ed; font-size: 12px; font-weight: 700; }
.medical-job-delete { border: 0; padding: 2px 0; color: #f3a28d; background: transparent; cursor: pointer; font-size: 10px; }
.medical-job-delete:hover { color: #ffcab9; text-decoration: underline; }
.medical-job-row span, .medical-data-main span, .medical-data-main small, .medical-job-row small { display: block; max-width: 100%; }
.medical-keyword-form { align-items: center; }
.medical-keyword-form .ghost-button { width: auto; white-space: nowrap; }
body.theme-day .medical-hotspot-hero h2, body.theme-day .medical-hotspot-workspace h3 { color: #17384d; }
body.theme-day .medical-hotspot-hero p { color: #607785; }
body.theme-day .medical-hotspot-workspace { border-color: #c4d4dc; }
body.theme-day .medical-keyword-form { border-color: #c4d4dc; }
body.theme-day .medical-platform-option { border-color: #c4d4dc; background: #f5f9fb; }
body.theme-day .medical-platform-option:has(input:checked) { border-color: #168b7c; background: #dff3ed; }
body.theme-day .medical-platform-option b, body.theme-day .medical-platform-inline b { color: #17384d; }
body.theme-day .medical-job-delete { color: #b34f3d; }
body.theme-day .medical-result-grid .panel-head h3 { color: #17384d; }
@media (max-width: 820px) {
  .medical-hotspot-workspace { padding: 18px; }
  .medical-result-grid { grid-template-columns: 1fr; }
  .medical-wechat-form { grid-template-columns: 1fr; }
  .medical-wechat-form .primary-button { grid-column: auto; width: 100%; justify-self: stretch; }
}
@media (max-width: 560px) {
  .medical-hotspot-tabs { overflow-x: auto; }
  .medical-hotspot-tab { flex: 1 0 130px; }
  .medical-video-actions { align-items: stretch; flex-direction: column; }
  .medical-video-actions .select-field { width: auto; }
  .medical-video-actions .primary-button { width: 100%; }
  .medical-keyword-form { align-items: stretch; flex-direction: column; }
  .medical-keyword-form .ghost-button { width: 100%; justify-content: space-between; }
  .medical-job-row, .medical-data-row { grid-template-columns: 1fr; align-items: start; }
  .medical-job-row > div:last-child { justify-items: start; }
  .medical-data-link { justify-self: start; }
  .medical-data-actions { justify-self: start; }
}

.medical-pagination { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 12px; margin-top: 14px; color: #7793a0; font-size: 11px; }
.medical-page-numbers { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px; }
.medical-page-button { min-width: 30px !important; padding: 7px 8px !important; }
.medical-page-button.active { border-color: #55ddbd; color: #071a1f; background: #55ddbd; }
.medical-video-facts { display: flex; flex-wrap: wrap; gap: 8px 14px; }
.medical-video-facts span { white-space: nowrap; }
.medical-video-tags { color: #8bb6c1 !important; }
.medical-video-data-controls { display: grid; grid-template-columns: repeat(2, minmax(180px, 1fr)); gap: 10px; margin-bottom: 14px; }
.medical-pagination .ghost-button { min-width: 72px; padding: 7px 10px; }
.medical-pagination .ghost-button:disabled { opacity: .4; cursor: not-allowed; }
body.theme-day .medical-pagination { color: #607785; }
body.theme-day .medical-page-button.active { border-color: #168b7c; color: #ffffff; background: #168b7c; }
body.theme-day .medical-video-tags { color: #486979 !important; }
@media (max-width: 560px) {
  .medical-video-data-controls { grid-template-columns: 1fr; }
}

.traffic-monitor-result-list { display: grid; gap: 10px; }
.traffic-monitor-result-row { padding: 15px; border: 1px solid #26384c; border-radius: 10px; background: rgba(8, 15, 24, .58); }
.traffic-monitor-result-row.result-failed { border-color: #75483d; }
.traffic-monitor-result-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.traffic-monitor-result-question { display: flex; align-items: flex-start; gap: 9px; min-width: 0; }
.traffic-monitor-result-question .status-dot { flex: 0 0 auto; margin-top: 4px; }
.traffic-monitor-result-question strong { color: #d9e5ec; font-size: 12px; font-weight: 600; line-height: 1.55; overflow-wrap: anywhere; }
.traffic-monitor-result-head-meta { display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex: 0 0 auto; }
.traffic-monitor-result-platform { display: inline-flex; align-items: center; gap: 7px; color: #a9bfca; font-size: 10px; white-space: nowrap; }
.traffic-monitor-result-platform img { width: 20px; height: 20px; border-radius: 6px; object-fit: contain; }
.traffic-monitor-result-platform-fallback { display: inline-grid; width: 20px; height: 20px; place-items: center; border-radius: 6px; color: #07131d; background: var(--cyan); font: 700 8px "SFMono-Regular", Consolas, monospace; }
.traffic-monitor-result-scope { margin-top: 7px; color: #71879a; font: 9px "SFMono-Regular", Consolas, monospace; }
.traffic-monitor-result-answer { max-height: 180px; overflow: auto; margin-top: 11px; padding: 11px 12px; border: 1px solid #273e51; border-radius: 8px; color: #c4d2dc; background: rgba(5, 12, 20, .5); font-size: 11px; line-height: 1.7; white-space: pre-wrap; }
.traffic-monitor-result-citations { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 9px; }
.traffic-monitor-citation, .traffic-monitor-no-citation { display: inline-flex; padding: 4px 7px; border: 1px solid #2c465a; border-radius: 5px; color: #91b0bd; background: rgba(18, 39, 53, .55); font-size: 9px; }
.traffic-monitor-no-citation { color: #71879a; }
.traffic-monitor-result-meta { display: flex; flex-wrap: wrap; gap: 8px 14px; margin-top: 10px; color: #688093; font: 9px "SFMono-Regular", Consolas, monospace; }
.traffic-monitor-result-loading { display: flex; align-items: center; gap: 8px; margin-top: 11px; color: #7c9ca9; font-size: 10px; }
.traffic-monitor-result-loading i { width: 14px; height: 14px; border: 2px solid #31515f; border-top-color: var(--cyan); border-radius: 50%; animation: traffic-monitor-result-spin .9s linear infinite; }
.traffic-monitor-result-error { margin-top: 11px; color: #f2a28b; font-size: 10px; line-height: 1.55; }
@keyframes traffic-monitor-result-spin { to { transform: rotate(360deg); } }
body.theme-day .traffic-monitor-result-row { border-color: #c5d8e1; background: rgba(255,255,255,.78); }
body.theme-day .traffic-monitor-result-row.result-failed { border-color: #d9aaa0; }
body.theme-day .traffic-monitor-result-question strong { color: #17384d; }
body.theme-day .traffic-monitor-result-scope, body.theme-day .traffic-monitor-result-meta { color: #698294; }
body.theme-day .traffic-monitor-result-platform { color: #244a5f; }
body.theme-day .traffic-monitor-result-answer { border-color: #ccdde5; color: #24445a; background: #f7fbfc; }
body.theme-day .traffic-monitor-citation, body.theme-day .traffic-monitor-no-citation { border-color: #bed3dc; color: #486979; background: #edf6f8; }
body.theme-day .traffic-monitor-result-loading { color: #557383; }
body.theme-day .traffic-monitor-result-loading i { border-color: #c7dbe2; border-top-color: #168b7c; }
@media (max-width: 620px) {
  .traffic-monitor-result-head { flex-direction: column; }
  .traffic-monitor-result-head-meta { justify-content: flex-start; }
}