.main-win{width:100%;height:100%;flex-direction:column;justify-content:center}.main-win,.main-win>.title{display:flex;align-items:center}.main-win>.title{z-index:100}.main-win>.title>h1{margin-left:1em;flex-grow:1}.main-win>.title>button.github{font-size:inherit;border:none;border-radius:100%;padding:0;margin:.5em;background-color:#9575cd;transition:background-color .1s}.main-win>.title>button.github:hover{background-color:#65499c}.main-win>.title>button.github:active{background-color:#c7a4ff}.main-win>.content{overflow:hidden}@media only screen and (max-width:768px){.main-win>.title{width:100%;box-shadow:0 1px 3px 4px rgba(0,0,0,.2);justify-content:start}.main-win>.title>h1{margin-left:1em}.main-win>.title>button.github{width:4em;height:4em}.main-win>.content{width:100%;flex-grow:1}}@media only screen and (min-width:768px){.main-win>.title{font-size:1.5em;text-align:center;width:768px}.main-win>.title>h1{margin-left:1.83333em}.main-win>.title>button.github{width:2.66667em;height:2.66667em}.main-win>.content{width:768px;height:768px;box-shadow:0 2px 4px 3px rgba(0,0,0,.2)}}@media only screen and (min-width:768px) and (max-height:889px){.main-win{height:unset}}.card-view{width:100%;height:100%;overflow:scroll;justify-content:safe center}.card,.card-view{display:flex;flex-direction:column}.card{font-size:2em;margin:1em;border-radius:1em;box-shadow:0 2px 4px 2px rgba(0,0,0,.2);text-align:justify;transition:-webkit-transform-origin 0s;transition:transform-origin 0s;transition:transform-origin 0s,-webkit-transform-origin 0s}.card.enter{-webkit-animation:rollIn .5s;animation:rollIn .5s}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.card.exit{-webkit-animation:hinge 1s;animation:hinge 1s;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.card .content{margin:1em 1em 0}.card button{font-size:inherit;width:2em;height:2em;border:none;border-radius:100%;padding:0;margin:0;align-self:flex-end;background-color:#42a5f5;transition:background-color .1s}.card button:hover{background-color:#0077c2}.card button:active{background-color:#80d6ff}.list-view{margin-top:0;padding:0 .4em}.list-item{margin:.2em 0;border:1px solid #aaa;border-radius:.2em;position:relative}.list-item::marker{content:none}.list-item>.content{padding:.5em 2.42em .5em .5em;border-radius:.2em;cursor:pointer;text-align:center;background-color:#fafafa;transition:background-color .1s}.list-item>.content:hover{background-color:#c7c7c7}.list-item>.content:active{background-color:#fff}.list-item>button.menu-button{font-size:.8em;width:2em;height:2em;border:none;border-radius:100%;margin:auto .4em auto 0;padding:0;position:absolute;top:0;bottom:0;right:0;background-color:#ffca28}.list-item>button.menu-button:hover{background-color:#c79a00}.list-item>button.menu-button:active{background-color:#fffd61}.list-item>.menu{border-radius:.2em;box-shadow:0 1px 3px 1px rgba(0,0,0,.26666666666666666);overflow:hidden;z-index:50;position:absolute;top:50%;right:.32em;display:flex;flex-direction:column;background:#fff;-webkit-animation:scaleUp .3s;animation:scaleUp .3s}@-webkit-keyframes scaleUp{0%{-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:scale(0);transform:scale(0)}}@keyframes scaleUp{0%{-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:scale(0);transform:scale(0)}}.list-item>.menu>button{font-size:.9em;text-align:start;margin:0;padding:.2em;border:none;background-color:#eceff1}.list-item>.menu>button:hover{background-color:#babdbe}.list-item>.menu>button:active{background-color:#f8f8f8}.list-item>.menu>button:not(:last-child){border-bottom:1px solid #9ea7aa}.list-item>.menu>button>img{height:1.16667em;vertical-align:bottom;margin-right:.2em}.popup{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:100%;height:100%;pointer-events:auto;display:flex;justify-content:center;align-items:center;-webkit-animation:blurIn .2s;animation:blurIn .2s}@-webkit-keyframes blurIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}@keyframes blurIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}.popup>*{-webkit-animation:fadeIn .2s;animation:fadeIn .2s}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dialog{font-size:1.75em;max-width:384px;min-width:10em;max-height:90vh;border-radius:.625em;overflow:hidden;box-shadow:0 1px 6px rgba(0,0,0,.058823529411764705),0 2px 32px rgba(0,0,0,.1607843137254902);background:hsla(0,0%,100%,.8666666666666667);display:flex;flex-direction:column}.dialog>.header{position:relative;padding:.3125em 1.5em;cursor:default;display:flex;justify-content:center;align-items:center}.dialog>.header>h3{margin:0}.dialog>.header>button.close{font-size:inherit;width:1.25em;height:1.25em;border:none;border-radius:100%;padding:0;margin:0;position:absolute;top:0;right:0;background-color:#ef5350;transition:background-color .1s}.dialog>.header>button.close:hover{background-color:#b61827}.dialog>.header>button.close:active{background-color:#ff867c}.dialog>.content{padding:.5em}.dialog>.control{display:flex}.dialog>.control>button{font-size:.9em;text-transform:inherit;border:none;border-top:1px solid #9ea7aa;margin:0;padding:.45em;flex-basis:0;flex-grow:1;background-color:#cfd8dc;transition:background-color .1s}.dialog>.control>button:not(:last-child){border-right:1px solid #9ea7aa}.dialog>.control>button:hover{background-color:#b0bec5}.dialog>.control>button:active{background-color:#eceff1}#creator{text-align:center;line-height:1.5;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}#creator>.content{text-transform:uppercase;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-spacing:.25em;flex-grow:1;display:flex;align-items:safe center}#creator>.content>#create-name{font-size:7.5em;font-weight:700;padding:0 1em}#creator>.content>#create-freq{font-size:6em;padding:0 1em}@media only screen and (max-width:768px){#creator>.content>#create-name{font-size:5em}#creator>.content>#create-freq{font-size:4.5em}}#creator>.content input,#creator>.content select{background:none;font-size:inherit;text-align:inherit;text-transform:inherit;border:none;border-bottom:.05em solid #000;outline:none;padding:0;margin:0}#creator>.content input::-webkit-inner-spin-button,#creator>.content input::-webkit-outer-spin-button,#creator>.content select{-webkit-appearance:none;appearance:none;margin:0}#creator>.content input{-moz-appearance:textfield}#creator>.content input.err{border-bottom-color:#b00020;-webkit-animation:shakeX 1s;animation:shakeX 1s}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}#creator .errorMessage{color:#b00020;font-size:1.5em;line-height:1}#creator>.control{display:flex;justify-content:space-between;align-items:center}#creator>.control>button{font-size:inherit;width:4em;height:4em;border:none;padding:0;margin:0;flex-shrink:0;transition:background-color .1s}#creator>.control>button.cancel{background-color:#ef5350}#creator>.control>button.cancel:hover{background-color:#b61827}#creator>.control>button.cancel:active{background-color:#ff867c}#creator>.control>button.done{background-color:#9ccc65}#creator>.control>button.done:hover{background-color:#6b9b37}#creator>.control>button.done:active{background-color:#cfff95}#lister{text-transform:uppercase;font-size:2.5em;height:100%;overflow:scroll}#lister>.header{padding:.3em .8em 0;margin-bottom:-.2em;display:flex}#lister>.header>button{font-size:inherit;width:1.6em;height:1.6em;border:none;border-radius:100%;padding:0;margin:.2em;transition:background-color .1s}#lister>.header>button.add{margin-left:auto;background-color:#26c6da}#lister>.header>button.add:hover{background-color:#0095a8}#lister>.header>button.add:active{background-color:#6ff9ff}#lister>.header>button.import{background-color:#29b6f6}#lister>.header>button.import:hover{background-color:#0086c3}#lister>.header>button.import:active{background-color:#73e8ff}#lister>.header>button.export{background-color:#26a69a}#lister>.header>button.export:hover{background-color:#00766c}#lister>.header>button.export:active{background-color:#64d8cb}#lister>.instruction{font-size:.6em;text-transform:none;padding:.5em}#share,#viewer{text-align:center;line-height:1.5;width:100%;height:100%;display:flex;position:relative;flex-direction:column;justify-content:safe center;align-items:stretch}#viewer{text-transform:uppercase;overflow:scroll}#viewer>.header{display:flex;align-items:center}#viewer>.header>.lasttime{font-size:1.25em;text-transform:none;margin:0 auto}#viewer>.content{font-size:6em;font-weight:700;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;margin:auto .66667em}@media only screen and (max-width:768px){#viewer>.content{font-size:4.5em}}#share>button.cancel,#viewer>.header>button.cancel{font-size:2em;width:2em;height:2em;border:none;margin:0;padding:0;background-color:#ef5350}#share>button.cancel{position:absolute;top:0;left:0}#share>button.cancel:hover,#viewer>.header>button.cancel:hover{background-color:#b61827}#share>button.cancel:active,#viewer>.header>button.cancel:active{background-color:#ff867c}#viewer>.control{border-top:1px solid #aaa}#viewer>.control>.header{text-align:left;text-align:initial;font-size:1.5em;text-transform:none;padding:.5em}#viewer>.control>.buttons{padding:0 .5em;display:flex}#viewer>.control>.buttons>button{font-size:2em;text-transform:inherit;width:100%;border:none;margin:0;padding:.5em}#viewer>.control>.buttons>button.no{background-color:#ec407a}#viewer>.control>.buttons>button.no:hover{background-color:#b4004e}#viewer>.control>.buttons>button.no:active{background-color:#ff77a9}#viewer>.control>.buttons>button.yes{background-color:#66bb6a}#viewer>.control>.buttons>button.yes:hover{background-color:#338a3e}#viewer>.control>.buttons>button.yes:active{background-color:#98ee99}@media only screen and (max-width:640px){#viewer>.control>.buttons{flex-direction:column}}#share>.content{font-size:3em;text-align:justify;white-space:pre-line;margin:auto .66667em}@media only screen and (max-width:768px){#share>.content{font-size:2em}}#share>.control{display:flex;justify-content:space-evenly;flex-wrap:wrap}#share>.control>button{font-size:2em;width:2em;height:2em;border:none;border-radius:100%;margin:.2em;padding:0;background-color:#ff7043}#share>.control>button:hover{background-color:#c63f17}#share>.control>button:active{background-color:#ffa270}*{font-family:"Roboto","Helvetica New","Arial",sans-serif;-ms-overflow-style:none;scrollbar-width:none;transition:all .2s ease}::-webkit-scrollbar{display:none}#overlay,#root,body,html{overflow:hidden;width:100%;height:100%;padding:0;margin:0}#overlay{position:absolute;left:0;top:0;z-index:1000;pointer-events:none}@media only screen and (max-width:540px){body{font-size:.75em}}@media only screen and (min-width:540px) and (max-height:889px){#root{overflow:scroll}}a{text-decoration:none}button{cursor:pointer}