.dot{width:6px;height:6px;border-radius:50%;background:var(--border)}.dot.done{background:var(--green)}.dot.cur{background:var(--green-mid)}.btn-yn{flex:1;padding:10px;border-radius:8px;border:1px solid var(--border);background:0 0;-webkit-appearance:none;appearance:none;font-family:"DM Sans",sans-serif;font-size:14px;font-weight:500;cursor:pointer;color:var(--muted);transition:all .15s}.btn-yn:not(.locked):hover{background:#f2efe9;color:var(--text)}.btn-yn.active-yes{background:var(--green-light);border-color:var(--green);color:var(--green-dark)}.btn-yn.active-no{background:#f2efe9;border-color:#999;color:var(--text)}.btn-yn.locked{pointer-events:none}.nav-btn.primary{background:var(--green);border-color:var(--green);color:var(--green-light)}.nav-btn.primary:hover{background:var(--green-dark);border-color:var(--green-dark)}.result.show{display:block}.sc-green{background:var(--green-light);border-color:var(--green);color:var(--green-dark)}.sc-yellow{background:var(--yellow-light);border-color:var(--yellow);color:var(--yellow-dark)}.sc-red{background:var(--red-light);border-color:var(--red);color:var(--red-dark)}