/* Full-screen launch film; palette follows the saved Blue Living preference. */
#fhSplash{--film-blue:#007aff;--film-ink:#131d2a;--film-paper:#fff;--film-muted:#728096;--film-edge:#dce5f1;--film-haze:#e4f0ff;--film-cream:#f6eee2;--film-wood:#d6b791;--film-wall:#ebe7df;--film-white:#fff;--film-shadow:#728398;--film-green:#718977;position:fixed;inset:0;z-index:95000;isolation:isolate;display:block;padding:0;overflow:hidden;background:var(--film-paper);color:var(--film-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
html[data-blue-theme=dark] #fhSplash{--film-blue:#62adff;--film-ink:#edf5ff;--film-paper:#07064b;--film-muted:#a2b2c5;--film-edge:#2f435d;--film-haze:#18344f;--film-cream:#6a655e;--film-wood:#846a4e;--film-wall:#63717e;--film-white:#b3c6d7;--film-shadow:#050a10;--film-green:#719783}
#fhSplash .film-atmosphere{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 15% 38%,color-mix(in srgb,var(--film-blue) 7%,transparent),transparent 55%),radial-gradient(ellipse at 96% 65%,color-mix(in srgb,var(--film-cream) 64%,transparent),transparent 52%)}
#fhSplash canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
#fhSplash .film-camera{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);color:var(--film-ink);width:144px;height:144px;display:flex;align-items:center;justify-content:center;pointer-events:none}
#fhSplash .film-camera svg{width:136px;height:136px;stroke-width:.95}
#fhSplash .film-camera circle{stroke:var(--film-blue)}
#fhSplash .film-lens-light{position:absolute;width:10px;height:10px;left:76px;top:63px;border-radius:50%;background:var(--film-blue);opacity:.38}
#fhSplash .film-wordmark{position:absolute;left:0;right:0;text-align:center;font-size:31px;line-height:1.1;font-weight:650;letter-spacing:-1.4px;opacity:0;transform:translateY(-50%);pointer-events:none}
#fhSplash .film-message{position:absolute;left:18px;right:18px;top:46%;text-align:center;opacity:0;transform:translateY(12px);pointer-events:none}
#fhSplash .film-headline{font-size:clamp(26px,7.7vw,34px);line-height:1.16;letter-spacing:-1px;font-weight:600;margin:0 auto;max-width:360px;white-space:normal}
/* Invisible full-screen action keeps tapping, keyboard and VoiceOver equivalent. */
#fhSplash .film-tap-area{position:absolute;inset:0;z-index:2;width:100%;height:100%;padding:0;margin:0;border:0;background:transparent;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
#fhSplash .film-tap-area:focus-visible{outline:2px solid var(--film-blue);outline-offset:-6px}