.unselectable{-moz-user-select:none;-webkit-user-select:none;-o-user-select:none;-ms-user-select:none}.anc{opacity:.5}.clickable{cursor:pointer}.dotdotdot{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:root{--red-bg:#fef7f7;--green-bg:#f7fcfa;--text-color:#606060;--canvas-color:#fff;--bg-color:#fafafa;--ring-color:#929292;--red-color:#f8665f;--border-color:#eee;--yellow-bg:#fffdf5;--yellow-color:#ffc107;--quiet-color:#929292;--green-color:#00ac59}:root[data-color-mode="dark"]{--red-bg:#271b1b;--green-bg:#141b18;--text-color:#c9c9c9;--canvas-color:#151515;--bg-color:#060606;--ring-color:#444;--border-color:#1d1d1d;--yellow-bg:#211e14;--quiet-color:#9b9b9b}html,body,#app,.main-page,.page{height:100%}#app{color:var(--text-color);background:var(--bg-color)}#app input,#app select,#app button{margin:0}#app .noselect{user-select:none}#app .space{margin-bottom:16px}#app .good{background:#efe;border:solid 1px #bfb;border-radius:4px}#app .bad{background:#fee;border:solid 1px #fbb;border-radius:4px}#app .red{color:var(--red-color);fill:var(--red-color);stroke:var(--red-color)}#app .yellow{color:var(--yellow-color);fill:var(--yellow-color);stroke:var(--yellow-color)}#app .green{color:var(--green-color);fill:var(--green-color);stroke:var(--green-color)}#app table{border-collapse:collapse}@media(max-width:600px){#app .main-page h1{font-size:4rem}}@media(max-width:500px){#app .main-page h1{font-size:3.2rem}}@media(max-width:400px){#app .main-page h1{font-size:2.6rem}}.left-bar{width:90px;height:100%;background:var(--canvas-color);border-right:1px solid var(--border-color)}.panel{background:var(--canvas-color);border-radius:16px}.panel-header{font-weight:bold;font-size:125%;margin-bottom:8px}