:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;line-height:1.3;font-weight:400;color:#222;background-color:#d4d4d4;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html,body{overflow:hidden;position:fixed;height:100vh;width:100vw;margin:0;padding:0}body{font-size:.82em;color:#222;background:#d4d4d4;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;min-height:100vh}div,p{margin:0;padding:0}.panel-bg{background:rgba(0,0,0,.45);left:0;top:0;width:100%;height:100%;z-index:99;position:fixed;display:flex;align-items:center;justify-content:center}.panel{position:absolute;background:#cfcfcf;color:#222;border:1px solid #999;display:flex;justify-content:flex-start;align-items:stretch;flex-direction:column;box-shadow:0 2px 8px #0000004d;max-width:80vw;min-width:14em;max-height:80vh;overflow:hidden}.panel-contain{padding:.6em;overflow:auto}button{border:1px solid #888;background:#e0e0e0;color:#222;padding:.25em .6em;font-size:.85em;cursor:default;border-radius:2px;font-family:inherit}button:active{background:#b4b4b4}button:focus{outline:none}.emoji-btn{background:none;border:none;font-size:1.2em;padding:.1em .3em}.emoji-btn:hover{background:#ccc}.emoji-btn:active{background:#aaa}.title{background:#6d6d6d;color:#eee;font-weight:600;padding:.3em .6em;font-size:.9em}.nav{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:#6d6d6d;color:#eee;font-weight:600;padding:.2em .5em;font-size:.85em}.nav button{background:#8a8a8a;color:#eee;border:1px solid #666;padding:.15em .5em;font-size:.85em}.nav button:active{background:#6a6a6a}.row{display:flex;flex-direction:row;align-items:center}.col{display:flex;flex-direction:column}input,textarea,select{padding:.25em .4em;background:#eaeaea;color:#222;border:1px solid #999;border-radius:2px;font-size:.85em;font-family:inherit}textarea{flex-grow:1;resize:vertical;height:10em}select{padding:.2em}.label-progress{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.label-progress progress{width:100%;height:16px}.label-progress span{position:absolute;font-size:.8em}a{font-weight:500;color:#4a7db5;text-decoration:inherit}a:hover{color:#2d5a8a}h1{font-size:2em;line-height:1.1;margin:.3em 0}p{margin:.3em 0}fieldset{margin:.3em 0;padding:.4em;border:1px solid #aaa}legend{font-size:.85em;font-weight:600;padding:0 .3em}