/* A first-visit hello. No page lock, extra fonts or rendering loop. */
.visitor-hello{position:fixed;inset:auto 26px 26px auto;z-index:90;width:min(398px,calc(100vw - 32px));padding:26px;color:#e6eff0;background:radial-gradient(ellipse at 8% 0%,#426f754a,transparent 63%),#101923f5;border:1px solid #9cc3c347;border-radius:23px;box-shadow:0 24px 85px #0008,0 0 0 1px #ffffff04 inset;backdrop-filter:blur(18px);text-align:start;isolation:isolate;opacity:0;transform:translateY(24px);transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1);font-family:Inter,Arial,sans-serif}
.visitor-hello[hidden]{display:none!important}
.visitor-hello.is-visible{opacity:1;transform:none}
.hello-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}
.hello-eyebrow{font-size:9px;letter-spacing:1.5px;color:#a2c2c5;display:flex;align-items:center;gap:8px}
.hello-eyebrow::before{content:'';width:5px;height:5px;background:#bce5d3;border-radius:50%;box-shadow:0 0 12px #bce5d39c}
.hello-close{display:grid;place-items:center;background:#ffffff05;border:1px solid #a5c9d329;color:#b2c5ce;border-radius:50%;width:34px;height:34px;font:23px/1 Arial,sans-serif;cursor:pointer;transition:background .2s,color .2s}
.hello-close:hover{background:#ffffff10;color:white}
.hello-avatar{position:relative;width:57px;height:57px;border:1px solid #93bdc65e;border-radius:19px;background:linear-gradient(145deg,#9ed3d32e,#30505a25);box-shadow:0 6px 24px #0003,inset 0 1px 0 #d7fff32b;margin:0 0 21px;display:flex;align-items:center;justify-content:center;gap:8px;transform:rotate(-7deg);transition:transform .5s}
.hello-eye{width:5px;height:10px;border-radius:4px;background:#c5f2e6;box-shadow:0 0 9px #c5f2e66e;animation:hello-blink 6s 1.2s infinite;transform:translate(var(--eye-x,0px),var(--eye-y,0px))}
.hello-avatar::after{content:'✦';position:absolute;right:-10px;top:-10px;font-size:22px;color:#cce3ce;text-shadow:0 0 20px #bfedce44;animation:hello-spark 4.5s ease-in-out infinite}
.visitor-hello:focus-within .hello-avatar{transform:rotate(0deg)}
.visitor-hello h2{font:500 29px/1.16 Inter,Arial,sans-serif;letter-spacing:-1px;margin:0 0 12px;color:#eef4f3;overflow-wrap:anywhere}
.hello-body{font-size:12px;line-height:1.85;color:#a7bcc8;margin:0 0 22px;max-width:310px}
.hello-label{display:block;font-size:10px;font-weight:500;margin:0 0 9px;color:#c0d2d8}
.hello-input-wrap{position:relative}
.hello-input-wrap input{display:block;width:100%;min-width:0;min-height:51px;background:#07111b9c;border:1px solid #92b4c14a;border-radius:10px;padding:13px 42px 13px 15px;font:400 15px/1.5 Inter,Arial,sans-serif;color:#edf5f5;outline-offset:3px;transition:border-color .2s,background .2s}
.hello-input-wrap input::placeholder{color:#6d8998;opacity:1}
.hello-input-wrap input:focus{outline:2px solid #bbdcd6;border-color:#bbdcd6;background:#0b1822}
.hello-input-wrap>span{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#8bb3b7;font-size:19px;pointer-events:none}
.hello-actions{display:flex;gap:12px;align-items:center;margin-top:15px}
.hello-submit,.hello-explore{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:46px;padding:12px 17px;border:1px solid #c5ded9;background:#c5ded9;color:#10262e;font:500 11px/1.5 Inter,Arial,sans-serif;border-radius:9px;cursor:pointer;transition:background .2s,transform .2s}
.hello-submit{flex:1}.hello-submit:hover,.hello-explore:hover{background:#e0efea;transform:translateY(-1px)}
.hello-submit>span:last-child,.hello-explore>span:last-child{font:18px/1 Arial,sans-serif}
.hello-skip{min-height:44px;padding:10px 5px;border:0;border-bottom:1px solid transparent;background:none;color:#9cb1bf;font:400 10px/1.5 Inter,Arial,sans-serif;cursor:pointer;white-space:nowrap}
.hello-skip:hover{border-bottom-color:#9cb1bf;color:#e0eded}
.hello-note{display:flex;align-items:center;gap:6px;font:400 9px/1.7 Inter,Arial,sans-serif;color:#7793a3;margin:17px 0 0}
.hello-note svg{flex:none;width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:1.5}
.hello-note[hidden]{display:none}
.hello-note{align-items:flex-start;font-size:10px;line-height:1.8;color:#96adb8}.hello-note svg{margin-top:3px}
.hello-feedback{font-size:11px;line-height:1.8;color:#f0bdb2;margin:12px 0 0}.hello-feedback[hidden]{display:none}
.hello-submit:disabled{opacity:.7;cursor:wait;transform:none}
.hello-explore{width:100%;margin-top:24px}.hello-explore[hidden]{display:none}
.visitor-hello.is-greeted .hello-avatar{transform:rotate(5deg);border-color:#bde2cd9c;background:linear-gradient(135deg,#7da8834a,#376c7733)}
.visitor-hello.is-greeted .hello-eye{height:6px;border-radius:7px 7px 3px 3px;animation:none}
.visitor-hello.is-greeted .hello-body{margin-bottom:0}
.visitor-hello button:focus-visible{outline:2px solid #e3f6ed;outline-offset:4px}
html[dir=rtl] .visitor-hello{inset-inline-start:26px;inset-inline-end:auto;font-family:Tahoma,Arial,sans-serif}
html[dir=rtl] .visitor-hello h2{font-family:Tahoma,Arial,sans-serif;letter-spacing:-.5px;font-size:28px;line-height:1.4}
html[dir=rtl] .hello-eyebrow{letter-spacing:0}
html[dir=rtl] .hello-input-wrap input{padding:13px 15px 13px 42px}
html[dir=rtl] .hello-input-wrap>span{right:auto;left:15px}
@keyframes hello-blink{0%,44%,48%,100%{scale:1 1}46%{scale:1 .15}}
@keyframes hello-spark{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-4px) rotate(15deg)}}
@media(max-width:600px){.visitor-hello,html[dir=rtl] .visitor-hello{inset:auto 16px max(16px,env(safe-area-inset-bottom)) 16px;width:auto;padding:23px;border-radius:20px;max-height:calc(100svh - 32px);overflow:auto;backdrop-filter:none}.hello-top{margin-bottom:18px}.hello-close{width:40px;height:40px}.hello-avatar{width:49px;height:49px;border-radius:16px;margin-bottom:18px}.visitor-hello h2{font-size:27px}.hello-body{margin-bottom:18px}.hello-note{font-size:8px}.hello-input-wrap input{font-size:16px}}
@media(max-width:360px){.hello-actions{flex-direction:column;align-items:stretch;gap:3px}.hello-skip{min-height:35px}.hello-submit>span:first-child{white-space:nowrap}}
@media(max-height:570px){.visitor-hello{padding:20px;max-height:calc(100dvh - 32px);overflow:auto}.hello-avatar{display:none}.hello-top{margin-bottom:13px}.visitor-hello h2{font-size:24px}.hello-body{margin-bottom:12px}.hello-note{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.visitor-hello,.hello-avatar,.hello-submit,.hello-explore{transition:none;transform:none}.hello-eye,.hello-avatar::after{animation:none}}
@media(max-width:600px){.hello-note{font-size:10px}}