:root{color-scheme:dark;--bg:#070812;--panel:#111322;--line:#2b3049;--text:#fff;--muted:#aab0c8;--purple:#a855f7;--pink:#ec4899;--green:#25e27a;--yellow:#f7c948;--red:#ff4964}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0,#261044 0,#090a13 42%,#05060b 100%);color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100vh}.sync-shell{width:min(1180px,100%);margin:auto;padding:20px}.sync-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.sync-brand{font-weight:900;font-size:24px}.sync-brand b{color:#d946ef}.sync-back{color:#fff;text-decoration:none;border:1px solid var(--line);padding:10px 15px;border-radius:999px}.sync-hero,.sync-card{background:rgba(17,19,34,.94);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 20px 60px #0007}.sync-hero h1{font-size:clamp(32px,6vw,66px);margin:0}.sync-hero p{color:var(--muted);max-width:760px;line-height:1.55}.sync-open{display:inline-flex;gap:8px;align-items:center;color:var(--green);font-weight:800}.sync-open:before{content:"";width:10px;height:10px;border-radius:50%;background:currentColor;box-shadow:0 0 15px currentColor}.sync-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.sync-card h2{margin-top:0}.sync-options{display:grid;gap:12px}.sync-options label{display:flex;gap:10px;align-items:center;color:#eef}.sync-options select,.sync-options input[type=text]{width:100%;background:#090b15;border:1px solid var(--line);color:#fff;padding:12px;border-radius:12px}.sync-modes{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sync-btn{border:0;border-radius:14px;padding:14px 18px;color:#fff;font-weight:900;cursor:pointer;background:linear-gradient(135deg,var(--purple),var(--pink))}.sync-btn:disabled{opacity:.45;cursor:not-allowed}.sync-btn.green{background:var(--green);color:#03150a}.sync-btn.yellow{background:var(--yellow);color:#1d1500}.sync-btn.red{background:var(--red)}.sync-status{text-align:center;min-height:170px;display:grid;place-items:center}.sync-spinner{width:54px;height:54px;border:5px solid #ffffff1a;border-top-color:var(--purple);border-radius:50%;animation:spin 1s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}.sync-session{display:none}.sync-session.active{display:block}.sync-videos{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sync-video{aspect-ratio:4/3;background:#020308;border:1px solid var(--line);border-radius:18px;overflow:hidden;position:relative}.sync-video video{width:100%;height:100%;object-fit:cover}.sync-video.remote video{filter:blur(var(--blur,28px));transform:scale(1.08);transition:filter 1s}.sync-tag{position:absolute;left:10px;bottom:10px;background:#000b;padding:7px 10px;border-radius:999px;font-size:12px}.sync-meter{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin:16px 0}.sync-meter i{height:7px;border-radius:99px;background:#292d42}.sync-meter i.on{background:linear-gradient(90deg,var(--purple),var(--pink))}.sync-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.sync-note{color:var(--muted);font-size:13px;line-height:1.5}.sync-error{color:#ff9bac}.sync-entry-card{display:block;text-decoration:none;color:#fff;background:linear-gradient(135deg,#351359,#11182a);border:1px solid #a855f766;border-radius:18px;padding:15px;box-shadow:0 14px 35px #0005}.sync-entry-card strong,.sync-entry-card span{display:block}.sync-entry-card small{color:#c7b5d5}.sync-entry-card span{color:#d9d9e8;font-size:13px;margin-top:4px}@media(max-width:760px){.sync-shell{padding:12px}.sync-grid,.sync-videos{grid-template-columns:1fr}.sync-actions{grid-template-columns:1fr}.sync-modes{grid-template-columns:1fr}.sync-video{aspect-ratio:1}.sync-hero,.sync-card{padding:17px}}