/* Connectix cosmic visual layer — structure and interaction remain in the active app. */
:root{--cyan:#35e6ff;--violet:#aa76ff;--panel:#071b3c;--panel2:#041126;--line:rgba(91,168,255,.3)}
body{background:radial-gradient(circle at 50% 0,rgba(28,95,224,.24),transparent 28%),radial-gradient(circle at 95% 60%,rgba(112,60,205,.13),transparent 28%),linear-gradient(180deg,#03122f,#020817 76%)!important}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.38;background-image:radial-gradient(circle at 8% 15%,#55caff 0 1px,transparent 1.5px),radial-gradient(circle at 76% 8%,#8a78ff 0 1px,transparent 1.5px),radial-gradient(circle at 55% 72%,#3ba4ff 0 1px,transparent 1.5px);background-size:210px 190px,270px 230px,330px 290px}
.glass,.card,.sheet{border-color:rgba(91,168,255,.28)!important;background:linear-gradient(145deg,rgba(9,31,69,.9),rgba(3,13,35,.96))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 54px rgba(0,0,0,.3),0 0 34px rgba(48,126,255,.08)!important}
.primary-btn{color:#03101e!important;background:linear-gradient(105deg,#35e6ff,#67b9ff 54%,#ac76ff)!important;box-shadow:0 0 26px rgba(53,213,255,.16)}
.sync-overlay{background:rgba(0,5,18,.82)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}
.sync-modal{position:relative;width:min(100%,520px)!important;border:1px solid rgba(92,170,255,.36)!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(10,35,78,.98),rgba(3,13,35,.99))!important;box-shadow:0 28px 90px rgba(0,0,0,.55),0 0 45px rgba(57,127,255,.15)!important}
.sync-modal-close{position:absolute;top:12px;right:12px;width:38px;height:38px;border:0;border-radius:10px;color:#eaf4ff;background:transparent;font-size:27px;line-height:1;cursor:pointer}
.sync-modal-close:hover{background:rgba(96,151,231,.14)}
.sync-modal h3{padding-right:38px}.sync-input{border-color:rgba(97,171,255,.42)!important;background:rgba(1,10,28,.86)!important}.sync-input:focus{border-color:#35e6ff!important;box-shadow:0 0 0 3px rgba(53,230,255,.1)}
.sync-remember{align-items:flex-start!important}.sync-remember span{display:grid;gap:3px}.sync-remember small,.sync-accordion-toggle small{color:#91a6c8;font-weight:500}.sync-field-error{min-height:18px;margin:4px 0 0;color:#ffb3c0;font-size:11px}.sync-input[aria-invalid=true]{border-color:#ff7f96!important}
.review-admin-actions .danger,[data-my-delete-draft]{border-color:rgba(255,110,136,.55)!important;color:#ffd2da!important;background:rgba(138,30,62,.18)!important}
@media(max-width:600px){.sync-overlay{place-items:start center;padding:max(10px,env(safe-area-inset-top)) 9px max(10px,env(safe-area-inset-bottom))!important}.sync-modal{max-height:calc(var(--cx-viewport-height,100dvh) - 20px)!important;padding:19px 15px max(18px,env(safe-area-inset-bottom))!important;border-radius:19px!important}.sync-actions{grid-template-columns:1fr!important}.sync-modal.cx-input-active{padding-bottom:max(14px,env(safe-area-inset-bottom))!important}}
@media(prefers-reduced-motion:reduce){.sync-modal,.reviews-modal-overlay{scroll-behavior:auto!important}}