#onboarding{width:min(920px,94vw);max-height:92dvh;overflow:auto;background:#152b28;color:#f6e9ca;border:1px solid #b69a61;border-radius:12px;padding:24px}#onboarding::backdrop{background:#071711b3;backdrop-filter:blur(4px)}.onboard-heading{display:flex;align-items:center;justify-content:space-between}.onboard-heading h2{margin:0 0 12px;font-size:23px}.onboard-layout{display:grid;grid-template-columns:280px 1fr;gap:25px}.onboard-preview{text-align:center;background:radial-gradient(#355346,#152b28);border-radius:10px;padding:8px}.onboard-preview canvas{width:230px;max-width:100%;image-rendering:pixelated}#onboard-options{display:grid;grid-template-columns:1fr 1fr;gap:9px 14px;margin:16px 0}#onboarding label{font-size:12px;color:#ddc48e}#onboarding select{display:block;width:100%;margin-top:5px;padding:8px;background:#10211e;color:#f6e9ca;border:1px solid #536755;border-radius:5px}#onboarding button{padding:7px 12px;margin:3px;border-radius:5px}#onboard-presets{display:flex;flex-wrap:wrap}#onboard-directions button{font-size:12px}#onboard-retention{font-size:13px;line-height:1.9;color:#b8cbb9}#join-form{margin-top:30px}#onboard-preview-status{font-size:11px;color:#b8cbb9}#onboarding input{font-size:16px}.welcome #join{justify-content:center;margin-bottom:12px}#google-status{font-size:11px;color:#b8cbb9}#onboard-close{font-size:22px;background:none;color:#e6cf99;border:0}@media(max-height:500px){#onboarding{padding:12px 18px;max-height:94dvh}.onboard-layout{grid-template-columns:200px 1fr;gap:16px}.onboard-preview canvas{width:150px;height:170px}.onboard-heading h2{font-size:17px;margin:0}.onboard-heading .eyebrow{margin-bottom:4px}#onboard-options{grid-template-columns:repeat(3,1fr);gap:4px 8px;margin:5px 0}#onboarding select{padding:4px;margin-top:2px;font-size:12px}#onboard-presets button{font-size:11px;padding:4px 8px}#onboard-directions button{padding:3px 6px}#join-form{margin-top:10px}#onboard-preview-status{margin:3px}}