@font-face{font-family:'Lato';src:local("Lato"),url(./font/lato400.woff) format("woff")}@font-face{font-family:'Lato';font-style:normal;font-weight:900;src:local("Lato Black"),local("Lato-Black"),url(./font/lato400.woff) format("woff")}@-webkit-keyframes msgBounceIn{from,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1.03);transform:scale(1.03)}75%{-webkit-transform:scale(0.98);transform:scale(0.98)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes msgBounceIn{from,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1.03);transform:scale(1.03)}75%{-webkit-transform:scale(0.98);transform:scale(0.98)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes dotZoomIn{from,40%,80%,100%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}from{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}80%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(0);transform:scale(0)}}@keyframes dotZoomIn{from,40%,80%,100%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}from{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}80%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(0);transform:scale(0)}}html,body{width:100%;height:100%;padding:0;margin:0}body{position:relative;font-family:Lato;font-size:14px;background-color:#e9fbf8;background-image:radial-gradient(ellipse farthest-corner at 50% 0, #DBF5F1 0%, #9BE4D8 100%)}ul{margin:0;padding:0}li{list-style:none}img{max-width:100%}.primary-bg,.msg-me .msg,#prompt-body .next-topic .topics li a{background:linear-gradient(20deg, #3FD1E1 0%, #44D7CD 100%)}#mobile{position:absolute;left:50%;top:30px;bottom:30px;overflow:hidden;width:360px;margin-left:-180px;background-color:white;border-radius:20px;box-shadow:0 0 30px 0 rgba(34,195,170,0.5);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}#mobile-head{width:100%;height:44px;background:white}#mobile-head-title{padding:12px;color:#888;text-align:center}#mobile-foot{position:absolute;bottom:0;width:100%;height:54px;background:white;border-top:1px solid #f3f3f3}.say-something{padding:18px 25px;color:#bbb}#input-hint.clickable{cursor:pointer}@media (max-width: 480px){#mobile{left:0;top:0;bottom:0;right:0;margin-left:0;width:auto;border-radius:0}#mobile.has-prompt:after{border-radius:0 !important}#mobile-head{display:none}#mobile-body{top:0 !important}#prompt-body{border-radius:0 !important}}#mobile-body{position:absolute;top:45px;bottom:55px;width:100%;background:#E8F9F6}#mobile-body a{color:#22c3aa;text-decoration:none}#mobile-body-bg{width:100%;height:100%}#mobile-body-bg:before,#mobile-body-bg:after{content:'';display:block;z-index:10}#mobile-body-bg:before{position:relative;width:100%;height:25px;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(34,195,170,0.1)), color-stop(0, transparent));background:linear-gradient(rgba(34,195,170,0.1) 0, transparent)}#mobile-body-bg:after{position:absolute;bottom:0;width:100%;height:15px;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), to(rgba(34,195,170,0.05)));background:linear-gradient(transparent 0, rgba(34,195,170,0.05) 100%)}#mobile-body-content{position:absolute;top:0;left:0;right:0;bottom:0;padding:16px 10px 16px 18px;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;color:#666;z-index:1}#mobile-body-content::-webkit-scrollbar{width:8px}#mobile-body-content::-webkit-scrollbar-thumb{background-color:#bdf4eb;border-radius:4px}#mock-msg-row{position:absolute;top:-1000px;left:18px;right:10px;visibility:hidden}.msg-time{margin:10px 5px;font-size:13px;text-align:center;color:#bbb}.msg-row{margin-bottom:10px}.msg-row::before,.msg-row::after{content:" ";display:table}.msg-row::after{clear:both}.msg-author{margin-bottom:20px}.msg-author+.msg-author{margin-top:-15px}.msg-me{margin-bottom:20px}.msg-me+.msg-me{margin-top:-15px}.msg{display:inline-block;padding:9px 14px;max-width:65%;overflow:hidden;word-wrap:break-word;font-size:14px;line-height:24px;background:white;border-radius:20px;box-shadow:5px 5px 15px 0 rgba(102,102,102,0.1);-webkit-transition:width .12s ease-out, height .12s ease-out;transition:width .12s ease-out, height .12s ease-out;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.msg-author .msg{border-radius:0 20px 20px 20px}.msg-me .msg{float:right;color:white;border-radius:20px 20px 0 20px;box-shadow:5px 5px 15px 0 rgba(102,102,102,0.15)}.msg img{margin:8px 0}.msg .dot{position:relative;display:inline-block;width:10px;height:10px;background:#b0e9e0;border-radius:50%;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:dotZoomIn 1.4s infinite;animation:dotZoomIn 1.4s infinite}.msg .dot:first-child{-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.msg .dot:nth-child(2){-webkit-animation-delay:-0.16s;animation-delay:-0.16s}.msg .dot+.dot{margin-left:5px}.msg-bounce-in-left{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-animation:msgBounceIn .4s;animation:msgBounceIn .4s}.msg-bounce-in-right{-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-animation:msgBounceIn .4s;animation:msgBounceIn .4s}@media (max-width: 480px){.msg{font-size:15px}}#prompt-bg{opacity:0}#mobile.has-prompt #prompt-bg{position:absolute;top:0;z-index:50;display:block;width:100%;height:100%;background-color:rgba(0,0,0,0.5);border-radius:20px;opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s}#prompt{position:absolute;bottom:0;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);z-index:100;width:100%;box-shadow:0 0 30px 0 rgba(0,0,0,0.2);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}#mobile.has-prompt #prompt{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}#prompt-head{position:relative;border-bottom:1px solid #f3f3f3;background-color:white}#prompt-head .say-something{padding-top:12px;padding-bottom:12px}.close-btn{position:absolute;top:0;right:0;height:20px;padding:12px 18px}.close-btn:before,.close-btn:after{content:'';display:block;width:16px;height:2px;position:relative;top:8px;background-color:#ddd}.close-btn:before{top:10px;-webkit-transform:rotateZ(45deg);-ms-transform:rotate(45deg);transform:rotateZ(45deg)}.close-btn:after{-webkit-transform:rotateZ(-45deg);-ms-transform:rotate(-45deg);transform:rotateZ(-45deg)}#prompt-body{background-color:white;overflow:hidden}#prompt-body .responses li{border-bottom:1px solid #f3f3f3}#prompt-body .responses li:last-child{border-bottom:none}#prompt-body .responses li a{display:block;height:100%;padding:12px 18px;color:#666;text-decoration:none}#prompt-body .responses li a:hover{text-decoration:none}#prompt-body .next-topic{padding:12px 18px}#prompt-body .next-topic h3{margin:0 0 12px 0;font-size:14px;font-weight:normal;color:#bbb}#prompt-body .next-topic .topics{text-align:center}#prompt-body .next-topic .topics li{display:inline-block;margin:5px 3px}#prompt-body .next-topic .topics li a{display:block;padding:5px 12px;margin-right:5px;border-radius:20px;text-decoration:none;color:white}#prompt-body .next-topic .topics li a:hover{text-decoration:none}@media (max-width: 480px){#prompt-bg{border-radius:0 !important}#prompt-head .say-something{padding-top:15px;padding-bottom:15px}#prompt-body .responses li a{padding:15px 21px}}.extra-link{position:absolute;bottom:20px;max-width:20%}.extra-link a{display:inline-block;margin:0 6px;text-decoration:none}.extra-link a:hover{text-decoration:none;text-shadow:0 0 5px #22c3aa}.extra-link a:hover svg{-webkit-filter:drop-shadow(0 0 5px #22c3aa);filter:drop-shadow(0 0 5px #22c3aa)}.extra-link a.letters{position:relative;top:-4px;font-size:16px;color:white;text-decoration:none}.extra-link a#en-link{font-size:17px}.extra-link a svg{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}#meta-link{left:20px}#social-link{right:20px}@media (max-width: 720px){.extra-link{display:none}}