:root{--bg:#f0dba5}html{height:100%;margin:0}body{color:#000;background-color:#faebd7;background-image:url(/bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:calc(100% - 8px)}.app{margin:0}.version{color:#a9a9a9}.header{float:left;border-radius:10px;max-width:33%;margin:10px}pre code{color:#f0f8ff;page-break-inside:avoid;word-wrap:break-word;background-color:#3e3e3e;border:1px solid #ddd;max-width:100%;margin-bottom:1.6em;padding:1em 1.5em;font-family:monospace;font-size:12px;line-height:1.6;display:block;overflow:auto}.box{margin:auto}.preview{width:calc(100% - 1ch);margin:1ch}.button-success,.button-error,.button-warning,.button-secondary{color:#fff;text-shadow:0 1px 1px #0003;border-radius:4px}.button-success{background:#1cb841}.button-error{background:#ca3c3c}.button-warning{background:#df7514}.button-secondary{background:#42b8dd}.container{background-color:var(--bg);flex-direction:column;max-width:800px;height:100%;margin:0 auto auto;font-family:Arial,Helvetica,sans-serif;display:flex;overflow-y:auto}.content p{word-wrap:break-word;margin-left:2ch}.content li{list-style-type:none}.content li:before{display:inline-block;transform:scaleY(-1);content:"★"!important}.footer{text-align:right;color:#a9a9a9;margin:1em;font-size:small}.buttons{margin:1em}.push{color:#f0f8ff;background-color:#3e3e3e;max-width:fit-content;margin-left:2ch}