/* Shared premium product experience preferences and controlled experiment variants. */
:root { --rf-motion-fast: 150ms; --rf-motion-base: 240ms; --rf-motion-slow: 420ms; }
html { scroll-behavior: smooth; }
html[data-refrm-motion="off"], html[data-refrm-motion="off"] * { scroll-behavior: auto !important; }
html[data-refrm-motion="off"] *, html[data-refrm-motion="off"] *::before, html[data-refrm-motion="off"] *::after {
  animation-duration: .01ms !important; animation-iteration-count: 1 !important;
  transition-duration: .01ms !important; scroll-behavior: auto !important;
}
html[data-refrm-motion="on"] .project-card,
html[data-refrm-motion="on"] .rf-card,
html[data-refrm-motion="on"] .rf-quick,
html[data-refrm-motion="on"] .dash-card,
html[data-refrm-motion="on"] .rf-btn,
html[data-refrm-motion="on"] .button { transition-duration: .28s; }
html[data-refrm-project-density="compact"] .projects-grid { gap: 10px; }
html[data-refrm-project-density="compact"] .project-card-body { padding: 11px; }
html[data-refrm-project-density="compact"] .project-card-actions { padding-top: 8px; }
html[data-refrm-project-density="compact"] .project-card-title-row h3 { font-size: 12px; }
html[data-refrm-experiment-projects-density="compact"] .projects-grid { gap: 9px; }
html[data-refrm-experiment-projects-density="compact"] .project-card-body { padding: 10px; }
html[data-refrm-experiment-upload-density="spacious"] .land-workspace { padding: clamp(24px,3vw,36px); }
html[data-refrm-experiment-upload-density="spacious"] .land-drop { min-height: 225px; }
.experience-prefs { display:grid; gap:12px; }
.experience-prefs-card { position:relative; overflow:hidden; border:1px solid rgba(220,233,250,.12); border-radius:20px; padding:clamp(18px,3vw,26px); background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.01) 55%),#11161e; box-shadow:0 18px 48px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.035); }
.experience-prefs-card::before { content:""; position:absolute; width:240px; height:180px; right:-110px; top:-110px; border-radius:50%; background:radial-gradient(circle,rgba(152,191,245,.11),transparent 70%); pointer-events:none; }
.experience-prefs-card h2 { margin:0 0 6px; font-size:17px; letter-spacing:-.035em; }
.experience-prefs-card p { color:#98a6b8; font-size:12px; line-height:1.7; margin:0; max-width:690px; }
.experience-pref-row { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:16px 0; border-top:1px solid rgba(223,235,250,.075); }
.experience-pref-row:first-of-type { margin-top:15px; }
.experience-pref-copy { min-width:0; }
.experience-pref-copy strong { display:block; font-size:13px; font-weight:750; color:#e9f0fa; }
.experience-pref-copy span { display:block; margin-top:5px; color:#8e9daf; font-size:11px; line-height:1.6; }
.experience-pref-control { min-width:180px; max-width:220px; width:100%; min-height:44px; padding:0 12px; color:#edf4fd; border:1px solid rgba(222,234,250,.17); border-radius:12px; background:#0b0f15; font:inherit; font-size:12px; outline:none; }
.experience-pref-control:focus-visible { border-color:#b9d6ff; outline:2px solid rgba(161,199,249,.62); outline-offset:2px; }
.experience-check { display:flex; align-items:center; gap:11px; min-height:44px; color:#dbe5f2; font-size:12px; cursor:pointer; }
.experience-check input { appearance:none; width:21px; height:21px; margin:0; flex:0 0 21px; border:1px solid rgba(220,234,250,.34); border-radius:7px; background:#090d13; display:grid; place-items:center; }
.experience-check input:checked { border-color:#b8d4f8; background:linear-gradient(145deg,#f6faff,#aec6e6); }
.experience-check input:checked::after { content:""; width:8px; height:4px; border-left:2px solid #0b1018; border-bottom:2px solid #0b1018; transform:rotate(-45deg) translateY(-1px); }
.experience-pref-status { min-height:18px; color:#bdd6fa; font-size:11px; margin-top:8px; }
.experience-pref-note { margin-top:12px!important; font-size:10px!important; color:#728197!important; }
@media(max-width:600px) {
  .experience-pref-row { align-items:stretch; flex-direction:column; gap:10px; }
  .experience-pref-control { max-width:none; min-width:0; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto!important; }
  *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; scroll-behavior:auto!important; }
}

.sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }