.oj{background:var(--bg);min-height:100dvh;color:var(--text-primary);flex-direction:column;justify-content:center;font-family:Assistant,Heebo,sans-serif;display:flex}.oj-inner{max-width:640px;min-height:100dvh;padding:max(32px, env(safe-area-inset-top)) 26px max(38px, env(safe-area-inset-bottom));box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:auto;display:flex}.oj-top{color:var(--text-muted);justify-content:space-between;align-items:center;width:100%;min-height:36px;font-size:13px;display:flex}.oj-top button{color:var(--text-secondary)}.oj-name .oj-top>span{margin-inline-start:auto}.oj-progress{background:var(--surface-3);width:100%;height:2px;margin:8px 0 30px}.oj-progress span{background:var(--text-primary);height:100%;transition:width .25s;display:block}.oj-brand{color:var(--text-primary);text-align:center;flex-direction:column;align-items:center;margin:0 auto 36px;display:flex}.oj-brand img{aspect-ratio:479/495.229;object-fit:contain;width:94px;height:auto;margin:0 auto 12px;display:block}.oj-brand span{font-family:var(--font-brand);letter-spacing:.35em;color:var(--text-primary);flex-direction:column;align-items:center;gap:4px;padding-left:.35em;font-size:17px;font-weight:300;line-height:1;display:flex}.oj-brand small{color:var(--text-muted);letter-spacing:.55em;text-transform:uppercase;margin-top:2px;padding-left:.55em;font-size:8.5px;font-weight:400}.oj-content{text-align:center;width:100%;animation:.35s both oj-in}.oj-content h1{letter-spacing:-.2px;color:var(--text-primary);max-width:24ch;margin:0 auto 20px;font-size:clamp(22px,5.5vw,28px);font-weight:300;line-height:1.45}.oj-content p{color:var(--text-muted);max-width:36ch;margin:0 auto 36px;font-size:clamp(14px,3.8vw,15.5px);font-weight:300;line-height:1.65}.oj-fields{flex-direction:column;gap:14px;width:100%;max-width:300px;margin:30px auto 0;display:flex}.oj-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.oj-fields input{border:1px solid var(--border-color);background:var(--surface-solid);width:100%;min-height:48px;color:var(--text-primary);text-align:center;border-radius:12px;outline:none;padding:10px 12px;font:16px Assistant,Heebo,sans-serif}.oj-fields input::placeholder{color:var(--text-muted)}.oj-fields input:focus,.oj-date input:focus{border-color:var(--text-primary)}.oj-field-note{text-align:center;max-width:300px;color:var(--text-muted)!important;margin:-6px auto 0!important;font-size:12px!important}.oj-date{text-align:right;width:100%;max-width:440px;margin:0 auto}.oj-date>span{color:var(--text-secondary);margin-bottom:12px;font-size:14px;display:block}.oj-date .lp-dob-row{gap:8px;display:flex}.oj-date .lp-dob-row input{background:var(--surface-2);border-radius:12px;flex:1;min-width:0;min-height:50px}.oj-date .lp-dob-row input.lp-dob-year{flex:1.2}.oj-options{gap:8px;width:100%;max-width:440px;margin:30px auto 0;display:flex}.oj-options:before,.oj-options:after{content:"";box-sizing:border-box;border:1px solid #0000;flex:1 1 0;min-width:0;padding:10px 12px}.oj-options:after{flex:1.2 1 0}.oj-options-mid{box-sizing:border-box;border:1px solid #0000;flex:1 1 0;min-width:0;height:48px;padding:10px 12px;position:relative}.oj-options button{min-width:0;height:48px;color:var(--text-secondary);white-space:nowrap;background:0 0;border:0;border-radius:0;padding:0;font:15px Assistant,Heebo,sans-serif;position:absolute;top:50%;transform:translateY(-50%)}.oj-options button:first-child{inset-inline-start:-1px}.oj-options button:last-child{inset-inline-end:-1px}.oj-options button[aria-pressed=true]{color:var(--text-primary);text-underline-offset:7px;background:0 0;text-decoration:underline}.oj-error{color:var(--destructive)!important;margin-top:16px!important;font-size:14px!important}.oj-next{width:100%;color:#111!important;max-width:320px!important;min-height:50px!important;box-shadow:none!important;cursor:pointer!important;background:#f5f4f0!important;border:none!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;gap:10px!important;margin:28px auto 24px!important;padding:12px 24px!important;font-family:Assistant,Heebo,sans-serif!important;font-size:16px!important;font-weight:500!important;transition:opacity .2s!important;display:inline-flex!important}.oj-next:hover{color:#111!important;opacity:.92!important;background:#f5f4f0!important}.oj-next:disabled{color:#858078!important;opacity:.7!important;cursor:not-allowed!important;background:#eae8e3!important}.oj-next svg{color:#111!important;stroke:#111!important;width:18px!important;height:18px!important}.oj-next:disabled svg{color:#858078!important;stroke:#858078!important}.oj-name .oj-inner{justify-content:flex-start}.oj-name .oj-brand{margin-bottom:32px}.oj-name .oj-content h1{white-space:nowrap;max-width:none;margin-bottom:26px;font-size:30px;font-weight:300}.oj-name .oj-fields{gap:12px;max-width:321px;margin-top:0}.oj-name .oj-fields input{border-radius:14px;height:48px;min-height:48px}.oj-name .oj-field-note{margin:-3px auto 0!important}.oj-name .oj-next{height:50px;max-width:321px!important;min-height:50px!important;margin-top:31px!important}.oj-date-step .oj-inner{justify-content:flex-start}.oj-date-step .oj-brand{margin-bottom:32px}.oj-date-step .oj-content h1{white-space:nowrap;max-width:none;margin-bottom:24.4px;font-size:30px;font-weight:300}.oj-date-step .oj-date{max-width:321px}.oj-date-step .oj-date .lp-dob-row{grid-template-columns:minmax(0,97fr) minmax(0,97fr) minmax(0,111fr);gap:8px;display:grid}.oj-date-step .oj-options{grid-template-columns:minmax(0,97fr) minmax(0,97fr) minmax(0,111fr);gap:8px;max-width:321px;margin-top:-13px;display:grid}.oj-date-step .oj-options:before,.oj-date-step .oj-options:after{display:none}.oj-date-step .oj-options-mid{grid-column:2;justify-self:center;width:79px;transform:translate(2px)}@media (width<=359px){.oj-date-step .oj-content h1{margin-bottom:30.2px;font-size:26px}}:root.light .oj-next:not(:disabled),:root.light .oj-next:not(:disabled):hover{color:#fff!important;background:#0b0b0b!important;border:1px solid #0b0b0b!important}:root.light .oj-next:not(:disabled) svg{color:#fff!important;stroke:currentColor!important}:root.light .oj-next:disabled{color:#858078!important;opacity:1!important;background:#f3f1ed!important;border:1px solid #ddd9d1!important}:root.light .oj-next:disabled svg{color:#858078!important;stroke:currentColor!important}.oj-invitation{justify-content:center}.oj-invitation .oj-inner{padding-top:max(56px, env(safe-area-inset-top));padding-bottom:max(40px, env(safe-area-inset-bottom));justify-content:flex-start;transform:none}.oj-invitation .oj-brand{margin:0 auto;padding-top:30px}.oj-invitation .oj-brand img{width:150px}.oj-invitation .oj-brand span{letter-spacing:.55em;padding-left:.55em;font-size:15px;font-weight:300}.oj-invitation .oj-brand small{letter-spacing:.6em;padding-left:0;padding-right:.28em;font-size:9px}.oj-invitation .oj-content{margin-top:max(30px,50dvh - 312px)}.oj-invitation .oj-content h1{max-width:24ch;margin:0 auto 10px;font-size:26px;font-weight:300;line-height:1.5}.oj-invitation .oj-content p{color:color-mix(in srgb, var(--text-primary) 65%, var(--text-muted));max-width:300px;margin:0 auto;font-size:16px;font-weight:300;line-height:1.7}.oj-invitation-line{display:block}.oj-invitation-keep{white-space:nowrap}.oj-invitation-actions{flex-direction:column;align-items:center;gap:4px;width:100%;margin-top:max(63px,50dvh - 252px);display:flex}.oj-invitation-actions .oj-next{width:calc(100% - 20px);gap:12px!important;min-height:52px!important;margin:0!important;padding-inline:36px!important;font-weight:300!important}.oj-invitation-actions .oj-next svg.oj-inv-arrow{flex:none;overflow:visible;width:13px!important;height:12px!important}.oj-invitation-actions>button:last-child{color:color-mix(in srgb, var(--text-primary) 55%, var(--text-muted));cursor:pointer;background:0 0;border:none;justify-content:center;align-items:flex-start;min-height:44px;padding:8px 12px 23px;font:400 13px/1 Assistant,Heebo,sans-serif;text-decoration:none;transition:color .2s;display:inline-flex}.oj-invitation-muted{color:var(--text-muted);font-weight:300}.oj-invitation-actions>button:last-child:hover{color:var(--text-primary);background:0 0;text-decoration:none}.oj-outro .oj-brand,.oj-outro .oj-content h1{margin-bottom:18px}.oj-outro-intro{text-align:center;border:1px solid var(--border-color);background:var(--surface);border-radius:8px;flex-direction:column;gap:8px;margin-bottom:12px;padding:20px 18px;display:flex}.oj-outro-intro strong{font-size:17px;font-weight:600;line-height:1.5}.oj-outro-intro span{color:var(--text-muted);font-size:14px;line-height:1.55}.oj-outro .oj-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.oj-item{border:1px solid var(--border-color);background:var(--surface);text-align:right;border-radius:8px;flex-direction:column;align-items:flex-start;gap:3px;min-height:92px;padding:14px;display:flex}.oj-item svg{width:19px;height:19px;color:var(--text-secondary);margin-bottom:3px}.oj-item strong{font-size:15px}.oj-item span{color:var(--text-muted);font-size:12px}@keyframes oj-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.oj-content{animation:none}.oj-progress span{transition:none}}@media (height<=700px){.oj:not(.oj-name):not(.oj-date-step) .oj-inner,:root.light .oj:is(.oj-name,.oj-date-step) .oj-inner{padding-top:18px;padding-bottom:max(20px, env(safe-area-inset-bottom))}.oj:not(.oj-name):not(.oj-date-step) .oj-brand,:root.light .oj:is(.oj-name,.oj-date-step) .oj-brand{margin:0 auto 18px}.oj:not(.oj-name):not(.oj-date-step) .oj-brand img,:root.light .oj:is(.oj-name,.oj-date-step) .oj-brand img{width:76px}.oj-invitation .oj-brand img{width:120px}.oj-invitation .oj-brand{margin:0 auto}.oj:not(.oj-name):not(.oj-date-step) .oj-content p,:root.light .oj:is(.oj-name,.oj-date-step) .oj-content p{margin-bottom:18px}.oj-invitation .oj-content p{margin-bottom:0}.oj-outro .oj-brand{margin-bottom:12px}.oj-outro-intro{padding:12px}.oj-outro .oj-item{min-height:72px;padding:10px}:root.light .oj-date-step .oj-brand{margin-bottom:32px}}:root:not(.light) .oj{--bg:#0d0d0d;--surface:#151515;--surface-solid:#151515;--text-primary:#f5f3ee;--text-secondary:#aaa8a3;--text-muted:#8c8a86;--border-color:#30302e;--error:#c98c78;--destructive:#c98c78;--btn-primary-bg:#f5f3ee;--btn-primary-fg:#171717}:root:not(.light) .oj .oj-content h1{letter-spacing:0;font-size:28px;font-weight:400;line-height:36px}:root:not(.light) .oj .oj-content h1 strong{color:inherit;font-weight:500}:root:not(.light) .oj .oj-content p{font-size:16px;line-height:1.55}:root:not(.light) .oj .oj-field-note{font-size:14px!important}:root:not(.light) .oj .oj-date>span{font-size:13px}:root:not(.light) .oj-date-step .oj-addressing{width:100%;max-width:321px;margin:calc(4px - var(--oj-date-compression,0px) / 4) auto 0;text-align:right}:root:not(.light) .oj-date-step .oj-addressing>span{color:var(--text-secondary);margin-bottom:12px;font-size:13px;display:block}:root:not(.light) .oj-date-step .oj-addressing .lp-gender-opt{min-height:44px;font-size:15.12px}:root:not(.light) .oj-date-step .oj-addressing .lp-gender-opt.is-on:after{background:color-mix(in srgb, var(--text-primary) 60%, transparent);bottom:8px}:root:not(.light) .oj-date-step .oj-addressing .lp-gender-opt:not(.is-on){color:color-mix(in srgb, var(--text-muted) 90%, transparent)}:root:not(.light) .oj .oj-next,:root:not(.light) .oj .oj-next:hover{background:var(--btn-primary-bg)!important;color:var(--btn-primary-fg)!important;font-size:17px!important;font-weight:500!important}:root:not(.light) .oj .oj-next svg{color:var(--btn-primary-fg)!important;stroke:currentColor!important}:root:not(.light) .oj .oj-error{color:var(--error)!important}:root:not(.light) .oj:is(.oj-name,.oj-date-step){--oj-details-top:calc(clamp(18px, 4svh, 32px) + env(safe-area-inset-top));--oj-details-bottom:max(env(safe-area-inset-bottom), 24px);--oj-details-field-gap:clamp(20px, 4.6svh, 36px);--oj-details-action-gap:clamp(24px, 5.4svh, 40px);justify-content:flex-start;min-height:100svh;overflow:visible}:root:not(.light) .oj:is(.oj-name,.oj-date-step) .oj-inner{height:auto;min-height:100svh;padding-top:var(--oj-details-top);padding-bottom:var(--oj-details-bottom);justify-content:flex-start;margin:0 auto;overflow:visible}:root:not(.light) .oj:is(.oj-name,.oj-date-step) .oj-inner>*{flex-shrink:0}:root:not(.light) .oj:is(.oj-name,.oj-date-step) .oj-brand{margin-bottom:clamp(28px,6.7svh,52px)}:root:not(.light) .oj:is(.oj-name,.oj-date-step) .oj-brand img{width:clamp(84px,15svh,112px);height:clamp(84px,15svh,112px)}:root:not(.light) .oj:is(.oj-name,.oj-date-step) .oj-content h1{margin-bottom:var(--oj-details-field-gap)}:root:not(.light) .oj:is(.oj-name,.oj-date-step) .oj-fields{gap:12px}:root:not(.light) .oj:is(.oj-name,.oj-date-step) .oj-next{margin-top:var(--oj-details-action-gap)!important;margin-bottom:0!important}:root:not(.light) .oj.oj-date-step{--oj-date-compression:clamp(0px, calc((672px - 100svh) / 3), 24px)}:root:not(.light) .oj.oj-date-step .oj-content h1{margin-bottom:calc(var(--oj-details-field-gap) - var(--oj-date-compression) / 2)}:root:not(.light) .oj.oj-date-step .oj-next{margin-top:calc(var(--oj-details-action-gap) - var(--oj-date-compression) / 4)!important}:root:not(.light) .oj:is(.oj-name,.oj-date-step) .lp-confirm-backdrop{padding-top:var(--oj-details-top);padding-bottom:var(--oj-details-bottom);flex-direction:column;justify-content:flex-start;overflow:auto}:root:not(.light) .oj:is(.oj-name,.oj-date-step) .lp-confirm{flex-shrink:0;gap:0}:root:not(.light) .oj:is(.oj-name,.oj-date-step) .lp-confirm-sub{margin:8px 0 0}:root:not(.light) .oj:is(.oj-name,.oj-date-step) .lp-confirm-list{margin-top:var(--oj-details-field-gap);gap:12px}:root:not(.light) .oj:is(.oj-name,.oj-date-step) .lp-confirm-actions{margin-top:var(--oj-details-action-gap)}:root:not(.light) .oj-invitation{flex-direction:column;justify-content:center;align-items:center;min-height:100svh;display:flex}:root:not(.light) .oj-invitation .oj-inner{min-height:100svh;padding-top:max(env(safe-area-inset-top), 24px);padding-bottom:calc(max(env(safe-area-inset-bottom), 24px) + 4svh);flex-direction:column;justify-content:center;align-items:center;margin:0 auto;display:flex}:root:not(.light) .oj-invitation .oj-brand{margin:0 auto;padding-top:0}:root:not(.light) .oj-invitation .oj-brand img{width:clamp(104px,20svh,150px);height:clamp(104px,20svh,150px);margin-bottom:clamp(16px,3.4svh,27px)}:root:not(.light) .oj-invitation .oj-brand span{letter-spacing:.55em;gap:0;padding-left:.55em;font-size:15px;font-weight:300}:root:not(.light) .oj-invitation .oj-brand small{letter-spacing:.6em;color:var(--text-muted);margin-top:8px;padding-left:0;padding-right:.28em;font-size:9px}:root:not(.light) .oj-invitation .oj-content{margin-top:clamp(28px,7svh,61px)}:root:not(.light) .oj-invitation .oj-content h1{margin-bottom:16px}:root:not(.light) .oj-invitation .oj-content p{color:var(--text-secondary);margin-bottom:0}:root:not(.light) .oj-invitation .oj-content p strong{color:var(--text-primary);font-weight:500}:root:not(.light) .oj-invitation-actions{margin-top:clamp(24px,6svh,53px)}:root:not(.light) .oj-invitation-actions>button:last-child{justify-content:center;align-items:center;min-height:44px;margin-top:clamp(6px,1.6svh,14px);padding:0 16px;font-size:16px;line-height:1.4;display:inline-flex}:root:not(.light) .oj-invitation-actions>button:last-child .oj-invitation-muted{color:#aaa8a3;font-weight:400}:root:not(.light) .oj-invitation-actions>button:last-child>span:last-child{color:#f5f3ee;font-weight:600}:root:not(.light) .oj-invitation .oj-brand,:root:not(.light) .oj-invitation .oj-content,:root:not(.light) .oj-invitation .oj-invitation-actions{flex-shrink:0}:root:not(.light) .oj .lp-confirm{background:var(--surface);border-color:var(--border-color);box-shadow:none}:root:not(.light) .oj .lp-confirm-title{color:var(--text-primary);letter-spacing:0;font-family:Assistant,Heebo,sans-serif;font-size:28px;font-weight:400;line-height:36px}:root:not(.light) .oj .lp-confirm-sub{color:var(--text-secondary);font-size:16px;line-height:1.55}:root:not(.light) .oj .lp-confirm-list{border-color:var(--border-color)}:root:not(.light) .oj .lp-confirm-label{color:var(--text-muted);letter-spacing:0;font-size:13px}:root:not(.light) .oj .lp-confirm-value{color:var(--text-primary)}:root:not(.light) .oj .lp-confirm-actions .btn-cta,:root:not(.light) .oj .lp-confirm-actions .btn-cta:hover{background:var(--btn-primary-bg)!important;color:var(--btn-primary-fg)!important;font-size:17px!important;font-weight:500!important}:root:not(.light) .oj .lp-confirm-edit{color:var(--text-secondary)}:root:not(.light) .oj .lp-confirm-edit:hover{color:var(--text-primary)}:root.light .oj-invitation .oj-content strong{font-weight:inherit;color:inherit}:root:not(.light) .oj .lp-confirm-end{align-items:center;gap:0;display:inline-flex}:root:not(.light) .oj .lp-confirm-pen{cursor:pointer;margin:-14px -14px -14px 0;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-inline:-2px -14px;padding:0;display:inline-flex}:root:not(.light) .oj .lp-confirm-pen:focus-visible{outline-offset:-6px;border-radius:8px;outline:1px solid #8c8a86}:root:not(.light) .oj .lp-confirm-row:has(.lp-confirm-pen){align-items:center}:root:not(.light) .oj:is(.oj-name,.oj-date-step) .lp-confirm-stack{border-block:0;gap:0;padding:0}:root:not(.light) .oj .lp-confirm-stack .lp-confirm-row{justify-content:space-between;align-items:center;gap:8px;padding:18px 0;display:flex}:root:not(.light) .oj .lp-confirm-stack .lp-confirm-row+.lp-confirm-row{border-top:1px solid #30302e}:root:not(.light) .oj .lp-confirm-stack .lp-confirm-row:last-child{padding-bottom:4px}:root:not(.light) .oj:is(.oj-name,.oj-date-step) .lp-confirm-stack+.lp-confirm-actions{margin-top:20px}:root:not(.light) .oj .lp-confirm-stack .lp-confirm-field{text-align:right;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;display:flex}:root:not(.light) .oj .lp-confirm-stack .lp-confirm-label{color:#8c8a86;font-size:13px;line-height:1.3}:root:not(.light) .oj .lp-confirm-stack .lp-confirm-value{color:#f5f3ee;font-size:18px;line-height:1.25}:root:not(.light) .oj .lp-confirm-stack .lp-confirm-gender-text{color:#8c8a86;text-align:right;font-size:13px;line-height:1.3}.oj .oj-signin-link{min-height:44px;color:var(--text-primary);background:0 0;border:none;justify-content:center;align-self:center;align-items:center;margin-top:clamp(6px,1.6svh,14px);padding:0 16px;font:400 16px/1.4 Assistant,Heebo,sans-serif;text-decoration:none;display:inline-flex}.oj .oj-signin-link:hover{background:0 0;text-decoration:none}.oj .oj-signin-link .oj-invitation-muted{color:var(--text-muted);font-weight:400}.oj .oj-signin-link>span:last-child{font-weight:600}:root:not(.light) .oj .oj-signin-link .oj-invitation-muted{color:#aaa8a3}:root:not(.light) .oj .oj-signin-link>span:last-child{color:#f5f3ee}.oj-name .oj-content{position:relative}.oj-name .oj-error{inset-inline:0;position:absolute;top:100%;margin:4px 0 0!important}.oj-invitation:not(.oj-fonts-ready) .oj-inner{visibility:hidden}
