body.welcome-mode{--paper:#151817;--ink:#f3f4ef;--orange:#ff805d;--line:#39403b;background:#101312;color:var(--ink);color-scheme:dark}
.welcome-mode .phone{background:var(--paper);box-shadow:none}
body.welcome-mode.landing-mode .phone{min-height:100dvh;height:auto;overflow:visible}
.welcome-mode #top{color:var(--ink);background:#151817}
.welcome-mode .welcome-login{margin-left:auto;color:#c6cec7;font-weight:600;padding:10px}
.welcome-mode .policy-footer{color:#b7c0b9}
.welcome-hook,.welcome-profile{padding:clamp(24px,5vh,54px) 24px 20px}
.welcome-hook{display:flex;flex:1;flex-direction:column;justify-content:space-between;gap:22px}
.welcome-hook h1,.welcome-profile h1{font-size:clamp(30px,8vw,44px);letter-spacing:-.065em;line-height:1.18;margin:0}
.welcome-hook h1 em{font-style:normal;color:#ff977b}
.welcome-hook p,.welcome-profile>p{color:#c3cbc4;line-height:1.7}
.welcome-feature{position:relative;isolation:isolate;overflow:hidden;flex:1;min-height:190px;margin:0;border-radius:18px;background:#272c29}
.welcome-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 47%}
.welcome-feature figcaption{position:absolute;inset:auto 0 0;padding:12px 16px 14px;display:grid;gap:3px;background:#202422;color:white}
.welcome-feature strong{font-size:18px}
.welcome-feature a{width:fit-content;font-size:13px;text-decoration:underline;text-underline-offset:3px}
.welcome-actions{display:grid;text-align:center;gap:4px}
.welcome-actions>a:last-child{padding:12px;color:#ced5ce}
.welcome-primary{display:block;background:#ff805d;color:#211610;border-radius:15px;text-align:center;font-weight:750;padding:15px;width:100%;font-size:16px}
.welcome-primary:disabled{opacity:.65}
.welcome-profile{padding-inline:0}
.welcome-profile h1{font-size:clamp(29px,7vw,36px)}
.welcome-profile form{margin-top:32px}
.welcome-profile input[name=nickname]{display:block;width:100%;padding:14px;margin-top:8px;background:#222724;border:1px solid #69746b;border-radius:12px;color:#fff}
.welcome-profile fieldset{border:0;padding:0;margin:28px 0 0}
.welcome-profile legend,.welcome-profile form>label{font-weight:700}
.welcome-profile small{color:#b6c0b7;font-weight:400}
.source-choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.source-choices label{position:relative;cursor:pointer}
.source-choices input{position:absolute;opacity:0}
.source-choices span{display:block;padding:10px 16px;border:1px solid #58625a;border-radius:24px;background:#222724}
.source-choices input:checked+span{border-color:#ff805d;background:#423028;color:#ffa58a}
.source-choices input:focus-visible+span{outline:2px solid white}
.welcome-status{color:#ffa58a;min-height:22px}
.welcome-mode .auth-screen{padding:8px 0 calc(24px + var(--safe-bottom))}
.welcome-mode .auth-screen h1{margin:20px 0 26px;font-size:clamp(30px,8vw,38px);letter-spacing:-.055em}
.welcome-mode .auth-screen .sub,.welcome-mode :is(.back-link,.guest-link,.reset-link,.auth-switch,.permissions-reopen){color:#bdc6bf}
.welcome-mode .field{color:#edf0ea;margin:18px 0;font-weight:600}
.welcome-mode .field input{background:#222724;border:1px solid #616b63;color:#f3f4ef;border-radius:12px;font-size:16px}
.welcome-mode .field input::placeholder{color:#a9b4aa}
.welcome-mode .field input:focus-visible{outline:2px solid #ff977b;outline-offset:1px}
.welcome-mode .password-wrap button{color:#d2dbd3}
.welcome-mode .auth-screen :is(.primary,.email-signup-link){background:#ff805d;color:#211610;border:0;font-weight:750;border-radius:15px}
.welcome-mode .auth-screen .primary:disabled{opacity:.65}
.welcome-mode .auth-status{color:#ffa58a}
.welcome-mode .auth-status:empty{display:none}
.welcome-mode .auth-switch a{color:#ff977b}
.welcome-mode .auth-screen .link-btn,.welcome-mode .entry-login{background:#272c29;border-color:#475049;color:#eef2ed}
.welcome-mode .auth-screen .permissions-reopen{font-size:12px}

.welcome-stories{position:relative;display:flex;flex-direction:column;flex:1;min-height:238px;background:#202422;border-radius:18px;overflow:hidden}
.welcome-slides{position:relative;flex:1;min-height:190px;overflow:hidden;touch-action:pan-x pinch-zoom}
.welcome-slides .welcome-feature{position:absolute;inset:0;border-radius:0;min-height:0}
.welcome-feature strong{line-height:1.25}
.welcome-feature a{font-size:14px;line-height:1.45}
.story-photo-toggle{position:absolute;inset:0 0 auto;width:100%;height:calc(100% - var(--story-caption-height,70px));border:0;background:transparent;touch-action:pan-x pinch-zoom}
.story-photo-toggle:focus-visible{outline:2px solid var(--orange);outline-offset:-4px}
.welcome-slides figcaption{z-index:1;pointer-events:none}
.welcome-slides figcaption a{pointer-events:auto}
.welcome-slides .welcome-feature:not([hidden]){display:grid;grid-template-rows:minmax(0,1fr) auto}
.welcome-slides .welcome-feature img{position:static;min-height:0;object-position:50% 59%}
.welcome-slides .welcome-feature figcaption{position:static}
.welcome-slides img[src$="mihakdang-financier.jpg"]{object-position:50% 67%}