*{list-style:none;text-decoration:none;cursor:pointer;font-family:Roboto Slab,serif;outline:0}*,html{margin:0;padding:0}html{height:100vh;width:100%}body{box-sizing:border-box;background:#000;overflow:hidden}body,textarea{height:100%;width:100%}input[type=range]{width:99%}#Copyright{height:.2%;text-align:center}.area{height:100%;padding:2%;background-image:linear-gradient(-225deg,#ecf6ff 0,#bddeff 100%)}.area,.t-area{box-sizing:border-box;width:100%;resize:none;display:flex;flex-flow:column}.t-area{height:60%;background:transparent}.mybox1{height:30%}.mybox1:before{border:1px solid #fff;border-radius:5px;content:"";display:block;margin:4px;position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1}.mybox1,.mybox2{box-sizing:border-box;background-image:linear-gradient(to top,#d2d1ff 0,#e6e6fa 1%,#d2d1ff 100%);border-radius:5px;margin:10px 0;padding:30px 20px 20px;position:relative;z-index:0;overflow:auto}.mybox2{height:40%}.mybox3{box-sizing:border-box;height:30%;background-image:linear-gradient(to top,#d2d1ff 0,#e6e6fa 1%,#d2d1ff 100%);border-radius:5px;margin:10px 0;padding:30px 20px 20px;position:relative;z-index:0;display:flex;overflow:auto}.mybox2:before,.mybox3:before{border:1px solid #fff;border-radius:5px;content:"";display:block;margin:4px;position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1}#result1_text{box-sizing:border-box;text-align:center;height:100%;width:100%;resize:none;color:#8754e6;background:transparent;word-wrap:break-word;font-size:3.125vmin;-webkit-text-stroke:1px transparent}#result1_text::-webkit-scrollbar{display:none}#result2_text{box-sizing:border-box;text-align:center;height:100%;width:100%;resize:none;color:#8754e6;background:transparent;word-wrap:break-word;font-size:3.125vmin;-webkit-text-stroke:1px transparent}#result2_text::-webkit-scrollbar{display:none}#result3_text{text-align:center;height:100%;color:#8754e6;word-wrap:break-word;font-size:1.47059vmin;-webkit-text-stroke:1px transparent}#result3_text,.b-area{box-sizing:border-box;width:100%;resize:none;background:transparent}.b-area{height:10%;display:flex}.b-area0{box-sizing:border-box;height:100%;width:25%;resize:none;display:flex;flex-flow:column;background:transparent}#micon{height:60%;width:100%;color:#ff66eb;border:solid 5px #bbd6ec;border-radius:75pt;font-size:2vh;overflow:hidden}#google-Apps-API-key,#micon{text-align:center;background:#aae1f3}#google-Apps-API-key{box-sizing:border-box;width:95%;color:rgba(96,9,240,.5);margin-left:3%}.Phantom{box-sizing:border-box;height:10%;width:100%;resize:none;-webkit-user-drag:none}#sov1,#sov2{box-sizing:border-box;width:98%;color:#8754e6;background:#edd8f0;text-align:justify;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;border:solid 1px #fff}input[type=range]{box-sizing:border-box;-webkit-appearance:none;appearance:none;height:14px;width:98%;background:#d3bbff;border-radius:0;border:solid 1px #fff}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;background:#bfbbff;width:20px;height:20px;border-radius:0;box-shadow:0 3px 6px 0 rgba(0,0,0,.15)}input[type="range"]:active::-webkit-slider-thumb{box-shadow:0 5px 10px -2px rgba(0,0,0,.6)}.b-area1{height:15%}.b-area1,.b-area2{box-sizing:border-box;width:100%;resize:none;display:flex;background:transparent}.b-area2{height:20%}.box{box-sizing:border-box;width:100%;resize:none}.bg-btn,.bg-start{box-sizing:border-box;height:100%;background:transparent;display:flex;justify-content:flex-start;-webkit-user-drag:none}.custom-btn{height:90%;width:100%;color:#fff;font-family:Lato,sans-serif;background:#fff;cursor:pointer;transition:all .3s ease;position:relative;display:inline-block;box-shadow:inset 2px 2px 2px 0 hsla(0,0%,100%,.5),inset -7px -7px 10px 0 rgba(0,0,0,.1),7px 7px 20px 0 rgba(0,0,0,.1),4px 4px 5px 0 rgba(0,0,0,.1);text-shadow:2px 2px 3px hsla(0,0%,100%,.5),-4px -4px 6px hsla(213,8%,49%,.2);outline:0}.custom-btn::-webkit-scrollbar{width:20px}.custom-btn::-webkit-scrollbar-track{background:#daf6ff}.custom-btn::-webkit-scrollbar-thumb{border:6px solid #7cdeff;border-left:0;border-right:0;background:#aae1f3}.custom-btn option:checked{color:#7f00ff}.custom-btn option{background:#def}.custom-btn optgroup{color:#f9ffff;background:#abe}.play-hts{width:98%;height:60%;box-sizing:border-box;text-align:center;background-image:linear-gradient(-225deg,#aad4ff 0,#aad4ff 48%,#aad4ff 100%);color:rgba(96,9,240,.5);border:0;border-radius:60px;font-size:20px}.play-hts:before{height:0;width:2px}.play-hts:hover{box-shadow:4px 4px 6px 0 hsla(0,0%,100%,.5),-4px -4px 6px 0 hsla(213,8%,49%,.5),inset -4px -4px 6px 0 hsla(0,0%,100%,.2),inset 4px 4px 6px 0 rgba(0,0,0,.2)}.play-voice{width:98%;height:60%;box-sizing:border-box;text-align:center;background-image:linear-gradient(-225deg,#aad4ff 0,#aad4ff 48%,#aad4ff 100%);color:rgba(96,9,240,.5);border:0;border-radius:60px;font-size:20px}.play-voice:before{height:0;width:2px}.play-voice:hover{box-shadow:4px 4px 6px 0 hsla(0,0%,100%,.5),-4px -4px 6px 0 hsla(213,8%,49%,.5),inset -4px -4px 6px 0 hsla(0,0%,100%,.2),inset 4px 4px 6px 0 rgba(0,0,0,.2)}.play-btns{width:100%;height:90%;box-sizing:border-box;text-align:center;background-image:linear-gradient(-225deg,#aad4ff 0,#aad4ff 48%,#aad4ff 100%);color:rgba(96,9,240,.5);border:0;border-radius:60px;font-size:20px}.play-btns:before{height:0;width:2px}.play-btns:hover{box-shadow:4px 4px 6px 0 hsla(0,0%,100%,.5),-4px -4px 6px 0 hsla(213,8%,49%,.5),inset -4px -4px 6px 0 hsla(0,0%,100%,.2),inset 4px 4px 6px 0 rgba(0,0,0,.2)}.btn-1{box-sizing:border-box;text-align:center;background-image:linear-gradient(to top,#aad4ff 0,#d3e9f9 100%);color:rgba(96,9,240,.5);border:0;border-radius:30px;font-size:20px}.btn-1:before{height:0;width:2px}.btn-1:hover{box-shadow:4px 4px 6px 0 hsla(0,0%,100%,.5),-4px -4px 6px 0 hsla(213,8%,49%,.5),inset -4px -4px 6px 0 hsla(0,0%,100%,.2),inset 4px 4px 6px 0 rgba(0,0,0,.2)}.btn-2{box-sizing:border-box;text-align:center;background-image:linear-gradient(-225deg,#aad4ff 0,#aad4ff 48%,#aad4ff 100%);color:rgba(96,9,240,.5);border:0;border-radius:30px;font-size:20px}.btn-2:before{height:0;width:2px}.btn-2:hover{box-shadow:4px 4px 6px 0 hsla(0,0%,100%,.5),-4px -4px 6px 0 hsla(213,8%,49%,.5),inset -4px -4px 6px 0 hsla(0,0%,100%,.2),inset 4px 4px 6px 0 rgba(0,0,0,.2)}#trbt1,#trbt2,#trbt3{display:none}