:root{--ob34-blue:#23A5B4;--ob34-dark:#075664;--ob34-ink:#17383e;--ob34-muted:#6b7f83;--ob34-bg:#f5f8f9;--ob34-soft:#eaf7f8;--ob34-line:#dfe9ea;--ob34-white:#fff}
body[data-route="onboard"]:not(.ob34-preview) #nav{display:flex!important}
body[data-route="onboard"].ob34-preview{background:var(--ob34-bg)}
body[data-route="onboard"].ob34-preview #header,body[data-route="onboard"].ob34-preview #nav,body[data-route="onboard"].ob34-preview #mini{display:none!important}
body[data-route="onboard"].ob34-preview #view{padding:0!important;max-width:none!important;margin:0!important;min-height:100dvh}
body[data-route="onboard"].ob34-preview .app-shell{min-height:100dvh}

.ob34-gallery{display:grid;gap:10px;padding-bottom:16px}.ob34-gallery-note{margin:-2px 1px 7px;color:var(--ob34-muted);font-size:12px;line-height:1.8}.ob34-gallery-card{display:flex;align-items:center;gap:12px;min-height:76px;padding:12px 13px;background:#fff;border:1px solid var(--ob34-line);border-right:3px solid var(--ob34-blue);border-radius:16px;color:var(--ob34-ink);text-decoration:none}.ob34-gallery-num{width:38px;height:38px;flex:0 0 38px;border-radius:12px;display:grid;place-items:center;background:var(--ob34-soft);color:var(--ob34-dark);font-size:11px;font-weight:700}.ob34-gallery-copy{flex:1;min-width:0}.ob34-gallery-copy strong{display:block;font-size:14px;line-height:1.55}.ob34-gallery-copy small{display:block;margin-top:2px;color:var(--ob34-muted);font-size:11px;line-height:1.55}.ob34-gallery-arrow{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#f2f8f9;color:var(--ob34-dark)}.ob34-gallery-arrow svg{width:16px;height:16px;stroke-width:1.7}

.ob34-screen{position:relative;min-height:100dvh;padding:calc(max(20px,env(safe-area-inset-top)) + 4px) 20px calc(max(18px,env(safe-area-inset-bottom)) + 8px);background:var(--ob34-bg);color:var(--ob34-ink);font-family:inherit;overflow:auto;display:flex;flex-direction:column;direction:rtl}.ob34-screen button,.ob34-screen select,.ob34-screen input{font:inherit}.ob34-screen svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.ob34-exit{position:absolute;left:18px;top:calc(max(18px,env(safe-area-inset-top)) + 2px);z-index:8;width:36px;height:36px;border:1px solid #dce7e8;border-radius:12px;background:rgba(255,255,255,.94);color:var(--ob34-dark);display:grid;place-items:center;box-shadow:0 4px 14px rgba(7,86,100,.05)}.ob34-exit svg{width:17px;height:17px;stroke-width:1.7}
.ob34-step{height:38px;display:flex;align-items:center;gap:9px;color:var(--ob34-dark);font-size:11.5px;font-weight:700;padding-left:50px}.ob34-step-bars{display:flex;gap:4px}.ob34-step-bars i{width:15px;height:3px;border-radius:99px;background:#d4e2e4}.ob34-step-bars i.on{width:23px;background:var(--ob34-blue)}
.ob34-title{margin:14px 0 14px;padding-right:11px;border-right:3px solid var(--ob34-blue)}.ob34-title h1{margin:0;font-size:22px;line-height:1.5;color:var(--ob34-dark);font-weight:700}.ob34-title p{margin:3px 0 0;color:var(--ob34-muted);font-size:11.5px;line-height:1.8}

.ob34-first,.ob34-later,.ob34-standard{background:var(--ob34-bg)}
.ob34-first-main,.ob34-later-main{flex:1;display:flex;flex-direction:column;justify-content:center}.ob34-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 6px 12px}.ob34-welcome--first{min-height:32dvh}.ob34-welcome--later{min-height:0;padding-top:0;padding-bottom:0}.ob34-welcome-logo{width:126px;height:126px;display:grid;place-items:center;border-radius:33px;background:linear-gradient(180deg,#31b4c2,#1f95a3);color:#fff;box-shadow:0 18px 34px rgba(35,165,180,.16)}.ob34-welcome-logo svg{width:62px;height:62px;stroke-width:1.3}.ob34-welcome h1{margin:18px 0 0;font-size:38px;line-height:1.3;color:var(--ob34-dark);font-weight:700}.ob34-welcome p{max-width:430px;margin:22px auto 0;color:var(--ob34-muted);font-size:14px;line-height:2.05;text-wrap:balance}.ob34-language-block{margin-top:6px}.ob34-later{justify-content:center}

.ob34-language-list{display:grid;gap:10px}.ob34-language-entry{min-height:74px;width:100%;border:1px solid #e1e9ea;border-right:3px solid var(--ob34-blue);border-radius:16px;background:#fff;padding:12px 14px;display:flex;align-items:center;gap:12px;text-align:right;color:var(--ob34-ink)}.ob34-language-entry.active{background:#fbfefe}.ob34-language-entry.en{direction:ltr;text-align:left}.ob34-language-entry-icon{width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:var(--ob34-soft);color:var(--ob34-dark);display:grid;place-items:center;font-size:14px;font-weight:700}.ob34-language-entry-copy{display:block;min-width:0;flex:1}.ob34-language-entry-copy strong{display:block;font-size:14px;line-height:1.5;font-weight:600}.ob34-language-entry-copy small{display:block;font-size:10px;color:var(--ob34-muted);margin-top:2px}

.ob34-loading-wrap{display:flex;flex-direction:column;align-items:center;gap:7px;margin-top:24px;padding-top:0}.ob34-loading-wrap small{font-size:10.5px;color:var(--ob34-muted)}.ob34-loading{position:relative;width:84px;height:5px;border-radius:99px;background:#d8e8ea;overflow:hidden}.ob34-loading span{display:block;width:36px;height:100%;border-radius:inherit;background:var(--ob34-blue);animation:ob34load 1.2s ease-in-out infinite}@keyframes ob34load{0%{transform:translateX(46px)}50%{transform:translateX(20px)}100%{transform:translateX(-36px)}}

.ob34-notify-list{display:grid;gap:8px}.ob34-notify-item{min-height:66px;border:1px solid #e1e9ea;border-right:3px solid var(--ob34-blue);border-radius:16px;background:#fff;padding:10px 12px;display:flex;align-items:center;gap:11px}.ob34-all-item{margin-bottom:10px}.ob34-row-icon{width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:var(--ob34-soft);color:var(--ob34-dark);display:grid;place-items:center}.ob34-row-icon svg{width:19px;height:19px;stroke-width:1.45}.ob34-notify-item strong{flex:1;font-size:13.5px;font-weight:600;line-height:1.5}.ob34-outside-note{margin:-2px 14px 1px 0;color:var(--ob34-muted);font-size:10px;line-height:1.6}.ob34-switch{position:relative;width:42px;height:25px;flex:0 0 42px}.ob34-switch input{position:absolute;opacity:0}.ob34-switch>span{position:absolute;inset:0;border-radius:99px;background:#d5e1e2;transition:.18s}.ob34-switch>span:after{content:"";position:absolute;width:19px;height:19px;top:3px;right:3px;border-radius:50%;background:#fff;box-shadow:0 1px 5px rgba(7,86,100,.13);transition:.18s}.ob34-switch input:checked+span{background:var(--ob34-blue)}.ob34-switch input:checked+span:after{transform:translateX(-17px)}.ob34-bottom{margin-top:auto;padding-top:17px}

.ob34-primary,.ob34-secondary{width:100%;min-height:49px;border-radius:13px;padding:11px 16px;font-weight:700;font-size:13.5px;display:flex;align-items:center;justify-content:center;gap:8px}.ob34-primary{border:0;background:var(--ob34-blue);color:#fff;box-shadow:0 8px 18px rgba(35,165,180,.12)}.ob34-primary:disabled{opacity:.45}.ob34-secondary{border:1px solid #cfe1e3;background:#fff;color:var(--ob34-dark)}.ob34-with-icon svg,.ob34-auto-return svg{width:19px;height:19px;stroke-width:1.55}.ob34-plain{border:0;background:transparent;color:var(--ob34-muted);min-height:42px;font-size:12px;font-weight:600;width:100%}

.ob34-location{justify-content:flex-start}.ob34-location-copy{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:10px 8px 10px;min-height:47dvh}.ob34-location-mark{width:94px;height:94px;border-radius:28px;margin:4px auto 18px;background:#e3f5f7;color:var(--ob34-blue);display:grid;place-items:center;border:1px solid #d2e9eb}.ob34-location-mark svg{width:42px;height:42px;stroke-width:1.35}.ob34-location-copy h1{margin:0;max-width:332px;font-size:18px;line-height:1.95;color:var(--ob34-dark);font-weight:700}.ob34-location-note{max-width:332px;margin:10px auto 0;color:var(--ob34-muted);font-size:12px;line-height:1.9}.ob34-location-benefits{display:grid;gap:8px;width:100%;max-width:270px;margin-top:18px}.ob34-location-benefit{min-height:48px;border:1px solid #e1e9ea;border-right:3px solid var(--ob34-blue);border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--ob34-dark);font-size:13px;font-weight:600}.ob34-location-buttons{display:grid;gap:9px;margin-top:auto}

.ob34-form{display:flex;flex-direction:column;gap:16px;flex:1}.ob34-stage{padding-top:6px}.ob34-stage h2{margin:0 0 12px;color:var(--ob34-dark);font-size:17px;line-height:1.8;font-weight:700}.ob34-field{display:block;margin:0}.ob34-city-field{margin-top:14px}.ob34-control{position:relative}.ob34-control :is(select,input){width:100%;height:61px;border:1px solid #e0e8e9;border-right:3px solid var(--ob34-blue);border-radius:16px;background:#fff;color:var(--ob34-ink);outline:none;padding:0 14px 0 57px;font-size:13.5px;font-weight:400;-webkit-appearance:none;appearance:none}.ob34-control select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075664' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8 10 4 4 4-4'/%3E%3C/svg%3E");background-size:16px;background-repeat:no-repeat;background-position:55px 50%;padding-left:82px}.ob34-control i{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:37px;height:37px;border-radius:11px;background:var(--ob34-soft);color:var(--ob34-dark);display:grid;place-items:center;pointer-events:none;font-style:normal}.ob34-control i svg{width:18px;height:18px;stroke-width:1.5}.ob34-control :is(select,input):focus{border-color:#b9dce0;box-shadow:0 0 0 3px rgba(35,165,180,.07)}.ob34-control :is(select,input):disabled{opacity:1;background:#fff;color:var(--ob34-ink);border-right:3px solid var(--ob34-blue)}.ob34-control input::placeholder{color:var(--ob34-ink);opacity:1;font-weight:400}.ob34-control input[type=search]{border-right:3px solid var(--ob34-blue)!important;color:var(--ob34-ink)!important;font-size:13.5px;font-weight:400}.ob34-city-status{min-height:17px;margin:6px 3px 0;color:var(--ob34-muted);font-size:10px;line-height:1.6}.ob34-manual-actions{margin-top:auto;padding-top:4px;display:grid;gap:8px}.ob34-auto-return{min-height:47px;margin-top:0}.ob34-manual-note{margin:8px 2px 0;color:var(--ob34-muted);font-size:10.5px;line-height:1.8;text-align:center}

.ob34-toast{position:fixed;left:20px;right:20px;bottom:calc(22px + env(safe-area-inset-bottom));z-index:9999;max-width:410px;margin:auto;border-radius:13px;background:#123b43;color:#fff;padding:11px 14px;text-align:center;font-size:12px;opacity:0;transform:translateY(7px);pointer-events:none;transition:.18s}.ob34-toast.show{opacity:1;transform:none}
@media(max-width:360px){.ob34-screen{padding-inline:16px}.ob34-welcome-logo{width:104px;height:104px}.ob34-welcome h1{font-size:31px}.ob34-location-copy h1{font-size:17px}.ob34-title h1{font-size:20px}.ob34-language-entry{min-height:68px;padding-inline:10px}.ob34-control :is(select,input){height:57px}}
@media(max-height:700px){.ob34-screen{padding-top:calc(max(16px,env(safe-area-inset-top)) + 4px)}.ob34-welcome--first{min-height:28dvh;padding-top:18px}.ob34-welcome--later{min-height:0;padding-top:0}.ob34-welcome-logo{width:108px;height:108px}.ob34-welcome h1{font-size:32px}.ob34-language-entry{min-height:66px}.ob34-notify-list{gap:6px}.ob34-notify-item{min-height:58px;padding-block:7px}.ob34-location-copy{min-height:43dvh}.ob34-location-mark{width:82px;height:82px;margin-bottom:14px}.ob34-location-copy h1{font-size:17px}.ob34-control :is(select,input){height:55px}.ob34-form{gap:12px}}