html{scrollbar-gutter:stable}html:has(.ob-dialog[open]){overflow:hidden}#ob-title:focus{outline:none}
.onboarding-card{margin:28px 0;padding:28px;border:1px solid var(--line);border-radius:12px;background:radial-gradient(ellipse at 100% 0,rgba(211,183,128,.12),transparent 65%),var(--paper)}
.onboarding-card .eyebrow{margin-bottom:10px}.onboarding-card h2{font-size:30px}.ob-invitation{max-width:620px;color:var(--muted);font-size:13px;line-height:1.85}
.ob-dialog{padding:0;border:1px solid var(--line);border-radius:16px;width:min(820px,calc(100% - 32px));max-width:none;height:min(90dvh,940px);max-height:90dvh;background:var(--bg);color:var(--ink);box-shadow:0 20px 100px #000b;overflow:hidden}
.ob-dialog::backdrop{background:rgba(5,4,9,.88);backdrop-filter:blur(5px)}.ob-dialog:not([open]){display:none}
.ob-shell{height:100%;display:flex;flex-direction:column;min-height:0;background:radial-gradient(ellipse at 100% 0,rgba(142,102,153,.1),transparent 55%)}
.ob-header{padding:26px 34px 22px;align-items:flex-start;flex:none}.ob-header>div{flex:1;min-width:0}.ob-header .eyebrow{margin-bottom:8px}.ob-header h2{font-size:34px;line-height:1.25}.ob-header>button{flex:none;min-height:44px}
.ob-meter{height:2px;margin:0 34px;flex:none;background:var(--line)}.ob-meter:before{content:'';display:block;height:100%;width:var(--ob-progress,16.66%);background:var(--accent);transition:width .3s}
.ob-content{flex:1;overflow:auto;overscroll-behavior:contain;padding:22px 34px 28px;min-height:0;scroll-padding-top:16px}.ob-lead{font:italic 22px/1.65 var(--serif);color:var(--accent);margin:0 0 16px}.ob-hint{color:var(--faint);font-size:12px;line-height:1.75;margin:7px 0 14px}
.ob-field{padding:20px 0 26px;border-bottom:1px solid var(--line)}.ob-field>label,.ob-field legend{font:400 22px/1.5 var(--serif);color:var(--ink);margin:0 0 8px;letter-spacing:-.01em}.ob-field fieldset{border:0;padding:0;margin:0;min-width:0}.ob-field textarea{font-size:16px;line-height:1.8;padding:15px;margin-top:14px;min-height:110px;max-width:100%}
.ob-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.ob-choice{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--line);border-radius:7px;padding:13px 14px;margin:0;color:var(--muted);font:400 13px/1.75 var(--sans);cursor:pointer;min-height:48px;min-width:0}.ob-choice:has(input:checked){border-color:var(--accent);color:var(--ink);background:rgba(211,183,128,.065)}.ob-choice input{width:20px;height:20px;flex:0 0 auto;accent-color:var(--accent);margin:2px 0 0;padding:0}.ob-choice span{min-width:0;overflow-wrap:anywhere}
.ob-status{margin:0;padding:10px 34px;color:var(--muted);font-size:11px;line-height:1.7;flex:none;border-top:1px solid var(--line);overflow-wrap:anywhere}.ob-shell>.reply-actions{padding:8px 34px;margin:0}
.ob-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;flex:none;padding:12px 34px max(18px,env(safe-area-inset-bottom));background:var(--paper)}.ob-footer>.btn{margin-left:auto;padding:13px 22px;min-height:48px}.ob-footer>button{font-size:13px}
.ob-review-section{margin:16px 0 35px}.ob-review-section>h3{font:500 11px/1.8 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 18px}.ob-review-row{border-left:1px solid var(--line);padding:0 0 5px 18px;margin:18px 0}.ob-review-row h4{font:400 20px/1.6 var(--serif);margin:0 0 8px;color:var(--ink)}.ob-review-row p{font:13px/1.85 var(--sans);color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 18px}.ob-sharing{border:1px solid var(--line);border-radius:10px;padding:18px;margin:24px 0}.ob-sharing>p{font-size:12px;color:var(--muted);margin:0 0 15px}
@media(max-width:540px){.onboarding-card{padding:22px 18px}.ob-dialog{inset:0;margin:0;width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0}.ob-header{padding:max(16px,env(safe-area-inset-top)) 20px 16px;gap:10px}.ob-header h2{font-size:28px}.ob-header>button{font-size:11px}.ob-meter{margin:0 20px}.ob-content{padding:20px 20px 28px}.ob-field{padding:15px 0 22px}.ob-field>label,.ob-field legend{font-size:21px}.ob-choices{grid-template-columns:1fr}.ob-status{padding:10px 20px}.ob-shell>.reply-actions{padding:8px 20px}.ob-footer{padding:12px 20px max(16px,env(safe-area-inset-bottom))}.ob-footer>.btn{padding:12px 16px;max-width:75%}.ob-review-row{padding-left:12px}.ob-review-row h4{font-size:20px}}