@charset "UTF-8";:root{background-color:#ebebeb;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5ZjRlODZiMS0yY2Y3LTRiZjQtOWZlZi04N2M0N2M0M2ZjZjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDIwNzU2Nzg1NEIxMTFFNkJCRTVDNUIyQjQxNkI5MTciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDIwNzU2Nzc1NEIxMTFFNkJCRTVDNUIyQjQxNkI5MTciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjg1YTY2OWFkLTE4ZjktNGNkYy1hZjFkLTAyZjVkMzM1OTBjOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5ZjRlODZiMS0yY2Y3LTRiZjQtOWZlZi04N2M0N2M0M2ZjZjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5AsrSIAAAAG1BMVEXn5+fp6enq6url5eXk5OTd3d3j4+Pv7+/39/d40BavAAAAfklEQVR42uzYSQqAMBAEwHHJ8v8XexG9ZsSASMVLLgMWPY1g1FL77BOll2X2iQeSyA/cI23wlp6I/HuRkHxN0s5nHbzt2QmZkJBovExISDReJiQkGm+7SEjeklw/2LbBW3pCJiQkvvEyISHReJmQkGi87SIh0XjbRfInySHAAH57KUbNZUHkAAAAAElFTkSuQmCC);font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;width:100%;min-height:100%}@keyframes wave-effect{0%{transform:scale(1)}to{transform:scale(1.5);opacity:0}}.container{max-width:600px;margin:auto;padding:0 20px}.container .title{text-align:center;font-size:30px;font-weight:700}@media screen and (max-width:520px){.container .title{font-size:24px}}.container .title span{display:inline-block}.container #result-div{margin-top:50px;font-size:16px;overflow-wrap:break-word;min-height:100px}.container .profile{text-align:center;margin-top:50px}.container .profile img{width:100px;height:100px;border-radius:50%}.container .profile p{margin:4px 0 0;font-size:14px}.container .privacy{margin-top:4px;color:gray;font-size:12px;text-align:center}.container .attention{margin-top:30px;margin-bottom:0;color:gray;font-size:12px;text-align:center}.footer{margin-top:30px}.footer p{color:gray;font-size:12px;text-align:center}.x-container{position:fixed;display:none;background:#0f141a;width:100%;height:100%;top:0;left:0;opacity:0;z-index:-2}.x-container .content{position:absolute;margin:auto;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;opacity:0}.x-container .content .logo{font-family:unset;font-weight:700;font-size:230px;color:#fff;line-height:1}.x-container .content .text{color:#fff;font-style:italic;font-weight:700;font-size:30px}.x-container .content.repost .logo{font-size:200px;margin-bottom:20px}.x-container .content.quote .logo{font-size:80px;white-space:nowrap}.x-container.show-x{display:block;opacity:1;z-index:1;transition:.5s}.x-container.show-x .x{opacity:1;animation:x-animation 3s infinite cubic-bezier(.4,0,1,1);animation-fill-mode:both;animation-delay:.3s}.x-container.show-post{display:block;opacity:1;z-index:1;transition:.5s}.x-container.show-post .post{opacity:1;animation:post-animation 3s infinite cubic-bezier(.4,0,1,1);animation-fill-mode:both;animation-delay:.3s}.x-container.show-repost{display:block;opacity:1;z-index:1;transition:.5s}.x-container.show-repost .repost{opacity:1;animation:repost-animation 3s infinite cubic-bezier(.4,0,1,1);animation-fill-mode:both;animation-delay:.3s}.x-container.show-quote{display:block;opacity:1;z-index:1;transition:.5s}.x-container.show-quote .quote{opacity:1;animation:repost-animation 3s infinite cubic-bezier(.4,0,1,1);animation-fill-mode:both;animation-delay:.3s}.start-btn{margin:80px auto auto;padding:0;border:none;outline:none;display:block;width:100px;height:100px;text-decoration:none;background:#1da1f2;color:#fff;width:120px;height:120px;border-radius:50%;text-align:center;position:relative;cursor:pointer}.start-btn.start:hover{background:#177dbd;transition:.4s}.start-btn.stop{background:#ff6464}.start-btn.stop:before{content:"";background:#ff6a6acc;position:absolute;z-index:-1;top:0;left:0;border-radius:100px;height:120px;width:120px;animation:wave-effect 1.5s infinite ease-in-out}@keyframes x-animation{0%{transform:translate(calc(-53vw - 300px),-50%) scale(1)}10%{transform:translate(-90%,-50%) scale(1.2)}80%{transform:translateY(-50%) scale(1.2)}90%{transform:translate(55vw,-50%) scale(1)}to{transform:translate(55vw,-50%) scale(1)}}@keyframes post-animation{0%{transform:translate(calc(-59vw - 400px),-50%) scale(1)}15%{transform:translate(-90%,-50%) scale(1.2)}85%{transform:translateY(-50%) scale(1.2)}to{transform:translate(59vw,-50%) scale(1)}}@keyframes repost-animation{0%{transform:translate(calc(-80vw - 1000px),-50%) scale(1)}15%{transform:translate(-90%,-50%) scale(1.2)}85%{transform:translateY(-50%) scale(1.2)}to{transform:translate(100vw,-50%) scale(1)}}.serial-btn{position:fixed;bottom:15px;left:15px;width:28px;height:28px;border:none;border-radius:6px;background:transparent;font-size:16px;cursor:pointer;opacity:.3;transition:opacity .3s,background .3s;z-index:100}@media(hover:none)and (pointer:coarse){.serial-btn{display:none}}.serial-btn:hover{opacity:.6}.serial-btn.connected{opacity:1;background:#0f03}.serial-btn:after{content:attr(data-tooltip);position:absolute;left:35px;bottom:0;background:#000c;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;pointer-events:none}.serial-btn:hover:after{opacity:1;visibility:visible}