/* Naming questions and review only. Keep the existing cover video and business flow. */
.bn-page{--bn-sage:#7e8996;--bn-border:#d6dce3;--bn-soft:#f5f7fa}
.bn-page:is([data-view="questions"],[data-view="review"])::after{content:"";position:fixed;inset:0;z-index:41;background:#09162566;pointer-events:auto;animation:bn-white-dim .25s ease-out}
.bn-page > :is([data-naming-view="questions"],[data-naming-view="review"]){position:fixed;z-index:45;top:auto;bottom:var(--bn-keyboard-inset,0px);left:max(0px,calc((100vw - 450px)/2));width:min(100%,450px);height:min(660px,62dvh);max-height:calc(var(--bn-visual-height,100dvh) - var(--bn-head-height) - 12px);padding:0;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;border:0;border-radius:24px 24px 0 0;background:#fff;color:#183247;box-shadow:0 -10px 45px #07121e26;animation:bn-white-rise .28s cubic-bezier(.2,.8,.2,1)}
.bn-sheet-tools{position:relative;flex-shrink:0;height:57px;background:#fff}
.bn-sheet-grip{position:absolute;top:16px;left:50%;transform:translateX(-50%);height:4px;width:43px;border-radius:4px;background:#c8cdd4}
.bn-sheet-close{position:absolute;right:13px;top:16px;display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;background:transparent;color:#183247;font-size:32px!important;line-height:1;font-weight:300!important}
.bn-question-panel,.bn-review-panel{flex:1 1 0;min-height:0;max-height:none;padding:4px 26px 24px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border:0;border-radius:0;background:#fff;color:#183247;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;scroll-padding-block:20px}
.bn-question-panel .bn-progress{gap:20px;margin:0 0 24px;color:#183247;font-size:12px}
.bn-question-panel .bn-progress progress{height:4px;accent-color:#183247}
.bn-question-panel .bn-progress progress::-webkit-progress-bar{background:#e8ebf0;border-radius:4px}
.bn-question-panel .bn-progress progress::-webkit-progress-value{background:#183247;border-radius:4px}
.bn-question-panel .bn-progress progress::-moz-progress-bar{background:#183247;border-radius:4px}
.bn-question-panel h1,.bn-review-panel h1{font-size:clamp(22px,5.7vw,26px);font-weight:750;line-height:1.5;letter-spacing:-.7px;color:#183247;word-break:keep-all;text-wrap:pretty}
.bn-question-panel .bn-question-help{margin:13px 0 24px!important;font-size:13px;line-height:1.8;color:#84909e}
.bn-question-panel .bn-options{gap:10px;margin-bottom:13px}
.bn-question-panel .bn-options label>span{min-height:60px;border:1px solid #d6dce3;border-radius:9px;background:#fff;color:#183247;padding:13px 9px;line-height:1.6;font-size:14px}
.bn-question-panel .bn-options .icon{width:23px;height:23px;stroke-width:1.5;color:#183247}
.bn-question-panel .bn-options input:checked+span{background:#f4f7fa;border:2px solid #183247;padding:12px 8px;color:#183247;font-weight:600}
.bn-question-panel .bn-options input:checked+span:after{color:#183247;right:7px;top:2px}
.bn-question-panel .bn-text-button{color:#8c97a3;padding:9px 1px;font-size:13px!important;line-height:1.8}
.bn-question-panel .bn-field,.bn-review-panel .bn-kicker{color:#183247}
.bn-question-panel .bn-field>span,.bn-question-panel .bn-small,.bn-review-panel .bn-small{color:#8793a0}
.bn-question-panel .bn-field :is(input,select,textarea){border-color:#d6dce3;background:#fff;color:#183247;border-radius:8px}
.bn-question-panel .bn-soft-note{color:#738394;border-color:#e4e8ed}
.bn-question-panel .bn-reaction{color:#768799;background:#f6f8fa;border-radius:7px;font-size:11px;padding:10px 12px;margin:14px 0 0!important}
.bn-question-panel .bn-reaction:empty{display:none}
.bn-question-panel .bn-error,.bn-review-panel .bn-error{background:#fff2ef;color:#a14b3b;border-radius:7px;padding:11px;font-size:12px;line-height:1.8}
.bn-page>.bn-review>.bn-review-panel{padding-top:4px}
.bn-review-panel .bn-summary-row{border-color:#e0e5eb;color:#183247}
.bn-review-panel .bn-summary-row>span,.bn-review-panel .bn-text-button{color:#8492a0}
.bn-review-panel .bn-handling{border-color:#e1e6ec;color:#7b8795}
.bn-review-panel .bn-handling summary,.bn-review-panel .bn-consent{color:#183247}
.bn-review-panel input{accent-color:#183247}
.bn-question-actions.bn-scene-actions{position:relative;z-index:auto;left:auto;bottom:auto;flex-shrink:0;width:100%;margin:0;display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;padding:14px 20px max(18px,env(safe-area-inset-bottom));border-top:1px solid #eff1f4;background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
.bn-scene-actions .bn-icon-button{width:48px;height:51px;min-height:51px;border:1px solid #d6dce3;border-radius:10px;background:#fff;color:#8a96a4}
.bn-scene-actions .bn-primary{min-height:51px;border:1px solid #183247;border-radius:10px;background:#183247;color:#fff;font-size:15px;box-shadow:none;line-height:1.5}
.bn-page:is([data-view="questions"],[data-view="review"]) :is(button,input,select,textarea):focus-visible{outline:3px solid #7893ad;outline-offset:3px}
.bn-question-panel .bn-options input:focus-visible+span{outline:3px solid #7893ad;outline-offset:3px}
.bn-intro-actions .bn-primary{outline:none;border-color:#183247;background:#183247;color:#fff;box-shadow:none;border-radius:12px}
@keyframes bn-white-rise{from{transform:translateY(85px);opacity:.8}to{transform:translateY(0);opacity:1}}
@keyframes bn-white-dim{from{background:#09162500}to{background:#09162566}}
@media(max-width:370px){.bn-question-panel,.bn-review-panel{padding-inline:21px}.bn-question-actions.bn-scene-actions{padding-inline:15px}.bn-sheet-close{right:10px}.bn-question-panel .bn-options label>span{font-size:13px;gap:7px}.bn-question-panel .bn-options .icon{width:21px;height:21px}}
@media(max-height:600px){.bn-page>:is([data-naming-view="questions"],[data-naming-view="review"]){height:calc(var(--bn-visual-height,100dvh) - 76px);max-height:calc(var(--bn-visual-height,100dvh) - 76px);padding:0;border-radius:20px 20px 0 0}.bn-sheet-tools{height:43px}.bn-sheet-grip{top:12px}.bn-sheet-close{top:8px}.bn-question-panel,.bn-review-panel{padding-top:3px}.bn-question-panel .bn-progress{margin-bottom:16px}.bn-question-actions.bn-scene-actions{padding-block:10px}}
@media(prefers-reduced-motion:reduce){.bn-page>:is([data-naming-view="questions"],[data-naming-view="review"]),.bn-page::after{animation:none!important}}
