/* Proposed participant extension: focused interview frame using Bellomy's official brand, tokens, and controls. Respondents do not have researcher navigation, AskBell, or an account menu. */
:root{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:var(--color-canvas)}body{background:var(--color-canvas)}button,textarea,select{font-family:var(--font-sans)}::selection{background:var(--color-tile-bg);color:var(--color-text)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.site-header{flex:none;background:var(--color-sidebar-bg);border-bottom:1px solid var(--color-border)}.header-inner{max-width:none;min-height:72px;padding:0 var(--space-7)}.brand{display:flex;align-items:center;gap:16px;color:var(--color-text);font-family:var(--font-sans);letter-spacing:0;white-space:nowrap}.brand img{display:block;width:var(--size-wordmark);height:33px;object-fit:contain;margin:0}.brand span{font-size:var(--text-lg);font-weight:700;border-left:1px solid var(--color-border);padding-left:var(--space-4)}.theme-choice{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);color:var(--color-text-secondary)}.theme-choice select{font-size:var(--text-md);background:var(--color-field);color:var(--color-text);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);min-height:var(--size-control);padding:var(--space-1) var(--space-2)}
.site-footer{max-width:880px;padding:20px 24px;font-size:var(--text-sm);color:var(--color-text-muted);border-top:1px solid var(--color-border)}.loading-page,.waiting-first{color:var(--color-text-secondary);font-size:var(--text-lg)}.loading-mark,.waiting-pulse{background:var(--color-action)}.welcome{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;width:100%;max-width:880px;min-height:calc(100dvh - 160px);padding:var(--space-10) var(--space-7)}.welcome-copy{max-width:660px}.welcome h1,.problem-screen h1,.room h1,.completion h2{font-family:var(--font-sans);color:var(--color-text);font-weight:900;letter-spacing:-.02em}.welcome h1{font-size:var(--text-2xl);line-height:1.2;max-width:none;margin:0 0 24px}.welcome-lead{font-size:var(--text-lg);line-height:1.7;max-width:58ch;color:var(--color-text-secondary)}.welcome-duration{display:flex;align-items:baseline;gap:12px;margin:28px 0;color:var(--color-text-secondary);font-size:var(--text-md)}.welcome-duration strong{color:var(--color-text);font-size:var(--text-base)}.welcome-start{width:100%;max-width:660px;border:0;background:transparent;box-shadow:none;padding:0;border-radius:0}.welcome-start .primary-button{width:auto;min-width:220px}.primary-button{min-height:44px;padding:12px 24px;background:var(--color-action);color:var(--color-text-on-action);border-radius:var(--radius-sm);font-size:var(--text-base);transition:background var(--duration-base)}.primary-button:hover:not(:disabled){background:var(--color-action-hover);transform:none}.primary-button:disabled{background:var(--color-action);opacity:.55}.parameter-block{max-width:480px}.parameter-field{font-size:var(--text-base);color:var(--color-text-secondary)}.parameter-field select{background:var(--color-field);color:var(--color-text);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm)}.form-intro{color:var(--color-text-secondary);font-size:var(--text-base)}.inline-error{color:var(--color-danger);font-size:var(--text-md)}
.room{max-width:880px;width:100%;min-height:0;margin:24px auto;padding:24px 28px 0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:none}.room-heading{border-bottom:1px solid var(--color-border);padding-bottom:20px}.room-title{color:var(--color-text-secondary);font-size:var(--text-md)}.room h1{font-size:var(--text-xl);line-height:1.3}.phase{font-size:var(--text-sm);color:var(--color-text-secondary)}.phase-dot{background:var(--color-text-muted)}.phase-ready .phase-dot{background:var(--color-success-icon)}.transcript{padding-block:24px;gap:28px;scrollbar-color:var(--color-border-strong) transparent}.turn-label{font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.04em}.turn-body{font-size:var(--text-lg);line-height:1.7}.moderator-turn .turn-body{color:var(--color-text)}.participant-turn .turn-body{background:var(--color-tile-bg);color:var(--color-text);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.stimulus-set{width:100%;margin-top:20px}.stimulus-grid{gap:12px}.stimulus-open{border-color:var(--color-border);background:var(--color-surface-raised);border-radius:var(--radius-md)}.stimulus-open:hover{background:var(--color-canvas-hover);border-color:var(--color-border-strong)}.stimulus-label,.stimulus-open-label{color:var(--color-text-secondary);font-size:var(--text-sm)}.stimulus-frame{background:var(--color-surface)}.stimulus-set figcaption{color:var(--color-text-muted);font-size:var(--text-sm)}
.composer{background:var(--color-surface);border-top:1px solid var(--color-border);padding-top:12px}.composer label{color:var(--color-text-secondary);font-size:var(--text-md)}.composer-control{background:var(--color-field);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);box-shadow:none}.composer-control:focus-within{border-color:var(--color-focus);outline:2px solid var(--color-focus);outline-offset:2px;box-shadow:none}.composer textarea{color:var(--color-text);font-size:var(--text-lg);min-height:48px}.composer textarea::placeholder{color:var(--color-text-muted)}.send-button{background:var(--color-action);color:var(--color-text-on-action);border-radius:var(--radius-sm)}.send-button:hover:not(:disabled){background:var(--color-action-hover)}.send-button:disabled{background:var(--color-action);opacity:.5}.composer-footer{color:var(--color-text-muted);font-size:var(--text-sm)}.thinking-status,.text-button{color:var(--color-text-brand)}.text-button:hover{color:var(--color-text)}.completion{border-top:1px solid var(--color-border);padding:24px 12px;text-align:center}.completion h2{font-size:var(--text-xl)}.completion p,.problem-screen p{color:var(--color-text-secondary);font-size:var(--text-base)}.secondary-button{color:var(--color-text-brand);border:1px solid var(--color-border-strong);background:var(--color-surface);border-radius:var(--radius-sm);font-size:var(--text-base)}.secondary-button:hover{background:var(--color-canvas-hover)}.problem-mark{color:var(--color-danger);border-color:var(--color-danger-icon)}.problem-screen h1{font-size:var(--text-2xl)}
.app-shell.in-conversation{height:100dvh;min-height:0;overflow:hidden}.in-conversation main{display:flex;flex:1;min-height:0;overflow:hidden}.in-conversation .room{flex:1;min-height:0;overflow:hidden}.in-conversation .transcript{flex:1;min-height:0;max-height:none;overscroll-behavior:contain}.in-conversation .site-footer{display:none}.error-actions{display:flex;gap:8px;flex-wrap:wrap}.stimulus-viewer{background:var(--color-scrim)}
@media(max-width:767px){.header-inner{padding-inline:16px;gap:8px}.brand{gap:8px}.brand span{font-size:var(--text-base);padding-left:8px}.theme-choice>span{display:none}.welcome{padding:40px 20px;min-height:calc(100dvh - 140px)}.welcome h1{font-size:var(--text-2xl);margin-bottom:20px}.welcome-start .primary-button{width:100%;min-width:0}.room{margin:12px;padding:20px 16px 0;width:calc(100% - 24px)}.room-heading{flex-direction:column;gap:8px}.phase{margin-top:0}.transcript{padding-block:20px;gap:24px}.turn{max-width:100%}.participant-turn{max-width:90%}.completion{padding-inline:0}.site-footer{padding-inline:20px}.composer textarea{resize:none}.composer-footer{gap:8px}.theme-choice select{max-width:100px;min-height:44px}.stimulus-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.stimulus-viewer,.stimulus-viewer-viewport{background:var(--color-canvas);color:var(--color-text)}.stimulus-viewer::backdrop{background:var(--color-scrim)}.stimulus-viewer button{background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-sm);border-color:var(--color-border-strong)}.stimulus-viewer button:hover:not(:disabled){background:var(--color-canvas-hover)}.stimulus-viewer button svg{width:var(--size-icon);height:var(--size-icon)}.stimulus-viewer .viewer-step{background:var(--color-surface)!important}.site-footer span:last-child{display:inline}

/* Match the shared workspace controls while keeping conversation text comfortably readable. */
button,select,textarea{caret-color:var(--color-text-brand)}
.composer-control{transition:border-color var(--duration-fast) var(--ease-standard)}
.room-title{font-weight:700}.room-heading{gap:var(--space-4)}
.secondary-button,.text-button{min-height:var(--size-control);font-weight:700}
@media(max-width:767px){.secondary-button,.text-button{min-height:44px}}