.bb{width:100%;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.bb__context{margin:0;color:var(--text-tertiary)}.bb__title{margin:0}.bb__instruction{margin:0;max-width:40ch;color:var(--text-primary)}.bb-atom{width:min(100%,30rem);display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:14px;border:1px solid var(--blue-30);background:var(--blue-10);text-align:left}.bb-atom__line{margin:0;color:var(--blue-80)}.bb-ad{width:min(100%,18rem);margin:0;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:16px;border:1px solid var(--card-border-strong);background:var(--grey-white);box-shadow:var(--card-shadow-s)}.bb-ad svg{width:100%;height:auto;border-radius:10px}.bb-ad figcaption{margin:0;color:var(--text-tertiary);text-align:left}.bb-profiles{list-style:none;margin:0;padding:0;width:min(100%,34rem);display:grid;grid-template-columns:1fr;gap:8px}@media(min-width:640px){.bb-profiles{grid-template-columns:repeat(2,minmax(0,1fr))}}.bb-profile{width:100%;height:100%;min-height:56px;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1.5px solid var(--card-border-strong);border-radius:14px;background:var(--grey-white);color:var(--text-secondary);text-align:left;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transition:border-color .14s ease,background .14s ease}.bb-profile:focus-visible{outline:2px solid var(--teal-primary);outline-offset:2px}.bb-profile:disabled{cursor:default}.bb-profile__tick{flex:none;width:22px;height:22px;border-radius:7px;border:2px solid var(--grey-50);background:var(--grey-white);position:relative}.bb-profile.is-picked{border-color:var(--fuchsia-primary);background:#fff7fb}.bb-profile.is-picked .bb-profile__tick{background:var(--fuchsia-primary);border-color:var(--fuchsia-primary)}.bb-profile.is-picked .bb-profile__tick:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:no-repeat center/12px 9px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 9'%3E%3Cpath d='M1 4.6 4.3 8 11 1' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.bb-profile__id{flex:none;color:var(--text-tertiary)}.bb-profile__text{flex:1;min-width:0}.bb-profile.is-answer{border-color:var(--success-30);background:var(--success-10)}.bb-options{width:min(100%,30rem);display:flex;flex-direction:column;gap:8px}.bb-option{width:100%;min-height:48px;padding:12px 16px;border:1.5px solid var(--card-border-strong);border-radius:14px;background:var(--grey-white);color:var(--text-primary);text-align:left;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:border-color .14s ease,background .14s ease}.bb-option:disabled{opacity:.5;cursor:default}.bb-option:focus-visible{outline:2px solid var(--teal-primary);outline-offset:2px}.bb-option.is-right{background:var(--success-10);border-color:var(--success-30)}.bb-option.is-wrong{background:var(--error-20);border-color:var(--error-30)}.bb__actions:empty,.bb__after:empty{display:none}.bb__feedback{margin:0;max-width:44ch;color:var(--text-secondary)}.bb__feedback:empty{display:none}.bb__feedback.is-right,.bb__feedback.is-wrong{padding:10px 14px;border-radius:12px;border:1px solid;color:var(--grey-90)}.bb__feedback.is-right{background:var(--success-10);border-color:var(--success-30)}.bb__feedback.is-wrong{background:var(--error-20);border-color:var(--error-30)}.bb__after{width:min(100%,30rem);display:flex;flex-direction:column;align-items:center;gap:14px}.bb-beat{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--card-border-strong);background:var(--grey-10);color:var(--grey-90);text-align:left;animation:bb-beat-in .38s var(--card-ease, cubic-bezier(.2,.7,.3,1))}.bb-beat p{margin:0}.bb-beat .bb-beat__head{color:var(--text-primary);margin-bottom:4px}.bb-beat.is-pass{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;background:var(--grey-white)}@keyframes bb-beat-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.bb__bar{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;color:var(--text-tertiary)}.bb__bar p{margin:0}