:root{--background-color: #ffffff;--text-color: #444444;--h1-color: #65a2ac;--h2-color: #778899;--pale-color: #888888;--a-color: #447f88;--a-visited-color: #754488;--help-window-background-color: var(--background-color);--help-window-box-shadow: #999999}@media (prefers-color-scheme: dark){:root{--background-color: #142022;--text-color: #ffffff;--h1-color: #65a2ac;--h2-color: #a6bed6;--pale-color: #888888;--a-color: #58a5b0;--a-visited-color: #bb6cd9}}html,body{height:100%;margin:0}html{font-family:Noto Sans JP,sans-serif;font-weight:400;background-color:var(--background-color);color:var(--text-color)}body{display:flex;flex-direction:column}h1{color:var(--h1-color);font-family:Zen Kurenaido,sans-serif;margin:0}h2{margin:0;color:var(--h2-color)}header,main,footer{width:90%;margin:0 auto}header{width:90%;height:50px;margin:auto;display:flex;flex-direction:row;justify-content:space-between}header>div{margin-top:auto}main{padding:10px 0;flex-grow:1;display:grid;grid-template-columns:1fr 1fr;column-gap:20px}@media (max-width: 799px){main{grid-template-columns:1fr;grid-template-rows:1fr 1fr;row-gap:20px}}textarea{font-size:1.25rem;color:var(--text-color);box-sizing:border-box;width:100%;height:100%;padding:6px}main>section.item1{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr}output{margin-top:.5rem;display:block;text-align:center}output.validation-area{text-align:left}footer{color:var(--pale-color);width:90%;margin:40px auto 20px}footer>div{margin:10px 0;display:flex;flex-direction:row;justify-content:space-around}footer a{color:var(--a-color);text-decoration:none}footer a:visited{color:var(--a-visited-color)}@media (max-width: 799px){footer{margin-top:20px}footer>div{width:100%;margin:0 auto;flex-direction:column}footer div.footer-item{margin:0 auto}}span.help-button,span.help-close{font-size:24px;cursor:pointer}div.help-close-outer{width:100%;text-align:right}div.help-window{display:none}div.help-window.active{display:block;background-color:var(--help-window-background-color);color:var(--text-color);opacity:.95;width:fit-content;height:fit-content;max-width:80%;max-height:60%;position:absolute;z-index:2;top:0;left:0;bottom:0;right:0;margin:auto;padding:.5rem 2rem 2rem;box-shadow:0 0 5px 1px var(--help-window-box-shadow);overflow-y:auto;scrollbar-width:thin}div.help-window a{color:var(--a-color)}div.help-window a:visited{color:var(--a-visited-color)}span.material-symbols-outlined:hover{font-variation-settings:"FILL" 1}span.material-symbols-outlined.help-close:hover{color:var(--background-color);background-color:var(--text-color)}