.cb-panel{gap:10px;display:grid}@media (width>=1024px){.cb-panel{gap:14px}}.cb-progress{background:var(--line-2);border-radius:2px;height:4px;overflow:hidden}.cb-progress div{background:var(--accent);transform-origin:0;height:100%;transition:transform .2s}[dir=rtl] .cb-progress div{transform-origin:100%}.cb-screen{aspect-ratio:1;justify-content:center;align-items:center;width:100%;max-height:540px;padding:12px;display:flex}@media (width>=1024px){.cb-screen{padding:22px}}.cb-plate{aspect-ratio:1;max-width:100%;height:100%}.cb-plate canvas{width:100%;height:100%}.cb-stage{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:380px;display:flex}.cb-title{letter-spacing:-.01em;color:var(--screen-ink);font-size:26px;font-weight:700;line-height:1.15}.cb-sub{color:var(--screen-muted);font-size:16px}.cb-act{min-width:168px}.cb-result{text-align:start;width:100%;max-width:460px;color:var(--screen-ink);flex-direction:column;gap:12px;padding:6px;display:flex}.cb-sum{color:var(--screen-muted);font-size:15px}.cb-verdict{letter-spacing:-.01em;text-wrap:balance;font-size:24px;font-weight:700;line-height:1.2}.cb-axes{gap:10px;margin:2px 0 6px;display:grid}.cb-axes>div{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label count""bar bar";gap:6px 12px;display:grid}.cb-axes dt{color:var(--screen-muted);grid-area:label;font-size:14px}.cb-axes dd{margin:0;display:contents}.cb-count{font-variant-numeric:tabular-nums;grid-area:count;font-size:14px}.cb-bar{background:var(--screen-line-2);border-radius:2px;grid-area:bar;height:4px;overflow:hidden}.cb-bar i{background:var(--accent);transform-origin:0;height:100%;display:block}[dir=rtl] .cb-bar i{transform-origin:100%}.cb-result .cb-act{align-self:flex-start}@media (width>=1024px){.cb-title{font-size:34px}.cb-verdict{font-size:32px}.cb-result{gap:16px}.cb-sum,.cb-axes dt,.cb-count{font-size:15px}}.cb-options{gap:8px;display:grid}.cb-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.cb-row{grid-template-columns:56px minmax(0,1fr);gap:8px;display:grid}.cb-opt,.cb-back{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);min-width:0;height:56px;color:var(--ink);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;padding:0 8px;display:flex}.cb-opt{font-variant-numeric:tabular-nums;font-size:24px;font-weight:500}.cb-none{font-size:16px;font-weight:600}.cb-back svg{width:20px;height:20px}[dir=rtl] .cb-back svg{transform:scaleX(-1)}.cb-back:disabled{color:var(--input);cursor:default}.cb-opt:active,.cb-back:active:not(:disabled){background:var(--line-2)}@media (hover:hover){.cb-opt:hover,.cb-back:hover:not(:disabled){border-color:var(--input)}}@media (width>=1024px){.cb-opt,.cb-back{height:60px}.cb-row{grid-template-columns:60px minmax(0,1fr)}}.cb-last{color:var(--muted);font-size:15px}.cb-note{border-top:1px solid var(--line);color:var(--muted);padding-top:14px;font-size:15px;line-height:1.5}@media (prefers-reduced-motion:no-preference){.cb-plate canvas{animation:.2s ease-out cb-in}.cb-stage,.cb-result{animation:.24s cubic-bezier(.2,.8,.2,1) cb-up}}@keyframes cb-in{0%{opacity:0}to{opacity:1}}@keyframes cb-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}