@charset "UTF-8";@import "https://cdn.jsdelivr.net/combine/gh/necolas/normalize.css@8.0.1/normalize.min.css,gh/fabien-d/alertify.js@0.3.11/themes/alertify.core.min.css";@import "https://cdn.jsdelivr.net/gh/hung1001/font-awesome-pro@v5.15.4/css/all.min.css";@import "https://www.appsoda.nien.com/css/alertify.custom.min.css";@import "https://fonts.googleapis.com/css2?family=Comfortaa&display=swap";:root{--main:#4ac29a;--bg:#bce8da}*,*::before,*::after{box-sizing:border-box}a:link,a:visited,a:hover,a:active{text-decoration:none;cursor:pointer;color:inherit}[onclick]{cursor:pointer}.pace{user-select:none;pointer-events:none}.pace-inactive{display:none}.pace-progress{position:fixed;width:100%;top:0;right:100%;height:2px;background:var(--main);z-index:9}[data-fal]::before,[data-far]::before,[data-fas]::before,[data-falr]::after,[data-farr]::after,[data-fasr]::after{font-family:"font awesome 5 pro",taipei sans tc;font-weight:500}[data-fab]::before,[data-fabr]::after{font-family:"font awesome 5 brands",taipei sans tc;font-weight:500}[data-fad]::before,[data-fadr]::after{font-family:"font awesome 5 duotone",taipei sans tc;font-weight:500}[data-fal]::before,[data-far]::before,[data-fas]::before,[data-fad]::before,[data-fab]::before{margin-right:.4em}[data-falr]::after,[data-farr]::after,[data-fasr]::after,[data-fadr]::after,[data-fabr]::after{margin-left:.4em}[data-fab]::before{content:attr(data-fab)}[data-fabr]::after{content:attr(data-fabr)}[data-fad]::before{content:attr(data-fad)}[data-fadr]::after{content:attr(data-fadr)}[data-fal]::before{content:attr(data-fal);font-weight:300}[data-falr]::after{content:attr(data-falr);font-weight:300}[data-far]::before{content:attr(data-far)}[data-farr]::after{content:attr(data-farr)}[data-fas]::before{content:attr(data-fas);font-weight:900}[data-fasr]::after{content:attr(data-fasr);font-weight:900}input[type=checkbox]{transform:scale(1.1);outline:none}input:focus{box-shadow:#bce8da 1px 1px 6px 2px}input[type=email],input[type=text]{width:100%;padding:.5em 1em;line-height:2;color:var(--main);border:1px solid #ccc;border-radius:2em;background:0 0;caret-color:var(--main);outline:none}input[type=email]:invalid,footer input[type=email]:invalid{color:#ff8a9d}input[readonly]{background:#f8f8f8}html,body{margin:0 auto;padding:0;scroll-behavior:smooth;overscroll-behavior:none}body{max-width:1100px;color:#222;line-height:1.2;font-family:comfortaa,taipei sans tc,-apple-system,system-ui,BlinkMacSystemFont,segoe ui,Roboto,Ubuntu,\5fae\8edf\6b63\9ed1\9ad4,microsoft jhenghei,\5fae\8f6f\96c5\9ed1,microsoft yahei;font-size:medium;font-smooth:always;text-rendering:optimizeSpeed;-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}body.loading::after{position:fixed;top:0;left:0;width:100%;height:100%;content:"";background:url(https://cdn.jsdelivr.net/gh/heartyme/web.hearty.me@41214/img/kitten.png)no-repeat 50%,linear-gradient(rgba(255,255,255,.65),rgba(255,255,255,.65));background-size:250px;backdrop-filter:blur(3px);cursor:wait;pointer-events:none;z-index:5}body.no-scroll{overflow-y:hidden}.fbox{display:flex;flex-flow:row nowrap;align-items:stretch;justify-content:center;width:100%}.f1{flex:1}.f2{flex:2}.f3{flex:3}.tb{width:100%;margin:0 auto}.tr{display:flex;flex-flow:row nowrap}.tr>*{display:block;flex:1}header{position:sticky;width:100%;top:0;margin:0 auto;padding:0;padding-top:env(safe-area-inset-top,0);display:flex;flex-flow:column wrap;z-index:2}#downloading{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;padding:0 .8em;background:#f7f7bb;border-bottom:2px solid #fff;cursor:pointer}#downloading::after{font-family:"font awesome 5 pro";content:"\f00d";font-weight:300}#downloading p{line-height:1.4}#faqs a,#downloading a,#buy a{border-bottom:1px dashed #555}header nav{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;background:var(--bg);background:linear-gradient(to top,rgba(255,255,255,.9) 0%,rgba(188,232,218,.6) 100%),rgba(188,232,218,.6);backdrop-filter:blur(3px)}header nav a{margin:1em .8em}nav .logo{display:flex;flex-flow:row nowrap;align-items:center;text-align:left;text-shadow:1px 1px #fff;cursor:pointer;transition:all .2s linear}nav .logo::before{content:"";width:40px;height:40px;margin-right:.6em;background-image:url(https://i0.wp.com/www.appsoda.nien.com/img/favicon.png);background-size:contain;background-position:50%;background-repeat:no-repeat}nav .logo[data-xmas]::before{background-image:url(https://i0.wp.com/www.appsoda.nien.com/img/favicon.xmas.png)}nav ul{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-around;list-style:none;margin:0;padding:0}nav li a{padding:7px 20px;border-radius:.4em;background:rgba(255,255,255,.5);word-break:keep-all;transition:all .2s linear}nav li a:hover{background:rgba(255,255,255,.7);font-weight:700}section{display:flex;flex-flow:column wrap;margin:0 auto}section:not(#alertify){padding:2em 1em}h1,h2,h3,h4,h5{margin:1em auto;padding:0;line-height:2;letter-spacing:1px;text-wrap:balance}h1{font-size:xxx-large}h2{font-size:xx-large}#main,#features,#demo{flex-flow:column wrap;align-items:center;justify-content:flex-start}#main h1{margin:.4em auto;word-break:break-word;color:#444}.highlight{display:inline;background:linear-gradient(to bottom,transparent 50%,var(--main) 50%,var(--main) 140%,transparent 140%);background-size:100% 1em;background-repeat:repeat-x;background-position:0 0}.sec_float{position:sticky;display:none;bottom:-1em;pointer-events:none;z-index:3}.btn{display:block;margin:0 auto;padding:1.2em;color:#555;text-align:center;line-height:1.6;letter-spacing:1px;font-weight:700;background:rgba(255,255,255,.9);border:1px solid #fff;border-radius:1em;box-shadow:rgba(0,0,0,.1)1px 1px 1em 1px;transition:background .2s linear;pointer-events:auto;cursor:pointer;transition:all .2s linear}#main .btn{margin:1em auto}.btn:hover{color:var(--main);background:#fff;box-shadow:#bce8da 1px 1px 1em 1px}#brands{display:flex;flex-flow:row nowrap;align-items:center;width:100%;margin:2em auto;text-align:center;background:#fff;gap:.4em}#brands h4{word-break:keep-all}#brands .swiper{width:100%;margin:2em 1em;filter:contrast(1.2)grayscale(1);overflow:hidden;transition:all .3s linear}#brands .swiper:hover{filter:contrast(1)grayscale(0)}#brands .swiper-wrapper{align-items:center}#brands .swiper-slide{display:flex;align-items:center;justify-content:center}#brands img{max-width:100%;max-height:100%;margin:0 .8em;outline:0;border-radius:.3em;cursor:pointer}#features,#pricing{border-radius:.3em;background:#f8fcf9}#features .f1,#demo .f1{display:flex;flex-flow:column wrap;align-items:center;justify-content:flex-start;gap:2em}#features .fal,#features .fab,#demo .fal{font-size:5em}#demo img{margin-top:4em;width:90%}#plans .tb{max-width:100%;background:#f5f5f5;border-radius:.3em;line-height:2.5;z-index:2}#plans .tr:first-child{position:sticky;top:0;top:env(safe-area-inset-top,0);background:#eee;font-weight:700}#plans .tr>div{display:flex;flex-flow:column wrap;align-items:center;justify-content:center;border:1px solid #fff;word-break:break-word;padding:.2em 0}#plans .tr>div:first-child{flex:2}#plans .tr ul{width:100%;font-size:small;text-align:justify;margin:0;list-style:circle;padding:0 0 0 1.5em}#plans .tr div~div ul{list-style:none;padding:0}#plans .v::before,#plans .x::before{font-family:"font awesome 5 pro";font-weight:500}#plans .v::before{content:"\f00c"}#plans .x::before{content:"\f00d"}#pricing .fbox{align-items:stretch;padding:1em;gap:1em}#pricing .f1{position:relative;overflow:hidden;display:flex;flex-flow:column wrap;justify-content:space-between;align-items:center;gap:.6em;padding:2em 0;line-height:3;letter-spacing:2px;border:1px solid #ccc;border-radius:.6em;box-shadow:rgba(0,0,0,.1)1px 1px 1em 1px;transition:all .2s linear}#pricing .f1:hover{box-shadow:rgba(0,0,0,.2)1px 1px 1em 1px}#pricing .f1:hover [data-fal]::before{font-weight:500}#pricing .picked{position:absolute;top:-50px;right:-50px;width:100px;height:100px;background:var(--main);color:#fff;font-size:smaller;font-weight:bolder;transform:rotate(45deg)}#pricing .picked::before{position:absolute;left:0;bottom:0;width:100%;content:attr(title);letter-spacing:1px;text-align:center}#pricing h3{font-size:larger;text-align:center}#pricing span{color:var(--main)}#pricing del{color:#555}#pricing a{display:block;color:#fff;padding:0 .6em;border-radius:.3em;line-height:3;background:var(--main)}#pricing a:hover{font-weight:700;filter:brightness(1.05);box-shadow:#bce8da 1px 1px 1em 1px}#faqs{border-radius:.5em;margin:2em auto;padding:1em;background:#fafafa}details{border:1px solid #e0e0e0;border-radius:.5em;margin-bottom:1em;background:#fff;transition:all .3s ease}details:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}details p{margin:1em .8em;text-align:justify;line-height:1.6;letter-spacing:.5px}summary{padding:1em 1.2em;color:#333;background:#fff;border-radius:8px;cursor:pointer;transition:all .3s ease}details[open] summary{background:var(--bg);border-bottom-left-radius:0;border-bottom-right-radius:0}details>div{padding:20px;border-top:1px solid #e0e0e0;line-height:1.6;color:#555}details summary{list-style:none}details summary::marker{content:""}details summary::before{content:"▶";display:inline-block;margin-right:.4em;transition:transform .2s ease}details[open] summary::before{transform:rotate(90deg)}section#buy{position:fixed;display:flex;flex-flow:row wrap;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%;padding:.8em 0;line-height:2;background:rgba(255,255,255,.8);backdrop-filter:blur(6px);cursor:pointer;z-index:4;overflow-y:hidden}body.no-scroll #buy{overflow-y:auto}#downloading.hidden,#buy.hidden{display:none}#buy h3{position:sticky;top:-.8em;background:rgba(255,255,255,.7);color:var(--main);padding:.2em 0;backdrop-filter:blur(3px)}#buy>form{position:relative;display:block;max-width:95%;margin:0 auto;padding:0 .8em;text-align:center;border:1px solid #e5e5e5;border-radius:1em;background:#fff;box-shadow:rgba(0,0,0,.1)1px 1px 1em 1px;cursor:auto}#buy .close::before{position:absolute;display:flex;align-items:center;justify-content:center;font-family:"font awesome 5 duotone";content:"\f057";font-size:2.8em;top:-.2em;right:-.2em;width:.9em;height:.9em;color:#999;background:#eaeaea;padding:0 2px;border-radius:50%;cursor:pointer;z-index:1}#buy .close:hover::before{filter:brightness(1.05)}#buy .fbox{padding:.5em 0}#buy .fbox,#buy>ul{border-top:1px dashed #ccc}#buy .field{display:flex;align-items:center;justify-content:center;width:100px}#buy label,#buy .fbox div{display:flex;flex-flow:column wrap;align-items:center;justify-content:center;padding:.6em}#buy label{flex:1;color:#888;border-radius:.5em;border:2px solid #fff;cursor:pointer;transition:all .2s ease}#buy label:hover{filter:brightness(1.05)}#buy [type=radio]:checked+label{color:#222;border-color:var(--main);background:var(--bg)}#buy [type=radio]{display:none}#buy label div{display:flex;flex-flow:column wrap}#buy label [data-usd]::before{content:"US$ " attr(data-usd)}#buy label [data-twd]::after{content:"(NT$ " attr(data-twd)")";font-size:small}#buy .benefits{display:flex;flex-flow:column wrap;justify-content:center}#buy input[type=email]{box-shadow:inset 0 1px 3px #ddd}[data-twd-billed]::after{content:"NT$ " attr(data-twd-billed)}#buy p{font-size:smaller;text-align:justify;margin:0}#buy ul{list-style:circle;margin:0 auto;padding:1em 1.5em;font-size:x-small}#buy li{text-align:justify;word-break:break-word}#buy .checkout{gap:1em}#buy .checkout a,#buy .coupon a{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;width:100%;max-width:240px;padding:.6em .8em;border:1px solid #ccc;border-radius:.5em;background:#eee;gap:.8em}#buy .checkout img{border-radius:.4em}#buy .checkout form{display:none}footer{width:100%;text-align:left;color:#fff;border-radius:.3em .3em 0 0;background:#333;margin-top:.4em;padding:1px 0 1px 1.2em;letter-spacing:.5px}footer .fbox{padding:0 1em}footer [data-brand]{font-size:x-large;font-weight:900;margin:0 auto .4em 0;background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent;color:var(--bg);background-image:linear-gradient(90deg,var(--bg),#fff 60%)}.pro footer [data-soda]{color:#aff1fc;background-image:linear-gradient(90deg,#aff1fc,#fff 90%)}footer .s{font-size:small}footer .fbox{align-items:stretch;width:100%;max-width:1200px;margin:2em auto}footer ul{list-style:none;margin:0;padding:0;line-height:2}footer li{display:flex;align-items:center;justify-content:stretch;line-height:2.6}footer a:link,footer a:visited,footer a:hover,footer a:active,footer input{color:#fff}footer img.inverted{border-radius:.3em;filter:grayscale(1)invert(1)brightness(1.2);transition:all .2s linear}footer img.inverted:hover{filter:none;background:rgba(255,255,255,.9)}footer img[data-creditcard]{height:30px}footer .producthunt{margin:1em auto}footer .producthunt img{object-fit:contain;cursor:pointer}footer .producthunt img:hover{filter:brightness(1.1)}footer .newsletter{display:flex;flex-flow:column wrap;align-items:flex-start;font-size:small;gap:.2em}footer .newsletter form{display:flex;width:100%;flex-flow:row nowrap;align-items:flex-start;gap:1em}footer .newsletter div{flex:1}footer input[type=email]{flex:1;color:var(--bg)}footer .newsletter button{text-align:center;margin:0 .4em;padding:.4em .6em;line-height:2;color:#fff;border:1px solid #ccc;background:0 0;border-radius:.8em;transition:all .2s linear;cursor:pointer}footer .newsletter button:hover{color:#222;background:rgba(255,255,255,.9);font-weight:700}footer .newsletter span{font-size:x-small}footer .newsletter .cf-turnstile{transform:scale(.8);line-height:0;overflow:hidden}select{margin:auto .4em;padding:.5em;border:1px solid #555;border-radius:.3em;outline:0;color:#333;background:0 0}footer select{color:#fff;background:#222;border:1px solid #fff;margin:.4em 0}[data-dev] header,[data-dev] footer [data-brand]{filter:hue-rotate(180deg)}@media screen and (max-width:767px){header nav{font-size:smaller}header li{font-size:x-small}header nav li:nth-child(3){display:none}#features .fbox,#demo .fbox,#pricing .fbox{flex-flow:column wrap;align-items:center;gap:2em}#pricing .fbox{padding:1em 0}#pricing .f1{width:80%}#plans .tb{font-size:small}#plans .tr ul{text-align:left}footer .fbox,footer .newsletter form{flex-flow:column wrap}}@media only screen and (min-width:1025px) and (orientation:landscape){#demo .f1+.f1{position:relative}#demo .f1+.f1::before{position:absolute;display:flex;align-items:center;justify-content:center;content:"\f054";font-family:"font awesome 5 pro";font-size:2em;top:0;left:-1em;height:100%}}