.refep { box-sizing: border-box; color: #f1f2f5; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif; font-size: 0.8511rem; line-height: 1.6; }
.refep *, .refep *::before, .refep *::after { box-sizing: border-box; }
.refep[hidden] { display: none !important; }
.refep button { color: inherit; font: inherit; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.refep button:disabled { cursor: not-allowed; }
.refep button:focus-visible { outline: 0.1135rem solid #39d6e3; outline-offset: 0.1702rem; }
.refep h2, .refep h3, .refep h4, .refep p { margin: 0; }
.refep-icon { width: 1.1348rem; height: 1.1348rem; flex: 0 0 auto; vertical-align: middle; }
.modal.refep { position: fixed; z-index: 160; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: calc(100dvh - 1.5887rem); margin: 0; padding: 0; background: #121218; border: 1px solid rgba(255,255,255,.11); border-radius: 1.0213rem; box-shadow: 0 1.4184rem 4.8227rem #0009; overflow: hidden; }
.refep-close { width: 1.8156rem; height: 1.8156rem; padding: 0.3404rem; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 0.4539rem; background: transparent; color: #9496a3 !important; }
.refep-close:hover { color: #fff !important; background: #ffffff0c; }
.modal.refep > .refep-close { position: absolute; top: 0.9645rem; right: 0.9645rem; z-index: 2; }
.modal.refep-guide { width: min(54.4681rem, calc(100vw - 2.0426rem)); height: min(35.9489rem,88vh); display: flex; flex-direction: column; background: linear-gradient(#191c28fa,#12141efd); }
.modal.refep-guide > .refep-close { width: 2.4999rem; height: 2.4999rem; padding: 0.6241rem; top: 1.25rem; right: 1.25rem; border: 1px solid #ffffff1a; border-radius: 0.7501rem; background: #ffffff08; }
.refep-guide-head { display: flex; align-items: center; gap: 0.9645rem; height: 7.3112rem; flex: 0 0 7.3112rem; padding: 2rem 2.4999rem 1.5001rem; border: 0; }
.refep-guide-info { display: grid; place-items: center; width: 3.2908rem; height: 3.2908rem; flex: 0 0 auto; color: #61e8f2; border: 1px solid #45c6e03b; border-radius: 0.9078rem; background: linear-gradient(135deg,#00c4d719,#7790ff15); box-shadow: inset 0 0 1.1348rem #00cae009; }
.refep-guide-info .refep-icon { width: 1.7021rem; height: 1.7021rem; }
.refep-guide-head h2 { font-size: 1.5001rem; font-weight: 700; line-height: 2rem; padding-right: 1.4752rem; }
.refep-guide-head p { font-size: 0.875rem; color: #67d8e7; line-height: 1.3125rem; margin-top: 0.5rem; }
.refep-guide-body { min-height: 0; flex: 1 1 auto; overflow: auto; padding: 0 2.4999rem 2rem; overscroll-behavior: contain; }
.refep-guide-article { color: #c8cfdf; font-size: 0.9375rem; line-height: 1.85; }
.refep-guide-article h2, .refep-guide-article-heading { font-size: 1.5001rem; font-weight: 700; color: #edf0f8; line-height: 1.4; }
.refep-guide-article-heading { position: relative; padding-left: 0.8511rem; padding-bottom: 0.7501rem; margin-bottom: 1rem !important; border-bottom: 1px solid #ffffff12; }
.refep-guide-article-heading::before { content: ""; position: absolute; top: 0.227rem; left: 0; width: 0.1702rem; height: 1.5887rem; border-radius: 0.1135rem; background: linear-gradient(#36d1dc,#9385eb); }
.refep-guide-article h3 { margin: 1.305rem 0 0.6241rem; font-size: 1.1348rem; line-height: 1.5; font-weight: 650; color: #dce2ef; }
.refep-guide-article p { color: #c8cfdf; font-size: 0.9375rem; line-height: 1.85; margin: 0.7501rem 0; }
.refep-guide-article hr { height: 1px; margin: 1.5rem 0; border: 0; background: linear-gradient(90deg,#ffffff1f,#ffffff0b); }
.refep-guide-quote { padding: 1rem 1.25rem; margin: 1.5rem 0; border: 0; border-left: 0.1547rem solid #40bdcf; border-radius: 0 0.4539rem 0.4539rem 0; background: linear-gradient(90deg,#21c9da12,#25bfd403); color: #c7d7e6; font-size: 0.9375rem; line-height: 1.8; font-style: italic; }
.refep-guide-quote p { margin: 0 0 0.6241rem; color: inherit; font-size: inherit; line-height: inherit; }
.refep-guide-quote p:last-child { margin-bottom: 0; }
.refep-guide-quote ul, .refep-guide-scenarios { display: grid; gap: 0.3404rem; margin: 0.6809rem 0 0; padding-left: 1.25rem; }
.refep-guide-quote strong { color: #d6e6ef; font-weight: 600; }
.refep-guide-article pre { margin: 1rem 0; padding: 1rem 1.25rem; border: 1px solid #ffffff12; border-radius: 0.4539rem; background: #060a1559; color: #b8cbdc; font-size: 0.8126rem; line-height: 1.8; overflow-x: auto; white-space: pre-wrap; }
.refep-guide-article code { font: inherit; }
.refep-guide-scenarios { margin: 1rem 0; }
html[data-display-theme="light"] :is(.refep-guide-article,.refep-guide-quote) { color: #65768f; }
html[data-display-theme="light"] .refep-guide-quote strong { color: #47607b; }
.refep .refep-guide-intro { color: #c9ceda; font-size: 0.8738rem; line-height: 1.85; margin-bottom: 1.1915rem !important; }
.refep-guide-section { margin-top: 1.305rem; }
.refep-guide-section h3 { font-size: 0.9986rem; font-weight: 650; color: #f2f4f8; margin-bottom: 0.6241rem; }
.refep-guide-section ul { display: grid; gap: 0.5106rem; margin: 0; padding-left: 1.1915rem; color: #62d5e5; }
.refep-guide-section li { padding-left: 0.1702rem; }
.refep-guide-section strong { color: #e5e9f3; font-size: 0.8738rem; font-weight: 600; }
.refep-guide-section strong:empty { display: none; }
.refep-guide-section strong:not(:empty)::after { content: "："; }
.refep-guide-section li span { color: #aeb5c4; font-size: 0.8511rem; }
.refep-guide-takeaway { display: flex; gap: 0.6809rem; align-items: center; margin-top: 1.305rem; padding: 0.8511rem 0.9645rem; border: 1px solid #32c6d429; background: #10b6c610; border-radius: 0.6809rem; color: #a8e3e9; }
.refep-guide-takeaway .refep-icon { color: #54deed; }
.refep .refep-availability { padding: 0.6241rem 0.7376rem; margin-top: 1.0213rem !important; border-radius: 0.5106rem; background: #ffffff04; color: #9297a6; font-size: 0.6809rem; line-height: 1.7; }
.refep-guide-footer { flex: 0 0 auto; display: flex; justify-content: center; padding: 1.5001rem 2.4999rem 2rem; border: 0; }
.refep-guide-footer .refep-primary { width: 11.7447rem; height: 3.1404rem; min-height: 3.1404rem; border-radius: 1.5001rem; font-size: 0.9375rem !important; padding: 0.6809rem 1.2482rem; background: linear-gradient(105deg,#08c4d9,#22a7d8); }
.refep-primary { min-height: 2.4397rem; display: inline-flex; align-items: center; justify-content: center; gap: 0.5674rem; padding: 0.6241rem 1.6454rem; font-size: 0.8511rem !important; font-weight: 600 !important; border: 1px solid #79eaf341; border-radius: 1.4184rem; background: linear-gradient(105deg,#0bbcd3,#24a6d7); color: #fff !important; box-shadow: 0 0.2837rem 1.1915rem #00bfd223; }
.refep-primary:hover { filter: brightness(1.08); }
.refep-primary .refep-icon { width: 0.9078rem; height: 0.9078rem; }
.refep-floating { position: fixed; z-index: 155; border: 1px solid #ffffff14; border-radius: 0.7501rem; box-shadow: 0 0.8511rem 3.1206rem #0009; overflow: hidden; }
/* v110 channel popup: observed default/selected computed values, isolated
   from the shared guide/reward font and modal contracts. */
.refep-routing { width: min(23rem, calc(100vw - 1.1348rem)); height: auto; max-height: min(31.5319148936rem, calc(100dvh - 1.5887rem)); display: flex; flex-direction: column; padding: 0; border-color: #1e1f25; border-radius: .75rem; box-shadow: 0 1.5rem 3.5rem rgba(0,0,0,.45); background: #1b1c21; color: #000; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "HarmonyOS Sans", "Microsoft YaHei", sans-serif; font-size: 1rem; line-height: 1.5; }
.refep-routing-head { display: flex; align-items: center; justify-content: space-between; flex: 0 0 auto; padding: .75rem 1rem; border-bottom: 1px solid #ffffff0a; }
.refep-routing-head h2 { color: #f5fbff; font-size: .875rem; font-weight: 600; line-height: 1.5; }
.refep-routing .refep-help-link, .refep-routing .refep-manage-link { display: flex; align-items: center; justify-content: center; border: 0; background: transparent; color: rgba(0,202,224,.9); font-family: Arial; font-weight: 500; line-height: normal; white-space: nowrap; }
.refep-routing .refep-help-link { gap: .3125rem; padding: .25rem .5rem; border-radius: .375rem; font-size: .75rem; }
.refep-routing .refep-manage-link { gap: .25rem; padding: .125rem .375rem; border-radius: .25rem; font-size: .6875rem; }
.refep-routing-icon { display: block; flex: 0 0 auto; }
.refep-routing .refep-help-link .refep-routing-icon { width: 13px; height: 13px; }
.refep-routing .refep-manage-link .refep-routing-icon { width: 12px; height: 12px; }
.refep-routing-body { flex: 0 0 auto; padding: .75rem 1rem .625rem; }
.refep-routing-section-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: .5rem; }
.refep-routing-section-head h3 { display: flex; align-items: center; gap: .375rem; color: rgba(0,202,224,.95); font-size: .8125rem; font-weight: 600; line-height: 1.5; }
.refep-routing-section-head h3 .refep-routing-icon { width: 14px; height: 14px; }
.refep-retry { display: block; padding: .125rem .4375rem; border: 0; border-radius: .25rem; color: rgba(0,202,224,.9); background: rgba(0,202,224,.12); font-size: .6875rem; font-weight: 500; line-height: 1.5; }
.refep-strategies { display: grid; grid-template-columns: 1fr 1fr; gap: .375rem; }
.refep-routing .refep-strategy { position: relative; display: flex; align-items: center; gap: .4375rem; min-width: 0; min-height: 0; padding: .5625rem .625rem; border: 1px solid rgba(255,255,255,.06); border-radius: .5rem; background: rgba(255,255,255,.03); color: #000; text-align: left; }
.refep-strategy-symbol { display: flex; flex: 0 0 auto; align-items: center; }
.refep-strategy-symbol .refep-routing-icon { width: 14px; height: 14px; }
.refep-strategy[data-refep-route="balanced"] .refep-strategy-symbol { color: #ab47bc; }
.refep-strategy[data-refep-route="price"] .refep-strategy-symbol { color: #ffa726; }
.refep-strategy[data-refep-route="fast"] .refep-strategy-symbol { color: #64b5f6; }
.refep-strategy[data-refep-route="success"] .refep-strategy-symbol { color: #4caf50; }
.refep-strategy-name { flex: 1; min-width: 0; overflow: hidden; color: rgba(255,255,255,.9); font-size: .75rem; font-weight: 600; line-height: 1.5; white-space: nowrap; }
.refep-routing .refep-strategy.active { border-color: rgba(0,202,224,.4); background: rgba(0,202,224,.1); }
.refep-routing .refep-strategy.active .refep-strategy-name { color: #fff; }
.refep-strategy .refep-selected-check { width: 13px; height: 13px; margin-left: auto; color: rgba(0,202,224,.95); }
.refep-routing .refep-strategy-description { display: flow-root; min-height: 2.0625rem; overflow: hidden; margin: .5rem 0 0; padding: 0; color: rgba(255,255,255,.45); font-size: .6875rem; line-height: 1.5; }
.refep-routing-divider { display: flex; align-items: center; justify-content: space-between; flex: 0 0 auto; gap: .5rem; margin: .125rem 0; padding: 0 1rem; }
.refep-routing-divider > span { color: rgba(255,255,255,.4); font-size: .6875rem; font-weight: 500; line-height: 1.5; }
.refep-channel-list { flex: 1 1 auto; min-height: 0; max-height: 16rem; overflow: auto; padding: .375rem .625rem .5rem; overscroll-behavior: contain; }
/* Reference QuDaoKa layout, populated with published prices and local history. */
.refep-channel-item { display: flex; gap: .25rem; margin: .25rem 0; padding: .5625rem .75rem; border: 0; border-radius: .5rem; background: #1c1e22; }
.refep-channel-item[data-refep-channel], .refep-channel-item[data-refep-allow-channel] { width: 100%; flex-direction: column; align-items: flex-start; text-align: left; color: rgba(255,255,255,.65); }
.refep-channel-item.active { outline: 1px solid rgba(0,202,224,.4); background: rgba(0,202,224,.1); }
.refep-channel-item .refep-channel-name { max-width: 100%; overflow-wrap: anywhere; }
.refep-channel-header { display: flex; align-items: center; justify-content: space-between; width: 100%; min-width: 0; gap: .625rem; }
.refep-channel-header .refep-channel-name { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.refep-channel-header .refep-channel-stats { display: flex; align-items: center; gap: .75rem; flex: 0 0 auto; white-space: nowrap; color: rgba(255,255,255,.5); }
.refep-channel-stat { display: flex; align-items: center; gap: .3125rem; }
.refep-channel-stat svg { opacity: .7; width: .75rem; height: .75rem; }
.refep-channel-latency { color: rgba(100,181,246,.9); }
.refep-routing .refep-strategy:disabled { opacity: .45; cursor: not-allowed; }
.refep-channel-name { color: #fff; font-size: .8125rem; font-weight: 600; line-height: 1.5; }
.refep-channel-stats, .refep-channel-price { font-size: .75rem; line-height: 1.5; }
.refep-channel-price { max-width: 100%; overflow-wrap: anywhere; color: rgba(255,152,0,.9); }
.refep-channel-price-line { display: block; }
.refep-channel-price-accent { color: rgba(255,152,0,.75); font-weight: 600; }
.refep-upstream-candidate { width:100%; box-sizing:border-box; flex-direction:column; align-items:flex-start; gap:.375rem; }

.refep-upstream-candidate .refep-channel-stats { gap:.25rem; }
.refep-candidate-select { display:flex; flex-direction:column; align-items:stretch; gap:.25rem; width:100%; min-width:0; padding:0; border:0; background:transparent; color:inherit; text-align:left; cursor:pointer; }
.refep-routing .refep-routing-divider { justify-content: flex-end; }
.refep-routing .refep-candidate-select { font-family: inherit; font-size: .75rem; font-weight: 400; line-height: 1.5; }
.refep-routing .refep-upstream-candidate { gap: .25rem; }
.refep-routing .refep-channel-header { gap: .5rem; }
.refep-routing .refep-channel-header .refep-channel-stats { gap: .625rem; font-size: .75rem; font-weight: 400; }
.refep-routing .refep-channel-success { color: rgba(76,175,80,.95); }
.refep-routing .refep-channel-stat { gap: .25rem; }
.refep-routing .refep-channel-stat svg { width: .625rem; height: .625rem; }
.refep-routing .refep-channel-price { font-size: .75rem; line-height: 1.5; }
.refep-routing .refep-channel-price-accent { color: inherit; font-weight: 400; }
.refep-candidate-select:focus-visible { outline:2px solid #00cae0; outline-offset:4px; border-radius:.25rem; }
.refep-candidate-detail { margin-top:.125rem; }
.refep-candidate-detail > summary { font-size:.625rem; color:rgba(255,255,255,.4); }
.refep-candidate-detail[open] { display:flex; flex-direction:column; gap:.375rem; }
.refep-candidate-options.refep-candidate-summary { width:auto; margin:.25rem .75rem .5rem; color:rgba(255,255,255,.5); font-size:.625rem; line-height:1.5; overflow-wrap:anywhere; }
.refep-candidate-summary[open] > span,.refep-candidate-summary[open] > time { display:block; }
.refep-candidate-summary > span { color:rgba(255,255,255,.7); font-size:.6875rem; }
.refep-candidate-status { display:flex; flex-direction:column; align-items:flex-start; gap:.5rem; margin:.375rem .75rem .75rem; color:rgba(255,255,255,.6); font-size:.75rem; line-height:1.6; }
.refep-candidate-retry { padding:.25rem .5rem; border:1px solid rgba(0,202,224,.4); border-radius:.375rem; background:rgba(0,202,224,.08); color:#00cae0; font:inherit; cursor:pointer; }
.refep-candidate-restrictions { display:flex; flex-wrap:wrap; gap:.25rem; min-width:0; max-width:100%; }
.refep-candidate-badge { max-width:100%; padding:.0625rem .3125rem; border-radius:.25rem; background:rgba(255,255,255,.06); color:rgba(255,255,255,.5); font-size:.625rem; line-height:1.5; overflow-wrap:anywhere; }
.refep-candidate-note { margin:0; color:rgba(255,255,255,.4); font-size:.625rem; line-height:1.5; overflow-wrap:anywhere; }
.refep-candidate-price-note { margin:.5rem .75rem; }
.refep-candidate-offer { display:flex; flex-direction:column; width:100%; gap:.3125rem; box-sizing:border-box; padding:.5rem; border:1px solid rgba(255,255,255,.05); border-radius:.375rem; }
.refep-candidate-offer-head { display:flex; align-items:flex-start; justify-content:space-between; gap:.5rem; color:rgba(255,255,255,.55); font-size:.625rem; }
.refep-candidate-offer-head strong { min-width:0; color:rgba(255,255,255,.75); overflow-wrap:anywhere; font-weight:500; }
.refep-candidate-offer-head > span { flex-shrink:0; }
.refep-candidate-options { width:100%; color:rgba(255,255,255,.5); font-size:.625rem; }
.refep-candidate-options > summary,.refep-connection-section > summary { cursor:pointer; }
.refep-candidate-options > .refep-channel-price { margin-top:.375rem; font-size:.625rem; }
.refep-candidate-supported { display:flex; flex-direction:column; gap:.3125rem; margin:.375rem 0 0; overflow-wrap:anywhere; }
.refep-candidate-supported > div { display:flex; align-items:baseline; gap:.5rem; }
.refep-candidate-supported dt { flex:0 0 auto; color:rgba(255,255,255,.6); }
.refep-candidate-supported dd { min-width:0; margin:0; }
.refep-candidate-rules { margin:.375rem 0 0; padding-left:1rem; overflow-wrap:anywhere; }
.refep-connection-section { margin-top:.75rem; padding-top:.625rem; border-top:1px solid rgba(255,255,255,.07); }
.refep-connection-section > summary { margin:0 .75rem .375rem; color:rgba(255,255,255,.6); font-size:.6875rem; }
.refep-connection-section > .refep-candidate-note { margin:.375rem .75rem; }
.refep-connection-toolbar { display:flex; justify-content:flex-end; margin:0 .75rem .375rem; }
.refep-candidate-retry:focus-visible,.refep-candidate-options > summary:focus-visible,.refep-connection-section > summary:focus-visible { outline:2px solid #00cae0; outline-offset:2px; }
.refep-channel-tier { margin: .25rem 0 .125rem; color: rgba(255,255,255,.4); font-size: .6875rem; line-height: 1.5; }
.refep-channel-empty { display: flex; min-height: 100%; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 1.4184rem .9645rem; color: #868b9a; }
.refep-empty-symbol { display: grid; place-items: center; width: 2.2695rem; height: 2.2695rem; margin-bottom: .6809rem; border-radius: .6241rem; background: #ffffff05; color: #697082; }
.refep-channel-empty strong { font-size: .75rem; font-weight: 500; color: #b7bdc9; }
.refep-channel-empty p { margin-top: .4539rem; max-width: 15.8865rem; font-size: .6875rem; line-height: 1.8; }
.refep-routing-help { width: min(46.5248rem, calc(100vw - 2.0426rem)); max-height: calc(100dvh - 2.0426rem); display: flex; flex-direction: column; }
.refep-dialog-head { display: flex; align-items: center; gap: 0.7376rem; flex: 0 0 auto; padding: 1.3617rem 1.4752rem; border-bottom: 1px solid #ffffff0b; }
.refep-dialog-head h2 { font-size: 1.1915rem; padding-right: 1.305rem; }
.refep-dialog-head p { color: #9096a4; font-size: 0.7376rem; margin-top: 0.2837rem; }
.refep-dialog-symbol { display: grid; place-items: center; width: 2.4397rem; height: 2.4397rem; flex: 0 0 auto; border: 1px solid #ffffff0b; border-radius: 0.6809rem; }
.refep-dialog-symbol .refep-icon { width: 1.305rem; height: 1.305rem; }
.refep-help-body { min-height: 0; overflow: auto; padding: 1.2482rem 1.4752rem; overscroll-behavior: contain; }
.refep-help-body > section + section { margin-top: 1.4184rem; }
.refep-help-body h3 { font-size: 0.9078rem; margin-bottom: 0.7376rem; }
.refep-help-strategies { display: grid; grid-template-columns: 1fr 1fr; gap: 0.6241rem; }
.refep-help-strategies article { display: flex; align-items: flex-start; gap: 0.5674rem; padding: 0.7943rem; border: 1px solid #ffffff0c; background: #ffffff03; border-radius: 0.5674rem; }
.refep-help-strategies .refep-icon { color: #9baeff; margin-top: 0.1135rem; width: 0.9645rem; height: 0.9645rem; }
.refep-help-strategies h4 { font-size: 0.7943rem; color: #e1e6f3; }
.refep-help-strategies p, .refep-routing-caveats p { margin-top: 0.3404rem; color: #9da4b4; font-size: 0.7376rem; line-height: 1.8; }
.refep-routing-flow { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.6241rem; }
.refep-routing-flow li { display: flex; align-items: center; gap: 0.5674rem; color: #aeb5c3; font-size: 0.7376rem; }
.refep-routing-flow b { display: grid; place-items: center; width: 1.4184rem; height: 1.4184rem; flex: 0 0 auto; border-radius: 50%; font-size: 0.6241rem; color: #a4dded; background: #11b2d015; border: 1px solid #11b2d029; }
.refep-routing-caveats { padding: 0.9078rem; border: 1px solid #d2a83d24; background: #d2a83d08; border-radius: 0.5674rem; }
.refep-routing-caveats strong { color: #d7dded; }
.refep-dialog-footer { display: flex; justify-content: center; gap: 0.5674rem; flex: 0 0 auto; padding: 0.9078rem 1.3617rem 1.1348rem; border-top: 1px solid #ffffff0b; }
.refep-more { width: min(24.4995rem, calc(100vw - 1.1348rem)); max-height: min(34.2128rem, calc(100dvh - 6.6739rem)); display: flex; flex-direction: column; padding: 1rem 1rem 0.875rem; background: radial-gradient(120% 80% at 100% 0%,rgba(0,202,224,.08),transparent 55%),radial-gradient(100% 80% at 0% 100%,rgba(168,85,247,.08),transparent 55%),linear-gradient(160deg,rgba(28,30,38,.92),rgba(18,20,26,.92)); backdrop-filter: blur(1.1348rem); -webkit-backdrop-filter: blur(1.1348rem); border-color: #b9c7ff20; }
.refep-more-body { min-height: 0; overflow: auto; padding: 0.25rem 0.375rem 0.25rem 0; overscroll-behavior: contain; }
.refep-more-group + .refep-more-group { margin-top: 1.1348rem; }
.refep-more-group > header { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 0.5674rem; margin-bottom: 0.5674rem; padding: 0 0 0 0.5674rem; }
.refep-more-group > header::before { content: ""; position: absolute; left: 0; width: 0.1702rem; height: 0.7943rem; border-radius: 0.1135rem; background: #6da4ff; }
.refep-more-group:nth-child(2) > header::before { background: #e0b756; }
.refep-more-group:nth-child(3) > header::before { background: #66cbb0; }
.refep-more-group:nth-child(4) > header::before { background: #ae87e9; }
.refep-more-group h3 { font-size: 0.7501rem; font-weight: 600; color: #abb2c4; }
.refep-more-group > header > span { color: #666d80; font-size: 0.5106rem; letter-spacing: 1.4px; }
.refep-more-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.4539rem; }
.refep-more-card { display: flex; align-items: center; min-width: 0; min-height: 4.539rem; gap: 0.5106rem; padding: 0.5674rem 0.4539rem; border: 1px solid #ffffff08; border-radius: 0.5674rem; background: #ffffff03; text-align: left; transition: border-color .15s, background .15s, transform .15s; }
.refep-more-card:hover { background: #ffffff08; border-color: #899bc92b; transform: translateY(-1px); }
.refep-card-icon { width: 2.156rem; height: 2.156rem; flex: 0 0 auto; display: grid; place-items: center; border-radius: 0.5674rem; border: 1px solid #ffffff08; }
.refep-card-icon .refep-icon { width: 1.078rem; height: 1.078rem; }
.refep-card-copy { display: block; min-width: 0; }
.refep-card-copy strong { display: block; font-size: 0.8511rem; font-weight: 500; color: #e1e6f0; white-space: nowrap; }
.refep-card-copy small { display: block; margin-top: 0.1702rem; color: #80889a; font-size: 0.6809rem; line-height: 1.4; }
.refep .blue { color: #7eaffc; background: #4d8ef21a; }
.refep .cyan { color: #5bdcdd; background: #3cd4d219; }
.refep .violet { color: #b097f4; background: #a276ed19; }
.refep .amber { color: #e5c168; background: #ddad3d19; }
.refep .green { color: #73d8af; background: #45c79919; }
.refep .red { color: #f58d91; background: #e96d7819; }
.refep .pink { color: #f289bd; background: #ec62a619; }
.refep-reward { width: min(1198.5px, calc(100vw - 1.9291rem)); height: min(39.2057rem, calc(100dvh - 1.5887rem)); display: flex; flex-direction: column; background: linear-gradient(150deg,#181722,#13151d) !important; }
.refep-reward-head { display: flex; align-items: center; gap: 0.7376rem; flex: 0 0 auto; padding: 1.1348rem 1.4184rem 1.0213rem; border-bottom: 1px solid #ffffff0b; padding-right: 3.7447rem; }
.refep-reward-head h2 { font-size: 1.3617rem; font-weight: 700; }
.refep-reward-head p { color: #9193a5; font-size: 0.6809rem; margin-top: 0.1702rem; }
.refep-record-button { display: inline-flex; align-items: center; gap: 0.3972rem; margin-left: auto; border: 1px solid #ffffff13; background: #ffffff04; border-radius: 0.5106rem; padding: 0.3972rem 0.6809rem; font-size: 0.6809rem !important; white-space: nowrap; }
.refep-record-button .refep-icon { width: 0.7943rem; height: 0.7943rem; }
.refep-record-button:hover { border-color: #caad6040; color: #eaca7c; }
.refep-reward-layout { display: grid; grid-template-columns: minmax(0,1fr) 14.9787rem; min-height: 0; flex: 1; overflow: hidden; }
.refep-reward-main { min-height: 0; overflow: auto; padding: 1.305rem 1.4184rem 1.2482rem; overscroll-behavior: contain; }
.refep-reward-banner { display: flex; align-items: center; gap: 1.0213rem; padding: 1.2482rem; border: 1px solid #b4893940; border-radius: 0.7943rem; background: radial-gradient(ellipse at 0% 0%,#deb94715,transparent 70%),linear-gradient(100deg,#2a231a,#211d20); }
.refep-reward-banner-icon { display: grid; place-items: center; width: 3.2908rem; height: 3.2908rem; flex: 0 0 auto; color: #ffd86d; border-radius: 0.9645rem; background: #edc24715; border: 1px solid #e8c06133; }
.refep-reward-banner-icon .refep-icon { width: 1.8156rem; height: 1.8156rem; filter: drop-shadow(0 0 0.5106rem #e8ba4155); }
.refep-reward-banner span { color: #caae7b; font-size: 0.6241rem; }
.refep-reward-banner strong { display: block; margin-top: 0.1702rem; color: #eee7d6; font-size: 1.2482rem; font-weight: 650; }
.refep-reward-banner em { color: #ffd66d; font-style: normal; }
.refep-reward-banner p { margin-top: 0.3404rem; color: #a59a88; font-size: 0.6809rem; line-height: 1.7; }
.refep-reward-banner .refep-reward-inactive { margin-left: auto; border: 1px solid #d1a85524; border-radius: 0.3404rem; padding: 0.227rem 0.5106rem; white-space: nowrap; font-size: 0.6241rem; }
.refep-current-campaign { margin-top: 1.305rem; }
.refep-campaign-title { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5674rem; }
.refep-campaign-title > span:first-child { padding: 0.227rem 0.4539rem; border: 1px solid #b083dc35; background: #b083dc12; border-radius: 0.3404rem; color: #c7a8ed; font-size: 0.6241rem; }
.refep-campaign-title h3 { font-size: 1.078rem; }
.refep-campaign-title .refep-campaign-pill { color: #8ba2b8; background: #ffffff05; padding: 0.1702rem 0.5106rem; border-radius: 1.1348rem; font-size: 0.5674rem; }
.refep-current-campaign > p { color: #959aaa; font-size: 0.6809rem; margin-top: 0.5106rem; }
.refep-reward-steps { display: grid; grid-template-columns: 1fr 1fr; gap: 0.6809rem; margin-top: 0.9645rem; }
.refep-reward-steps article { display: flex; align-items: flex-start; gap: 0.6241rem; border: 1px solid #ffffff09; border-radius: 0.5674rem; background: #ffffff02; padding: 0.8511rem 0.6809rem; }
.refep-reward-steps b { display: grid; place-items: center; width: 1.7589rem; height: 1.7589rem; flex: 0 0 auto; border: 1px solid #8986c025; border-radius: 0.5106rem; color: #a79fcf; background: #8986c011; font-size: 0.6809rem; }
.refep-reward-steps h4 { font-size: 0.7943rem; color: #daddE8; font-weight: 550; }
.refep-reward-steps p { margin-top: 0.2837rem; color: #838b9d; font-size: 0.6241rem; line-height: 1.8; }
.refep-reward-notice { display: flex; align-items: flex-start; gap: 0.4539rem; padding: 0.6809rem 0.7376rem; margin-top: 0.9078rem; border-radius: 0.5106rem; border: 1px solid #e5b85114; background: #e5b85106; color: #aaa18c; }
.refep-reward-notice .refep-icon { width: 0.7943rem; height: 0.7943rem; margin-top: 0.1702rem; }
.refep-reward-notice p { font-size: 0.6241rem; line-height: 1.75; }
.refep-reward-bottom { display: flex; align-items: center; justify-content: space-between; gap: 0.6809rem; margin-top: 1.1348rem; color: #858c9b; font-size: 0.6809rem; }
.refep-reward-bottom strong { font-weight: 500; color: #c5b384; }
.refep-reward-submit { display: inline-flex; align-items: center; justify-content: center; gap: 0.5674rem; padding: 0.6241rem 1.1915rem; border: 1px solid #d1a85a24; border-radius: 0.5106rem; color: #bba57b !important; background: #b88b3118; font-size: 0.7376rem !important; }
.refep-reward-submit .refep-icon { width: 0.8511rem; height: 0.8511rem; }
.refep-reward-videos { min-height: 0; overflow: auto; border-left: 1px solid #ffffff08; padding: 1.1348rem 1.0213rem; background: #080a100d; overscroll-behavior: contain; }
.refep-reward-videos section + section { margin-top: 1.1348rem; }
.refep-reward-videos h3 { display: flex; align-items: center; gap: 0.3972rem; margin-bottom: 0.5674rem; font-size: 0.7376rem; color: #b8bdd0; font-weight: 550; }
.refep-reward-videos h3 .refep-icon { width: 0.8511rem; height: 0.8511rem; color: #c395c4; }
.refep-portrait-slot { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; aspect-ratio: 9 / 12; padding: 0.8511rem; border: 1px solid #8d6eaf1f; border-radius: 0.6241rem; background: radial-gradient(ellipse at 50% 24%,#52366235,transparent 65%),#13121b; text-align: center; }
.refep-portrait-slot > span { display: grid; place-items: center; width: 2.5532rem; height: 2.5532rem; margin-bottom: 0.6241rem; border: 1px solid #cab3e522; border-radius: 50%; background: #9f82bd09; color: #a18cb5; }
.refep-portrait-slot strong { font-size: 0.7376rem; font-weight: 500; color: #a4a2b6; }
.refep-portrait-slot small { margin-top: 0.3972rem; max-width: 8.5106rem; color: #666b7d; font-size: 0.6241rem; line-height: 1.7; }
.refep-template-slot { aspect-ratio: 9 / 10; background: radial-gradient(ellipse at 50% 24%,#42345426,transparent 65%),#13121b; }
.refep-reward-records { width: min(35.1773rem,calc(100vw - 1.8156rem)); max-height: calc(100dvh - 1.8156rem); display: flex; flex-direction: column; }
.refep-records-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 14.7518rem; padding: 1.7021rem; text-align: center; }
.refep-records-empty > .refep-icon { width: 2.383rem; height: 2.383rem; color: #667080; margin-bottom: 1.0213rem; }
.refep-records-empty h3 { color: #c7cfdf; font-size: 0.9078rem; font-weight: 500; }
.refep-records-empty p { color: #8b94a5; font-size: 0.7376rem; margin-top: 0.4539rem; }
.refep-secondary { display: inline-flex; align-items: center; justify-content: center; gap: 0.4539rem; padding: 0.5106rem 1.0213rem; border: 1px solid #ffffff13; border-radius: 0.5106rem; background: #ffffff05; font-size: 0.7376rem !important; }
.refep-secondary .refep-icon { width: 0.9078rem; height: 0.9078rem; }
.refep-guide-body::-webkit-scrollbar, .refep-help-body::-webkit-scrollbar, .refep-more-body::-webkit-scrollbar, .refep-channel-list::-webkit-scrollbar, .refep-reward-main::-webkit-scrollbar, .refep-reward-videos::-webkit-scrollbar { width: 0.2837rem; }
.refep-guide-body::-webkit-scrollbar-thumb, .refep-help-body::-webkit-scrollbar-thumb, .refep-more-body::-webkit-scrollbar-thumb, .refep-channel-list::-webkit-scrollbar-thumb, .refep-reward-main::-webkit-scrollbar-thumb, .refep-reward-videos::-webkit-scrollbar-thumb { background: #ffffff19; border-radius: 0.4539rem; }
@media (max-width: 700px) {
  .modal.refep-guide { width: calc(100vw - 1.3617rem); height: min(35.9489rem,88dvh); }
  .refep-guide-head { gap: 0.6809rem; height: auto; flex-basis: auto; min-height: 5.6738rem; padding: 1.1915rem 1.0213rem 0.9645rem; }
  .refep-guide-info { width: 2.4397rem; height: 2.4397rem; border-radius: 0.6809rem; }
  .refep-guide-info .refep-icon { width: 1.4184rem; height: 1.4184rem; }
  .refep-guide-head h2 { font-size: 1.1915rem; }
  .refep-guide-head p { font-size: 0.6809rem; }
  .refep-guide-body { padding: 1.0213rem 1.1348rem 1.305rem; }
  .refep-guide-article h2, .refep-guide-article-heading { font-size: 1.1915rem; }
  .refep-guide-article h3 { font-size: 0.9645rem; }
  .refep-guide-article p, .refep-guide-quote { font-size: 0.7943rem; }
  .refep-guide-quote { padding: 0.7943rem 0.9078rem; margin: 1.1915rem 0; }
  .refep-guide-article pre { padding: 0.7943rem 0.9078rem; font-size: 0.6809rem; }
  .refep .refep-guide-intro { font-size: 0.7943rem; }
  .refep-guide-section h3 { font-size: 0.9078rem; }
  .refep-guide-section strong, .refep-guide-section li span { font-size: 0.7943rem; }
  .refep-guide-footer { padding: 0.7376rem 1.1348rem 0.9078rem; }
  .modal.refep-guide > .refep-close { width: 1.9291rem; height: 1.9291rem; top: 0.6809rem; right: 0.6809rem; padding: 0.3972rem; border-radius: 0.5674rem; }
  .refep-routing-help { width: calc(100vw - 1.3617rem); max-height: calc(100dvh - 1.3617rem); }
  .refep-dialog-head { padding: 1.1348rem 1.0213rem; gap: 0.5674rem; }
  .refep-dialog-head h2 { font-size: 1.0213rem; }
  .refep-dialog-head p { font-size: 0.6241rem; }
  .refep-dialog-symbol { width: 2.0426rem; height: 2.0426rem; border-radius: 0.5674rem; }
  .refep-dialog-symbol .refep-icon { width: 1.1348rem; height: 1.1348rem; }
  .refep-help-body { padding: 1.0213rem; }
  .refep-help-strategies { grid-template-columns: 1fr; }
  .refep-more { max-height: calc(100dvh - 6.6739rem); padding: 0.8511rem 0.7376rem 0.7376rem; }
  .refep-card-icon { width: 1.9291rem; height: 1.9291rem; border-radius: 0.5106rem; }
  .refep-more-card { gap: 0.3972rem; padding: 0.5106rem 0.3972rem; }
  .refep-card-copy strong { font-size: 0.7943rem; }
  .refep-card-copy small { font-size: 0.5674rem; }
  .refep-reward { width: calc(100vw - 1.1348rem); height: calc(100dvh - 1.3617rem); }
  .refep-reward-head { padding: 1.1348rem 2.7234rem 0.9078rem 0.9078rem; gap: 0.5674rem; flex-wrap: wrap; }
  .refep-reward-head h2 { font-size: 1.1348rem; }
  .refep-reward-head p { font-size: 0.6241rem; }
  .refep-record-button { margin: 0.227rem 0 0; width: 100%; justify-content: center; }
  .refep-reward-layout { display: block; overflow: auto; overscroll-behavior: contain; }
  .refep-reward-main { padding: 0.9645rem 0.8511rem; overflow: visible; }
  .refep-reward-banner { gap: 0.5674rem; padding: 0.7943rem; flex-wrap: wrap; }
  .refep-reward-banner-icon { width: 2.4397rem; height: 2.4397rem; border-radius: 0.6809rem; }
  .refep-reward-banner-icon .refep-icon { width: 1.4752rem; height: 1.4752rem; }
  .refep-reward-banner > div:nth-child(2) { min-width: 0; flex: 1; }
  .refep-reward-banner strong { font-size: 0.9645rem; }
  .refep-reward-banner p { font-size: 0.6241rem; }
  .refep-reward-banner .refep-reward-inactive { padding: 0.1135rem 0.3972rem; }
  .refep-reward-steps { gap: 0.5106rem; }
  .refep-reward-steps article { display: block; padding: 0.6809rem 0.5674rem; }
  .refep-reward-steps b { margin-bottom: 0.5106rem; }
  .refep-reward-steps h4 { font-size: 0.7376rem; }
  .refep-reward-bottom { gap: 0.4539rem; }
  .refep-reward-submit { padding: 0.5674rem 0.7376rem; font-size: 0.6809rem !important; }
  .refep-reward-videos { display: grid; grid-template-columns: 1fr 1fr; gap: 0.6809rem; border-left: 0; border-top: 1px solid #ffffff08; padding: 0.9645rem 0.8511rem 1.2482rem; overflow: visible; }
  .refep-reward-videos section + section { margin-top: 0; }
  .refep-portrait-slot, .refep-template-slot { aspect-ratio: 9 / 13; }
  .refep-reward-records { width: calc(100vw - 1.3617rem); }
  .refep-records-empty { min-height: 12.4823rem; padding: 1.305rem; }
}
@media (prefers-reduced-motion: reduce) {
  .refep-more-card { transition: none; }
  .refep-more-card:hover { transform: none; }
}

/* Exact observed chat guide entrance 150. The existing model-guide controller
   owns this overlay; other chat and video guides keep their previous scope. */
#reference-chat-guide-overlay.refchat-guide-motion, #reference-chat-guide-overlay.refchat-guide-motion .modal-container-premium { transition: .4s cubic-bezier(.4,0,.2,1); }
#reference-chat-guide-overlay.is-entering, #reference-chat-guide-overlay.is-leaving { opacity: 0; }
#reference-chat-guide-overlay.is-entering .modal-container-premium, #reference-chat-guide-overlay.is-leaving .modal-container-premium { transform: scale(.92) translateY(30px); opacity: 0; }
#reference-chat-guide-overlay.is-entering .bg-orb, #reference-chat-guide-overlay.is-leaving .bg-orb { opacity: 0; transform: scale(.5); }
#reference-chat-guide-overlay.is-leaving { pointer-events: none; }
#reference-chat-guide-overlay.modal { position: fixed; inset: 0; top: 0; left: 0; width: 100%; height: 100%; max-height: none; padding: 0; margin: 0; border: 0; border-radius: 0; transform: none; box-shadow: none; color: #000; font: 400 1rem/1.5 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "HarmonyOS Sans", "Microsoft YaHei", sans-serif; letter-spacing: normal; z-index: 10000 !important; }
#reference-chat-guide-overlay, #reference-chat-guide-overlay * { box-sizing: border-box; transition: background-color .25s, color .2s, border-color .25s, box-shadow .25s; }
#reference-chat-guide-overlay::before, #reference-chat-guide-overlay::after, #reference-chat-guide-overlay *::before, #reference-chat-guide-overlay *::after { box-sizing: content-box; }
#reference-chat-guide-overlay .modal-container-premium { top: 0; left: 0; height: auto; min-width: auto; min-height: auto; padding: 0; margin: 0; transform: none; color: #000; font: inherit; z-index: auto !important; }
#reference-chat-guide-overlay button { font: 400 13.3333px Arial; letter-spacing: normal; padding: 0; margin: 0; }
#reference-chat-guide-overlay .content-html-premium p { font: inherit; color: inherit; line-height: inherit; }
#reference-chat-guide-overlay .content-html-premium code { line-height: inherit; }
body:has(#reference-chat-guide-overlay:not([hidden])) #modal-backdrop { display: none; }
#reference-chat-guide-overlay .refchat-guide-availability { position: fixed; bottom: .3rem; left: 50%; transform: translateX(-50%); max-width: calc(100vw - 2rem); margin: 0; padding: 0; color: #97a3ad; font: 400 .625rem/1.4 system-ui, sans-serif; text-align: center; }
#reference-chat-guide-overlay.modal-overlay-premium { position: fixed; inset: 0px; background: rgba(5, 5, 15, 0.92); display: flex; align-items: center; justify-content: center; z-index: 10000; backdrop-filter: blur(20px) saturate(180%); overflow: hidden; }
#reference-chat-guide-overlay .modal-bg-decoration { position: absolute; inset: 0px; overflow: hidden; pointer-events: none; }
#reference-chat-guide-overlay .bg-orb { position: absolute; border-radius: 50%; opacity: 0.4; }
#reference-chat-guide-overlay .bg-orb-1 { width: 40vw; height: 40vw; background: radial-gradient(circle, rgba(0, 202, 224, 0.3) 0%, transparent 70%); top: -10%; right: -10%; animation: 20s ease-in-out 0s infinite normal none running orbFloat1-5803669e; }
#reference-chat-guide-overlay .bg-orb-2 { width: 35vw; height: 35vw; background: radial-gradient(circle, rgba(120, 80, 255, 0.25) 0%, transparent 70%); bottom: -15%; left: -10%; animation: 25s ease-in-out 0s infinite normal none running orbFloat2-5803669e; }
#reference-chat-guide-overlay .bg-orb-3 { width: 25vw; height: 25vw; background: radial-gradient(circle, rgba(0, 150, 200, 0.2) 0%, transparent 70%); top: 50%; left: 50%; transform: translate(-50%, -50%); animation: 15s ease-in-out 0s infinite normal none running orbFloat3-5803669e; }
#reference-chat-guide-overlay .modal-container-premium { position: relative; width: 92vw; max-width: 960px; max-height: 88vh; background: linear-gradient(rgba(25, 28, 40, 0.98), rgba(18, 20, 30, 0.99)); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 1.25rem; display: flex; flex-direction: column; overflow: hidden; box-shadow: rgba(0, 202, 224, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.5) 0px 2rem 5rem, rgba(0, 202, 224, 0.1) 0px 0px 100px, rgba(255, 255, 255, 0.05) 0px 1px inset; }
#reference-chat-guide-overlay .modal-top-line { position: absolute; top: 0px; left: 1.5rem; right: 1.5rem; height: 2px; background: linear-gradient(90deg, transparent 0%, rgba(0, 202, 224, 0.6) 20%, rgba(120, 80, 255, 0.4) 50%, rgba(0, 202, 224, 0.6) 80%, transparent 100%); border-radius: 1px; }
#reference-chat-guide-overlay .close-btn-premium { position: absolute; top: 1.25rem; right: 1.25rem; width: 2.5rem; height: 2.5rem; border: 1px solid rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.5); border-radius: 0.75rem; cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 10; transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); }
#reference-chat-guide-overlay .close-btn-premium:hover { background: rgba(255, 100, 100, 0.15); border-color: rgba(255, 100, 100, 0.3); color: rgb(255, 107, 107); transform: scale(1.05); }
#reference-chat-guide-overlay .modal-header-premium { display: flex; align-items: center; gap: 1rem; padding: 2rem 2.5rem 1.5rem; flex-shrink: 0; }
#reference-chat-guide-overlay .header-icon-premium { position: relative; width: 3.5rem; height: 3.5rem; display: flex; align-items: center; justify-content: center; }
#reference-chat-guide-overlay .header-icon-premium svg { width: 2rem; height: 2rem; color: rgb(0, 202, 224); position: relative; z-index: 1; }
#reference-chat-guide-overlay .icon-ring { position: absolute; inset: 0px; border-radius: 1rem; background: linear-gradient(135deg, rgba(0, 202, 224, 0.2), rgba(120, 80, 255, 0.1)); border: 1px solid rgba(0, 202, 224, 0.3); font-family: devui-icomoon; line-height: 1; }
#reference-chat-guide-overlay .header-text { display: flex; flex-direction: column; gap: 0.25rem; }
#reference-chat-guide-overlay .modal-title-premium { font-size: 1.5rem; font-weight: 700; color: rgb(255, 255, 255); margin: 0px; letter-spacing: -0.01em; }
#reference-chat-guide-overlay .modal-subtitle { font-size: 0.875rem; color: rgba(0, 202, 224, 0.8); font-weight: 500; letter-spacing: 0.02em; }
#reference-chat-guide-overlay .modal-content-premium { flex: 1 1 0%; min-height: 0px; overflow-y: auto; padding: 0px 2.5rem 2rem; }
#reference-chat-guide-overlay .modal-content-premium::-webkit-scrollbar { width: 6px; }
#reference-chat-guide-overlay .modal-content-premium::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.02); border-radius: 3px; }
#reference-chat-guide-overlay .modal-content-premium::-webkit-scrollbar-thumb { background: linear-gradient(rgba(0, 202, 224, 0.3), rgba(120, 80, 255, 0.2)); border-radius: 3px; }
#reference-chat-guide-overlay .modal-content-premium::-webkit-scrollbar-thumb:hover { background: linear-gradient(rgba(0, 202, 224, 0.5), rgba(120, 80, 255, 0.4)); }
#reference-chat-guide-overlay .content-html-premium { color: rgba(255, 255, 255, 0.85); font-size: 0.9375rem; line-height: 1.85; }
#reference-chat-guide-overlay .content-html-premium h1, #reference-chat-guide-overlay .content-html-premium h2, #reference-chat-guide-overlay .content-html-premium h3, #reference-chat-guide-overlay .content-html-premium h4, #reference-chat-guide-overlay .content-html-premium h5, #reference-chat-guide-overlay .content-html-premium h6 { color: rgb(255, 255, 255); font-weight: 700; margin: 2rem 0px 1rem; padding-bottom: 0.5rem; border-bottom: 1px solid rgba(255, 255, 255, 0.06); }
#reference-chat-guide-overlay .content-html-premium h1 { font-size: 1.75rem; }
#reference-chat-guide-overlay .content-html-premium h2 { font-size: 1.375rem; display: flex; align-items: center; gap: 0.75rem; }
#reference-chat-guide-overlay .content-html-premium h2::before { content: ""; width: 4px; height: 1.25rem; background: linear-gradient(rgb(0, 202, 224), rgba(120, 80, 255, 0.8)); border-radius: 2px; }
#reference-chat-guide-overlay .content-html-premium h3 { font-size: 1.125rem; color: rgba(0, 202, 224, 0.95); }
#reference-chat-guide-overlay .content-html-premium h4 { font-size: 1rem; }
#reference-chat-guide-overlay .content-html-premium p { margin: 1rem 0px; }
#reference-chat-guide-overlay .content-html-premium ul, #reference-chat-guide-overlay .content-html-premium ol { margin: 1rem 0px; padding-left: 1.5rem; }
#reference-chat-guide-overlay .content-html-premium li { margin: 0.625rem 0px; position: relative; }
#reference-chat-guide-overlay .content-html-premium ul li::marker { color: rgb(0, 202, 224); }
#reference-chat-guide-overlay .content-html-premium a { color: rgb(0, 202, 224); text-decoration: none; border-bottom: 1px dashed rgba(0, 202, 224, 0.4); transition: 0.2s; }
#reference-chat-guide-overlay .content-html-premium a:hover { color: rgb(0, 229, 255); border-bottom-color: rgb(0, 229, 255); }
#reference-chat-guide-overlay .content-html-premium img { max-width: 100%; height: auto; border-radius: 0.75rem; margin: 1.5rem 0px; border: 1px solid rgba(255, 255, 255, 0.1); }
#reference-chat-guide-overlay .content-html-premium code { background: rgba(0, 202, 224, 0.1); padding: 0.125rem 0.5rem; border-radius: 0.375rem; font-family: "JetBrains Mono", "Fira Code", Consolas, monospace; font-size: 0.85em; color: rgb(0, 229, 255); border: 1px solid rgba(0, 202, 224, 0.2); }
#reference-chat-guide-overlay .content-html-premium pre { background: linear-gradient(135deg, rgba(0, 0, 0, 0.4), rgba(10, 15, 25, 0.6)); padding: 1.25rem; border-radius: 0.75rem; overflow-x: auto; margin: 1.5rem 0px; border: 1px solid rgba(255, 255, 255, 0.06); position: relative; }
#reference-chat-guide-overlay .content-html-premium pre::before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; height: 3px; background: linear-gradient(90deg, rgb(0, 202, 224), rgba(120, 80, 255, 0.8), rgb(0, 202, 224)); border-radius: 0.75rem 0.75rem 0px 0px; }
#reference-chat-guide-overlay .content-html-premium pre code { background: transparent; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgba(255, 255, 255, 0.9); }
#reference-chat-guide-overlay .content-html-premium blockquote { border-left: 3px solid rgba(0, 202, 224, 0.6); margin: 1.5rem 0px; padding: 1rem 1.25rem; background: linear-gradient(90deg, rgba(0, 202, 224, 0.08) 0%, transparent 100%); border-radius: 0px 0.75rem 0.75rem 0px; font-style: italic; color: rgba(255, 255, 255, 0.8); }
#reference-chat-guide-overlay .content-html-premium table { width: 100%; border-collapse: separate; border-spacing: 0px; margin: 1.5rem 0px; border-radius: 0.75rem; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.08); }
#reference-chat-guide-overlay .content-html-premium th, #reference-chat-guide-overlay .content-html-premium td { padding: 0.875rem 1rem; text-align: left; border-bottom: 1px solid rgba(255, 255, 255, 0.06); }
#reference-chat-guide-overlay .content-html-premium th { background: linear-gradient(rgba(0, 202, 224, 0.15), rgba(0, 202, 224, 0.08)); font-weight: 600; color: rgb(255, 255, 255); font-size: 0.8125rem; text-transform: uppercase; letter-spacing: 0.05em; }
#reference-chat-guide-overlay .content-html-premium tr:last-child td { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
#reference-chat-guide-overlay .content-html-premium tr:hover td { background: rgba(255, 255, 255, 0.02); }
#reference-chat-guide-overlay .content-html-premium hr { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 1px; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent); margin: 2.5rem 0px; }
#reference-chat-guide-overlay .content-html-premium strong, #reference-chat-guide-overlay .content-html-premium b { color: rgb(255, 255, 255); font-weight: 600; }
#reference-chat-guide-overlay .content-html-premium em, #reference-chat-guide-overlay .content-html-premium i { color: rgba(0, 202, 224, 0.9); }
#reference-chat-guide-overlay .modal-footer-premium { display: flex; justify-content: center; padding: 1.5rem 2.5rem 2rem; flex-shrink: 0; border-top: 1px solid rgba(255, 255, 255, 0.04); background: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.2) 100%); }
#reference-chat-guide-overlay .footer-btn-premium { position: relative; padding: 0.875rem 3rem; background: linear-gradient(135deg, rgb(0, 202, 224), rgb(0, 149, 168)); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 2rem; cursor: pointer; overflow: hidden; transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
#reference-chat-guide-overlay .footer-btn-premium .btn-text { position: relative; z-index: 1; font-size: 0.9375rem; font-weight: 600; color: rgb(255, 255, 255); letter-spacing: 0.02em; }
#reference-chat-guide-overlay .footer-btn-premium .btn-shine { position: absolute; top: 0px; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent); transition: left 0.5s; }
#reference-chat-guide-overlay .footer-btn-premium:hover { transform: translateY(-2px); box-shadow: rgba(0, 202, 224, 0.4) 0px 0.5rem 2rem, rgba(0, 202, 224, 0.3) 0px 0px 0px 1px; }
#reference-chat-guide-overlay .footer-btn-premium:hover .btn-shine { left: 100%; }
#reference-chat-guide-overlay .footer-btn-premium:active { transform: translateY(0px); }
html[data-display-theme="light"] #reference-chat-guide-overlay.modal-overlay-premium { background: rgba(0, 0, 0, 0.35); backdrop-filter: blur(12px) saturate(120%); }
html[data-display-theme="light"] #reference-chat-guide-overlay .bg-orb { opacity: 0.15; }
html[data-display-theme="light"] #reference-chat-guide-overlay .modal-container-premium { background: linear-gradient(rgb(255, 255, 255), rgb(243, 247, 252)); border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: rgba(0, 140, 170, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.15) 0px 2rem 5rem, rgba(0, 140, 170, 0.08) 0px 0px 60px; }
html[data-display-theme="light"] #reference-chat-guide-overlay .modal-top-line { background: linear-gradient(90deg, transparent 0%, rgba(0, 161, 194, 0.5) 20%, rgba(120, 80, 255, 0.3) 50%, rgba(0, 161, 194, 0.5) 80%, transparent 100%); }
html[data-display-theme="light"] #reference-chat-guide-overlay .close-btn-premium { border-color: rgba(0, 0, 0, 0.08); background: rgba(0, 0, 0, 0.03); color: rgb(120, 130, 150); }
html[data-display-theme="light"] #reference-chat-guide-overlay .close-btn-premium:hover { background: rgba(255, 100, 100, 0.1); border-color: rgba(255, 100, 100, 0.25); color: rgb(220, 80, 80); }
html[data-display-theme="light"] #reference-chat-guide-overlay .header-icon-premium svg { color: rgb(0, 130, 160); }
html[data-display-theme="light"] #reference-chat-guide-overlay .icon-ring { background: linear-gradient(135deg, rgba(0, 161, 194, 0.12), rgba(120, 80, 255, 0.08)); border-color: rgba(0, 161, 194, 0.2); }
html[data-display-theme="light"] #reference-chat-guide-overlay .modal-title-premium { color: rgb(25, 28, 40); }
html[data-display-theme="light"] #reference-chat-guide-overlay .modal-subtitle { color: rgb(0, 130, 160); }
html[data-display-theme="light"] #reference-chat-guide-overlay .content-html-premium { color: rgb(40, 44, 55); }
html[data-display-theme="light"] #reference-chat-guide-overlay .content-html-premium h1, html[data-display-theme="light"] #reference-chat-guide-overlay .content-html-premium h2, html[data-display-theme="light"] #reference-chat-guide-overlay .content-html-premium h3, html[data-display-theme="light"] #reference-chat-guide-overlay .content-html-premium h4, html[data-display-theme="light"] #reference-chat-guide-overlay .content-html-premium h5, html[data-display-theme="light"] #reference-chat-guide-overlay .content-html-premium h6 { color: rgb(15, 18, 30); border-bottom-color: rgba(0, 0, 0, 0.08); }
html[data-display-theme="light"] #reference-chat-guide-overlay .content-html-premium h2::before { background: linear-gradient(rgb(0, 140, 170), rgba(100, 60, 220, 0.8)); }
html[data-display-theme="light"] #reference-chat-guide-overlay .content-html-premium h3 { color: rgb(0, 110, 140); font-weight: 700; }
html[data-display-theme="light"] #reference-chat-guide-overlay .content-html-premium a { color: rgb(0, 110, 140); border-bottom-color: rgba(0, 140, 170, 0.4); font-weight: 500; }
html[data-display-theme="light"] #reference-chat-guide-overlay .content-html-premium a:hover { color: rgb(0, 90, 120); border-bottom-color: rgb(0, 90, 120); }
html[data-display-theme="light"] #reference-chat-guide-overlay .content-html-premium ul, html[data-display-theme="light"] #reference-chat-guide-overlay .content-html-premium ol { background: rgba(0, 0, 0, 0.024); border-radius: 0.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-right: 0.75rem; }
html[data-display-theme="light"] #reference-chat-guide-overlay .content-html-premium ul li::marker { color: rgb(0, 110, 140); }
html[data-display-theme="light"] #reference-chat-guide-overlay .content-html-premium li { color: rgb(35, 40, 52); }
html[data-display-theme="light"] #reference-chat-guide-overlay .content-html-premium img { border-color: rgba(0, 0, 0, 0.1); box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px; }
html[data-display-theme="light"] #reference-chat-guide-overlay .content-html-premium code { background: rgba(0, 140, 170, 0.1); color: rgb(0, 95, 120); border-color: rgba(0, 140, 170, 0.2); font-weight: 500; }
html[data-display-theme="light"] #reference-chat-guide-overlay .content-html-premium pre { background: linear-gradient(135deg, rgb(232, 240, 248), rgb(225, 235, 245)); border-color: rgba(0, 0, 0, 0.08); box-shadow: rgba(0, 0, 0, 0.04) 0px 1px 3px inset; }
html[data-display-theme="light"] #reference-chat-guide-overlay .content-html-premium pre::before { background: linear-gradient(90deg, rgb(0, 140, 170), rgba(100, 60, 220, 0.8), rgb(0, 140, 170)); }
html[data-display-theme="light"] #reference-chat-guide-overlay .content-html-premium pre code { color: rgb(30, 35, 50); }
html[data-display-theme="light"] #reference-chat-guide-overlay .content-html-premium blockquote { border-left: 3px solid rgb(0, 140, 170); background: linear-gradient(90deg, rgba(0, 140, 170, 0.08), rgba(0, 140, 170, 0.02)); color: rgb(40, 45, 60); padding: 0.875rem 1.25rem; border-radius: 0px 0.5rem 0.5rem 0px; }
html[data-display-theme="light"] #reference-chat-guide-overlay .content-html-premium strong, html[data-display-theme="light"] #reference-chat-guide-overlay .content-html-premium b { color: rgb(15, 18, 30); }
html[data-display-theme="light"] #reference-chat-guide-overlay .content-html-premium em, html[data-display-theme="light"] #reference-chat-guide-overlay .content-html-premium i { color: rgb(0, 110, 140); }
html[data-display-theme="light"] #reference-chat-guide-overlay .content-html-premium table { border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 4px; }
html[data-display-theme="light"] #reference-chat-guide-overlay .content-html-premium th { background: linear-gradient(rgba(0, 140, 170, 0.15), rgba(0, 140, 170, 0.08)); color: rgb(15, 18, 30); font-weight: 700; border-bottom: 2px solid rgba(0, 140, 170, 0.25); }
html[data-display-theme="light"] #reference-chat-guide-overlay .content-html-premium td { color: rgb(35, 40, 52); border-bottom-color: rgba(0, 0, 0, 0.06); }
html[data-display-theme="light"] #reference-chat-guide-overlay .content-html-premium tr:nth-child(2n) td { background: rgba(0, 0, 0, 0.024); }
html[data-display-theme="light"] #reference-chat-guide-overlay .content-html-premium tr:hover td { background: rgba(0, 140, 170, 0.06); }
html[data-display-theme="light"] #reference-chat-guide-overlay .content-html-premium hr { background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.12), transparent); height: 2px; }
html[data-display-theme="light"] #reference-chat-guide-overlay .content-html-premium p { color: rgb(40, 44, 55); }
html[data-display-theme="light"] #reference-chat-guide-overlay .modal-content-premium::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.02); }
html[data-display-theme="light"] #reference-chat-guide-overlay .modal-content-premium::-webkit-scrollbar-thumb { background: linear-gradient(rgba(0, 161, 194, 0.25), rgba(120, 80, 255, 0.15)); }
html[data-display-theme="light"] #reference-chat-guide-overlay .modal-content-premium::-webkit-scrollbar-thumb:hover { background: linear-gradient(rgba(0, 161, 194, 0.4), rgba(120, 80, 255, 0.3)); }
html[data-display-theme="light"] #reference-chat-guide-overlay .modal-footer-premium { border-top: 1px solid rgba(0, 0, 0, 0.08); background: linear-gradient(rgba(240, 245, 250, 0.5), rgba(235, 240, 248, 0.8)); }
@keyframes orbFloat1-5803669e { 
  0%, 100% { transform: translate(0px) scale(1); }
  50% { transform: translate(-5%, 10%) scale(1.1); }
}
@keyframes orbFloat2-5803669e { 
  0%, 100% { transform: translate(0px) scale(1); }
  50% { transform: translate(10%, -5%) scale(1.15); }
}
@keyframes orbFloat3-5803669e { 
  0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.3; }
  50% { transform: translate(-50%, -50%) scale(1.2); opacity: 0.5; }
}

/* Loading styles from the observed premium guide CSSOM; no artificial wait. */
#reference-chat-guide-overlay .loading-container-premium { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 5rem 2rem; gap: 1.5rem; }
#reference-chat-guide-overlay .loading-spinner-premium { position: relative; width: 4rem; height: 4rem; }
#reference-chat-guide-overlay .spinner-ring-1 { position: absolute; inset: 0px; border-width: 2px; border-style: solid; border-color: rgb(0, 202, 224) transparent transparent; border-image: none; border-radius: 50%; animation: 1s linear 0s infinite normal none running spinnerRotate1-5803669e; }
#reference-chat-guide-overlay .spinner-ring-2 { position: absolute; inset: 0.5rem; border-width: 2px; border-style: solid; border-color: transparent transparent rgba(120, 80, 255, 0.7); border-image: none; border-radius: 50%; animation: 1.5s linear 0s infinite normal none running spinnerRotate2-5803669e; }
#reference-chat-guide-overlay .spinner-dot { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 0.5rem; height: 0.5rem; background: rgb(0, 202, 224); border-radius: 50%; box-shadow: rgba(0, 202, 224, 0.5) 0px 0px 1rem; animation: 1s ease-in-out 0s infinite normal none running spinnerPulse-5803669e; }
#reference-chat-guide-overlay .loading-text-premium { font-size: 0.9375rem; color: rgba(255, 255, 255, 0.5); letter-spacing: 0.02em; }
html[data-display-theme="light"] #reference-chat-guide-overlay .loading-text-premium { color: rgb(100, 110, 130); }
html[data-display-theme="light"] #reference-chat-guide-overlay .spinner-ring-1 { border-top-color: rgb(0, 130, 160); }
html[data-display-theme="light"] #reference-chat-guide-overlay .spinner-ring-2 { border-bottom-color: rgba(120, 80, 255, 0.6); }
html[data-display-theme="light"] #reference-chat-guide-overlay .spinner-dot { background: rgb(0, 130, 160); box-shadow: rgba(0, 161, 194, 0.3) 0px 0px 1rem; }
@keyframes spinnerRotate1-5803669e { 
  100% { transform: rotate(360deg); }
}
@keyframes spinnerRotate2-5803669e { 
  100% { transform: rotate(-360deg); }
}
@keyframes spinnerPulse-5803669e { 
  0%, 100% { opacity: 0.5; transform: translate(-50%, -50%) scale(1); }
  50% { opacity: 1; transform: translate(-50%, -50%) scale(1.2); }
}

/* v110 observed smart-dispatch description. Existing guides remain unchanged. */
#reference-routing-help-overlay { box-sizing: border-box; position: fixed; z-index: 160; inset: 0; width: 100vw; height: 100dvh; max-width: none; max-height: none; margin: 0; transform: none; border: 0; border-radius: 0; box-shadow: none; overflow: visible; display: flex; align-items: center; justify-content: center; padding: 1.25rem; background: rgba(0,0,0,.8); backdrop-filter: blur(.5rem); -webkit-backdrop-filter: blur(.5rem); color: #000; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "HarmonyOS Sans", "Microsoft YaHei", sans-serif; font-size: 1rem; line-height: 1.5; }
#reference-routing-help-overlay[hidden] { display: none !important; }
body:has(#reference-routing-help-overlay:not([hidden])) #modal-backdrop { display: none; }
.modal.refep-routing-help { position: relative; top: auto; left: auto; transform: none; z-index: auto; width: 100%; max-width: 56rem; height: 85vh; max-height: 85vh; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; overflow: visible; }
.modal.refep-routing-help .smart-dispatch-container { position: relative; border: 0; border-radius: 1.5rem; overflow: hidden; background: linear-gradient(145deg,#1e1f25 0%,#1b1c21 50%,#1e1f25 100%); box-shadow: 0 1.875rem 6.25rem rgba(0,0,0,.7), 0 0 0 .0625rem rgba(0,202,224,.15); display: flex; flex-direction: column; width: 100%; max-width: 56rem; height: 100%; max-height: 85vh; min-height: 0; padding: 0; color: #000; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "HarmonyOS Sans", "Microsoft YaHei", sans-serif; font-size: 1rem; line-height: 1.5; }
.modal.refep-routing-help .modal-close { display: flex; font-size: 13.3333px; font-weight: 400; line-height: normal; color: rgba(255, 255, 255, 0.6); padding: 0; margin: 0; background-color: rgba(255, 255, 255, 0.08); border: 0px none rgba(255, 255, 255, 0.6); font-family: Arial; }
.modal.refep-routing-help .modal-header { display: flex; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(0, 0, 0); padding: 2rem 2rem 1.5rem; margin: 0; gap: 1rem; background-color: rgba(0, 0, 0, 0); }
.modal.refep-routing-help .header-icon { display: flex; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(0, 202, 224); padding: 0; margin: 0; background-color: rgba(0, 0, 0, 0); border: 0px none rgb(0, 202, 224); }
.modal.refep-routing-help .header-text { display: block; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(0, 0, 0); padding: 0; margin: 0; background-color: rgba(0, 0, 0, 0); border: 0px none rgb(0, 0, 0); }
.modal.refep-routing-help .modal-title { display: block; font-size: 1.5rem; font-weight: 600; line-height: 1.5; color: rgb(255, 255, 255); padding: 0; margin: 0 0 0.25rem; background-color: rgba(0, 0, 0, 0); border: 0px none rgb(255, 255, 255); }
.modal.refep-routing-help .modal-subtitle { display: block; font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: rgba(255, 255, 255, 0.5); padding: 0; margin: 0; background-color: rgba(0, 0, 0, 0); border: 0px none rgba(255, 255, 255, 0.5); }
.modal.refep-routing-help .modal-content { display: block; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(0, 0, 0); padding: 1.5rem 2rem; margin: 0; background-color: rgba(0, 0, 0, 0); border: 0px none rgb(0, 0, 0); }
.modal.refep-routing-help .content-section { display: block; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(0, 0, 0); padding: 0; margin: 0 0 2rem; background-color: rgba(0, 0, 0, 0); border: 0px none rgb(0, 0, 0); }
.modal.refep-routing-help .section-header { display: flex; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(0, 0, 0); padding: 0; margin: 0 0 1rem; gap: 0.75rem; background-color: rgba(0, 0, 0, 0); border: 0px none rgb(0, 0, 0); }
.modal.refep-routing-help .section-icon.intro { display: flex; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(0, 202, 224); padding: 0; margin: 0; background-color: rgba(0, 0, 0, 0); border: 0px none rgb(0, 202, 224); }
.modal.refep-routing-help .section-title { display: block; font-size: 1.125rem; font-weight: 600; line-height: 1.5; color: rgb(255, 255, 255); padding: 0; margin: 0; background-color: rgba(0, 0, 0, 0); border: 0px none rgb(255, 255, 255); }
.modal.refep-routing-help .section-content { display: block; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(0, 0, 0); padding: 0 0 0 3rem; margin: 0; background-color: rgba(0, 0, 0, 0); border: 0px none rgb(0, 0, 0); }
.modal.refep-routing-help .highlight { display: inline; font-size: 0.9375rem; font-weight: 500; line-height: 1.7; color: rgb(0, 202, 224); padding: 0; margin: 0; background-color: rgba(0, 0, 0, 0); border: 0px none rgb(0, 202, 224); }
.modal.refep-routing-help .feature-badge { display: inline-flex; font-size: 0.8125rem; font-weight: 400; line-height: 1.5; color: rgba(0, 202, 224, 0.9); padding: 0.625rem 1rem; margin: 0; gap: 0.5rem; background-color: rgba(0, 202, 224, 0.1); border: 1px solid rgba(0, 202, 224, 0.2); }
.modal.refep-routing-help .content-section.strategies-section { display: block; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(0, 0, 0); padding: 0; margin: 0 0 2rem; background-color: rgba(0, 0, 0, 0); border: 0px none rgb(0, 0, 0); }
.modal.refep-routing-help .section-icon.strategies { display: flex; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(168, 85, 247); padding: 0; margin: 0; background-color: rgba(0, 0, 0, 0); border: 0px none rgb(168, 85, 247); }
.modal.refep-routing-help .strategy-cards { display: flex; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(0, 0, 0); padding: 0 0 0 3rem; margin: 0; gap: 1.25rem; background-color: rgba(0, 0, 0, 0); border: 0px none rgb(0, 0, 0); }
.modal.refep-routing-help .strategy-card.best-card { display: flex; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(0, 0, 0); padding: 1.5rem; margin: 0; gap: 1.25rem; background-color: rgba(255, 255, 255, 0.04); border: 1px solid rgba(171, 71, 188, 0.25); }
.modal.refep-routing-help .card-left { display: block; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(0, 0, 0); padding: 0; margin: 0; background-color: rgba(0, 0, 0, 0); border: 0px none rgb(0, 0, 0); }
.modal.refep-routing-help .card-icon-large { display: flex; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(171, 71, 188); padding: 0; margin: 0; background-color: rgba(0, 0, 0, 0); border: 0px none currentColor; }
.modal.refep-routing-help .card-right { display: block; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(0, 0, 0); padding: 0; margin: 0; background-color: rgba(0, 0, 0, 0); border: 0px none rgb(0, 0, 0); }
.modal.refep-routing-help .card-header-new { display: flex; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(0, 0, 0); padding: 0; margin: 0 0 0.75rem; gap: 0.75rem; background-color: rgba(0, 0, 0, 0); border: 0px none rgb(0, 0, 0); }
.modal.refep-routing-help .card-title-new { display: block; font-size: 1.125rem; font-weight: 600; line-height: 1.5; color: rgb(255, 255, 255); padding: 0; margin: 0; background-color: rgba(0, 0, 0, 0); border: 0px none rgb(255, 255, 255); }
.modal.refep-routing-help .card-badge-new.best { display: block; font-size: 0.75rem; font-weight: 500; line-height: 1.5; color: rgb(206, 147, 216); padding: 0.25rem 0.75rem; margin: 0; background-color: rgba(171, 71, 188, 0.15); border: 0px none rgb(206, 147, 216); }
.modal.refep-routing-help .card-desc-new { display: block; font-size: 0.875rem; font-weight: 400; line-height: 1.7; color: rgba(255, 255, 255, 0.7); padding: 0; margin: 0 0 1rem; background-color: rgba(0, 0, 0, 0); border: 0px none rgba(255, 255, 255, 0.7); }
.modal.refep-routing-help .text-purple { display: inline; font-size: 0.875rem; font-weight: 500; line-height: 1.7; color: rgb(206, 147, 216); padding: 0; margin: 0; background-color: rgba(0, 0, 0, 0); border: 0px none rgb(206, 147, 216); }
.modal.refep-routing-help .card-workflow { display: block; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(0, 0, 0); padding: 1rem; margin: 0 0 1rem; background-color: rgba(0, 0, 0, 0.2); border: 0px none rgb(0, 0, 0); }
.modal.refep-routing-help .workflow-title { display: block; font-size: 0.75rem; font-weight: 400; line-height: 1.5; color: rgba(255, 255, 255, 0.4); padding: 0; margin: 0 0 0.75rem; background-color: rgba(0, 0, 0, 0); border: 0px none rgba(255, 255, 255, 0.4); }
.modal.refep-routing-help .workflow-steps { display: flex; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(0, 0, 0); padding: 0; margin: 0; gap: 0.5rem; background-color: rgba(0, 0, 0, 0); border: 0px none rgb(0, 0, 0); }
.modal.refep-routing-help .workflow-step { display: flex; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(0, 0, 0); padding: 0.5rem 0.875rem; margin: 0; gap: 0.5rem; background-color: rgba(255, 255, 255, 0.06); border: 0px none rgb(0, 0, 0); }
.modal.refep-routing-help .step-num { display: flex; font-size: 0.6875rem; font-weight: 600; line-height: 1.5; color: rgb(0, 202, 224); padding: 0; margin: 0; background-color: rgba(0, 202, 224, 0.2); border: 0px none rgb(0, 202, 224); }
.modal.refep-routing-help .step-text { display: block; font-size: 0.8125rem; font-weight: 400; line-height: 1.5; color: rgba(255, 255, 255, 0.8); padding: 0; margin: 0; background-color: rgba(0, 0, 0, 0); border: 0px none rgba(255, 255, 255, 0.8); }
.modal.refep-routing-help .card-pros-cons { display: flex; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(0, 0, 0); padding: 0; margin: 0 0 1rem; gap: 0.5rem; background-color: rgba(0, 0, 0, 0); border: 0px none rgb(0, 0, 0); }
.modal.refep-routing-help .pros { display: flex; font-size: 0.8125rem; font-weight: 400; line-height: 1.5; color: rgb(76, 175, 80); padding: 0; margin: 0; gap: 0.5rem; background-color: rgba(0, 0, 0, 0); border: 0px none rgb(76, 175, 80); }
.modal.refep-routing-help .cons { display: flex; font-size: 0.8125rem; font-weight: 400; line-height: 1.5; color: rgba(255, 193, 7, 0.9); padding: 0; margin: 0; gap: 0.5rem; background-color: rgba(0, 0, 0, 0); border: 0px none rgba(255, 193, 7, 0.9); }
.modal.refep-routing-help .card-recommend { display: block; font-size: 0.8125rem; font-weight: 400; line-height: 1.5; color: rgba(255, 255, 255, 0.5); padding: 0.625rem 0.875rem; margin: 0; background-color: rgba(255, 255, 255, 0.03); }
.modal.refep-routing-help .strategy-card.price-card { display: flex; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(0, 0, 0); padding: 1.5rem; margin: 0; gap: 1.25rem; background-color: rgba(255, 255, 255, 0.02); border: 1px solid rgba(255, 255, 255, 0.06); }
.modal.refep-routing-help .card-badge-new.price { display: block; font-size: 0.75rem; font-weight: 500; line-height: 1.5; color: rgb(255, 167, 38); padding: 0.25rem 0.75rem; margin: 0; background-color: rgba(255, 167, 38, 0.15); border: 0px none rgb(255, 167, 38); }
.modal.refep-routing-help .text-orange { display: inline; font-size: 0.875rem; font-weight: 500; line-height: 1.7; color: rgb(251, 146, 60); padding: 0; margin: 0; background-color: rgba(0, 0, 0, 0); border: 0px none rgb(251, 146, 60); }
.modal.refep-routing-help .strategy-card.speed-card { display: flex; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(0, 0, 0); padding: 1.5rem; margin: 0; gap: 1.25rem; background-color: rgba(255, 255, 255, 0.02); border: 1px solid rgba(255, 255, 255, 0.06); }
.modal.refep-routing-help .card-badge-new.speed { display: block; font-size: 0.75rem; font-weight: 500; line-height: 1.5; color: rgb(100, 181, 246); padding: 0.25rem 0.75rem; margin: 0; background-color: rgba(100, 181, 246, 0.15); border: 0px none rgb(100, 181, 246); }
.modal.refep-routing-help .text-blue { display: inline; font-size: 0.875rem; font-weight: 500; line-height: 1.7; color: rgb(100, 181, 246); padding: 0; margin: 0; background-color: rgba(0, 0, 0, 0); border: 0px none rgb(100, 181, 246); }
.modal.refep-routing-help .strategy-card.success-card { display: flex; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(0, 0, 0); padding: 1.5rem; margin: 0; gap: 1.25rem; background-color: rgba(255, 255, 255, 0.02); border: 1px solid rgba(255, 255, 255, 0.06); }
.modal.refep-routing-help .card-badge-new.success { display: block; font-size: 0.75rem; font-weight: 500; line-height: 1.5; color: rgb(76, 175, 80); padding: 0.25rem 0.75rem; margin: 0; background-color: rgba(76, 175, 80, 0.15); border: 0px none rgb(76, 175, 80); }
.modal.refep-routing-help .text-green { display: inline; font-size: 0.875rem; font-weight: 500; line-height: 1.7; color: rgb(76, 175, 80); padding: 0; margin: 0; background-color: rgba(0, 0, 0, 0); border: 0px none rgb(76, 175, 80); }
.modal.refep-routing-help .smart-warning-box { display: flex; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(0, 0, 0); padding: 1.25rem; margin: 1.5rem 0 0 3rem; gap: 1rem; background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(239, 68, 68, 0.2); }
.modal.refep-routing-help .warning-icon { display: flex; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(239, 68, 68); padding: 0; margin: 0; background-color: rgba(239, 68, 68, 0.15); border: 0px none rgb(239, 68, 68); }
.modal.refep-routing-help .warning-content { display: block; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(0, 0, 0); padding: 0; margin: 0; background-color: rgba(0, 0, 0, 0); border: 0px none rgb(0, 0, 0); }
.modal.refep-routing-help .warning-title { display: block; font-size: 1rem; font-weight: 600; line-height: 1.5; color: rgb(239, 68, 68); padding: 0; margin: 0 0 0.75rem; background-color: rgba(0, 0, 0, 0); border: 0px none rgb(239, 68, 68); }
.modal.refep-routing-help .warning-text { display: block; font-size: 0.875rem; font-weight: 400; line-height: 1.7; color: rgba(255, 255, 255, 0.75); padding: 0; margin: 0; background-color: rgba(0, 0, 0, 0); border: 0px none rgba(255, 255, 255, 0.75); }
.modal.refep-routing-help .warning-suggestion { display: block; font-size: 0.875rem; font-weight: 400; line-height: 1.7; color: rgba(255, 255, 255, 0.75); padding: 0.75rem 1rem; margin: 0 0 0.75rem; background-color: rgba(251, 146, 60, 0.1); border: 1px solid rgba(251, 146, 60, 0.2); }
.modal.refep-routing-help .highlight-orange { display: inline; font-size: 0.875rem; font-weight: 500; line-height: 1.7; color: rgb(251, 146, 60); padding: 0; margin: 0; background-color: rgba(0, 0, 0, 0); border: 0px none rgb(251, 146, 60); }
.modal.refep-routing-help .section-icon.fixed { display: flex; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(251, 146, 60); padding: 0; margin: 0; background-color: rgba(0, 0, 0, 0); border: 0px none rgb(251, 146, 60); }
.modal.refep-routing-help .fixed-channel-box { display: block; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(0, 0, 0); padding: 1.25rem; margin: 0; background-color: rgba(251, 146, 60, 0.05); border: 1px solid rgba(251, 146, 60, 0.15); }
.modal.refep-routing-help .fixed-channel-info { display: block; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(0, 0, 0); padding: 0; margin: 0; background-color: rgba(0, 0, 0, 0); border: 0px none rgb(0, 0, 0); }
.modal.refep-routing-help .fixed-channel-list { display: block; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(0, 0, 0); padding: 0; margin: 0 0 1rem; background-color: rgba(0, 0, 0, 0); border: 0px none rgb(0, 0, 0); }
.modal.refep-routing-help .text-red { display: inline; font-size: 0.875rem; font-weight: 500; line-height: 1.5; color: rgb(239, 68, 68); padding: 0; margin: 0; background-color: rgba(0, 0, 0, 0); border: 0px none rgb(239, 68, 68); }
.modal.refep-routing-help .fixed-channel-example { display: block; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(0, 0, 0); padding: 1rem; margin: 0; background-color: rgba(0, 0, 0, 0.2); border: 0px none rgb(0, 0, 0); }
.modal.refep-routing-help .example-label { display: block; font-size: 0.6875rem; font-weight: 400; line-height: 1.5; color: rgba(255, 255, 255, 0.4); padding: 0; margin: 0 0 0.75rem; background-color: rgba(0, 0, 0, 0); border: 0px none rgba(255, 255, 255, 0.4); }
.modal.refep-routing-help .example-flow { display: flex; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(0, 0, 0); padding: 0; margin: 0; gap: 0.75rem; background-color: rgba(0, 0, 0, 0); border: 0px none rgb(0, 0, 0); }
.modal.refep-routing-help .example-step { display: block; font-size: 0.875rem; font-weight: 500; line-height: 1.5; color: rgb(251, 146, 60); padding: 0.5rem 1rem; margin: 0; background-color: rgba(251, 146, 60, 0.15); border: 1px solid rgba(251, 146, 60, 0.3); }
.modal.refep-routing-help .example-result { display: flex; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(0, 0, 0); padding: 0; margin: 0; gap: 0.375rem; background-color: rgba(0, 0, 0, 0); border: 0px none rgb(0, 0, 0); }
.modal.refep-routing-help .result-success { display: block; font-size: 0.75rem; font-weight: 400; line-height: 1.5; color: rgb(76, 175, 80); padding: 0.25rem 0.5rem; margin: 0; background-color: rgba(76, 175, 80, 0.15); border: 0px none rgb(76, 175, 80); }
.modal.refep-routing-help .result-fail { display: block; font-size: 0.75rem; font-weight: 400; line-height: 1.5; color: rgb(239, 68, 68); padding: 0.25rem 0.5rem; margin: 0; background-color: rgba(239, 68, 68, 0.15); border: 0px none rgb(239, 68, 68); }
.modal.refep-routing-help .section-icon.price { display: flex; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(251, 191, 36); padding: 0; margin: 0; background-color: rgba(0, 0, 0, 0); border: 0px none rgb(251, 191, 36); }
.modal.refep-routing-help .price-notice-box { display: flex; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(0, 0, 0); padding: 1.25rem; margin: 0; gap: 1rem; background-color: rgba(251, 191, 36, 0.05); border: 1px solid rgba(251, 191, 36, 0.15); }
.modal.refep-routing-help .notice-icon { display: flex; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(251, 191, 36); padding: 0; margin: 0; background-color: rgba(251, 191, 36, 0.15); border: 0px none rgb(251, 191, 36); }
.modal.refep-routing-help .notice-content { display: block; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(0, 0, 0); padding: 0; margin: 0; background-color: rgba(0, 0, 0, 0); border: 0px none rgb(0, 0, 0); }
.modal.refep-routing-help .notice-title { display: block; font-size: 0.9375rem; font-weight: 600; line-height: 1.5; color: rgb(251, 191, 36); padding: 0; margin: 0 0 0.5rem; background-color: rgba(0, 0, 0, 0); border: 0px none rgb(251, 191, 36); }
.modal.refep-routing-help .notice-tips { display: flex; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(0, 0, 0); padding: 0; margin: 0; gap: 0.375rem; background-color: rgba(0, 0, 0, 0); border: 0px none rgb(0, 0, 0); }
.modal.refep-routing-help .tip-item { display: flex; font-size: 0.8125rem; font-weight: 400; line-height: 1.5; color: rgba(255, 255, 255, 0.6); padding: 0; margin: 0; gap: 0.5rem; background-color: rgba(0, 0, 0, 0); border: 0px none rgba(255, 255, 255, 0.6); }
.modal.refep-routing-help .content-section.channel-section { display: block; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(0, 0, 0); padding: 0; margin: 0; background-color: rgba(0, 0, 0, 0); border: 0px none rgb(0, 0, 0); }
.modal.refep-routing-help .section-icon.channel { display: flex; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(59, 130, 246); padding: 0; margin: 0; background-color: rgba(0, 0, 0, 0); border: 0px none rgb(59, 130, 246); }
.modal.refep-routing-help .channel-explain { display: block; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(0, 0, 0); padding: 0; margin: 0; background-color: rgba(0, 0, 0, 0); border: 0px none rgb(0, 0, 0); }
.modal.refep-routing-help .channel-benefits { display: flex; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(0, 0, 0); padding: 0; margin: 0; gap: 0.75rem; background-color: rgba(0, 0, 0, 0); border: 0px none rgb(0, 0, 0); }
.modal.refep-routing-help .benefit-item { display: flex; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(0, 0, 0); padding: 0.875rem 1rem; margin: 0; gap: 0.75rem; background-color: rgba(59, 130, 246, 0.05); border: 1px solid rgba(59, 130, 246, 0.1); }
.modal.refep-routing-help .benefit-icon { display: flex; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(59, 130, 246); padding: 0; margin: 0; background-color: rgba(59, 130, 246, 0.15); border: 0px none rgb(59, 130, 246); }
.modal.refep-routing-help .benefit-text { display: flex; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(0, 0, 0); padding: 0; margin: 0; gap: 0.125rem; background-color: rgba(0, 0, 0, 0); border: 0px none rgb(0, 0, 0); }
.modal.refep-routing-help .modal-footer { display: flex; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(0, 0, 0); padding: 1.25rem 2rem; margin: 0; background-color: rgba(0, 0, 0, 0); }
.modal.refep-routing-help .confirm-btn { display: block; font-size: 0.9375rem; font-weight: 500; line-height: normal; color: rgb(255, 255, 255); padding: 0.75rem 3rem; margin: 0; background-color: rgba(0, 0, 0, 0); border: 0px none rgb(255, 255, 255); font-family: Arial; }

.modal.refep-routing-help .modal-close { position: absolute; top: 1.25rem; right: 1.25rem; z-index: 2; width: 2.5rem; height: 2.5rem; align-items: center; justify-content: center; }
.modal.refep-routing-help .modal-close svg { width: 20px; height: 20px; }
.modal.refep-routing-help .modal-header { align-items: center; flex: 0 0 auto; }
.modal.refep-routing-help .header-icon { flex: 0 0 auto; width: 3.5rem; height: 3.5rem; align-items: center; justify-content: center; }
.modal.refep-routing-help .header-text { flex: 1; min-width: 0; }
.modal.refep-routing-help .modal-content { flex: 1 1 auto; min-height: 0; overflow: auto; overscroll-behavior: contain; }
.modal.refep-routing-help .modal-content::-webkit-scrollbar { width: 10px; }
.modal.refep-routing-help .content-section:last-of-type { margin-bottom: 0; }
.modal.refep-routing-help .section-header { align-items: center; }
.modal.refep-routing-help .section-icon { flex: 0 0 auto; width: 2.25rem; height: 2.25rem; align-items: center; justify-content: center; }
.modal.refep-routing-help .section-content > p, .modal.refep-routing-help .channel-explain > p { margin: 0 0 .75rem; color: rgba(255,255,255,.75); font-size: .9375rem; line-height: 1.7; }
.modal.refep-routing-help .feature-badge { align-items: center; }
.modal.refep-routing-help .strategy-cards { flex-direction: column; }
.modal.refep-routing-help .strategy-card { align-items: flex-start; }
.modal.refep-routing-help .card-left { flex: 0 0 auto; }
.modal.refep-routing-help .card-icon-large { width: 4rem; height: 4rem; align-items: center; justify-content: center; }
.modal.refep-routing-help .price-card .card-icon-large { color: #ffa726; }
.modal.refep-routing-help .speed-card .card-icon-large { color: #64b5f6; }
.modal.refep-routing-help .success-card .card-icon-large { color: #4caf50; }
.modal.refep-routing-help .card-right { flex: 1; min-width: 0; }
.modal.refep-routing-help .card-header-new { align-items: center; }
.modal.refep-routing-help .workflow-steps { align-items: center; }
.modal.refep-routing-help .workflow-step { align-items: center; }
.modal.refep-routing-help .step-num { flex: 0 0 auto; width: 1.25rem; height: 1.25rem; align-items: center; justify-content: center; }
.modal.refep-routing-help .workflow-arrow { display: block; flex: 0 0 auto; width: 20px; height: 20px; color: rgba(255,255,255,.25); }
.modal.refep-routing-help .card-pros-cons { flex-direction: column; }
.modal.refep-routing-help .pros, .modal.refep-routing-help .cons { align-items: center; }
.modal.refep-routing-help .pros svg, .modal.refep-routing-help .cons svg { flex: 0 0 auto; margin-top: .125rem; }
.modal.refep-routing-help .warning-icon { flex: 0 0 auto; width: 2.75rem; height: 2.75rem; align-items: center; justify-content: center; }
.modal.refep-routing-help .warning-content { flex: 1; min-width: 0; }
.modal.refep-routing-help .warning-text p { margin: 0 0 .75rem; color: inherit; font-size: inherit; line-height: inherit; }
.modal.refep-routing-help .warning-text ul { margin: 0 0 .75rem; padding: 0; }
.modal.refep-routing-help .warning-text li { position: relative; margin: 0 0 .5rem; padding-left: 1.25rem; list-style: none; }
.modal.refep-routing-help .warning-text strong { font-weight: 700; }
.modal.refep-routing-help .fixed-channel-info > p { margin: 0 0 .75rem; color: rgba(255,255,255,.75); font-size: .9375rem; line-height: 1.7; }
.modal.refep-routing-help .fixed-channel-info > p .highlight-orange { font-size: inherit; }
.modal.refep-routing-help .fixed-channel-list li { margin: 0 0 .5rem; padding-left: 1.25rem; list-style: none; color: rgba(255,255,255,.7); font-size: .875rem; line-height: 1.5; }
.modal.refep-routing-help .example-flow { align-items: center; }
.modal.refep-routing-help .example-arrow { display: block; flex: 0 0 auto; width: 24px; height: 24px; color: rgba(255,255,255,.3); }
.modal.refep-routing-help .example-result { flex-direction: column; }
.modal.refep-routing-help .notice-icon { flex: 0 0 auto; width: 2.5rem; height: 2.5rem; align-items: center; justify-content: center; }
.modal.refep-routing-help .notice-content { flex: 1; min-width: 0; }
.modal.refep-routing-help .notice-content > p { margin: 0 0 .75rem; color: rgba(255,255,255,.75); font-size: .9375rem; line-height: 1.7; }
.modal.refep-routing-help .channel-explain > p { margin-bottom: 1rem; }
.modal.refep-routing-help .notice-tips { flex-direction: column; }
.modal.refep-routing-help .tip-item { align-items: center; }
.modal.refep-routing-help .tip-item svg { flex: 0 0 auto; color: #4caf50; }
.modal.refep-routing-help .channel-benefits { flex-direction: column; }
.modal.refep-routing-help .benefit-item { align-items: center; }
.modal.refep-routing-help .benefit-icon { flex: 0 0 auto; width: 2rem; height: 2rem; align-items: center; justify-content: center; }
.modal.refep-routing-help .benefit-text { flex-direction: column; }
.modal.refep-routing-help .benefit-text strong { color: #fff; font-size: .875rem; font-weight: 600; line-height: 1.5; }
.modal.refep-routing-help .benefit-text > span { color: rgba(255,255,255,.5); font-size: .8125rem; line-height: 1.5; }
.modal.refep-routing-help .modal-footer { flex: 0 0 auto; align-items: center; justify-content: center; }
#reference-routing-help-overlay > .refep-routing-availability { box-sizing: border-box; position: absolute; left: 50%; bottom: .5rem; transform: translateX(-50%); width: max-content; max-width: min(56rem,calc(100% - 2.5rem)); margin: 0; padding: .125rem .375rem; border: 1px solid rgba(0,202,224,.2); color: rgba(255,255,255,.65); background: #1b1c21; font-size: .75rem; line-height: 1.5; text-align: center; }

/* Full desktop observed decoration, from the 293-node capture. */
.modal.refep-routing-help .modal-close { border-radius: 0.75rem; }
.modal.refep-routing-help .modal-header { border-top: 0px none rgb(0, 0, 0); border-right: 0px none rgb(0, 0, 0); border-bottom: 1px solid rgba(255, 255, 255, 0.06); border-left: 0px none rgb(0, 0, 0); }
.modal.refep-routing-help .header-icon { border-radius: 1rem; background-image: linear-gradient(135deg, rgba(0, 202, 224, 0.2), rgba(0, 102, 255, 0.15)); }
.modal.refep-routing-help .section-icon.intro { border-radius: 0.625rem; background-image: linear-gradient(135deg, rgba(0, 202, 224, 0.2), rgba(0, 202, 224, 0.1)); }
.modal.refep-routing-help .feature-badge { border-radius: 0.5rem; }
.modal.refep-routing-help .section-icon.strategies { border-radius: 0.625rem; background-image: linear-gradient(135deg, rgba(168, 85, 247, 0.2), rgba(168, 85, 247, 0.1)); }
.modal.refep-routing-help .strategy-card.best-card { border-radius: 1rem; align-items: normal; }
.modal.refep-routing-help .card-icon-large { border-radius: 1rem; background-image: linear-gradient(135deg, rgba(171, 71, 188, 0.15), rgba(123, 31, 162, 0.08)); }
.modal.refep-routing-help .card-badge-new.best { border-radius: 1rem; }
.modal.refep-routing-help .card-workflow { border-radius: 0.75rem; }
.modal.refep-routing-help .workflow-step { border-radius: 0.5rem; }
.modal.refep-routing-help .step-num { border-radius: 50%; }
.modal.refep-routing-help .pros { align-items: flex-start; }
.modal.refep-routing-help .cons { align-items: flex-start; }
.modal.refep-routing-help .card-recommend { border-radius: 0.5rem; border-top: 0px none rgba(255, 255, 255, 0.5); border-right: 0px none rgba(255, 255, 255, 0.5); border-bottom: 0px none rgba(255, 255, 255, 0.5); border-left: 3px solid rgba(0, 202, 224, 0.4); }
.modal.refep-routing-help .strategy-card.price-card { border-radius: 1rem; align-items: normal; }
.modal.refep-routing-help .card-badge-new.price { border-radius: 1rem; }
.modal.refep-routing-help .strategy-card.speed-card { border-radius: 1rem; align-items: normal; }
.modal.refep-routing-help .card-badge-new.speed { border-radius: 1rem; }
.modal.refep-routing-help .strategy-card.success-card { border-radius: 1rem; align-items: normal; }
.modal.refep-routing-help .card-badge-new.success { border-radius: 1rem; }
.modal.refep-routing-help .smart-warning-box { border-radius: 1rem; background-image: linear-gradient(135deg, rgba(239, 68, 68, 0.08), rgba(239, 68, 68, 0.03)); }
.modal.refep-routing-help .warning-icon { border-radius: 0.75rem; }
.modal.refep-routing-help .warning-suggestion { border-radius: 0.5rem; }
.modal.refep-routing-help .section-icon.fixed { border-radius: 0.625rem; background-image: linear-gradient(135deg, rgba(251, 146, 60, 0.2), rgba(251, 146, 60, 0.1)); }
.modal.refep-routing-help .fixed-channel-box { border-radius: 0.75rem; }
.modal.refep-routing-help .fixed-channel-example { border-radius: 0.5rem; }
.modal.refep-routing-help .example-step { border-radius: 0.5rem; }
.modal.refep-routing-help .result-success { border-radius: 0.25rem; }
.modal.refep-routing-help .result-fail { border-radius: 0.25rem; }
.modal.refep-routing-help .section-icon.price { border-radius: 0.625rem; background-image: linear-gradient(135deg, rgba(251, 191, 36, 0.2), rgba(251, 191, 36, 0.1)); }
.modal.refep-routing-help .price-notice-box { border-radius: 0.75rem; }
.modal.refep-routing-help .notice-icon { border-radius: 0.625rem; }
.modal.refep-routing-help .section-icon.channel { border-radius: 0.625rem; background-image: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(59, 130, 246, 0.1)); }
.modal.refep-routing-help .benefit-item { border-radius: 0.625rem; align-items: flex-start; }
.modal.refep-routing-help .benefit-icon { border-radius: 0.5rem; }
.modal.refep-routing-help .modal-footer { border-top: 1px solid rgba(255, 255, 255, 0.06); border-right: 0px none rgb(0, 0, 0); border-bottom: 0px none rgb(0, 0, 0); border-left: 0px none rgb(0, 0, 0); align-items: normal; }
.modal.refep-routing-help .confirm-btn { border-radius: 0.75rem; background-image: linear-gradient(135deg, rgb(0, 202, 224), rgb(0, 168, 204)); }
.modal.refep-routing-help .best-card .card-icon-large { background-image: linear-gradient(135deg, rgba(171, 71, 188, 0.15), rgba(123, 31, 162, 0.08)); }
.modal.refep-routing-help .price-card .card-icon-large { background-image: linear-gradient(135deg, rgba(255, 167, 38, 0.15), rgba(255, 152, 0, 0.08)); }
.modal.refep-routing-help .speed-card .card-icon-large { background-image: linear-gradient(135deg, rgba(100, 181, 246, 0.15), rgba(66, 165, 245, 0.08)); }
.modal.refep-routing-help .success-card .card-icon-large { background-image: linear-gradient(135deg, rgba(76, 175, 80, 0.15), rgba(56, 142, 60, 0.08)); }
.modal.refep-routing-help .fixed-channel-list li { position: relative; }
.modal.refep-routing-help .warning-text li::before,
.modal.refep-routing-help .fixed-channel-list li::before { content: ""; position: absolute; left: 0; top: .5rem; width: .375rem; height: .375rem; border-radius: 50%; transform: none; }
.modal.refep-routing-help .warning-text li::before { background: rgb(239,68,68); }
.modal.refep-routing-help .fixed-channel-list li::before { background: rgb(251,146,60); }
.modal.refep-routing-help .smart-dispatch-container, .modal.refep-routing-help .modal-content { min-height: auto; }

/* Browser phone 390x844 observed values; this breakpoint is the local mobile
   shell boundary, not an inferred reference CSSOM condition. */
@media (max-width: 600px) {
  .refep-routing { width: calc(100vw - 2rem); max-width: calc(100vw - 2rem); box-shadow: 0 1.5rem 3.5rem rgba(0,0,0,.45); }
  #reference-routing-help-overlay > .refep-routing-availability { bottom: .125rem; padding: .0625rem .25rem; font-size: .625rem; }
  .modal.refep-routing-help { height: 90vh; max-height: 90vh; }
  .modal.refep-routing-help .smart-dispatch-container { max-height: 90vh; border-radius: 1rem; }
  .modal.refep-routing-help .modal-header { padding: 1.5rem 1.5rem 1rem; }
  .modal.refep-routing-help .modal-title { font-size: 1.25rem; }
  .modal.refep-routing-help .modal-content { padding: 1rem 1.5rem; }
  .modal.refep-routing-help .section-title { font-size: 1rem; }
  .modal.refep-routing-help .section-content,
  .modal.refep-routing-help .strategy-cards { padding-left: 0; }
  .modal.refep-routing-help .strategy-card { flex-direction: column; align-items: normal; gap: 1rem; border-color: rgba(255,255,255,.06); }
  .modal.refep-routing-help .strategy-card.best-card,
  .modal.refep-routing-help .strategy-card.price-card,
  .modal.refep-routing-help .strategy-card.speed-card,
  .modal.refep-routing-help .strategy-card.success-card { gap: 1rem; }
  .modal.refep-routing-help .strategy-card.best-card { background-color: rgba(255,255,255,.02); border-color: rgba(255,255,255,.06); }
  .modal.refep-routing-help .card-right { flex: initial; width: 100%; }
  .modal.refep-routing-help .card-left { width: 100%; }
  .modal.refep-routing-help .card-icon-large { width: 3rem; height: 3rem; }
  .modal.refep-routing-help .card-icon-large svg { width: 20px; height: 20px; }
  .modal.refep-routing-help .workflow-steps { flex-direction: column; flex-wrap: wrap; align-items: flex-start; gap: .5rem; }
  .modal.refep-routing-help .step-text { white-space: nowrap; }
  .modal.refep-routing-help .workflow-arrow { color: rgba(255,255,255,.25); transform: rotate(90deg); align-self: center; }
  .modal.refep-routing-help .smart-warning-box { flex-direction: column; gap: .75rem; margin-left: 0; }
  .modal.refep-routing-help .warning-content,
  .modal.refep-routing-help .notice-content { flex: initial; width: 100%; }
  .modal.refep-routing-help .example-flow { flex-direction: column; flex-wrap: wrap; align-items: flex-start; }
  .modal.refep-routing-help .example-arrow { transform: rotate(90deg); align-self: auto; flex-shrink: 1; }
  .modal.refep-routing-help .price-notice-box { flex-direction: column; }
  .modal.refep-routing-help .benefit-item { align-items: flex-start; }
  .modal.refep-routing-help .modal-footer { padding: 1rem 1.5rem; align-items: normal; }
  .modal.refep-routing-help .modal-close { border-radius: 0.75rem; }
  .modal.refep-routing-help .header-icon { border-radius: 1rem; background-image: linear-gradient(135deg, rgba(0, 202, 224, 0.2), rgba(0, 102, 255, 0.15)); }
  .modal.refep-routing-help .section-icon.intro { border-radius: 0.625rem; background-image: linear-gradient(135deg, rgba(0, 202, 224, 0.2), rgba(0, 202, 224, 0.1)); }
  .modal.refep-routing-help .feature-badge { border-radius: 0.5rem; }
  .modal.refep-routing-help .section-icon.strategies { border-radius: 0.625rem; background-image: linear-gradient(135deg, rgba(168, 85, 247, 0.2), rgba(168, 85, 247, 0.1)); }
  .modal.refep-routing-help .strategy-card.best-card { border-radius: 1rem; }
  .modal.refep-routing-help .card-icon-large { border-radius: 1rem; background-image: linear-gradient(135deg, rgba(171, 71, 188, 0.15), rgba(123, 31, 162, 0.08)); }
  .modal.refep-routing-help .card-badge-new.best { border-radius: 1rem; }
  .modal.refep-routing-help .card-workflow { border-radius: 0.75rem; }
  .modal.refep-routing-help .workflow-step { border-radius: 0.5rem; }
  .modal.refep-routing-help .step-num { border-radius: 50%; }
  .modal.refep-routing-help .card-recommend { border-radius: 0.5rem; }
  .modal.refep-routing-help .strategy-card.price-card { border-radius: 1rem; }
  .modal.refep-routing-help .card-badge-new.price { border-radius: 1rem; }
  .modal.refep-routing-help .strategy-card.speed-card { border-radius: 1rem; }
  .modal.refep-routing-help .card-badge-new.speed { border-radius: 1rem; }
  .modal.refep-routing-help .strategy-card.success-card { border-radius: 1rem; }
  .modal.refep-routing-help .card-badge-new.success { border-radius: 1rem; }
  .modal.refep-routing-help .smart-warning-box { border-radius: 1rem; background-image: linear-gradient(135deg, rgba(239, 68, 68, 0.08), rgba(239, 68, 68, 0.03)); }
  .modal.refep-routing-help .warning-icon { border-radius: 0.75rem; }
  .modal.refep-routing-help .warning-suggestion { border-radius: 0.5rem; }
  .modal.refep-routing-help .section-icon.fixed { border-radius: 0.625rem; background-image: linear-gradient(135deg, rgba(251, 146, 60, 0.2), rgba(251, 146, 60, 0.1)); }
  .modal.refep-routing-help .fixed-channel-box { border-radius: 0.75rem; }
  .modal.refep-routing-help .fixed-channel-example { border-radius: 0.5rem; }
  .modal.refep-routing-help .example-step { border-radius: 0.5rem; }
  .modal.refep-routing-help .result-success { border-radius: 0.25rem; }
  .modal.refep-routing-help .result-fail { border-radius: 0.25rem; }
  .modal.refep-routing-help .section-icon.price { border-radius: 0.625rem; background-image: linear-gradient(135deg, rgba(251, 191, 36, 0.2), rgba(251, 191, 36, 0.1)); }
  .modal.refep-routing-help .price-notice-box { border-radius: 0.75rem; }
  .modal.refep-routing-help .notice-icon { border-radius: 0.625rem; }
  .modal.refep-routing-help .section-icon.channel { border-radius: 0.625rem; background-image: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(59, 130, 246, 0.1)); }
  .modal.refep-routing-help .benefit-item { border-radius: 0.625rem; }
  .modal.refep-routing-help .benefit-icon { border-radius: 0.5rem; }
  .modal.refep-routing-help .confirm-btn { border-radius: 0.75rem; background-image: linear-gradient(135deg, rgb(0, 202, 224), rgb(0, 168, 204)); }
  .modal.refep-routing-help .price-card .card-icon-large { background-image: linear-gradient(135deg,rgba(255,167,38,.15),rgba(255,152,0,.08)); }
  .modal.refep-routing-help .speed-card .card-icon-large { background-image: linear-gradient(135deg,rgba(100,181,246,.15),rgba(66,165,245,.08)); }
  .modal.refep-routing-help .success-card .card-icon-large { background-image: linear-gradient(135deg,rgba(76,175,80,.15),rgba(56,142,60,.08)); }
}

/* Channel management reuses the observed frame and the selector's current
   quotes. Only verified local connections expose an exclusion checkbox. */
#reference-routing-management-overlay { box-sizing: border-box; position: fixed; z-index: 160; inset: 0; width: 100vw; height: 100dvh; max-width: none; max-height: none; margin: 0; transform: none; padding: 1.5rem; border: 0; border-radius: 0; box-shadow: none; overflow: visible; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.6); color: #000; font: 400 1rem/1.5 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "HarmonyOS Sans", "Microsoft YaHei", sans-serif; }
#reference-routing-management-overlay[hidden] { display: none !important; }
body:has(#reference-routing-management-overlay:not([hidden])) #modal-backdrop { display: none; }
.modal.refep-routing-management { position: static; top: auto; left: auto; transform: none; z-index: auto; display: flex; flex-direction: column; align-items: normal; width: 100%; max-width: 40rem; height: auto; max-height: 85vh; margin: 0; padding: 0; border: 1px solid rgba(255,255,255,.08); border-radius: .875rem; background: #0f0f12; box-shadow: 0 1rem 3rem rgba(0,0,0,.6); overflow: hidden; color: #000; font: inherit; }
.modal.refep-routing-management .paichu-header { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .875rem 1.125rem; border-bottom: 1px solid rgba(255,255,255,.06); background: rgba(255,255,255,.02); }
.modal.refep-routing-management .paichu-header-left { display: flex; align-items: center; gap: .6875rem; min-width: 0; }
.modal.refep-routing-management .paichu-icon { display: flex; flex: 0 0 auto; width: 2.125rem; height: 2.125rem; align-items: center; justify-content: center; border-radius: .5rem; color: #00cae0; background: rgba(0,202,224,.12); }
.modal.refep-routing-management .paichu-icon svg { width: 18px; height: 18px; }
.modal.refep-routing-management .paichu-titles { display: flex; flex-direction: column; gap: .125rem; min-width: 0; }
.modal.refep-routing-management .paichu-title { display: block; margin: 0; padding: 0; font-size: 1rem; font-weight: 600; line-height: 1.5; color: #f5fbff; }
.modal.refep-routing-management .paichu-subtitle { display: block; margin: 0; padding: 0; font-size: .75rem; font-weight: 400; line-height: 1.4; color: #8c99a0; }
.modal.refep-routing-management .paichu-close { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 1.875rem; height: 1.875rem; margin: 0; padding: 0; border: 0; border-radius: .4375rem; color: rgba(255,255,255,.5); background: rgba(255,255,255,.05); font: 400 13.3333px/normal Arial; }
.modal.refep-routing-management .paichu-close svg { width: 15px; height: 15px; }
.modal.refep-routing-management .paichu-body { flex: 1 1 auto; min-height: 10rem; padding: .875rem 1.125rem; overflow: auto; }
.modal.refep-routing-management .paichu-footer { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .75rem 1.125rem; border-top: 1px solid rgba(255,255,255,.06); background: rgba(255,255,255,.02); }
.modal.refep-routing-management .footer-tip { display: block; color: #8c99a0; font-size: .75rem; font-weight: 400; line-height: 1.5; }
.modal.refep-routing-management .footer-actions { flex: 0 0 auto; display: flex; gap: .5rem; }
.modal.refep-routing-management .btn-cancel,
.modal.refep-routing-management .btn-confirm { display: block; margin: 0; padding: .4375rem 1.125rem; border-radius: .4375rem; font: 500 .8125rem/normal Arial; }
.modal.refep-routing-management .btn-cancel { border: 1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.65); background: rgba(255,255,255,.05); }
.modal.refep-routing-management .btn-confirm { border: 1px solid transparent; color: #fff; background: #00cae0; font-weight: 600; }
.modal.refep-routing-management .btn-confirm:disabled { opacity: .45; cursor: not-allowed; }
.modal.refep-routing-management .refep-management-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .5rem; min-height: 8.25rem; color: #8c99a0; text-align: center; }
.modal.refep-routing-management .refep-management-model { font-size: .75rem; line-height: 1.5; }
.modal.refep-routing-management .refep-management-empty strong { color: #f5fbff; font-size: .9375rem; font-weight: 600; line-height: 1.5; }
.modal.refep-routing-management .refep-management-empty p { margin: 0; color: #8c99a0; font-size: .8125rem; line-height: 1.5; }
.modal.refep-routing-management .refep-management-note { margin: 0 0 .75rem; color: #8c99a0; font-size: .75rem; line-height: 1.5; }
.modal.refep-routing-management .refep-management-card { display: flex; align-items: stretch; gap: .5rem; margin: 0 0 .5rem; border: 1px solid rgba(255,255,255,.08); border-radius: .625rem; background: #1c1e22; overflow: hidden; }
.modal.refep-routing-management .refep-management-card.is-retained { border-color: rgba(0,202,224,.35); box-shadow: inset 3px 0 0 #00cae0; }
.modal.refep-routing-management .refep-management-card-content { display: flex; flex: 1 1 auto; min-width: 0; align-items: flex-start; gap: .625rem; padding: .75rem; border: 0; border-radius: inherit; background: transparent; color: inherit; text-align: left; font: inherit; }
.modal.refep-routing-management button.refep-management-card-content { cursor: pointer; }
.modal.refep-routing-management .refep-management-check { display: flex; flex: 0 0 1rem; align-items: center; justify-content: center; width: 1rem; height: 1rem; margin-top: .125rem; box-sizing: border-box; border: 1px solid rgba(255,255,255,.2); border-radius: .25rem; color: #fff; }
.modal.refep-routing-management .is-retained .refep-management-check { border-color: #00cae0; background: #00cae0; }
.modal.refep-routing-management .refep-management-check svg { width: .8125rem; height: .8125rem; }
.modal.refep-routing-management .refep-management-card-copy { flex: 1 1 auto; min-width: 0; }
.modal.refep-routing-management .refep-management-card .refep-channel-header { align-items: flex-start; margin-bottom: .375rem; }
.modal.refep-routing-management .refep-management-card .refep-channel-price { display: block; }
.modal.refep-routing-management .refep-management-card .refep-channel-stats { padding-top: .125rem; font-size: .6875rem; }
.modal.refep-routing-management .refep-management-card.is-readonly .refep-channel-name { color: rgba(255,255,255,.88); }
.modal.refep-routing-management .refep-management-specify { flex: 0 0 auto; align-self: flex-end; margin: 0 .75rem .75rem 0; padding: .25rem .375rem; border: 0; border-radius: .25rem; background: rgba(0,202,224,.08); color: #00cae0; font-family: inherit; font-size: .6875rem; font-weight: 500; line-height: 1.5; cursor: pointer; }
.modal.refep-routing-management .refep-management-specify:disabled { opacity: .4; cursor: not-allowed; }
.modal.refep-routing-management .refep-management-card-content:focus-visible,
.modal.refep-routing-management .refep-management-specify:focus-visible { outline: 2px solid #00cae0; outline-offset: -3px; }
.modal.refep-routing-management .refep-connection-section > summary { margin: 0 0 .75rem; color: #b7c0c5; font-size: .8125rem; }
@media (max-width: 600px) {
  #reference-routing-management-overlay { padding: .75rem; }
  .modal.refep-routing-management { max-height: 92vh; border-radius: .75rem; }
  .modal.refep-routing-management .paichu-header,
  .modal.refep-routing-management .paichu-body { padding: .75rem .875rem; }
  .modal.refep-routing-management .paichu-footer { gap: .5rem; padding: .6875rem .875rem; }
  .modal.refep-routing-management .refep-management-card .refep-channel-header { flex-wrap: wrap; gap: .25rem; }
  .modal.refep-routing-management .refep-management-card .refep-channel-name { white-space: normal; overflow-wrap: anywhere; }
  .modal.refep-routing-management .refep-management-card .refep-channel-stats { flex-wrap: wrap; gap: .375rem; }
  .modal.refep-routing-management .refep-management-card { flex-wrap: wrap; }
  .modal.refep-routing-management .refep-management-specify { margin-left: auto; }
}