@charset "UTF-8";
.container{position:relative;isolation:isolate;overflow:hidden;min-height:100dvh;box-sizing:border-box;padding-bottom:calc(108px + env(safe-area-inset-bottom));background:radial-gradient(circle at 22% 12%,rgba(255,255,255,.58),transparent 34%),radial-gradient(circle at 88% 48%,rgba(109,222,190,.2),transparent 42%),linear-gradient(165deg,#b9f0df 0,#d9f8ee 38%,#eefbf6 100%)!important;background-color:#d8f7ec!important;color:#073b2a}
.container:before{content:"";position:absolute;z-index:-1;top:205px;left:50%;width:285px;height:285px;transform:translateX(-50%);background:url(/assets/tripadvisor-owl.svg) center/contain no-repeat;opacity:.065;filter:grayscale(1) sepia(1) hue-rotate(95deg) saturate(2)}
.topBox{position:relative;z-index:1;margin:0 18px}.topBox .topBox-top{display:flex;align-items:center}.topBox .topBox-top .topBox-head{flex:0 0 70px;margin-right:18px}.topBox .topBox-top .topBox-det{min-width:0;flex:1;align-items:flex-start!important}.topBox .topBox-top .topBox-det .topBox-name{width:100%;margin:0 0 8px!important;color:#073b2a!important;font-size:19px!important;line-height:24px;text-align:left}.topBox .topBox-top .topBox-det .topBox-con{width:100%;margin-top:0!important;display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start!important;gap:7px;flex-wrap:nowrap}
.topBox .topBox-top .topBox-det .topBox-con .topBox-user-id{min-width:0;height:31px;margin:0;padding:0 10px 0 6px;gap:6px;border:1px solid rgba(0,151,98,.18);border-radius:16px;background:rgba(255,255,255,.82);box-shadow:0 5px 14px rgba(0,122,77,.08);white-space:nowrap}
.topBox-user-id .user-id-label{min-width:30px;height:21px;padding:0 7px}.topBox-user-id .invite-code-label{min-width:48px;background:linear-gradient(135deg,#36cfa0,#149e75)}.topBox-user-id .user-id-value{font-size:13px}.profile-copy-pill{cursor:pointer;user-select:none;transition:transform .15s ease,box-shadow .15s ease}.profile-copy-pill:active{transform:scale(.96);box-shadow:0 2px 7px rgba(0,122,77,.12)}.profile-copy-toast{margin-top:7px;padding:4px 10px;border-radius:12px;background:rgba(0,122,77,.1);color:#007a4d;font-size:11px;font-weight:700}
.top .lang{background:linear-gradient(135deg,rgba(0,170,108,.92),rgba(0,122,77,.92))!important;box-shadow:0 5px 15px rgba(0,122,77,.14)}.shortcut,.menu{background:rgba(255,255,255,.88)!important;backdrop-filter:blur(8px)}.colorLine,.colorLine1{background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(220,248,237,.9))!important}.out{background:linear-gradient(135deg,#12bd80,#00895a)!important;box-shadow:0 8px 20px rgba(0,137,90,.18)}
@media(max-width:370px){.topBox{margin:0 12px}.topBox .topBox-top .topBox-head{width:62px;height:62px;flex-basis:62px;margin-right:12px}.topBox .topBox-top .topBox-det .topBox-con{gap:5px}.topBox .topBox-top .topBox-det .topBox-con .topBox-user-id{padding-right:7px}.topBox-user-id .user-id-value{font-size:12px}.topBox-user-id .invite-code-label{min-width:43px;padding:0 5px;font-size:10px}}