/* ===== CHECKIN ===== */
.progress-bar{width:100%;height:2px;background:var(--border);border-radius:1px;margin-bottom:28px;overflow:hidden;}
.progress-fill{height:100%;background:var(--accent);border-radius:1px;transition:width .4s ease;}
.progress-label{display:flex;justify-content:space-between;font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;}
.q-section{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:var(--accent);margin-bottom:14px;}
.q-text{font-family:var(--serif);font-size:22px;font-weight:400;line-height:1.4;margin-bottom:20px;}
.q-sub{font-size:13px;color:var(--text2);margin-bottom:20px;}
.options{display:flex;flex-direction:column;gap:10px;margin-bottom:28px;}
.option{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 18px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:12px;-webkit-tap-highlight-color:transparent;}
.option:active{transform:scale(.98);}
.option.selected{border-color:var(--accent);background:var(--accent-dim);}
.option-marker{width:20px;height:20px;border-radius:50%;border:2px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s;}
.option.selected .option-marker{border-color:var(--accent);background:var(--accent);}
.option.selected .option-marker::after{content:'';width:6px;height:6px;background:var(--bg);border-radius:50%;}
.option-text{font-size:14px;line-height:1.45;}
.option-text small{display:block;color:var(--text3);font-size:12px;margin-top:2px;}