/* Public loading/email variants measured 2026-10-27. General has one shared shell. */
.lf-page:not(.lf-detective)[data-lf-stage="email"] .lf-envelope,.lf-page.lf-general[data-lf-stage="email"] .lf-envelope{display:none}
.lf-page[data-lf-stage="email"] .lf-header>.lf-back,.lf-page[data-lf-stage="email"] .lf-exit,.lf-page[data-lf-stage="loading"] .lf-exit{display:none}
.lf-page:not(.lf-detective)[data-lf-stage="email"] .lf-content{width:min(100% - 44px,332px);padding:129px 0 88px}
.lf-page:not(.lf-detective)[data-lf-stage="email"] .lf-content>h1{max-width:none;margin:0;font:400 34px/1.08 var(--lf-serif);letter-spacing:-.02em;color:#fff}
.lf-page:not(.lf-detective)[data-lf-stage="email"] .lf-lead{margin:18px 0 0;font:700 21px/1.18 var(--lf-sans);letter-spacing:-.03em;color:#fff;white-space:pre-line}
.lf-page:not(.lf-detective)[data-lf-stage="email"] #lf-email{margin-top:50px}
.lf-page:not(.lf-detective)[data-lf-stage="email"] #lf-email label{margin:0 0 14px;text-align:center;font:700 21px/1.2 var(--lf-sans);letter-spacing:-.03em;color:#fff}
.lf-page:not(.lf-detective)[data-lf-stage="email"] #lf-email input{height:58px;padding:8px 28px;border-radius:18px;font:400 17px/24px var(--lf-sans)}
.lf-page:not(.lf-detective)[data-lf-stage="email"] #lf-email-feedback{margin:14px 0 0;font:700 12px/1.45 var(--lf-sans);color:#fffffff2}
.lf-page:not(.lf-detective)[data-lf-stage="email"] #lf-email .lf-primary{height:58px;min-height:58px;margin:clamp(44px,8svh,72px) 0 0;padding:10px 24px;border-radius:18px;border:1px solid #0000000d;background:#fff;color:#000;font:400 17px/24px var(--lf-sans);box-shadow:0 18px 34px -22px #2e0610c7}
.lf-page:not(.lf-detective)[data-lf-stage="email"] #lf-email-feedback.lf-email-error{color:#fda4af}

/* Direct Romance uses the red palette in both transitions. */
.lf-page.lf-romance:is([data-lf-stage="loading"],[data-lf-stage="email"]){background:radial-gradient(circle at 18% 84%,#b341583d,transparent 26%),linear-gradient(115deg,#ab2e47 0%,#a51e39 28%,#8f142d 58%,#711024 100%);color:#fff}
.lf-romance:is([data-lf-stage="loading"],[data-lf-stage="email"]) .lf-header{height:96px;padding:44px 0 0;align-items:flex-start}
.lf-romance:is([data-lf-stage="loading"],[data-lf-stage="email"]) .lf-logo{margin:0;font-size:37px;line-height:37px;letter-spacing:-1.7px}
.lf-romance:is([data-lf-stage="loading"],[data-lf-stage="email"]) .lf-logo:after{content:'Romance';display:block;font:italic 15px/15px var(--lf-serif);letter-spacing:0}
.lf-romance[data-lf-stage="email"] .lf-header{height:100px;padding-top:48px}
.lf-romance[data-lf-stage="email"] #lf-email input{border:0;background:#c97489b8;color:#fff;caret-color:#fff}
.lf-romance[data-lf-stage="email"] #lf-email input::placeholder{color:#bea6ae}
.lf-romance[data-lf-stage="loading"] .lf-content{width:min(100% - 44px,330px);padding:0 0 42px}
.lf-romance[data-lf-stage="loading"] .lf-loading-orbit{width:176px;height:176px;margin:88px auto 46px;background:conic-gradient(#fff var(--lf-loading-progress),#ffffff26 0)}
.lf-romance[data-lf-stage="loading"] .lf-loading-orbit:before{inset:9px;background:#982039}
.lf-romance[data-lf-stage="loading"] .lf-loading-orbit strong{font:400 46px/46px var(--lf-serif)}
.lf-romance[data-lf-stage="loading"] .lf-loading-orbit small{display:inline-block;margin:7px 0 0 2px;font:400 26px/26px var(--lf-serif)}
.lf-romance[data-lf-stage="loading"] .lf-content>h1{max-width:300px;margin:0 auto;font:700 21px/1.2 var(--lf-sans);letter-spacing:-.02em;color:#fff}
.lf-romance[data-lf-stage="loading"] .lf-lead{margin:56px 0 18px;font:500 21px/1.2 var(--lf-sans);letter-spacing:-.02em;color:#fff}
.lf-romance[data-lf-stage="loading"] .lf-loading-art{height:auto;aspect-ratio:648/386;max-height:none;margin:0;border-radius:24px;object-fit:cover}
.lf-romance[data-lf-stage="loading"] .lf-small{display:none}

/* Direct Horror is sans-serif and has its own smaller fields and action gap. */
.lf-page.lf-horror:is([data-lf-stage="loading"],[data-lf-stage="email"]){--lf-sans:'Avenir Next','Segoe UI',sans-serif;--lf-serif:var(--lf-sans);background:radial-gradient(circle at 50% 18%,#b016225c,transparent 34%),radial-gradient(circle at 30% 88%,#e0181838,transparent 32%),linear-gradient(#230407 0%,#070202 58%,#000 100%);color:#fff}
.lf-horror:is([data-lf-stage="loading"],[data-lf-stage="email"]) .lf-header{height:92px;padding:46px 0 0;align-items:flex-start}
.lf-horror:is([data-lf-stage="loading"],[data-lf-stage="email"]) .lf-logo{margin:0;font-size:32px;line-height:31px}
.lf-horror:is([data-lf-stage="loading"],[data-lf-stage="email"]) .lf-logo:after{font-size:15px;line-height:15px;opacity:1}
.lf-horror[data-lf-stage="email"] .lf-header{height:94px;padding-top:48px}
.lf-page.lf-horror[data-lf-stage="email"] .lf-content>h1{font:500 34px/1.08 var(--lf-sans);letter-spacing:-.02em}
.lf-page.lf-horror[data-lf-stage="email"] .lf-lead{font-weight:500;letter-spacing:-.02em;color:#ffffffd1}
.lf-page.lf-horror[data-lf-stage="email"] #lf-email{margin-top:48px}
.lf-page.lf-horror[data-lf-stage="email"] #lf-email label{font-weight:500;letter-spacing:-.02em}
.lf-page.lf-horror[data-lf-stage="email"] #lf-email input{height:54px;padding:8px 20px;border:1px solid #e01818b3;border-radius:10px;background:#fff;color:#000;font:400 16px/24px var(--lf-sans)}
.lf-page.lf-horror[data-lf-stage="email"] #lf-email input::placeholder{color:#00000073}
.lf-page.lf-horror[data-lf-stage="email"] #lf-email-feedback{font-weight:500;color:#ffffffbd}
.lf-page.lf-horror[data-lf-stage="email"] #lf-email .lf-primary{height:54px;min-height:54px;margin-top:clamp(42px,7svh,68px);border:1px solid #e01818;border-radius:10px;background:#fff;color:#000;font:700 17px/24px var(--lf-sans);box-shadow:none}
.lf-horror[data-lf-stage="loading"] .lf-content{width:min(100% - 44px,330px);padding:0 0 42px}
.lf-horror[data-lf-stage="loading"] .lf-loading-orbit{width:188px;height:188px;margin:120px auto 54px;background:conic-gradient(#fff var(--lf-loading-progress),#ffffff26 0)}
.lf-horror[data-lf-stage="loading"] .lf-loading-orbit:before{inset:9px;background:#230407}
.lf-horror[data-lf-stage="loading"] .lf-loading-orbit strong{font:500 52px/.9 var(--lf-sans)}
.lf-horror[data-lf-stage="loading"] .lf-loading-orbit small{display:inline-block;margin:7px 0 0 4px;font:500 25px/1 var(--lf-sans)}
.lf-page.lf-horror[data-lf-stage="loading"] .lf-content>h1{max-width:322px;margin:0 auto;font:500 23px/1.18 var(--lf-sans);letter-spacing:-.02em;color:#fff}
.lf-horror[data-lf-stage="loading"] .lf-lead,.lf-horror[data-lf-stage="loading"] .lf-small{display:none}
.lf-horror[data-lf-stage="loading"] .lf-loading-art{height:auto;aspect-ratio:648/426;max-height:none;margin:28px auto 0;border-radius:18px;object-fit:cover}

/* All four General branches, including Crime and Horror, use this common design. */
.lf-page.lf-general:is([data-lf-stage="loading"],[data-lf-stage="email"]){--lf-sans:'Lorewish Funnel Roboto','Avenir Next','Segoe UI',sans-serif;--lf-serif:'Lorewish Funnel Marcellus','Iowan Old Style',serif;background:radial-gradient(circle at 14% 12%,#87225738,transparent 30%),radial-gradient(circle at 88% 28%,#4153b133,transparent 32%),linear-gradient(#080a12,#05070d 72%);color:#fff}
.lf-general:is([data-lf-stage="loading"],[data-lf-stage="email"]) .lf-header{height:83px;padding:40px 0 0;align-items:flex-start}
.lf-general:is([data-lf-stage="loading"],[data-lf-stage="email"]) .lf-logo{margin:0;font-size:41px;line-height:43px;letter-spacing:-1.7px;color:#fff}
.lf-general:is([data-lf-stage="loading"],[data-lf-stage="email"]) .lf-logo:after{display:none}
.lf-general:is([data-lf-stage="loading"],[data-lf-stage="email"]) .lf-header>.lf-back,.lf-general:is([data-lf-stage="loading"],[data-lf-stage="email"]) .lf-exit{display:none}
.lf-page.lf-general[data-lf-stage="email"] .lf-header{height:130px}
.lf-page.lf-general[data-lf-stage="email"] .lf-content{width:min(100% - 36px,360px);margin:clamp(64px,11svh,108px) auto 44px;padding:28px 18px;border:1px solid #ffffff1a;border-radius:8px;background:#ffffff09;box-shadow:0 26px 64px #00000052;backdrop-filter:blur(10px)}
.lf-page.lf-general[data-lf-stage="email"] .lf-content>h1{max-width:none;margin:0;font:400 36px/1.08 var(--lf-serif);letter-spacing:normal;color:#fff8f1}
.lf-page.lf-general[data-lf-stage="email"] .lf-lead{margin:14px 0 0;font:400 17px/1.4 var(--lf-sans);letter-spacing:normal;color:#ffffffad;white-space:pre-line}
.lf-page.lf-general[data-lf-stage="email"] #lf-email{margin-top:36px}
.lf-page.lf-general[data-lf-stage="email"] #lf-email label{margin:0 0 13px;text-align:center;font:600 17px/1.3 var(--lf-sans);letter-spacing:normal;color:#fff}
.lf-page.lf-general[data-lf-stage="email"] #lf-email input{height:56px;padding:8px 16px;border:1px solid #ffffff24;border-radius:8px;background:#ffffff14;color:#fff;caret-color:#fff;font:400 16px/24px var(--lf-sans)}
.lf-page.lf-general[data-lf-stage="email"] #lf-email input::placeholder{color:#ffffff66}
.lf-page.lf-general[data-lf-stage="email"] #lf-email-feedback{min-height:0;margin:13px 0 0;font:400 13px/1.4 var(--lf-sans);color:#ffffff94}
.lf-page.lf-general[data-lf-stage="email"] #lf-email-feedback.lf-email-error{color:#fda4af}
.lf-page.lf-general[data-lf-stage="email"] #lf-email .lf-primary{height:56px;min-height:56px;margin:34px 0 0;padding:10px 24px;border:1px solid #f1d09da6;border-radius:8px;background:linear-gradient(135deg,#f6dfb8,#d6a46b);color:#090a0f;font:700 18px/27px var(--lf-sans);box-shadow:0 16px 38px #0006}
.lf-page.lf-general[data-lf-stage="loading"] .lf-content{width:min(100% - 36px,394px);padding:0 0 44px}
.lf-page.lf-general[data-lf-stage="loading"] .lf-loading-orbit{width:190px;height:190px;margin:82px auto 52px;background:conic-gradient(#e3c59d var(--lf-loading-progress),#ffffff26 0)}
.lf-page.lf-general[data-lf-stage="loading"] .lf-loading-orbit:before{inset:9px;background:#0a0b15}
.lf-page.lf-general[data-lf-stage="loading"] .lf-loading-orbit strong{font:400 52px/.9 var(--lf-serif);color:#fff}
.lf-page.lf-general[data-lf-stage="loading"] .lf-loading-orbit small{display:inline-block;margin:7px 0 0 3px;font:400 25px/1 var(--lf-serif)}
.lf-page.lf-general[data-lf-stage="loading"] .lf-content>h1{max-width:340px;margin:0 auto;font:400 25px/28px var(--lf-serif);letter-spacing:normal;color:#fff8f1}
.lf-page.lf-general[data-lf-stage="loading"] .lf-lead{margin:42px 0 16px;font:600 16px/1.3 var(--lf-sans);color:#fff}
.lf-page.lf-general[data-lf-stage="loading"] .lf-loading-art{width:min(100%,330px);height:auto;aspect-ratio:648/386;max-height:none;margin:0 auto;border-radius:14px;object-fit:cover}
.lf-page.lf-general[data-lf-stage="loading"] .lf-small{display:none}
.lf-page.lf-general[data-lf-theme="horror"][data-lf-stage="loading"] .lf-lead{display:none}
.lf-page.lf-general[data-lf-theme="horror"][data-lf-stage="loading"] .lf-loading-art{margin-top:16px}
.lf-page.lf-horror[data-lf-stage="email"] #lf-email-feedback.lf-email-error{color:#fda4af}
.lf-page.lf-general[data-lf-stage="loading"] .lf-loading-art{width:min(100%,340px);border:1px solid #ffffff1a;border-radius:8px}
.lf-page.lf-general[data-lf-stage="loading"] .lf-loading-orbit{background:none}
.lf-page.lf-general[data-lf-stage="loading"] .lf-loading-orbit:before{display:none}
.lf-loading-svg{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 20px #c14f824d)}
.lf-loading-svg .lf-loading-track{stroke:#ffffff1a}
.lf-loading-svg [data-lf-loading-stroke]{stroke:#d6a46b}