.coincided-page {
    --coincided-fg: #ffffff;
    --coincided-secondary: var(--coincided-fg);
    --coincided-surface: rgba(27, 31, 34, 0.85);
    --coincided-rule: rgba(255, 255, 255, 0.075);
    --coincided-selected: rgba(255, 255, 255, 0.175);
    --coincided-radius: 4px;
    --coincided-transition: 0.2s ease-in-out;
    width: min(40rem, 100%);
}
.coincided-page .coincided-shell { width: 100%; max-width: 40rem; padding: 2.5rem; background: var(--coincided-surface); border-radius: var(--coincided-radius); }
.coincided-header, .coincided-progress { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.5rem; }
.coincided-header > .icon, .coincided-handoff-icon { display: grid; place-items: center; width: 3.5rem; height: 3.5rem; border: 1px solid var(--coincided-fg); border-radius: var(--coincided-radius); font-size: 1.5rem; }
.coincided-header h1, .coincided-progress h1 { margin: 0; }
.coincided-eyebrow { margin: 0 0 0.5rem; color: var(--coincided-secondary); font-size: 0.7rem; letter-spacing: 0.2rem; text-transform: uppercase; }
.coincided-lead { font-size: 1.25rem; text-wrap: pretty; }
.coincided-section, .coincided-form fieldset, .coincided-result-section { margin: 1.5rem 0; padding: 0; border: 0; }
.coincided-section h2, .coincided-privacy h2, .coincided-result-section h2, .coincided-invite h2 { font-size: 1rem; }
.coincided-steps { display: grid; gap: 0.75rem; padding-left: 1.5rem; }
.coincided-answer-demo, .coincided-answers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.75rem; }
.coincided-answer-demo > span, .coincided-answers button { min-height: 44px; padding: 1rem; border: 1px solid var(--coincided-fg); border-radius: var(--coincided-radius); background: transparent; color: var(--coincided-fg); text-align: center; }
.coincided-answer-demo small, .coincided-answers small, .coincided-choice small { display: block; margin-top: 0.5rem; color: var(--coincided-secondary); font-size: 0.7rem; line-height: 1.5; }
.coincided-privacy, .coincided-question, .coincided-empty, .coincided-invite { margin: 1.5rem 0; padding: 1.5rem; border: 1px solid var(--coincided-rule); border-radius: var(--coincided-radius); background: var(--coincided-rule); }
.coincided-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.coincided-options--decks { grid-template-columns: 1fr; }
.coincided-choice, .coincided-consent { display: flex; align-items: flex-start; gap: 1rem; min-height: 44px; padding: 1rem; border: 1px solid var(--coincided-fg); border-radius: var(--coincided-radius); cursor: pointer; }
.coincided-choice:has(input:checked) { background: var(--coincided-selected); }
.coincided-choice input, .coincided-consent input { flex: 0 0 auto; margin-top: 0.25rem; }
.coincided-consent { margin: 1.5rem 0 1rem; }
.coincided-consent:has(input:checked) { background: var(--coincided-selected); }
.coincided-consent:focus-within { outline: 2px solid var(--coincided-fg); outline-offset: 2px; }
.coincided-consent input[type="checkbox"] { -moz-appearance: auto; -webkit-appearance: checkbox; -ms-appearance: auto; appearance: auto; display: block; float: none; width: 1.25rem; height: 1.25rem; margin: 0.25rem 0 0; opacity: 1; z-index: auto; accent-color: var(--coincided-fg); cursor: pointer; }
.coincided-consent:has(input:disabled) { opacity: 0.25; cursor: default; }
.coincided-consent input[type="checkbox"]:disabled { cursor: default; }
.coincided-note, .coincided-privacy-line { color: var(--coincided-secondary); font-size: 0.8rem; line-height: 1.65; }
.coincided-primary { min-height: 44px; }
.coincided-form > .coincided-primary { display: block; width: 100%; margin-top: 1.5rem; font-weight: 600; }
.coincided-errors { margin-bottom: 2rem; padding: 1rem; border: 1px solid var(--coincided-fg); border-radius: var(--coincided-radius); }
.coincided-progress progress { width: 40%; height: 0.5rem; accent-color: var(--coincided-fg); }
.coincided-role { color: var(--coincided-secondary); }
.coincided-question h2 { margin: 0; text-transform: none; letter-spacing: 0.2rem; text-wrap: pretty; }
.coincided-safety { padding: 1rem; border-left: 1px solid var(--coincided-fg); }
.coincided-safety .icon, .coincided-privacy-line .icon { margin-right: 0.5rem; }
.coincided-answers button { cursor: pointer; transition: background-color var(--coincided-transition); }
.coincided-answers button:hover, .coincided-answers button:focus-visible { background: var(--coincided-selected); }
.coincided-answers button:focus-visible, .coincided-choice:focus-within, .coincided-primary:focus-visible { outline: 2px solid var(--coincided-fg); outline-offset: 2px; }
.coincided-delete-link { display: inline-block; margin-top: 1rem; }
.coincided-centered { text-align: center; }
.coincided-centered .coincided-handoff-icon { margin: 0 auto 1.5rem; }
.coincided-join { display: grid; gap: 1rem; margin: 2rem 0; text-align: left; }
.coincided-join input { min-height: 44px; font-family: "Courier New", monospace; font-size: 1.5rem; letter-spacing: 0.5rem; text-align: center; text-transform: uppercase; }
.coincided-code { margin: 1rem 0; font-family: "Courier New", monospace; font-size: 2.25rem; letter-spacing: 0.5rem; }
.coincided-result-list { display: grid; gap: 1rem; }
.coincided-result-list article { padding: 1rem; border: 1px solid var(--coincided-rule); border-radius: var(--coincided-radius); }
.coincided-result-list h3 { margin: 0; text-transform: none; }
.coincided-actions { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 2rem; }
@media screen and (max-width: 736px) { .coincided-page .coincided-shell { padding: 2rem; } .coincided-answer-demo, .coincided-answers, .coincided-options { grid-template-columns: 1fr; } .coincided-progress { align-items: flex-start; flex-direction: column; } .coincided-progress progress { width: 100%; } }
@media screen and (max-width: 480px) { .coincided-page .coincided-shell { padding: 2rem 1.5rem; } .coincided-privacy { background: transparent; } .coincided-actions { flex-direction: column; } .coincided-actions .button { width: 100%; } }
@media (prefers-reduced-motion: reduce) { .coincided-page * { transition: none !important; } }