.fishon-login{min-height:100svh;height:max(var(--visible-height,100dvh),calc(var(--welcome-sheet-height,390px) + 180px + env(safe-area-inset-top) + env(safe-area-inset-bottom)));background:linear-gradient(#d9edf9,#eff4fa);background-size:100% var(--layout-height,100svh);color:#132a36;background-color:#e6f0f8;background-repeat:no-repeat;position:relative;overflow:clip}.fishon-login:before{display:none}.fishon-login[data-view=email]{height:var(--visible-height,100dvh);min-height:0}.fishon-login-scene{inset:env(safe-area-inset-top) 0 calc(var(--welcome-sheet-height,390px) + max(8px,env(safe-area-inset-bottom)));isolation:isolate;position:absolute}.fishon-login-environment{z-index:-2;position:absolute;inset:0 0 -64px;overflow:hidden}.fishon-login-environment img{object-fit:cover;object-position:50% 50%}.fishon-login-scene:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#04365c45,#0000 30% 75%,#8cc7e326);position:absolute;inset:0 0 -64px}.fishon-login-aquarium{position:absolute;inset:72px 0 0}.fishon-login[data-view=email] .fishon-login-scene{height:var(--layout-height,100svh);inset:0 0 auto}.fishon-login[data-view=email] .fishon-login-wordmark{display:none}.fishon-login-welcome{z-index:1;padding-bottom:max(8px,env(safe-area-inset-bottom));flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.fishon-login-welcome[hidden]{display:none}.fishon-login-wordmark{z-index:2;color:#fff;letter-spacing:-1.1px;text-shadow:0 2px 12px #04365c33;font-size:27px;font-weight:800;position:absolute;top:26px;left:28px}.fishon-login-wordmark span{letter-spacing:3px;color:#e3f5ffcc;margin-top:3px;font-size:11px;font-weight:500;display:block}.fishon-login-sheet{color:#132a36;background:#fff;border-radius:42px;margin:0 8px;padding:26px 25px 28px;position:relative;box-shadow:0 -12px 35px #34465b05}.fishon-login-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.fishon-login-mark{background:#f1f9fa;border-radius:18px;place-items:center;width:56px;height:56px;display:grid}.fishon-login-mark .brand-mark{width:45px;height:45px}.fishon-login-close{color:#89969b;background:#f3f5f6;border-radius:50%;align-self:flex-start;place-items:center;width:44px;height:44px;display:grid}.fishon-login h1{letter-spacing:-.7px;margin:0 0 10px;font-size:27px;font-weight:750;line-height:1.25}.fishon-login-intro{color:#7a8890;margin:0 0 25px;font-size:14px;line-height:1.6}.fishon-login-form{gap:16px;display:grid}.fishon-login-options{gap:12px;display:grid}.fishon-login-secondary{color:#132a36;background:#f4f6f7;border-radius:16px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:54px;padding:16px;font-size:15px;font-weight:600;display:flex}.fishon-login-secondary svg{width:21px;height:21px}.fishon-login-email{z-index:1;overscroll-behavior:contain;padding:calc(30px + env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:linear-gradient(#e9f2f8fa,#e9f2f8ed 50%,#e9f2f866 78%,#0000);background-size:100% var(--layout-height,100svh);background-repeat:no-repeat;position:absolute;inset:0;overflow-y:auto}.fishon-login-email-content{width:100%;max-width:440px;margin:0 auto}.fishon-login-back{color:#425968;width:44px;height:44px;box-shadow:var(--shell-shadow);background:#fff;border-radius:50%;place-items:center;margin-bottom:30px;display:grid}.fishon-login-email h1{margin-bottom:0}.fishon-login-email .fishon-login-intro{margin:14px 0 28px}.fishon-login-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fishon-login-label{color:#52616d;gap:9px;font-size:12px;font-weight:500;display:grid}.fishon-login-input{color:#95a1aa;background:#f4f6f7;border:1px solid #edf0f2;border-radius:16px;align-items:center;gap:11px;min-height:54px;padding:0 16px;display:flex}.fishon-login-input:focus-within{border-color:#29afbd;box-shadow:0 0 0 3px #23b1bc12}.fishon-login-input input{color:#192f3c;background:0 0;border:0;outline:none;width:100%;min-width:0;padding:15px 0;font-size:16px}.fishon-login-input input::placeholder{color:#a0a9b1}.fishon-login-primary{color:#fff;cursor:pointer;background:#102c3a;border:0;border-radius:16px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:54px;padding:16px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.fishon-login-primary:disabled{opacity:.48;cursor:default}.fishon-login-primary:focus-visible,.fishon-login-actions button:focus-visible,.fishon-login-close:focus-visible{outline-offset:3px;outline:3px solid #23b1bc88}.fishon-login-address{color:#425968;overflow-wrap:anywhere;align-items:center;gap:8px;font-size:14px;display:flex}.fishon-login-otp{letter-spacing:12px;color:#102c3a;font-variant-numeric:tabular-nums;background:#f5f9fa;border:1px solid #d9e6ea;border-radius:16px;outline-color:#29afbd;width:100%;min-width:0;min-height:58px;padding:14px 18px;font-size:23px}.fishon-login-otp::placeholder{color:#cad5da}.fishon-login-actions{justify-content:space-between;gap:12px;display:flex}.fishon-login-actions button{color:#347b87;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;min-height:36px;padding:6px 0;font-size:13px;display:flex}.fishon-login-actions button:disabled{color:#a7b4bb;cursor:default}.fishon-login-security{color:#9aa6ae;justify-content:center;align-items:center;gap:6px;margin:18px 0 20px;font-size:11px;line-height:1.5;display:flex}.fishon-login-browse{color:#677e89;justify-content:center;align-items:center;gap:5px;min-height:36px;margin-top:12px;font-size:12px;text-decoration:none;display:flex}.fishon-login-powered{letter-spacing:1.7px;text-align:center;color:#bcc5c9;margin-top:12px;font-size:9px}.fishon-login-unavailable{color:#7a8890;font-size:14px;line-height:1.6}.fishon-login .commerce-error{border-radius:12px;margin-bottom:16px;font-size:13px}@media (max-width:360px){.fishon-login-sheet{border-radius:34px;padding:23px 20px 24px}.fishon-login h1{font-size:25px}.fishon-login-email{padding-inline:20px}.fishon-login-aquarium{top:58px}.fishon-login-wordmark{font-size:24px;top:20px;left:24px}}