.onboarding{min-height:100dvh;display:grid;grid-template-columns:minmax(310px,.85fr) minmax(480px,1.15fr);background:#f8f4ea}.onboard-art{position:relative;background:radial-gradient(ellipse at 70% 15%,#5d4850,#362c34);padding:54px 48px 30px;text-align:center;color:#f3e8d3;overflow:hidden}.onboard-emblem{width:70px;height:70px}.onboard-brand{font:53px/.9 var(--serif);margin:18px 0 24px}.onboard-art>.eyebrow{font-size:9px;letter-spacing:2.5px;line-height:1.8;color:#c9b89c}.onboard-paper{position:relative;background:linear-gradient(130deg,#fffaeb,#eadfc7);border:1px solid #ccb98d;border-radius:110px 110px 8px 8px;padding:46px 30px 34px;color:#745a3d;max-width:310px;margin:42px auto 32px;box-shadow:0 22px 45px #1f171d55,6px 6px #b79965;min-height:310px}.onboard-paper:before{content:'';position:absolute;inset:10px;border:1px solid #c2ad80;border-radius:100px 100px 3px 3px;pointer-events:none}.onboard-paper .script-caption{font-size:25px}.onboard-name-preview{font:36px/1.1 var(--serif);margin:25px 0 22px;overflow-wrap:anywhere}.onboard-name-preview>span{display:block}.onboard-name-preview>em{display:block;font:22px 'Parisienne',cursive;margin:5px}.onboard-paper>p{font:italic 17px/1.5 var(--serif);margin:0}.onboard-byline{font:9px var(--sans);text-transform:uppercase;letter-spacing:2px;color:#bba78e}.onboard-content{max-width:700px;width:100%;padding:45px 62px 30px;align-self:center}.onboard-content h2{font-size:54px;line-height:1.02;margin:18px 0 25px}.onboard-content>p,.onboard-content form>p{color:#887665;font-size:13px;line-height:1.8}.onboard-content .form-row{gap:20px}.onboard-session{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:10px;color:#8c7b69;margin-bottom:40px;overflow-wrap:anywhere}.onboard-session a{white-space:nowrap}.onboard-choices{display:flex;flex-direction:column;gap:16px;margin:32px 0}.onboard-choice{text-align:left;background:#eee5d5;border:1px solid #d7c5a5;border-radius:40px 5px 40px 5px;padding:24px 28px}.onboard-choice.joining{background:#e8ebe0;border-color:#cdd3bf;border-radius:5px 40px 5px 40px}.onboard-choice>span{display:block;font:italic 17px var(--serif);color:#9a7a51}.onboard-choice>strong{display:block;font:29px var(--serif);margin:7px 0}.onboard-choice>small{font-size:11px;color:#88796b}.onboard-care{display:flex;gap:18px;border-top:1px solid #dfd4c2;margin-top:35px;padding-top:22px;align-items:start}.onboard-care>strong{font:italic 23px var(--serif);min-width:110px}.onboard-care>span{font-size:10px;line-height:1.8;color:#8e7b65}.onboard-back{display:block;background:none;padding:0 0 20px;font:italic 19px var(--serif);text-decoration:underline;text-underline-offset:5px;color:#8d775b}.display-name-label{margin-top:13px!important}.onboard-note{font-size:11px!important;line-height:1.65!important;color:#8d7d6d!important}.join-code{font:35px var(--serif)!important;letter-spacing:12px;padding:16px!important;text-align:center}.onboard-error{color:#9a3c3c!important;font-size:12px!important;line-height:1.5!important;margin-top:14px;white-space:pre-wrap}.partner-panel{border:1px solid #d4c5ab;background:linear-gradient(120deg,#f4ecdc,#faf7ee);border-radius:30px 5px;padding:30px;margin-bottom:28px}.partner-panel h3{font-size:34px;margin:14px 0}.partner-panel>p{font-size:12px;color:#82715f;line-height:1.7}.partner-panel .field{margin-top:22px}.partner-panel .small{margin-top:15px;font-size:11px;line-height:1.7}.invitation-sent{padding:14px;background:#e7ebdd;color:#526448!important}.profile-partner{padding:14px 0 5px;border-bottom:1px solid var(--line);margin-bottom:20px}.profile-partner h4{margin-bottom:17px;font:italic 25px var(--serif)}.account-link{border:1px solid #d7cabb;background:transparent;border-radius:50%;width:37px;height:37px;font:20px var(--serif)}.cloud-status{font-size:9px;color:#87745d}.cloud-status.save-failed{color:#a23e3e}.account-email{overflow-wrap:anywhere}.account-actions{display:flex;gap:20px;flex-wrap:wrap;margin-top:25px}.account-actions a{font:italic 20px var(--serif)}.personal-book{background-image:url('/assets/album-collection-blank.webp')!important;position:relative;isolation:isolate;container-type:inline-size}.personal-book>span{position:absolute;transform:translate(-50%,-50%);z-index:1;text-align:center}.cover-initials{font:italic 17cqw/1 'Parisienne',cursive;color:#edc774;text-shadow:0 1px 1px #090909}.cover-names{font:italic 6.1cqw/1.05 var(--serif);color:#f6cf79;width:36%;overflow-wrap:anywhere;max-height:15%;display:flex;flex-wrap:wrap;gap:0 .25em;justify-content:center;align-items:center;text-shadow:0 1px 1px #0b0c09}.cover-names em{font:italic .8em var(--serif)}.cover-date{font:500 2.1cqw/1.2 var(--serif);letter-spacing:.09em;text-transform:uppercase;color:#f7d88d;width:35%}.personal-book.heirloom .cover-initials{left:56.42%;top:36.41%;max-width:29%}.personal-book.heirloom .cover-names{left:56.42%;top:50.61%;width:35%}.personal-book.heirloom .cover-date{left:56.42%;top:61.07%;width:32%}/* The Modern: ivory cover with sculptural gold arcs and live personalisation. */
.personal-book.modern{background-image:url('/assets/album-modern-ivory.webp')!important;background-size:100% 100%;background-position:center}
.personal-book.modern .cover-initials{left:50%;top:33.5%;font:normal 17cqw/1 var(--serif);letter-spacing:-.04em;color:#806028;text-shadow:0 1px 0 #fff5d7;max-width:38%}
.personal-book.modern .cover-names{left:50%;top:47%;width:59%;font-style:normal;font-size:6.1cqw;line-height:1.15;color:#745724;text-shadow:0 .4px 0 #fff7e2}
.personal-book.modern .cover-date{left:50%;top:58%;width:48%;font-size:2.5cqw;letter-spacing:.15em;color:#806331}
.personal-book.botanical .cover-names{left:48.62%;top:38.84%;width:54%;font-size:7.1cqw;font-style:normal}.personal-book.botanical .cover-date{left:48.62%;top:52.48%;width:40%;font-size:2.6cqw}.personal-book.botanical .cover-initials{left:48.62%;top:64.25%;font:6.2cqw/1 var(--serif);max-width:9%}.account-loading{min-height:100vh;display:grid;place-content:center;text-align:center;background:#f7f3e9;color:#786243}.account-loading img{width:70px;margin:auto}.account-loading p{font:italic 25px var(--serif);margin-top:20px}.waiting-voice{font:italic 16px var(--serif);color:#958371}.topbar .couple>span{font:italic .75em var(--serif);margin:0 .12em}.shared-banner{margin-top:25px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-block:1px solid #d9ccb7;padding:18px 0}.shared-banner p{margin:0;font:italic 21px var(--serif)}
@media(max-width:900px){.onboard-content{padding:35px}.onboard-art{padding:40px 25px}.onboarding{grid-template-columns:minmax(250px,.8fr) minmax(400px,1.2fr)}.onboard-content h2{font-size:45px}}
@media(max-width:700px){.onboarding{grid-template-columns:1fr}.onboard-art{padding:25px 24px;display:grid;grid-template-columns:45px 1fr;align-items:center;gap:15px;text-align:left}.onboard-emblem{width:45px;height:45px}.onboard-brand{font-size:30px;margin:0;line-height:.9}.onboard-brand br{display:none}.onboard-art>.eyebrow,.onboard-paper,.onboard-byline{display:none}.onboard-content{padding:28px 24px 35px}.onboard-content h2{font-size:43px}.onboard-session{margin-bottom:28px}.onboard-care{flex-direction:column;gap:8px}.onboard-content .form-row{grid-template-columns:1fr;gap:0}.onboard-choice{padding:23px}.partner-panel{padding:24px}.cloud-status{max-width:90px;line-height:1.3;text-align:right}.topbar .couple{max-width:200px;overflow-wrap:anywhere;text-align:left;line-height:1.1}.shared-banner{align-items:flex-start;flex-direction:column}}