.cc-hybrid-page-v3200{--c:#28c8ef;--v:#7468ff;--g:#43d7a2;--a:#efb858;--r:#ef6f83;--line:rgba(122,156,190,.17);display:grid;gap:16px;padding-bottom:34px}.hy-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:center;padding:26px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at 5% 0,rgba(40,200,239,.11),transparent 33%),radial-gradient(circle at 95% 10%,rgba(116,104,255,.10),transparent 34%),var(--panel);box-shadow:0 24px 70px rgba(4,18,35,.11)}.hy-hero h1{margin:7px 0 8px;max-width:800px;color:var(--text);font-size:clamp(1.65rem,3vw,2.55rem);line-height:1.04;letter-spacing:-.05em}.hy-hero p,.hy-panel p{margin:0;color:var(--muted);font-size:.68rem;line-height:1.6}.eyebrow,.hy-stat-grid small,.hy-runner small,.hy-card>small{color:var(--c);font-size:.58rem;font-weight:900;letter-spacing:.14em}.hy-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.hy-tags span{padding:7px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.54rem;font-weight:750}.hy-node{min-height:160px;display:flex;flex-direction:column;justify-content:center;padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(8,25,43,.24)}.hy-node.local{border-color:rgba(67,215,162,.22)}.hy-node.cloud{border-color:rgba(40,200,239,.22)}.hy-node.setup{border-color:rgba(239,184,88,.22)}.hy-node small{color:var(--muted);font-size:.56rem}.hy-node b{margin-top:7px;color:var(--text);font-size:1rem}.hy-node span{margin-top:4px;color:var(--muted);font-size:.55rem}.hy-node code{margin-top:12px;padding:5px 7px;align-self:flex-start;border-radius:7px;background:rgba(0,0,0,.12);color:#7fa1bb;font-size:.49rem}.hy-flash{display:flex;gap:8px;padding:11px 13px;border-radius:12px;font-size:.59rem}.hy-flash.ok{border:1px solid rgba(67,215,162,.22);background:rgba(67,215,162,.05);color:#76dcb8}.hy-flash.bad{border:1px solid rgba(239,111,131,.22);background:rgba(239,111,131,.05);color:#e68f9c}.hy-panel{padding:18px;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:0 18px 50px rgba(5,20,36,.07)}.hy-panel h2{margin:4px 0 3px;color:var(--text);font-size:1.1rem;letter-spacing:-.03em}.hy-between{display:flex;justify-content:space-between;align-items:flex-end;gap:14px}.hy-setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.hy-card{display:grid;gap:10px;padding:17px;border:1px solid var(--line);border-radius:16px;background:rgba(122,156,190,.018)}.hy-card.cloud{border-color:rgba(40,200,239,.18)}.hy-card.local{border-color:rgba(67,215,162,.18)}.hy-card>i{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:rgba(40,200,239,.07);color:#5bd9f4;font-style:normal;font-size:1rem}.hy-card.local>i{background:rgba(67,215,162,.07);color:#70deb5}.hy-card h3{margin:-5px 0 0;color:var(--text);font-size:.88rem}.hy-card p{color:var(--muted);font-size:.57rem;line-height:1.5}.hy-card label,.hy-settings>label{display:grid;gap:5px;color:var(--muted);font-size:.51rem;font-weight:800}.hy-card input,.hy-card textarea,.hy-settings input[type=text],.hy-settings input[type=url]{width:100%;min-height:40px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;outline:none;background:rgba(122,156,190,.025);color:var(--text);font-size:.61rem}.hy-card textarea{min-height:92px;resize:vertical;font:500 .52rem/1.45 ui-monospace,Consolas,monospace}.hy-card button,.hy-actions button,.hy-pair button,.hy-settings>button,.secondary{min-height:41px;padding:0 13px;border:0;border-radius:10px;cursor:pointer;font-size:.58rem;font-weight:900}.hy-card button,.hy-pair button,.hy-settings>button,#hyPreview{background:linear-gradient(135deg,var(--v),var(--c));color:white}#hySync{background:linear-gradient(135deg,#2fc993,#24bfe7);color:#fff}button:disabled{opacity:.42;cursor:not-allowed}.secondary{border:1px solid var(--line);background:rgba(122,156,190,.035);color:var(--text)}.hy-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hy-stat-grid article{display:grid;gap:6px;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.hy-stat-grid b{color:var(--text);font-size:.75rem}.hy-stat-grid span{overflow-wrap:anywhere;color:var(--muted);font-size:.53rem;line-height:1.45}.hy-stat-grid article.online{border-color:rgba(67,215,162,.22)}.hy-stat-grid article.offline{border-color:rgba(239,184,88,.22)}.hy-pair{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:13px}.hy-pair textarea{min-height:82px;padding:10px;border:1px solid var(--line);border-radius:11px;resize:none;background:#071523;color:#9fc7dc;font:500 .5rem/1.5 ui-monospace,Consolas,monospace}.hy-runner{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:15px;align-items:center;margin-top:12px;padding:14px;border:1px solid rgba(40,200,239,.17);border-radius:14px;background:rgba(40,200,239,.025)}.hy-runner>div{display:grid;gap:4px}.hy-runner b{color:var(--text);font-size:.72rem}.hy-runner span{color:var(--muted);font-size:.53rem;line-height:1.5}.hy-runner strong{display:grid;place-items:center;min-height:76px;border:1px solid var(--line);border-radius:12px;color:var(--text);font-size:1.2rem}.hy-runner strong small{display:block;color:var(--muted);font-size:.47rem;letter-spacing:0}.hy-settings{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px;padding-top:13px;border-top:1px solid var(--line)}.hy-settings .check{grid-template-columns:18px minmax(0,1fr);align-items:start;gap:8px}.hy-settings .check input{margin-top:4px}.hy-settings .check b{display:block;color:var(--text);font-size:.55rem}.hy-settings .check small{display:block;margin-top:2px;color:var(--muted);font-size:.48rem;line-height:1.4}.hy-settings>button{align-self:end}.hy-danger{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:11px;border:1px solid rgba(239,111,131,.17);border-radius:12px;background:rgba(239,111,131,.025)}.hy-danger b{display:block;color:#df8795;font-size:.56rem}.hy-danger small{display:block;margin-top:2px;color:var(--muted);font-size:.48rem}.hy-danger button{min-height:35px;padding:0 10px;border:1px solid rgba(239,111,131,.2);border-radius:9px;background:rgba(239,111,131,.06);color:#e58c9a;cursor:pointer;font-size:.51rem;font-weight:850}.hy-groups{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.hy-groups label{display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;padding:11px;border:1px solid var(--line);border-radius:12px;background:rgba(122,156,190,.018);cursor:pointer}.hy-groups input{position:absolute;opacity:0;pointer-events:none}.hy-groups i{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;color:transparent;font-style:normal;font-weight:900}.hy-groups input:checked+i{border-color:rgba(67,215,162,.25);background:rgba(67,215,162,.09);color:#64d9af}.hy-groups b{display:block;color:var(--text);font-size:.57rem}.hy-groups small{display:block;margin-top:3px;color:var(--muted);font-size:.49rem;line-height:1.4}.hy-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.hy-actions button{min-width:170px}.hy-result{margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:13px;background:rgba(122,156,190,.018)}.hy-result[hidden]{display:none!important}.hy-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.hy-summary div{padding:9px;border:1px solid var(--line);border-radius:10px}.hy-summary b{display:block;color:var(--text);font-size:.85rem}.hy-summary span{display:block;margin-top:2px;color:var(--muted);font-size:.47rem}.hy-note{margin:10px 0 0!important;font-size:.52rem!important}.hy-note strong{color:#d6b060}.hy-count{padding:7px 9px;border:1px solid rgba(239,184,88,.19);border-radius:999px;color:#c9a45c;font-size:.51rem}.hy-conflicts{display:grid;gap:8px;margin-top:12px}.hy-empty{min-height:90px;display:grid;place-items:center;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size:.54rem;text-align:center}.hy-conflict{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px;border:1px solid rgba(239,184,88,.18);border-radius:12px;background:rgba(239,184,88,.025)}.hy-conflict h4{margin:0;color:var(--text);font-size:.61rem}.hy-conflict p{margin:3px 0 0!important;font-size:.49rem!important}.hy-conflict div:last-child{display:flex;gap:6px}.hy-conflict button{min-height:34px;padding:0 9px;border:1px solid var(--line);border-radius:8px;background:rgba(122,156,190,.035);color:var(--text);cursor:pointer;font-size:.49rem;font-weight:850}.hy-conflict button.local{color:#67d6ac}.hy-conflict button.cloud{color:#68cee6}.hy-nav-status{display:flex;align-items:center;gap:8px}.hy-nav-status i{width:8px;height:8px;border-radius:50%;background:var(--a)}.hy-nav-status.local i{background:var(--g)}.hy-nav-status.cloud i{background:var(--c)}
:root[data-theme="light"] .hy-pair textarea{background:#f7fbff;color:#315268}
@media(max-width:980px){.hy-hero{grid-template-columns:1fr}.hy-node{min-height:120px}.hy-stat-grid{grid-template-columns:1fr}.hy-settings{grid-template-columns:1fr}}
@media(max-width:760px){.cc-hybrid-page-v3200{gap:11px}.hy-hero,.hy-panel{padding:13px;border-radius:16px}.hy-setup-grid,.hy-groups{grid-template-columns:1fr}.hy-between{align-items:stretch;flex-direction:column}.hy-pair,.hy-runner{grid-template-columns:1fr}.hy-actions{display:grid;grid-template-columns:1fr}.hy-actions button{width:100%}.hy-summary{grid-template-columns:1fr 1fr}.hy-conflict{grid-template-columns:1fr}.hy-conflict div:last-child{display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:460px){.hy-summary{grid-template-columns:1fr}.hy-conflict div:last-child{grid-template-columns:1fr}}

.hy-diag-link{display:inline-flex;margin-top:11px;color:var(--c);font-size:.54rem;font-weight:850;text-decoration:none}.hy-link-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.hy-diagnostics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.hy-diagnostics article{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:12px}.hy-diagnostics article i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;font-style:normal;font-weight:900}.hy-diagnostics article.ok i{background:rgba(67,215,162,.1);color:var(--g)}.hy-diagnostics article.bad{border-color:rgba(239,111,131,.18)}.hy-diagnostics article.bad i{background:rgba(239,111,131,.08);color:var(--r)}.hy-diagnostics b{display:block;color:var(--text);font-size:.56rem}.hy-diagnostics span{display:block;margin-top:2px;color:var(--muted);font-size:.49rem;line-height:1.4}@media(max-width:760px){.hy-diagnostics{grid-template-columns:1fr}}


/* v3.2.1 — safe Hybrid disconnect / mode reset */
.hy-danger.hy-change-mode{
  margin-top:10px;
  border-color:rgba(239,184,88,.20);
  background:
    linear-gradient(135deg,rgba(239,184,88,.045),rgba(40,200,239,.018));
}
.hy-danger.hy-change-mode span b{
  color:#d8ab54;
}
.hy-danger.hy-change-mode button{
  border-color:rgba(239,184,88,.22);
  background:rgba(239,184,88,.07);
  color:#d8ab54;
}
.hy-danger.hy-change-mode button:hover{
  transform:translateY(-1px);
  background:rgba(239,184,88,.11);
}
@media(max-width:700px){
  .hy-danger.hy-change-mode{
    align-items:stretch;
    flex-direction:column;
  }
  .hy-danger.hy-change-mode button{
    width:100%;
  }
}

/* v3.2.13 — explicit Online ↔ Offline synchronization directions */
.hy-direction-v3213{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:15px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.hy-direction-v3213>label{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;min-height:82px;padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(122,156,190,.018);cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.hy-direction-v3213>label:hover{transform:translateY(-1px);border-color:rgba(40,200,239,.25);background:rgba(40,200,239,.025)}
.hy-direction-v3213 input{position:absolute;opacity:0;pointer-events:none}
.hy-direction-v3213 i{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:rgba(122,156,190,.035);color:#7794aa;font-size:1rem;font-style:normal;font-weight:900}
.hy-direction-v3213 b,.hy-direction-v3213 small{display:block}.hy-direction-v3213 b{color:var(--text);font-size:.62rem}.hy-direction-v3213 small{margin-top:4px;color:var(--muted);font-size:.49rem;line-height:1.4}
.hy-direction-v3213 em{position:absolute;top:8px;right:8px;padding:3px 6px;border-radius:999px;background:rgba(67,215,162,.08);color:#62d7aa;font-size:.42rem;font-style:normal;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.hy-direction-v3213 input:checked~i{border-color:rgba(67,215,162,.32);background:linear-gradient(135deg,rgba(67,215,162,.16),rgba(40,200,239,.09));color:#65ddb1;box-shadow:0 8px 24px rgba(67,215,162,.1)}
.hy-direction-v3213>label:has(input:checked){border-color:rgba(67,215,162,.3);background:linear-gradient(135deg,rgba(67,215,162,.07),rgba(40,200,239,.025));box-shadow:inset 0 1px rgba(255,255,255,.025)}
.hy-direction-v3213 input:focus-visible~i{outline:2px solid var(--c);outline-offset:3px}.hy-direction-v3213 input:disabled~i,.hy-direction-v3213 input:disabled~span{opacity:.55}
.hy-direction-result-v3213{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;margin-bottom:10px;padding:10px 11px;border:1px solid rgba(40,200,239,.18);border-radius:11px;background:rgba(40,200,239,.035)}
.hy-direction-result-v3213>i{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(40,200,239,.09);color:#5cd8f4;font-size:.9rem;font-style:normal;font-weight:900}.hy-direction-result-v3213 b,.hy-direction-result-v3213 small{display:block}.hy-direction-result-v3213 b{color:var(--text);font-size:.6rem}.hy-direction-result-v3213 small{margin-top:3px;color:var(--muted);font-size:.48rem}.hy-direction-result-v3213.completed{border-color:rgba(67,215,162,.2);background:rgba(67,215,162,.04)}.hy-direction-result-v3213.completed>i{background:rgba(67,215,162,.1);color:#64d9af}
@media(max-width:900px){.hy-direction-v3213{grid-template-columns:1fr}}
@media(max-width:460px){.hy-direction-v3213>label{min-height:74px}.hy-direction-v3213 em{display:none}}
/* v3.2.14 — multi-select conflict resolution */
.hy-conflict-bulk-v3214{position:sticky;top:72px;z-index:7;display:grid;grid-template-columns:minmax(150px,1fr) auto;gap:10px;align-items:center;margin-top:13px;padding:10px 11px;border:1px solid rgba(239,184,88,.22);border-radius:13px;background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:0 12px 32px rgba(3,15,28,.18);backdrop-filter:blur(14px)}.hy-conflict-bulk-v3214[hidden]{display:none!important}
.hy-conflict-bulk-v3214>label{display:flex;align-items:center;gap:9px;cursor:pointer}.hy-conflict-bulk-v3214>label>input{width:17px;height:17px;margin:0;accent-color:var(--g)}.hy-conflict-bulk-v3214>label b,.hy-conflict-bulk-v3214>label small{display:block}.hy-conflict-bulk-v3214>label b{color:var(--text);font-size:.58rem}.hy-conflict-bulk-v3214>label small{margin-top:2px;color:var(--muted);font-size:.47rem}
.hy-conflict-bulk-v3214>div{display:flex;gap:7px}.hy-conflict-bulk-v3214 button{min-height:36px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:rgba(122,156,190,.035);cursor:pointer;font-size:.5rem;font-weight:900}.hy-conflict-bulk-v3214 button.local{color:#67d6ac;border-color:rgba(67,215,162,.2)}.hy-conflict-bulk-v3214 button.cloud{color:#68cee6;border-color:rgba(40,200,239,.2)}.hy-conflict-bulk-v3214 button:disabled{cursor:not-allowed;opacity:.42}.hy-conflict-bulk-v3214>p{grid-column:1/-1;margin:0!important;padding-top:7px;border-top:1px solid var(--line);color:#d4ad61!important;font-size:.49rem!important}
.hy-conflict{grid-template-columns:30px minmax(0,1fr) auto}.hy-conflict:has(.hy-conflict-check-v3214:checked){border-color:rgba(67,215,162,.3);background:rgba(67,215,162,.035)}.hy-conflict.resolving{opacity:.62;pointer-events:none}.hy-conflict.resolved{border-color:rgba(67,215,162,.25);opacity:.4}.hy-conflict.failed{border-color:rgba(239,111,131,.35)}
.hy-conflict-select-v3214{display:grid;place-items:center;width:28px;height:28px;cursor:pointer}.hy-conflict-select-v3214 input{position:absolute;opacity:0;pointer-events:none}.hy-conflict-select-v3214 i{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;color:transparent;font-size:.6rem;font-style:normal;font-weight:900}.hy-conflict-select-v3214 input:checked+i{border-color:rgba(67,215,162,.32);background:rgba(67,215,162,.1);color:#62d7aa}.hy-conflict-select-v3214 input:focus-visible+i{outline:2px solid var(--c);outline-offset:2px}
.hy-conflict-copy-v3214{min-width:0}.hy-conflict-actions-v3214{display:flex;gap:6px}
@media(max-width:760px){.hy-conflict-bulk-v3214{top:8px;grid-template-columns:1fr}.hy-conflict-bulk-v3214>div{display:grid;grid-template-columns:1fr 1fr}.hy-conflict-bulk-v3214 button{width:100%}.hy-conflict{grid-template-columns:30px minmax(0,1fr)}.hy-conflict-actions-v3214{grid-column:1/-1;display:grid!important;grid-template-columns:1fr 1fr}.hy-conflict-actions-v3214 button{width:100%}}
@media(max-width:460px){.hy-conflict-bulk-v3214>div,.hy-conflict-actions-v3214{grid-template-columns:1fr}}
/* v3.2.15 — plain-language Conflict Center instructions */
.hy-conflict-guide-v3215{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px;padding:12px;border:1px solid rgba(40,200,239,.17);border-radius:14px;background:linear-gradient(135deg,rgba(40,200,239,.04),rgba(116,104,255,.025))}
.hy-conflict-guide-v3215>div{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:start}.hy-conflict-guide-v3215>div>i{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(40,200,239,.2);border-radius:8px;background:rgba(40,200,239,.07);color:#65d9f3;font-size:.55rem;font-style:normal;font-weight:900}.hy-conflict-guide-v3215 b,.hy-conflict-guide-v3215 small{display:block}.hy-conflict-guide-v3215>div b{color:var(--text);font-size:.56rem}.hy-conflict-guide-v3215>div small{margin-top:3px;color:var(--muted);font-size:.47rem;line-height:1.4}
.hy-conflict-guide-v3215>p{grid-column:1/-1;margin:2px 0 0!important;padding:9px 10px;border:1px solid rgba(67,215,162,.14);border-radius:9px;background:rgba(67,215,162,.035);color:var(--muted)!important;font-size:.51rem!important}.hy-conflict-guide-v3215>p>b{display:inline;color:#65d8ae}.hy-conflict-guide-v3215>p>strong{color:var(--text)}
.hy-conflict-bulk-v3214 button{white-space:nowrap}
@media(max-width:900px){.hy-conflict-guide-v3215{grid-template-columns:1fr}}
@media(max-width:760px){.hy-conflict-guide-v3215{padding:10px}.hy-conflict-bulk-v3214 button{white-space:normal;line-height:1.25}}