@import url('https://fonts.googleapis.com/css?family=Inconsolata:400,700');html,body,h1,h2,h3,h4,p,ul,ol,li,dl,dd,dt,form,fieldset,hr,pre{margin:0;padding:0}li{list-style-type:none}article,aside,footer,header,main,menu,nav,section{display:block}button,input,optgroup,select,textarea{font:inherit;color:inherit;margin:0;padding:0;text-transform:none}::-moz-selection{background-color:#29d4b5;color:#fff;text-shadow:none}::selection{background-color:#29d4b5;color:#fff;text-shadow:none}html{line-height:1;text-size-adjust:100%;box-sizing:border-box;font-size:62.5%;tab-size:4;word-break:break-word;cursor:default}body{font-family:"Inconsolata","Andale Mono","Monaco","Lucida Console","Menlo","Consolas","Roboto Mono","Liberation Mono",monospace;font-size:1.6em;line-height:1.6;background:#1a1718;color:#e0e1e4}html,body{height:100%;width:100%;overflow:hidden}*,*:before,*:after{box-sizing:inherit;background-repeat:no-repeat}svg:not(:root){overflow:hidden}template,[hidden]{display:none}hr{display:none}a{color:#25a8bf;text-decoration:none;background-color:transparent;transition:color .25s ease-in-out}a:hover{color:#e7a817}a:active,a:hover{outline:0}pre,code,kbd,samp{font-family:"Inconsolata","Andale Mono","Monaco","Lucida Console","Menlo","Consolas","Roboto Mono","Liberation Mono",monospace}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;overflow:auto}pre>code{white-space:pre;display:block}input[type="range"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:2px;box-shadow:none;height:12px;background:#352f31}input[type="range"]::-webkit-slider-runnable-track{height:12px;width:100%;background:#352f31;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:2px;box-shadow:none}input[type="range"]::-moz-range-track{height:12px;width:100%;background:#352f31;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:2px;box-shadow:none}input[type="range"]::-ms-track{height:12px;width:100%;background:#352f31;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:2px;box-shadow:none}input[type="range"]::-ms-fill-lower,input[type="range"]::-ms-fill-upper{background:#352f31;border:none;border-radius:2px;box-shadow:none}input[type="range"]::-webkit-slider-thumb{height:12px;width:12px;background:#25a8bf;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:2px;box-shadow:none;transition:background .35s ease-in-out}input[type="range"]::-moz-range-thumb{height:12px;width:12px;background:#25a8bf;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:2px;box-shadow:none;transition:background .35s ease-in-out}input[type="range"]::-ms-thumb{height:12px;width:12px;background:#25a8bf;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:2px;box-shadow:none;transition:background .35s ease-in-out}input[type="range"]:focus{outline:none}input[type="range"]:hover::-webkit-slider-runnable-track{background:#352f31}input[type="range"]:hover::-moz-range-track{background:#352f31}input[type="range"]:hover::-ms-fill-lower{background:#352f31}input[type="range"]:hover::-ms-fill-upper{background:#352f31}input[type="range"]:hover::-webkit-slider-thumb{background:#e7a817}input[type="range"]:hover::-moz-range-thumb{background:#e7a817}input[type="range"]:hover::-ms-thumb{background:#e7a817}input[type="range"]::-moz-focus-outer{border:0}button{display:inline-block;padding:0 10px;background-color:#25a8bf;border:none;border-radius:2px;color:rgba(255,255,255,0.75);cursor:pointer}button[class^="btn-"]{background-repeat:no-repeat;background-size:10px 10px;background-position:right 10px center;padding:0 25px 0 10px;transition:background .25s ease-in-out,color .25s ease-in-out}button.btn-random{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M505 359c9 9 9 25 0 34l-80 80c-15 15-41 4-41-17v-40h-59a12 12 0 0 1-9-4l-70-75 53-58 53 57h32v-40c0-21 26-32 41-17l80 80zM12 176h84l53 57 53-58-70-75a12 12 0 0 0-9-4H12c-7 0-12 5-12 12v56c0 7 5 12 12 12zm372 0v40c0 21 26 32 41 17l80-80c9-9 9-25 0-34l-80-80c-15-15-41-4-41 17v40h-59a12 12 0 0 0-9 4L96 336H12c-7 0-12 5-12 12v56c0 7 5 12 12 12h111c3 0 6-1 9-4l220-236h32z'/%3E%3C/svg%3E")}button.btn-reset{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M400 54a248 248 0 1 1-288 0c11-8 28-5 35 8l16 28c5 11 3 24-7 31a168 168 0 1 0 200 0c-10-7-13-21-7-31l16-28c7-13 23-16 35-8zM296 264V24c0-13-11-24-24-24h-32c-13 0-24 11-24 24v240c0 13 11 24 24 24h32c13 0 24-11 24-24z'/%3E%3C/svg%3E")}button.btn-on,button.btn-off{background-size:12px auto;background-position:right 8px center}button.btn-on{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23fff' d='M576 256c0 106-86 192-192 192H192a192 192 0 1 1 0-384h192c106 0 192 86 192 192zM384 128a128 128 0 1 0 0 256 128 128 0 0 0 0-256'/%3E%3C/svg%3E")}button.btn-off{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23fff' d='M384 64H192a192 192 0 1 0 0 384h192a192 192 0 1 0 0-384zM64 256a128 128 0 1 1 256 0 128 128 0 0 1-256 0zm320 128h-49c65-73 65-183 0-256h49a128 128 0 1 1 0 256z'/%3E%3C/svg%3E")}button:hover{background-color:#d06815;color:rgba(255,255,255,0.99)}button:focus{outline:none}label.checkboxed{position:relative;padding-left:30px;cursor:pointer}label.checkboxed input[type="checkbox"]{display:none}label.checkboxed input[type="checkbox"]+strong:before{content:'';display:block;width:12px;height:12px;background:transparent;border:solid #9c9fa9 1px;position:absolute;left:10px;top:50%;margin-top:-6px;border-radius:2px;transition:background .25s ease-in-out,box-shadow .25s ease-in-out}label.checkboxed input[type="checkbox"]:checked+strong:before{background:#29d4b5;box-shadow:inset 0 0 0 2px #000}#app{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;font-size:1.3rem;background-image:radial-gradient(circle farthest-side, rgba(33,126,170,0.5), transparent),radial-gradient(farthest-corner at 10% 90%, rgba(41,212,181,0.2), transparent 80%);background-size:90vw 90vw, 100% 100%;background-position:center center}#app:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:4px;background-image:linear-gradient(90deg, #217eaa, #25a8bf, #29d4b5, #e7a817, #d06815, #b94113);box-shadow:0 1px 0 0 rgba(0,0,0,0.35)}section#do{z-index:3;position:fixed;top:0;right:0}section#do a{transition:all .25s ease-in-out;position:absolute;top:2rem;right:2rem;height:4rem;width:4rem;border-radius:3px;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.2)}section#do a:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,0.4)}section#do a em{display:block;text-indent:-1000rem;position:absolute;transform:translateY(-50%);top:50%;left:12px;width:16px}section#do a#open{right:2rem;opacity:1}section#do a#open em{border-top:solid #fff 2px;border-bottom:solid #fff 2px;height:14px}section#do a#open em:after{content:'';display:block;width:100%;height:2px;background:#fff;position:absolute;top:50%;margin-top:-1px}section#do a#close{right:-6rem;opacity:0}section#do a#close em{height:16px}section#do a#close em:before,section#do a#close em:after{content:'';display:block;width:21.627417px;height:2px;background:#fff;position:absolute}section#do a#close em:before{top:0;left:0;transform:rotate(45deg);transform-origin:1px 1px}section#do a#close em:after{bottom:0;left:0;transform:rotate(-45deg);transform-origin:1px 1px}header{z-index:2;position:fixed;top:0;right:-42rem;height:80px;width:100%;max-width:42rem;background:rgba(0,0,0,0.65);padding:2rem;box-shadow:inset 0 4px 0 #25a8bf,inset 0 5px 0 #000,0 2px 0 0 rgba(0,0,0,0.5);border-bottom:solid rgba(37,168,191,0.5) 1px;overflow:hidden;transition:right .25s ease-in-out}header h1,header p{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 50px 0 0}header h1{font-size:2.2rem;font-weight:700;color:#fff;margin:0 0 2px;line-height:1;height:22px}header p{line-height:1.4;height:18px}aside{z-index:1;position:fixed;top:80px;right:-42rem;height:calc(100% - 80px);width:100%;max-width:42rem;background:rgba(0,0,0,0.65);overflow:auto;transition:right .25s ease-in-out}aside form{padding:2rem}aside form fieldset{border:none}aside form fieldset>legend{font-weight:700}aside form fieldset>dl dt:first-child{margin-top:1rem}aside form fieldset>dl dt{margin:1.5rem 0 .5rem 0;display:flex;justify-content:space-between;align-items:center;line-height:30px;background:#000;border-radius:3px}aside form fieldset>dl dt>label{flex:1 1 auto}aside form fieldset>dl dt>a{flex:0 0 auto;display:block;padding:0 30px 0 16px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M504 256a248 248 0 1 1-496 0 248 248 0 0 1 496 0zM263 90c-55 0-90 23-117 64-3 5-2 12 3 16l35 26c5 4 12 3 16-2 18-22 30-36 57-36 21 0 46 14 46 33 0 15-12 23-32 34-24 14-55 30-55 71v4c0 7 5 12 12 12h56c7 0 12-5 12-12v-1c0-29 83-30 83-107 0-58-60-102-116-102zm-7 248a46 46 0 1 0 0 92 46 46 0 0 0 0-92z'/%3E%3C/svg%3E");background-position:right 12px center;background-size:10px;background-repeat:no-repeat}aside form fieldset>dl dd{padding:.2rem 0}aside form fieldset>dl dd:not(.buttons){display:flex;align-items:center;justify-content:space-between}aside form fieldset>dl dd:not(.buttons) label{display:inline-block;padding-left:5px;min-width:14.5rem;flex:0 0 14.5rem}aside form fieldset>dl dd:not(.buttons) input{display:block;width:100%;flex:1 1 auto}aside form fieldset>dl dd:not(.buttons) code{display:inline-block;text-align:right;padding:0 5px 0 0;font-size:.9em;flex:0 0 5rem;color:#9c9fa9}aside form fieldset>dl dd.buttons{text-align:right;padding:.5rem 5rem 0 0}aside form fieldset>p{margin-top:2rem;overflow:auto}aside form fieldset>p button{float:left;margin:0 .5rem .5rem 0}aside form fieldset:last-child{margin:3rem 0 0 0}aside form fieldset:last-child p{margin:1rem 0 0 0}main{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:0;transition:width .1s linear}main #box{display:inline-block;height:80vh;width:80vh;background:rgba(0,0,0,0.5);box-shadow:0 0 0 1px rgba(37,168,191,0.5);position:relative}@media all and (orientation: landscape){main #box{height:80vh;width:80vh}}@media all and (orientation: portrait){main #box{height:80vw;width:80vw}}main #alpha{position:absolute;border:solid white 10px;width:calc(100% - 20px);height:calc(100% - 20px);margin:10px;transition:all .5s ease-in-out;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}main #alpha:before,main #alpha:after{content:'';display:block;position:absolute}main #alpha:before{top:50%;left:-15%;height:0;width:130%;border-top:dotted rgba(255,255,255,0.5) 1px}main #alpha:after{top:-15%;left:50%;height:130%;width:0;border-left:dotted rgba(255,255,255,0.5) 1px}main #alpha .alpha-panel{display:flex;justify-content:center;align-items:center;position:absolute;top:-10px;left:-10px;width:calc(100% + 20px);height:calc(100% + 20px);box-shadow:inset 0 0 0 10px rgba(37,168,191,0.5);background-color:rgba(0,0,0,0.1);opacity:0;transition:all .35s ease-in-out}main #alpha .alpha-panel.active{opacity:1}main #alpha .alpha-panel strong{opacity:0;font-size:24px;font-weight:normal;color:#fff;text-transform:uppercase;letter-spacing:2px;transition:opacity .35s ease-in-out}main #alpha .alpha-panel:hover{box-shadow:inset 0 0 0 10px #d06815;background-color:rgba(0,0,0,0.5)}main #alpha .alpha-panel:hover strong{opacity:1}main #alpha #alpha-front{transform:translateZ(100px)}main #alpha #alpha-back{transform:translateZ(-100px)}#app.with-sidebar section#do a#open{right:44rem;opacity:0}#app.with-sidebar section#do a#close{right:2rem;opacity:1}#app.with-sidebar header{right:0}#app.with-sidebar aside{right:0}@media all and (min-width: 960px){#app.with-sidebar main{width:calc(100% - 42rem)}}article{z-index:10;display:flex;position:fixed;top:0;left:0;width:100%;height:100%;flex-direction:column;justify-content:center;align-items:center;opacity:0;background:rgba(0,0,0,0);transition:all .25s ease-in-out}article.visible{opacity:1;background:rgba(0,0,0,0.75)}article.gone{display:none}article>section{order:2;display:none;width:90%;max-width:72rem;padding:4rem;background:#000;border:solid rgba(37,168,191,0.5) 1px}article>section h2{font-size:2rem;line-height:1;margin:0;font-weight:400}article>section h3{font-size:1.6rem;color:#9c9fa9;margin:0 0 1rem}article>section p{margin:0 0 1rem}article>section ul{margin:0 0 1rem 2rem}article>section ul li{list-style:square;margin:0 0 .5rem}article>section ul li:last-child{margin:0}article>section details{padding:1rem 0 0}article>section details summary{cursor:pointer}article>section details summary h3{display:inline-block;margin:0}article>section details summary[open]{margin:0 0 1rem}article>section details summary:focus{outline:none}article>section pre{border:dotted #9c9fa9 1px;border-radius:3px;margin:1rem 0 2rem}article>section pre>code{font-size:.9em;color:#9c9fa9;padding:1rem 2rem}article>p{order:1;width:90%;max-width:72rem;text-align:right;position:relative}article>p a{display:block;position:absolute;top:3rem;right:3rem;font-size:1.2rem}footer{z-index:0;position:fixed;bottom:0;left:0;padding:1rem;font-size:.9em;background:rgba(0,0,0,0.65);border-top-right-radius:3px}footer p{line-height:1.5;padding:0 5px 0 0}footer dl{border-bottom:solid rgba(37,168,191,0.5) 1px;margin:0 0 .5rem;padding:0}footer dl dt{margin:0;padding:0 0 .5rem 16px;cursor:pointer;position:relative;font-weight:bold;color:#25a8bf;transition:color .25s ease-in-out}footer dl dt:hover{color:#e7a817}footer dl dt:before{content:'';display:block;position:absolute;top:6px;left:4px;width:6px;height:6px;border-top:solid 6px #e0e1e4;border-left:solid 3px transparent;border-right:solid 3px transparent;border-bottom:none;transition:transform .35s ease-in-out;transform-origin:center center;transform:rotate(-90deg)}footer dl dt.visible:before{transform:rotate(0deg)}footer dl dd{max-height:0;overflow:hidden;transition:max-height .35s ease-in-out}footer dl dd pre{border:dotted #9c9fa9 1px;margin:0 0 1rem;padding:0}footer dl dd pre>code{margin:0;padding:1rem;color:#fff;cursor:text}footer dl dd.visible{max-height:320px}