.pwa-notice{z-index:50;box-sizing:border-box;width:100%;padding:calc(12px + env(safe-area-inset-top,0px)) calc(16px + env(safe-area-inset-right,0px)) 12px calc(16px + env(safe-area-inset-left,0px));border-bottom:1px solid var(--rule,#ded8cf);background:var(--surface,#f5f1ea);color:var(--text,#47483f);-webkit-font-smoothing:antialiased;font:400 15px/22px Manrope,system-ui,-apple-system,Segoe UI,sans-serif;position:sticky;top:0}.pwa-notice__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;width:100%;max-width:440px;margin:0 auto;display:flex}.pwa-notice__copy{flex:180px;min-width:0;margin:0}.pwa-notice__title{font-size:15px;font-weight:500;line-height:20px;display:block}.pwa-notice__actions{flex:none;gap:8px;display:flex}.pwa-notice__button{border:1px solid var(--text,#47483f);background:var(--bg,#fbf8f2);min-height:48px;color:var(--text,#47483f);font:inherit;letter-spacing:.01em;cursor:pointer;border-radius:2px;justify-content:center;align-items:center;padding:0 20px;font-size:16px;font-weight:600;line-height:20px;display:inline-flex}.pwa-notice__button--primary,.pwa-notice__button:hover{border-color:var(--action,#47483f);background:var(--action,#47483f);color:var(--on-action,#fbf8f2)}.pwa-notice__button--primary:hover{opacity:.88}.pwa-notice__button:focus-visible{outline:2px solid var(--text,#47483f);outline-offset:2px}.pwa-notice__button[disabled]{cursor:default;opacity:.7}.ob-band{height:300px;margin:0 calc(-24px - var(--safe-right)) 0 calc(-24px - var(--safe-left));background:var(--tw-stone);flex:none;position:relative;overflow:hidden}.ob-band--short{height:230px}.ob-band__bottle{filter:drop-shadow(0 10px 14px #302b2429);width:auto;max-width:none;height:86%;position:absolute;bottom:6%;right:4%}.ob-progress{align-items:center;gap:12px;min-height:36px;display:flex}.ob-progress__back{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-accent);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin-left:-8px;display:inline-flex}.ob-progress__back:focus-visible,.ob-progress__skip:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.ob-progress__back--empty{visibility:hidden}.ob-progress__line{flex:1;gap:4px;display:flex}.ob-progress__seg{background:var(--color-neutral-800);border-radius:1px;flex:1;height:2px}.ob-progress__seg--done{background:var(--color-accent)}.ob-progress__skip{min-width:44px;min-height:36px;color:var(--color-accent);font:500 13px/18px var(--font-sans);cursor:pointer;text-align:right;background:0 0;border:0;padding:0 4px}.ob-progress__skip--empty{visibility:hidden}.ob-switch{border-top:1px solid var(--rule);align-items:center;gap:14px;padding:14px 0;display:flex}.ob-switch:not(:has(~.ob-switch)){border-bottom:1px solid var(--rule)}.ob-switch__icon{color:var(--color-accent);flex:none}.ob-switch__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ob-switch__title{font:500 15px/20px var(--font-sans);color:var(--color-text)}.ob-switch__desc{font:400 15px/22px var(--font-sans);color:var(--color-neutral-400)}.ob-toggle{background:var(--color-neutral-800);cursor:pointer;border:0;border-radius:13px;flex:none;width:44px;height:26px;padding:0;transition:background-color .16s;position:relative}.ob-toggle[aria-checked=true]{background:var(--color-accent-700)}.ob-toggle__knob{background:var(--color-neutral-600);border-radius:10px;width:20px;height:20px;transition:transform .16s,background-color .16s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0000002e}.ob-toggle[aria-checked=true] .ob-toggle__knob{background:var(--tw-paper);transform:translate(18px)}.ob-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.ob-password{position:relative}.ob-password__input{padding-right:52px}.ob-password__eye{border-radius:var(--radius-md);width:44px;height:44px;color:var(--color-neutral-400);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.ob-password__eye:hover{color:var(--color-text)}.ob-password__eye:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.ob-method{border:0;border-top:1px solid var(--rule);width:100%;color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border-radius:0;align-items:center;gap:14px;padding:14px 0;display:flex}.ob-method:not(:has(~.ob-method)){border-bottom:1px solid var(--rule)}.ob-method:hover .ob-method__title{color:var(--link)}.ob-method:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.ob-method--quiet{cursor:default;opacity:.7}.ob-method--quiet:hover .ob-method__title{color:inherit}.ob-method__icon{border-radius:var(--radius-md);background:var(--color-accent-900);width:40px;height:40px;color:var(--color-accent-300);flex:none;justify-content:center;align-items:center;display:inline-flex}.ob-method__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ob-method__title{font:500 15px/20px var(--font-sans)}.ob-method__desc{font:400 15px/22px var(--font-sans);color:var(--color-neutral-400)}.ob-method__caret{color:var(--color-neutral-500);flex:none}.ob-summary{font:400 13px/18px var(--font-sans);color:var(--color-neutral-400);margin:0}.ob-kicker{margin:0}.ob-pills .ui-chip{min-height:40px;padding:8px 13px;font-size:14px}.ob-aside{border-top:1px solid var(--rule);flex-direction:column;gap:12px;padding-top:18px;display:flex}.ob-intro-mark{justify-content:center;padding-top:6px;display:flex}.ob-forgot{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.fd-mark{justify-content:flex-start;padding-top:6px;display:flex}.fd-cover{height:clamp(340px,52vh,440px);margin-right:calc(-24px - var(--safe-right));flex:none;position:relative;overflow-x:clip}.fd-cover .ui-title{z-index:1;letter-spacing:-.01em;text-wrap:balance;max-width:56%;margin-top:28px;font-size:clamp(38px,11.5vw,46px);line-height:1;position:relative}.fd-cover__bottle{filter:drop-shadow(0 10px 14px #302b2429);pointer-events:none;-webkit-user-select:none;user-select:none;width:auto;max-width:none;height:100%;position:absolute;bottom:0;right:-14%}