:root{--cbt-primary:var(--main-primary);--cbt-primary-rgb:99, 102, 241;--cbt-success:#10b981;--cbt-success-rgb:16, 185, 129;--cbt-error:#ef4444;--cbt-error-rgb:239, 68, 68;--cbt-warning:#f59e0b;--cbt-warning-rgb:245, 158, 11;--cbt-text:#1e293b;--cbt-text-secondary:#475569;--cbt-text-muted:#64748b;--cbt-bg:#fff;--cbt-bg-secondary:#f8fafc;--cbt-border:#e2e8f0;--cbt-shadow:0 1px 3px #00000014, 0 1px 2px #0000000a;--cbt-shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000a;--cbt-radius:var(--main-radius,8px);--cbt-radius-lg:var(--main-radius-lg,12px)}._cbt-container{max-width:640px;margin:0 auto}._cbt-welcome,._cbt-test,._cbt-results{display:none}._cbt-welcome._cbt-screen--active,._cbt-test._cbt-screen--active,._cbt-results._cbt-screen--active{display:block}._cbt-welcome-card{background:var(--cbt-bg);border-radius:var(--cbt-radius-lg);padding:var(--main-space-8,2rem);box-shadow:var(--cbt-shadow-md);border-style:solid;border-width:1px;border-color:var(--cbt-border);text-align:center}._cbt-welcome-icon{border-radius:var(--main-radius-full,50%);background:rgba(var(--cbt-primary-rgb), .1);width:64px;height:64px;color:var(--cbt-primary);margin-bottom:var(--main-space-4,1rem);justify-content:center;align-items:center;display:inline-flex}._cbt-welcome-title{color:var(--cbt-text);margin:0 0 var(--main-space-3,.75rem);font-size:1.375rem;font-weight:700}._cbt-welcome-desc{color:var(--cbt-text-secondary);margin:0 0 var(--main-space-6,1.5rem);max-width:480px;margin-left:auto;margin-right:auto;font-size:.9375rem;line-height:1.6}._cbt-welcome-instructions{text-align:left;background:var(--cbt-bg-secondary);border-radius:var(--cbt-radius);padding:var(--main-space-5,1.25rem);margin-bottom:var(--main-space-5,1.25rem)}._cbt-welcome-instructions-title{color:var(--cbt-text);margin:0 0 var(--main-space-3,.75rem);text-transform:uppercase;letter-spacing:.03em;font-size:.875rem;font-weight:600}._cbt-welcome-instructions-list{gap:var(--main-space-2,.5rem);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}._cbt-welcome-instructions-list li{color:var(--cbt-text-secondary);padding-left:1.25rem;font-size:.875rem;line-height:1.5;position:relative}._cbt-welcome-instructions-list li:before{content:"";background:var(--cbt-primary);opacity:.6;border-radius:50%;width:6px;height:6px;position:absolute;top:.5em;left:0}._cbt-welcome-disclaimer{justify-content:center;align-items:center;gap:var(--main-space-2,.5rem);color:var(--cbt-text-muted);margin-bottom:var(--main-space-6,1.5rem);padding:var(--main-space-3,.75rem);background:rgba(var(--cbt-warning-rgb), .08);border-radius:var(--cbt-radius);font-size:.8125rem;display:flex}._cbt-welcome-disclaimer svg{color:var(--cbt-warning);flex-shrink:0}@media (max-width:768px){._cbt-welcome-card{padding:var(--main-space-5,1.25rem)}._cbt-welcome-icon{width:56px;height:56px;margin-bottom:var(--main-space-3,.75rem)}._cbt-welcome-title{font-size:1.25rem}._cbt-welcome-instructions{padding:var(--main-space-4,1rem)}._cbt-welcome-disclaimer{text-align:left;align-items:flex-start}}@media (max-width:380px){._cbt-welcome-card{padding:var(--main-space-4,1rem)}._cbt-welcome-title{font-size:1.125rem}._cbt-welcome-desc{font-size:.875rem}}._cbt-test{background:var(--cbt-bg);border-radius:var(--cbt-radius-lg);padding:var(--main-space-6,1.5rem);box-shadow:var(--cbt-shadow-md);border-style:solid;border-width:1px;border-color:var(--cbt-border)}._cbt-progress{margin-bottom:var(--main-space-6,1.5rem)}._cbt-progress-info{margin-bottom:var(--main-space-2,.5rem);justify-content:space-between;align-items:center;display:flex}._cbt-progress-label{color:var(--cbt-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8125rem;font-weight:500}._cbt-progress-count{color:var(--cbt-text);font-size:.875rem;font-weight:600}._cbt-progress-bar{background:var(--cbt-bg-secondary);border-radius:2px;height:4px;overflow:hidden}._cbt-progress-fill{background:var(--cbt-primary);border-radius:2px;width:10%;height:100%;transition:width .3s}._cbt-plate-area{align-items:center;gap:var(--main-space-6,1.5rem);flex-direction:column;display:flex}._cbt-plate-wrapper{justify-content:center;align-items:center;display:flex}._cbt-plate-canvas{aspect-ratio:1;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;pointer-events:none;width:340px;max-width:100%;height:auto}@media (max-width:768px){._cbt-test{padding:var(--main-space-4,1rem)}._cbt-plate-area{gap:var(--main-space-4,1rem)}._cbt-plate-canvas{width:min(280px,100%)}}@media (max-width:480px){._cbt-test{padding:var(--main-space-3,.75rem)}._cbt-plate-canvas{width:min(260px,100%)}._cbt-progress{margin-bottom:var(--main-space-4,1rem)}}@media (max-width:360px){._cbt-plate-canvas{width:100%}}._cbt-answer-area{text-align:center;width:100%;max-width:380px}._cbt-question{color:var(--cbt-text);margin:0 0 var(--main-space-4,1rem);font-size:.9375rem;font-weight:600}._cbt-options{gap:var(--main-space-2,.5rem);grid-template-columns:repeat(5,1fr);display:grid}._cbt-option{color:var(--cbt-text);background:var(--cbt-bg);border-style:solid;border-width:2px;border-color:var(--cbt-border);border-radius:var(--cbt-radius);cursor:pointer;aspect-ratio:1;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;min-height:44px;max-height:52px;padding:.625rem 0;font-family:inherit;font-size:1.125rem;font-weight:700;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}@media (hover:hover){._cbt-option:hover{border-color:rgba(var(--cbt-primary-rgb), .4);box-shadow:0 0 0 3px rgba(var(--cbt-primary-rgb), .08)}}._cbt-option:active{background:rgba(var(--cbt-primary-rgb), .05)}._cbt-option--selected{border-color:var(--cbt-primary);background:rgba(var(--cbt-primary-rgb), .08);color:var(--cbt-primary);box-shadow:0 0 0 3px rgba(var(--cbt-primary-rgb), .12)}._cbt-option--cant-see{color:var(--cbt-text-muted);aspect-ratio:auto;gap:var(--main-space-2,.5rem);border-style:dashed;grid-column:1/-1;min-height:44px;max-height:none;padding:.5rem 1rem;font-size:.8125rem;font-weight:500}._cbt-option--cant-see svg{opacity:.6}._cbt-option--cant-see._cbt-option--selected{color:var(--cbt-primary);border-style:solid}._cbt-option--cant-see._cbt-option--selected svg{opacity:1}._cbt-nav{margin-top:var(--main-space-6,1.5rem);padding-top:var(--main-space-4,1rem);border-top-style:solid;border-top-width:1px;border-top-color:var(--cbt-border);justify-content:space-between;align-items:center;display:flex}._cbt-btn{justify-content:center;align-items:center;gap:var(--main-space-2,.5rem);border-radius:var(--cbt-radius);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0 solid #0000;min-height:44px;padding:.625rem 1.5rem;font-family:inherit;font-size:.9375rem;font-weight:600;transition:opacity .15s,box-shadow .15s;display:inline-flex}@media (hover:hover){._cbt-btn:hover{opacity:.9}}._cbt-btn:disabled{opacity:.4;cursor:not-allowed}._cbt-btn-start{background:var(--cbt-primary);color:#fff;box-shadow:0 2px 8px rgba(var(--cbt-primary-rgb), .3);padding:.75rem 2rem;font-size:1rem}._cbt-btn-nav{color:var(--cbt-text-secondary);border-style:solid;border-width:1px;border-color:var(--cbt-border);background:0 0;padding:.5rem 1rem;font-size:.875rem}@media (hover:hover){._cbt-btn-nav:hover:not(:disabled){color:var(--cbt-text);border-color:var(--cbt-text-muted);opacity:1}}@media (max-width:480px){._cbt-option{min-height:44px;max-height:48px;font-size:1rem}._cbt-options{gap:var(--main-space-1,.25rem)}._cbt-btn-start{width:100%}._cbt-question{margin:0 0 var(--main-space-3,.75rem);font-size:.875rem}._cbt-nav{margin-top:var(--main-space-4,1rem);padding-top:var(--main-space-3,.75rem)}._cbt-btn-nav{width:100%}}@media (max-width:360px){._cbt-option{border-width:1.5px;font-size:.9375rem}._cbt-option--cant-see{font-size:.75rem}}._cbt-results{background:var(--cbt-bg);border-radius:var(--cbt-radius-lg);padding:var(--main-space-8,2rem);box-shadow:var(--cbt-shadow-md);border-style:solid;border-width:1px;border-color:var(--cbt-border);text-align:center}._cbt-result-badge{border-radius:var(--main-radius-full,50%);width:72px;height:72px;margin-bottom:var(--main-space-4,1rem);justify-content:center;align-items:center;display:inline-flex}._cbt-result-badge svg{width:36px;height:36px}._cbt-result-badge--normal{background:rgba(var(--cbt-success-rgb), .12);color:var(--cbt-success)}._cbt-result-badge--deficiency{background:rgba(var(--cbt-warning-rgb), .12);color:var(--cbt-warning)}._cbt-result-title{color:var(--cbt-text);margin:0 0 var(--main-space-2,.5rem);font-size:1.25rem;font-weight:700}._cbt-result-severity{border-radius:var(--main-radius-full,50px);margin-bottom:var(--main-space-4,1rem);padding:.25rem .75rem;font-size:.8125rem;font-weight:600;display:inline-block}._cbt-result-severity--mild{background:rgba(var(--cbt-warning-rgb), .12);color:var(--cbt-warning)}._cbt-result-severity--moderate{background:rgba(var(--cbt-warning-rgb), .2);color:var(--cbt-warning)}._cbt-result-severity--strong,._cbt-result-badge--invalid{background:rgba(var(--cbt-error-rgb), .12);color:var(--cbt-error)}._cbt-result-subtitle{color:var(--cbt-text-secondary);margin:0 0 var(--main-space-6,1.5rem);font-size:.9375rem;line-height:1.6}._cbt-score-summary{gap:var(--main-space-4,1rem);margin-bottom:var(--main-space-6,1.5rem);justify-content:center;display:flex}._cbt-score-card{max-width:160px;padding:var(--main-space-4,1rem);border-radius:var(--cbt-radius);background:var(--cbt-bg-secondary);border-style:solid;border-width:1px;border-color:var(--cbt-border);flex:1}._cbt-score-label{color:var(--cbt-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--main-space-1,.25rem);font-size:.75rem;font-weight:500}._cbt-score-value{color:var(--cbt-text);font-size:1.5rem;font-weight:700}._cbt-score-value--good{color:var(--cbt-success)}._cbt-score-value--poor{color:var(--cbt-warning)}._cbt-plate-results{gap:var(--main-space-2,.5rem);margin-bottom:var(--main-space-6,1.5rem);flex-wrap:wrap;justify-content:center;display:flex}._cbt-plate-dot{border-radius:var(--main-radius-full,50%);justify-content:center;align-items:center;width:36px;height:36px;font-size:.75rem;font-weight:600;display:flex}._cbt-plate-dot--correct{background:rgba(var(--cbt-success-rgb), .12);color:var(--cbt-success)}._cbt-plate-dot--wrong{background:rgba(var(--cbt-error-rgb), .12);color:var(--cbt-error)}._cbt-result-explanation{text-align:left;background:var(--cbt-bg-secondary);border-radius:var(--cbt-radius);padding:var(--main-space-5,1.25rem);margin-bottom:var(--main-space-6,1.5rem)}._cbt-result-explanation-title{color:var(--cbt-text);margin:0 0 var(--main-space-2,.5rem);text-transform:uppercase;letter-spacing:.03em;font-size:.8125rem;font-weight:600}._cbt-result-explanation-text{color:var(--cbt-text-secondary);margin:0;font-size:.875rem;line-height:1.6}._cbt-result-disclaimer{justify-content:center;align-items:center;gap:var(--main-space-2,.5rem);color:var(--cbt-text-muted);margin-bottom:var(--main-space-6,1.5rem);padding:var(--main-space-3,.75rem);background:rgba(var(--cbt-warning-rgb), .08);border-radius:var(--cbt-radius);font-size:.8125rem;display:flex}._cbt-result-disclaimer svg{color:var(--cbt-warning);flex-shrink:0}._cbt-btn-retake{justify-content:center;align-items:center;gap:var(--main-space-2,.5rem);background:var(--cbt-primary);color:#fff;border-radius:var(--cbt-radius);cursor:pointer;box-shadow:0 2px 8px rgba(var(--cbt-primary-rgb), .3);touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0 solid #0000;min-height:44px;padding:.625rem 1.5rem;font-family:inherit;font-size:.9375rem;font-weight:600;transition:opacity .15s;display:inline-flex}@media (hover:hover){._cbt-btn-retake:hover{opacity:.9}}@media (max-width:768px){._cbt-results{padding:var(--main-space-5,1.25rem)}._cbt-score-summary{align-items:center;gap:var(--main-space-3,.75rem);flex-direction:column}._cbt-score-card{width:100%;max-width:100%}._cbt-result-badge{width:64px;height:64px}._cbt-result-badge svg{width:32px;height:32px}._cbt-result-title{font-size:1.125rem}._cbt-result-explanation{padding:var(--main-space-4,1rem);text-align:left}._cbt-result-disclaimer{text-align:left;align-items:flex-start}._cbt-btn-retake{width:100%}}@media (max-width:480px){._cbt-results{padding:var(--main-space-4,1rem)}._cbt-plate-results{gap:var(--main-space-1,.25rem)}._cbt-plate-dot{width:32px;height:32px}}@media (max-width:360px){._cbt-result-title{font-size:1rem}._cbt-result-subtitle{font-size:.875rem}._cbt-plate-dot{width:28px;height:28px}}