.oc-survey { box-sizing: border-box; width: min(480px, calc(100% - 32px)); max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); padding: 30px 24px 20px; border: 1px solid var(--oc-color-border, #e8e2ea); border-radius: var(--oc-radius-modal, 26px); background: var(--oc-color-surface, #fff); color: var(--oc-color-text, #201c26); box-shadow: var(--oc-shadow-modal, 0 28px 70px #2112264d); font: 16px/1.5 var(--oc-font-body, Arial, Helvetica, sans-serif); text-align: center; overflow-y: auto; }
.oc-survey-overlay { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; background: #20152e66; backdrop-filter: blur(4px); }
.oc-survey-shared { position: relative; }
.oc-survey-shared .oc-survey-close { display: none; }
.oc-survey .oc-survey-shared-close { display: none; }
.oc-survey::backdrop { background: #20152e66; backdrop-filter: blur(4px); }
.oc-survey .oc-survey-close { position: absolute; top: 8px; right: 8px; width: 44px; height: 44px; padding: 0; background: transparent; color: #706879; border: 0; font-size: 28px; box-shadow: none; }
.oc-survey h2 { margin: 12px 0 8px; font-size: 26px; line-height: 1.2; }
.oc-survey p { margin: 8px 0 16px; }
.oc-survey .oc-survey-eyebrow { margin-top: 12px; color: #7b428d; font-size: 12px; letter-spacing: .12em; font-weight: 700; }
.oc-survey fieldset { border: 0; padding: 0; margin: 22px 0; min-width: 0; }
.oc-survey legend { width: 100%; font-size: 14px; color: #706879; }
.oc-survey .oc-survey-stars { display: flex; justify-content: center; gap: 8px; margin: 12px 0 8px; }
.oc-survey-stars label { position: relative; display: grid; place-items: center; width: 48px; height: 48px; cursor: pointer; }
.oc-survey-stars input { position: absolute; inset: 0; opacity: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
.oc-survey-stars svg { width: 36px; height: 36px; fill: transparent; stroke: #3474ec; stroke-width: 1.5; pointer-events: none; }
.oc-survey-stars .is-selected svg { fill: #3474ec; }
.oc-survey-stars label:focus-within { outline: 2px solid #3474ec; outline-offset: 2px; border-radius: 8px; }
.oc-survey .oc-survey-scale { color: #706879; font-size: 14px; margin: 0; }
.oc-survey .oc-survey-label { display: block; text-align: left; font-weight: 600; margin-bottom: 8px; font-size: 14px; }
.oc-survey textarea { box-sizing: border-box; width: 100%; padding: 12px; border-radius: 12px; border: 1px solid #d9cfe0; background: white; color: #221b29; font: inherit; resize: vertical; min-height: 90px; }
.oc-survey .oc-survey-privacy { text-align: left; color: #706879; font-size: 12px; }
.oc-survey .oc-survey-message { color: #4b184f; font-size: 14px; }
.oc-survey button { cursor: pointer; font: inherit; border-radius: 12px; }
.oc-survey .oc-survey-submit { display: block; width: 100%; padding: 14px; border: 0; background: var(--oc-color-primary, #4b184f); color: var(--oc-color-accent, #ffbd24); font-weight: 600; }
.oc-survey .oc-survey-submit[hidden] { display: none; }
.oc-survey .oc-survey-submit:disabled { opacity: .6; cursor: wait; }
.oc-survey .oc-survey-continue { display: block; width: 100%; padding: 12px; margin-top: 4px; color: #706879; background: transparent; border: 0; box-shadow: none; }
.oc-survey .oc-survey-continue[hidden] { display: none; }
.oc-survey button:focus-visible, .oc-survey textarea:focus-visible { outline: 2px solid #3474ec; outline-offset: 3px; }