body{visibility:hidden}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font-body);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 55% 45% at 15% 20%,rgba(204,255,0,.12) 0%,transparent 65%),radial-gradient(ellipse 45% 40% at 85% 80%,rgba(204,255,0,.07) 0%,transparent 65%);pointer-events:none;z-index:0}#ob-root{position:relative;z-index:1;max-width:480px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 24px) 20px calc(env(safe-area-inset-bottom) + 40px);min-height:100dvh;display:flex;flex-direction:column}.ob-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;flex-shrink:0}.ob-back{font-size:13px;color:var(--text-muted);cursor:pointer;background:none;border:none;font-family:var(--font-body);padding:6px 0;transition:color .15s;height:auto;box-shadow:none}.ob-back:hover{color:var(--text);transform:none;box-shadow:none}.ob-back.hidden{visibility:hidden;pointer-events:none}.ob-brand{font-family:var(--font-body);font-size:13px;font-weight:700;color:var(--text-subtle);letter-spacing:.5px}.ob-spacer{width:60px}.ob-progress{margin-bottom:36px;flex-shrink:0}.ob-progress-label{font-size:11px;font-weight:600;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px}.ob-progress-track{height:3px;background:#ffffff14;border-radius:100px;overflow:hidden}.ob-progress-fill{height:100%;background:var(--color-acid);border-radius:100px;transition:width .3s ease}#ob-content{flex:1}.ob-question{font-family:var(--font-body);font-size:22px;font-weight:700;color:var(--text);letter-spacing:-.4px;line-height:1.3;margin-bottom:24px}.ob-options{display:flex;flex-direction:column;gap:10px}.ob-option{display:flex;align-items:center;gap:14px;width:100%;min-height:58px;padding:16px 18px;background:#ffffff08;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background .15s,border-color .15s,box-shadow .15s;color:var(--text);font-family:var(--font-body);font-size:16px;font-weight:500;height:auto;box-shadow:none}.ob-option:hover{background:#ffffff0f;border-color:#ffffff40;box-shadow:none;transform:none}.ob-option.selected{background:#ccff0014;border-color:var(--color-acid);box-shadow:inset 0 0 0 1px #ccff0040,0 0 12px #ccff0038}.ob-option-inner{flex:1;min-width:0}.ob-option-label{display:block}.ob-option-sub{display:block;font-size:13px;color:var(--text-muted);margin-top:3px;font-weight:400}.ob-option.selected .ob-option-sub{color:#ccff00a6}.ob-check{width:20px;height:20px;border-radius:50%;flex-shrink:0;border:1.5px solid rgba(255,255,255,.25);transition:background .15s,border-color .15s;display:flex;align-items:center;justify-content:center}.ob-option.selected .ob-check{background:var(--color-acid);border-color:var(--color-acid)}.ob-check-dot{width:7px;height:7px;border-radius:50%;background:#0a0a0d;display:none}.ob-option.selected .ob-check-dot{display:block}.ob-other-wrap{margin-top:12px;display:none}.ob-other-input{width:100%;background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:12px 16px;font-size:14px;font-family:var(--font-body);outline:none;transition:border-color .15s,box-shadow .15s}.ob-other-input::placeholder{color:var(--text-subtle)}.ob-other-input:focus{border-color:#cf06;box-shadow:0 0 0 3px #ccff0014}.ob-inline-error{margin-top:10px;font-size:13px;color:#fca5a5;display:none}.ob-inline-error.visible{display:block}.ob-footer{margin-top:32px;flex-shrink:0}.ob-continue{width:100%;background:var(--color-acid);color:#0a0a0d;border:none;border-radius:var(--radius-sm);padding:14px 22px;font-size:14px;font-weight:700;font-family:var(--font-body);cursor:pointer;letter-spacing:.2px;transition:all .2s;box-shadow:0 4px 20px #ccff0059;height:auto}.ob-continue:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 28px #ccff0080}.ob-continue:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}.ob-submit-error{margin-top:12px;font-size:13px;color:#fca5a5;text-align:center;display:none}.ob-submit-error.visible{display:block}@media(max-width:480px){#ob-root{padding:calc(env(safe-area-inset-top) + 20px) 16px calc(env(safe-area-inset-bottom) + 32px)}.ob-question{font-size:20px}}@media(max-width:768px){input,textarea,select{font-size:16px!important}}