:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}#root{width:100vw;height:100vh;margin:0 auto;padding:0;text-align:center;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;box-sizing:border-box}#root>h1{flex:0 0 auto;margin:0;background-color:#fff;color:#000;width:100%;padding:1rem 2rem;text-align:center;display:flex;flex-direction:row;align-items:center;justify-content:center;border:4px solid black;box-sizing:border-box}#root>#body-container{display:flex;flex-direction:row;flex:1;width:100%;height:auto;box-sizing:border-box;padding:0;margin:0;min-height:0;gap:0}.bordered-textbox{border:4px solid black;background-color:#d3d3d3;color:#000;font-weight:700;padding:1rem;box-sizing:border-box}@media(max-width:1024px){#root>h1{font-size:2em;padding:.75rem 1.5rem}}@media(max-width:768px){#root>h1{font-size:1.5em;padding:.5rem 1rem}}@media(orientation:portrait){#root>#body-container{flex-direction:column}}#body-container>#announcement-display{display:flex;flex:3;flex-direction:column;align-items:center;justify-content:flex-start;padding:1rem .5rem;margin:0;border:4px inset white;height:100%;width:50%;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;min-height:0}#body-container>#announcement-display>span.wordart{text-align:center;font-size:75px;font-family:fantasy;font-weight:700;margin:.5rem 0;word-wrap:break-word;white-space:pre-wrap;overflow-wrap:break-word;padding:0 .5rem;display:inline-block;max-width:95%}@media(max-width:1280px){#body-container>#announcement-display>span.wordart{font-size:60px}}@media(max-width:1024px){#body-container>#announcement-display{flex:1}#body-container>#announcement-display>span.wordart{font-size:50px}}@media(max-width:768px){#body-container>#announcement-display>span.wordart{font-size:40px}}@media(orientation:portrait){#body-container>#announcement-display{width:100%;flex:1}}#guide-overlay>ol{text-align:left}span.wordart-black{color:#000}span.wordart-blue{color:#00f}span.wordart-green{color:green}span.wordart-cyan{color:#0ff}span.wordart-red{color:red}span.wordart-magenta{color:#f0f}span.wordart-yellow{color:#ff0}span.wordart-white{color:#fff}#body-container>#text-form{display:flex;flex:1;flex-direction:column;gap:0;margin-top:0;padding:0;height:100%;width:50%;box-sizing:border-box;min-height:0;overflow:hidden}#text-form>*{width:100%;margin:0;padding:0;display:inherit;flex-direction:inherit}#text-form>h2{flex:0 0 auto;padding:.5rem;margin:0}#text-form #textarea.bordered-textbox{background-color:#fff;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;padding:1rem}#text-form h2.bordered-textbox{flex-shrink:0}#text-form>ol{list-style:none;padding:1rem 0}#text-form>ol#textarea>li.text-line{display:flex;flex-direction:row;align-items:center;justify-content:center;width:90%;margin:2px auto}li.text-line>input{flex:4;box-sizing:border-box;margin:0;padding:.5rem;font-size:1rem;background-color:#fff;color:#000;box-shadow:inset 0 0 5px #d3d3d3;border-radius:5px}li.text-line>input:read-only{background-color:#f0f0f0;color:gray}li.text-line>button{flex:1;margin-left:.5rem;background-color:red;color:#fff;font-size:30px;font-weight:bolder;border-radius:50%;padding:.1rem;width:fit-content;height:fit-content;text-align:center;align-items:center;justify-content:center;box-shadow:5px 0 2px #000;flex-shrink:0}li.text-line>button:hover:enabled{background-color:#8b0000;box-shadow:5px 0 2px #200 inset;cursor:pointer}li.text-line>button:disabled{background-color:gray;color:#a9a9a9;cursor:not-allowed}#text-form>#button-group{display:flex;flex-direction:row;flex:0 0 auto;background-color:#fff;border:4px solid black;box-sizing:border-box}#text-form>#button-group>button{flex-shrink:0;font-size:30px;font-weight:700;color:#000;border:5px outset black;padding:1px!important}#text-form button:disabled{background-color:#a9a9a9!important;color:#222!important;border:5px inset black!important;font-weight:400!important;cursor:not-allowed!important}#text-form #add-button{flex:1;background-color:#90ee90}#text-form #add-button:hover:enabled{background-color:green;color:#fff;cursor:pointer}#text-form #play-pause-button{flex:1;background-color:#add8e6}#text-form #play-pause-button:hover:enabled{background-color:#00f;color:#fff;cursor:pointer}#text-form #help-button{flex:1;background-color:#f08080}#text-form #help-button:hover:enabled{background-color:coral;color:#fff;cursor:pointer}@media(orientation:portrait){#body-container>#text-form{width:100%;flex:1}}