.ob{--ease:cubic-bezier(.22, 1, .36, 1);flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow:hidden}.ob *,.ob :before,.ob :after{box-sizing:border-box}:where(.ob) :where(button,input,textarea,select){color:inherit;font-family:inherit}.ob button{cursor:pointer}.ob em{color:inherit;font-style:normal}.ob-backdrop{z-index:0;pointer-events:none;position:absolute;inset:-60px}.ob-backdrop img{object-fit:cover;filter:blur(22px)saturate(.9);opacity:.5;width:100%;height:100%;position:absolute;inset:0}.ob-backdrop i{background:radial-gradient(75% 75% at 35% 40%,#1c151259,#1c1512e6);position:absolute;inset:0}.ob-backdrop b{background:var(--ob-wash,#c8a46a);opacity:.18;filter:blur(120px);border-radius:50%;width:52vw;height:52vw;transition:background 1.2s;position:absolute;top:18%;right:8%}.ob-top{z-index:5;flex:none;align-items:center;gap:40px;height:76px;padding:0 clamp(20px,3.4vw,48px);display:flex;position:relative}.ob-brand{font-family:var(--pm-display);color:var(--pm-cream);white-space:nowrap;font-size:22px;text-decoration:none}.ob-brand svg{display:none}.ob-progress{flex:1;grid-template-columns:repeat(4,1fr);gap:14px;max-width:640px;margin:0 auto;padding:0;list-style:none;display:grid}.ob-progress li{flex-direction:column;gap:9px;display:flex}.ob-progress-bar{background:var(--pm-line-2);border-radius:1px;height:2px;overflow:hidden}.ob-progress-bar i{background:var(--pm-cream);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.ob-progress-label{color:var(--pm-faint);white-space:nowrap;font-size:13px}.ob-progress li.on .ob-progress-label{color:var(--pm-cream)}.ob-saved{min-width:140px;color:var(--pm-dim);flex:none;justify-content:flex-end;align-items:center;gap:6px;font-size:13px;display:flex}.ob-saved svg{color:var(--pm-champ)}.ob-signin{color:var(--pm-cream);margin-left:auto;font-size:15px;text-decoration:none}.ob-body{z-index:2;flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(360px,.62fr);min-height:0;display:grid;position:relative}.ob-panel{flex-direction:column;min-height:0;display:flex;position:relative}.ob-panel-scroll{overscroll-behavior:contain;scrollbar-width:none;flex:1;padding:clamp(28px,6vh,72px) clamp(24px,6vw,110px) 150px;overflow-y:auto}.ob-panel-scroll::-webkit-scrollbar{display:none}.ob-step{max-width:820px}.ob-heading h1{font-family:var(--pm-display);letter-spacing:-.015em;max-width:15ch;margin:0 0 18px;font-size:clamp(44px,4.6vw,76px);font-weight:400;line-height:1.02}.ob-heading p{color:var(--pm-dim);max-width:560px;margin:0 0 44px;font-size:19px;line-height:1.5;animation:.8s cubic-bezier(.22,1,.36,1) .35s both obAfter}.ob-heading:not(:has(p)) h1{margin-bottom:44px}.ob-kicker{color:var(--pm-champ);font-size:15px}.ob-note{color:var(--pm-faint);margin:18px 0 0;font-size:15px;line-height:1.5}.ob-note a{color:var(--pm-dim);text-underline-offset:3px;text-decoration:underline}.ob-sub-label{color:var(--pm-dim);margin:36px 0 14px;font-size:15px;display:block}.ob-link{color:var(--pm-dim);text-underline-offset:4px;background:0 0;border:0;margin-top:22px;padding:0;font-size:15px;text-decoration:underline}.ob-link:hover{color:var(--pm-cream)}.ob-error{color:var(--pm-bad);background:#f2a08f1f;border-radius:14px;margin:18px 0 0;padding:14px 18px;font-size:15px;line-height:1.45;box-shadow:inset 0 0 0 1px #f2a08f59}.ob-nav{z-index:6;background:var(--pm-glass);-webkit-backdrop-filter:blur(24px)saturate(150%);box-shadow:inset 0 0 0 1px var(--pm-line), 0 24px 50px -20px #0009;white-space:nowrap;border-radius:999px;align-items:center;gap:18px;padding:10px 10px 10px 12px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.ob-nav>span:first-child{width:4px}.ob-back{width:48px;height:48px;color:var(--pm-cream);background:#f4ece014;border:0;border-radius:50%;place-items:center;transition:background .2s;display:grid}.ob-back:hover{background:#f4ece029}.ob-count{color:var(--pm-dim);font-variant-numeric:tabular-nums;padding:0 6px;font-size:14px}.ob-btn{background:var(--pm-champ);white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;height:52px;padding:0 28px;font-size:16px;font-weight:600;transition:background .2s,opacity .2s;display:inline-flex;color:var(--pm-champ-ink)!important}.ob-btn:hover{background:#f0dfbb}.ob-btn:disabled{opacity:.3;cursor:default}.ob-btn-ghost{box-shadow:inset 0 0 0 1px var(--pm-line-2);background:0 0;font-weight:500;color:var(--pm-cream)!important}.ob-btn-ghost:hover{background:#f4ece014}.ob-btn-wide{width:100%;height:58px;margin-top:30px;font-size:17px}.ob-nav-preview{display:none}.ob-field{margin-bottom:26px;display:block}.ob-label{color:var(--pm-dim);justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;font-size:15px;display:flex}.ob-label small{color:var(--pm-faint);font-size:14px}.ob-input{border:0;border-bottom:1px solid var(--pm-line-2);width:100%;height:62px;font-family:var(--pm-display);color:var(--pm-cream);background:0 0;border-radius:0;outline:none;padding:0 2px;font-size:30px;transition:border-color .2s}.ob-input::placeholder{color:#f4ece047}.ob-input:focus{border-bottom-color:var(--pm-champ)}.ob-input:disabled{opacity:.35}.ob-input[type=date],.ob-input[type=time],.ob-input[type=email],.ob-pass .ob-input{font-family:var(--pm-ui);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-size:22px}.ob-textarea{resize:none;height:auto;padding:8px 2px 14px;line-height:1.25}.ob-pair{grid-template-columns:1fr auto 1fr;align-items:end;gap:24px;display:grid}.ob-pair .ob-input{height:84px;font-size:clamp(40px,4vw,60px)}.ob-pair-even{grid-template-columns:1.4fr 1fr}.ob-pair-even .ob-input{height:62px;font-size:22px}.ob-amp{font-family:var(--pm-display);color:var(--pm-champ);padding-bottom:34px;font-size:56px}.ob-row-toggle{color:var(--pm-dim);background:0 0;border:0;align-items:center;gap:14px;padding:6px 0;font-size:17px;display:flex}.ob-tick{width:24px;height:24px;box-shadow:inset 0 0 0 1.5px var(--pm-line-2);border-radius:50%;place-items:center;display:grid}.ob-row-toggle.on{color:var(--pm-cream)}.ob-row-toggle.on .ob-tick{background:var(--pm-champ);color:var(--pm-champ-ink);box-shadow:none}.ob-countdown{color:var(--pm-dim);margin-top:44px;font-size:18px}.ob-countdown b{font-family:var(--pm-display);color:var(--pm-cream);font-variant-numeric:lining-nums;margin-bottom:6px;font-size:96px;font-weight:400;line-height:.95;display:block}.ob-card{text-align:left;background:0 0;border:0;border-radius:0;padding:0;position:relative}.ob-check{display:none}.ob-strip{align-items:flex-end;gap:16px;display:flex}.ob-frame{min-width:0;max-width:180px;transition:transform .45s var(--ease);flex:1 1 0}.ob-frame-pic{height:clamp(180px,15vw,228px);transition:transform .45s var(--ease), box-shadow .3s;border-radius:6px;display:block;position:relative;overflow:hidden;box-shadow:0 30px 50px -30px #000c}.ob-frame-pic img{object-fit:cover;filter:saturate(.85);width:100%;height:100%;transition:transform .8s var(--ease);display:block}.ob-frame-pic>i{mix-blend-mode:color;opacity:.6;position:absolute;inset:0}.ob-frame-sw{display:flex;position:absolute;bottom:10px;left:10px}.ob-frame-sw b{border-radius:50%;width:16px;height:16px;margin-right:-4px;box-shadow:0 0 0 2px #1c151280}.ob-frame-label{color:var(--pm-dim);margin-top:14px;font-size:15px;transition:color .3s;display:block}.ob-frame:hover .ob-frame-pic img{transform:scale(1.05)}.ob-frame.on .ob-frame-pic{box-shadow:0 0 0 1.5px var(--pm-champ), 0 40px 70px -26px #000000d9;transform:translateY(-12px)scale(1.06)}.ob-frame.on .ob-frame-label{color:var(--pm-cream)}.ob-list{border-top:1px solid var(--pm-line);flex-direction:column;max-width:680px;display:flex}.ob-list>.ob-card{border-bottom:1px solid var(--pm-line);width:100%;color:var(--pm-dim);transition:color .2s, padding .3s var(--ease);align-items:center;gap:22px;padding:22px 4px;display:flex}.ob-list>.ob-card:hover,.ob-list>.ob-card.on{color:var(--pm-cream);padding-left:12px}.ob-list>.ob-card:after{content:"";width:12px;height:12px;box-shadow:inset 0 0 0 1.5px var(--pm-line-2);border-radius:50%;flex:none;margin-left:auto;transition:background .2s}.ob-list>.ob-card.on:after{background:var(--pm-champ);box-shadow:none}.ob-list>.ob-type{flex-direction:column;align-items:flex-start;gap:6px;padding-right:40px}.ob-list>.ob-type:after{margin-top:-6px;position:absolute;top:50%;right:8px}.ob-type-sample{color:inherit;line-height:1.1;display:block}.ob-type small{color:var(--pm-faint);font-size:14px}.ob-themes{grid-template-columns:repeat(3,minmax(0,190px));gap:26px 20px;display:grid}.ob-theme{display:block}.ob-poster{height:196px;transition:transform .45s var(--ease), box-shadow .3s;border-radius:6px;flex-direction:column;align-items:center;padding:18px 14px 0;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 50px -30px #000c}.ob-poster-arch{background:#6b5d55 50%/cover;border-radius:60px 60px 0 0;flex:none;width:70%;height:100px}.ob-poster b{text-align:center;margin-top:12px;font-size:19px;font-weight:400;line-height:1.1}.ob-poster i{border-radius:50%;width:12px;height:12px;position:absolute;top:12px;right:12px}.ob-theme.on .ob-poster{box-shadow:0 0 0 1.5px var(--pm-champ), 0 40px 70px -26px #000000d9;transform:translateY(-10px)}.ob-theme-name{color:var(--pm-cream);flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;font-size:15px;display:flex}.ob-theme-name em{color:var(--pm-champ-ink);background:var(--pm-champ);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600}.ob-theme small{color:var(--pm-faint);margin-top:4px;font-size:13px;line-height:1.4;display:block}.ob-drop{text-align:center;cursor:pointer;background:#f4ece008;border:1.5px dashed #e7d2a673;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;max-width:620px;height:260px;transition:border-color .2s,background .2s;display:flex;position:relative;overflow:hidden}.ob-drop:hover,.ob-drop.drag{border-color:var(--pm-champ);background:#e7d2a612}.ob-drop.has{border:0;box-shadow:0 40px 70px -30px #000000d9}.ob-drop.has img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ob-drop-change{background:var(--pm-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--pm-cream);border-radius:999px;padding:9px 18px;font-size:14px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.ob-drop-icon{width:54px;height:54px;color:var(--pm-champ);border-radius:50%;place-items:center;margin-bottom:4px;display:grid;box-shadow:inset 0 0 0 1px #e7d2a666}.ob-drop b{font-family:var(--pm-display);font-size:28px;font-weight:400}.ob-drop small{color:var(--pm-faint);font-size:14px}.ob-covers{flex-wrap:wrap;gap:12px;max-width:620px;display:flex}.ob-cover{opacity:.7;width:92px;height:116px;transition:opacity .2s, transform .3s var(--ease), box-shadow .2s;border:0;border-radius:5px;padding:0;overflow:hidden}.ob-cover img{object-fit:cover;width:100%;height:100%;display:block}.ob-cover:hover{opacity:1}.ob-cover.on{opacity:1;box-shadow:0 0 0 1.5px var(--pm-champ);transform:translateY(-6px)}.ob-layouts{grid-template-columns:repeat(3,minmax(0,200px));gap:20px;display:grid}.ob-layout-art{height:220px;transition:transform .45s var(--ease), box-shadow .3s;border-radius:6px;display:block;position:relative;overflow:hidden;box-shadow:0 30px 50px -30px #000c}.ob-layout-art i{background:#6b5d55 50%/cover no-repeat;position:absolute}.ob-layout-art b{opacity:.85;border-radius:3px;height:6px;position:absolute}.ob-layout-art.immersive i{inset:0}.ob-layout-art.immersive b{bottom:18%;left:22%;right:22%;background:#fff!important}.ob-layout-art.framed i{border-radius:6px;inset:9% 12% 30%}.ob-layout-art.framed b{bottom:13%;left:26%;right:26%}.ob-layout-art.split i{inset:0 0 0 50%}.ob-layout-art.split b{width:30%;top:46%;left:10%}.ob-layout.on .ob-layout-art{box-shadow:0 0 0 1.5px var(--pm-champ), 0 40px 70px -26px #000000d9;transform:translateY(-10px)}.ob-layout-name{color:var(--pm-cream);margin-top:16px;font-size:16px;display:block}.ob-layout small{color:var(--pm-faint);margin-top:4px;font-size:14px;display:block}.ob-fonts{flex-wrap:wrap;gap:12px;display:flex}.ob-font{text-align:center;width:150px;box-shadow:inset 0 0 0 1px var(--pm-line);border-radius:8px;padding:18px 10px 14px;transition:box-shadow .2s,background .2s}.ob-font.on{box-shadow:inset 0 0 0 1.5px var(--pm-champ);background:#f4ece014}.ob-font b{color:var(--pm-cream);font-size:44px;font-weight:400;line-height:1.1;display:block}.ob-font small{color:var(--pm-dim);margin-top:6px;font-size:13px;display:block}.ob-color-row .ob-sub-label{margin-top:30px}.ob-color-swatches{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ob-color-swatches>button,.ob-custom-color{border:0;border-radius:50%;width:42px;height:42px;padding:0;transition:transform .2s,box-shadow .2s;box-shadow:inset 0 0 0 1px #ffffff2e}.ob-color-swatches>button:hover{transform:scale(1.08)}.ob-color-swatches>.on{box-shadow:0 0 0 3px var(--pm-night), 0 0 0 5px var(--pm-champ)}.ob-custom-color{color:#fff;cursor:pointer;background:conic-gradient(#f66,#fd5,#5d7,#5cf,#75f,#f5c,#f66);place-items:center;display:grid;position:relative}.ob-custom-color input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.ob-custom-color.on svg{display:none}.ob-color-swatches code{font-family:var(--pm-ui);color:var(--pm-faint);margin-left:6px;font-size:14px}.ob-chips{border-top:1px solid var(--pm-line);flex-direction:column;max-width:640px;display:flex}.ob-chip{border:0;border-bottom:1px solid var(--pm-line);font-family:var(--pm-display);color:var(--pm-dim);text-align:left;transition:color .2s, padding .3s var(--ease);background:0 0;align-items:center;gap:10px;padding:18px 4px;font-size:22px;line-height:1.3;display:flex}.ob-chip:hover,.ob-chip.on{color:var(--pm-cream);padding-left:12px}.ob-chip.on:after{content:"";background:var(--pm-champ);border-radius:50%;flex:none;width:12px;height:12px;margin-left:auto}.ob-chip svg{color:var(--pm-champ)}.ob-chips:has(+.ob-schedule){border-top:0;flex-flow:wrap;gap:10px}.ob-chips:has(+.ob-schedule) .ob-chip{font-family:var(--pm-ui);color:var(--pm-cream);background:#f4ece012;border:0;border-radius:999px;padding:11px 18px;font-size:15px}.ob-chips:has(+.ob-schedule) .ob-chip:hover{background:#f4ece024;padding-left:18px}.ob-features{border-top:1px solid var(--pm-line);flex-direction:column;max-width:680px;display:flex}.ob-feature{border-bottom:1px solid var(--pm-line);cursor:pointer;align-items:center;gap:20px;padding:14px 4px;display:flex}.ob-list>.ob-mode{gap:20px;padding:16px 4px}.ob-feature-art,.ob-mode-art{flex:none;place-items:center;width:64px;height:64px;transition:filter .3s,opacity .3s;display:grid}.ob-feature-art img{object-fit:contain;filter:drop-shadow(0 10px 14px #00000073);width:64px;height:64px}.ob-feature:not(.on) .ob-feature-art{filter:grayscale(.8);opacity:.45}.ob-feature-copy,.ob-mode-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.ob-feature-copy b,.ob-mode-copy b{color:var(--pm-cream);font-size:18px;font-weight:500}.ob-feature-copy small,.ob-mode-copy small{color:var(--pm-dim);font-size:15px;line-height:1.4}.ob-switch{background:#f4ece029;border:0;border-radius:999px;flex:none;justify-content:flex-start;width:52px;height:30px;padding:3px;transition:background .2s;display:flex}.ob-switch.on{background:var(--pm-champ);justify-content:flex-end}.ob-switch i{background:var(--pm-cream);border-radius:50%;width:24px;height:24px;box-shadow:0 2px 6px #00000059}.ob-switch.on i{background:var(--pm-champ-ink)}.ob-date-tile{background:var(--pm-cream);border-radius:10px;flex-direction:column;align-items:center;width:50px;height:56px;display:flex;overflow:hidden;box-shadow:0 10px 18px -8px #0009}.ob-date-tile small{background:var(--pm-blush);width:100%;color:var(--pm-champ-ink);text-align:center;padding:3px 0;font-size:11px;font-weight:600}.ob-date-tile b{font-family:var(--pm-display);color:var(--pm-night);font-size:24px;font-weight:400;line-height:1.4}.ob-mode-art{width:96px}.ob-name-pill{color:var(--pm-cream);white-space:nowrap;background:#f4ece01a;border-radius:10px;padding:8px 12px;font-size:13px}.ob-draw-art path{fill:none;stroke:#2b2620;stroke-width:3.2px;stroke-linecap:round;stroke-dasharray:200;stroke-dashoffset:200px;animation:3.4s ease-in-out infinite obDraw}@keyframes obDraw{0%{stroke-dashoffset:200px}45%,85%{stroke-dashoffset:0}to{stroke-dashoffset:200px}}.ob-trivia{border-top:1px solid var(--pm-line);flex-direction:column;max-width:680px;display:flex}.ob-q{border-bottom:1px solid var(--pm-line);padding:22px 0 26px}.ob-q-head{color:var(--pm-faint);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:14px;display:flex}.ob-q-head button,.ob-moment button{width:34px;height:34px;color:var(--pm-faint);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.ob-q-head button:hover,.ob-moment button:hover{color:var(--pm-cream);background:#f4ece014}.ob-q .ob-input{height:56px;font-size:28px}.ob-answers{flex-direction:column;gap:4px;margin-top:14px;display:flex}.ob-answers .ob-link{align-self:flex-start;margin-top:8px;font-size:14px}.ob-answer{align-items:center;gap:14px;padding:6px 0;display:flex}.ob-answer input{border:0;border-bottom:1px solid var(--pm-line);min-width:0;height:40px;color:var(--pm-cream);background:0 0;outline:0;flex:1;font-size:17px}.ob-answer input:focus{border-bottom-color:var(--pm-champ)}.ob-answer-mark{width:26px;height:26px;box-shadow:inset 0 0 0 1.5px var(--pm-line-2);color:var(--pm-champ-ink);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.ob-answer.right .ob-answer-mark{background:var(--pm-champ);box-shadow:none}.ob-add{color:var(--pm-champ);background:0 0;border:0;align-items:center;gap:10px;margin-top:22px;padding:0;font-size:16px;display:flex}.ob-schedule{border-top:1px solid var(--pm-line);flex-direction:column;max-width:640px;margin-top:30px;display:flex}.ob-moment{border-bottom:1px solid var(--pm-line);align-items:center;gap:18px;padding:10px 0;display:flex}.ob-time{width:96px;height:44px;color:var(--pm-champ);font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0;font-size:17px}.ob-moment-title{min-width:0;height:44px;font-family:var(--pm-display);color:var(--pm-cream);background:0 0;border:0;outline:0;flex:1;font-size:24px}.ob-schedule .ob-note{margin:0;padding:18px 0}.ob-pass{display:block;position:relative}.ob-pass button{width:44px;height:44px;color:var(--pm-faint);background:0 0;border:0;place-items:center;display:grid;position:absolute;top:50%;right:0;transform:translateY(-50%)}.ob-meter{background:0 0;height:2px;margin:-26px 0 26px;overflow:hidden}.ob-meter i{height:100%;transition:width .3s,background .3s;display:block}.ob-plan{max-width:640px}.ob-plan-top{border-bottom:1px solid var(--pm-line);justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:26px;display:flex}.ob-plan-top select{height:42px;color:var(--pm-cream);box-shadow:inset 0 0 0 1px var(--pm-line-2);background:#f4ece014;border:0;border-radius:999px;padding:0 14px;font-size:14px}.ob-plan-top .ob-kicker{display:block}.ob-price{font-family:var(--pm-display);font-variant-numeric:lining-nums;margin-top:8px;font-size:clamp(80px,8vw,120px);line-height:.9}.ob-price small{font-family:var(--pm-ui);color:var(--pm-dim);margin-top:12px;font-size:15px;display:block}.ob-plan ul{margin:0;padding:0;list-style:none}.ob-plan li{border-bottom:1px solid var(--pm-line);color:var(--pm-cream);align-items:center;gap:16px;padding:16px 0;font-size:17px;display:flex}.ob-plan li span{width:24px;height:24px;color:var(--pm-champ);background:#e7d2a629;border-radius:50%;flex:none;place-items:center;display:grid}.ob-stage{perspective:1800px;flex-direction:column;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.ob-aura{display:none}.ob-device-toggle{z-index:2;background:var(--pm-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 0 0 1px var(--pm-line);border-radius:999px;gap:2px;padding:4px;display:flex;position:absolute;top:4px;left:50%;transform:translate(-50%)}.ob-device-toggle button{height:34px;color:var(--pm-dim);background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:14px;display:flex}.ob-device-toggle button[aria-pressed=true]{color:var(--pm-cream);background:#f4ece01f}.ob-device-wrap{z-index:1;transform-style:preserve-3d;margin-top:30px;position:relative}.ob-device{transform-origin:0 0;background:#fff;border-radius:56px;position:relative;overflow:hidden;box-shadow:0 0 0 10px #0d0b0a,0 0 0 11.5px #3a332e,0 0 0 12.5px #ffffff14,0 80px 160px -40px #000000f2}.ob-device.phone:before{content:"";z-index:3;pointer-events:none;background:#0d0b0a;border-radius:20px;width:112px;height:32px;margin-left:-56px;position:absolute;top:11px;left:50%}.ob-device.phone:after{content:"";z-index:3;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,#ffffff24,#0000 28% 72%,#ffffff0d);position:absolute;inset:0}.ob-device-wrap{animation:7s ease-in-out infinite obFloat}@keyframes obFloat{50%{translate:0 -8px}}@media (prefers-reduced-motion:reduce){.ob-device-wrap{animation:none}}.ob-stage:before{content:"";background:var(--ob-wash,#c8a46a);opacity:.22;filter:blur(90px);pointer-events:none;border-radius:50%;width:70%;height:60%;transition:background 1.2s;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.ob-device.desktop{border-radius:14px;box-shadow:0 0 0 1px #ffffff1f,0 0 0 12px #0d0b0a,0 0 0 13px #3a332e,0 80px 160px -40px #000000f2}.ob-device iframe{border:0;width:100%;height:100%;transition:opacity .5s;display:block}.ob-device.phone iframe{height:calc(100% - 54px);position:absolute;inset:54px 0 0}.ob-status{z-index:2;justify-content:space-between;align-items:center;height:54px;padding:6px 34px 0 40px;font:600 16px/1 -apple-system,system-ui,sans-serif;transition:background .6s,color .6s;display:flex;position:absolute;top:0;left:0;right:0}.ob-status-icons{align-items:center;gap:6px;display:flex}.ob-status-icons i{opacity:.9;clip-path:polygon(0 100%,25% 100%,25% 70%,50% 70%,50% 40%,75% 40%,75% 0,100% 0,100% 100%);background:currentColor;border-radius:2px;width:17px;height:11px}.ob-status-icons i+i{clip-path:none;opacity:.85;border-radius:50% 50% 0 0/100% 100% 0 0;width:15px;height:10px}.ob-status-icons b{opacity:.9;border-radius:4px;width:25px;height:12px;position:relative;box-shadow:inset 0 0 0 1.5px}.ob-status-icons b:after{content:"";background:currentColor;border-radius:1.5px;width:14px;position:absolute;top:3px;bottom:3px;left:3px}.ob-stage-caption{color:var(--pm-faint);font-size:13px;position:absolute;bottom:26px}.ob-sweep{z-index:2;pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(105deg,#0000 30%,#ffffff80 50%,#0000 70%);position:absolute;inset:0}.ob-saving{z-index:80;-webkit-backdrop-filter:blur(18px);background:#140f0db3;place-items:center;display:grid;position:fixed;inset:0}.ob-saving-card{text-align:center;width:min(460px,100% - 32px);color:var(--pm-cream);padding:44px 40px 36px}.ob-saving-mark{width:56px;height:56px;color:var(--pm-champ);place-items:center;margin:0 auto 20px;display:grid}.ob-saving-mark svg{width:46px;height:46px}.ob-saving h2{font-family:var(--pm-display);margin:0 0 30px;font-size:40px;font-weight:400;line-height:1.05}.ob-saving ul{text-align:left;border-top:1px solid var(--pm-line);margin:0;padding:0;list-style:none}.ob-saving li{border-bottom:1px solid var(--pm-line);color:var(--pm-faint);align-items:center;gap:14px;padding:16px 0;font-size:16px;display:flex}.ob-saving li span{width:24px;height:24px;box-shadow:inset 0 0 0 1.5px var(--pm-line-2);border-radius:50%;flex:none;place-items:center;display:grid}.ob-saving li.now{color:var(--pm-cream)}.ob-saving li.now span{box-shadow:inset 0 0 0 2px var(--pm-champ);animation:1.2s ease-in-out infinite obPulse}.ob-saving li.done{color:var(--pm-cream)}.ob-saving li.done span{background:var(--pm-champ);color:var(--pm-champ-ink);box-shadow:none}@keyframes obPulse{50%{transform:scale(.82)}}.ob-welcome{background:var(--pm-night);min-height:0;position:fixed;inset:0;overflow:hidden}.ob-welcome-film{transform-origin:60%;position:absolute;inset:0}.ob-welcome-film video{object-fit:cover;width:100%;height:100%;display:block}.ob-welcome-shade{background:linear-gradient(90deg,#1c1512d1 0%,#1c151266 50%,#1c15120d 78%),linear-gradient(#1c151259,#0000 30% 70%,#1c15128c);position:absolute;inset:0}.ob-top-dark{z-index:3;position:relative}.ob-welcome .ob-welcome-copy{z-index:3;max-width:900px;margin:auto 0;padding:0 clamp(24px,7vw,120px) 8vh;position:relative}.ob-welcome h1{font-family:var(--pm-display);letter-spacing:-.02em;margin:22px 0 26px;font-size:clamp(60px,7.4vw,120px);font-weight:400;line-height:.96}.ob-welcome h1 em{font-family:var(--pm-display);display:inline-block}.ob-word{white-space:pre;display:inline-block}.ob-welcome p{max-width:520px;color:var(--pm-dim);margin:0 0 42px;font-size:20px;line-height:1.55}.ob-welcome-actions{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.ob-btn-light{height:58px;padding:0 32px;font-size:17px}.ob-link-light{color:var(--pm-dim);margin-top:0}.ob-welcome-veil{z-index:5;background:var(--pm-night);pointer-events:none;position:absolute;inset:0}.ob-interlude{z-index:70;background:var(--pm-night);color:var(--pm-cream);cursor:pointer;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.ob-interlude>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ob-interlude-shade{background:radial-gradient(70% 70%,#1c15124d,#1c1512d9);position:absolute;inset:0}.ob-interlude-copy{z-index:2;text-align:center;max-width:960px;padding:24px;position:relative}.ob-interlude-copy>span{color:var(--pm-champ);font-size:14px;display:block}.ob-interlude h2{font-family:var(--pm-display);letter-spacing:-.02em;margin:18px 0 16px;font-size:clamp(72px,11vw,168px);font-weight:400;line-height:.92}.ob-interlude h2 em{display:none}.ob-interlude p{max-width:520px;color:var(--pm-dim);margin:0 auto;font-size:19px;line-height:1.5}.ob-interlude-line{background:var(--pm-champ);opacity:.7;transform-origin:0;width:160px;height:1.5px;margin:34px auto 0;display:block}.ob-match .ob-interlude-copy>span,.ob-match p{color:inherit;opacity:.75}.ob-match-swatches{justify-content:center;gap:14px;margin:6px 0 24px;display:flex}.ob-match-swatches i{border-radius:50%;width:56px;height:56px;box-shadow:0 0 0 4px #ffffffd9,0 14px 30px -10px #00000059}.ob-petals{z-index:75;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ob-match .ob-petals{z-index:1;position:absolute}.ob-petals i{border-radius:60% 40%/60% 60% 40% 40%;position:absolute;top:0;box-shadow:inset -2px -2px 4px #00000014}@media (min-width:1024px){.ob-flow{min-height:0;position:fixed;inset:0}}@media (max-width:1023px){.ob-top{gap:16px;height:64px;padding:0 16px}.ob-progress-label,.ob-saved{display:none}.ob-body{grid-template-rows:auto;grid-template-columns:1fr}.ob-body>.ob-stage{display:none}.ob-panel-scroll{padding:28px 20px 140px;overflow:visible}.ob-nav{bottom:calc(14px + env(safe-area-inset-bottom));justify-content:space-between;position:fixed;left:12px;right:12px;transform:none}.ob-count{display:none}.ob-nav-preview{height:48px;color:var(--pm-cream);background:#f4ece014;border:0;border-radius:999px;align-items:center;gap:8px;margin-left:auto;padding:0 16px;font-size:15px;display:flex}.ob-sheet{z-index:60;background:var(--pm-night);display:flex;position:fixed;inset:0}.ob-sheet .ob-stage{flex:1}.ob-sheet-close{top:calc(14px + env(safe-area-inset-top));z-index:3;background:var(--pm-glass);width:44px;height:44px;color:var(--pm-cream);border:0;border-radius:50%;place-items:center;display:grid;position:absolute;right:14px}.ob-device{border-radius:40px}.ob-themes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.ob-heading h1{font-size:40px}.ob-heading p{margin-bottom:30px;font-size:17px}.ob-pair{grid-template-columns:1fr;gap:0}.ob-amp{display:none}.ob-pair .ob-input{height:70px;font-size:40px}.ob-pair-even{grid-template-columns:1.3fr 1fr;gap:14px}.ob-strip{flex-wrap:wrap;gap:12px}.ob-frame{flex:0 0 calc(50% - 6px);max-width:none}.ob-frame-pic{height:200px}.ob-layouts{gap:10px}.ob-layout-art{height:140px}.ob-poster{height:200px}.ob-font{width:calc(33% - 8px)}.ob-countdown b{font-size:72px}.ob-welcome-shade{background:linear-gradient(#1c151240,#1c151226 35%,#1c1512e0 78%)}.ob-welcome .ob-welcome-copy{padding:0 22px calc(36px + env(safe-area-inset-bottom));margin:auto 0 0}.ob-welcome h1{font-size:56px}.ob-welcome p{margin-bottom:30px;font-size:17px}.ob-interlude h2{font-size:72px}.ob-interlude p{font-size:17px}}@keyframes obAfter{0%{opacity:0;transform:translateY(10px)}}.ob-pair>*,.ob-field,.ob-input,.ob-step{min-width:0}.ob-mode-art{justify-content:center;align-items:center;display:flex}.ob-mode-art>span+span{margin-left:-10px}.ob-mode-art>span:not(.ob-name-pill){box-shadow:0 0 0 2px var(--pm-night);border-radius:50%;display:block}.ob-list>.ob-card:hover,.ob-list>.ob-card.on,.ob-chip:hover,.ob-chip.on{padding-left:4px}
