*,*:before,*:after{box-sizing:border-box}html{--content-gap: 1em;font-family:system-ui,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:18px;line-height:1.4}body{margin:0;background-color:#fff;min-height:100vh;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p,ul,ol,dl,table,figure,hr,address,blockquote,fieldset,img{margin-top:0;margin-bottom:var(--content-gap)}ol,ul{padding-left:1.25rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}hr{border:0;color:currentcolor;background-color:currentcolor;height:2px;margin-right:auto;margin-left:auto}table{caption-side:bottom;border-collapse:collapse}table caption,table th{text-align:inherit}table caption{font-size:.85em}figure{display:table;max-width:400px}figure img{margin:0}figure figcaption{display:table-caption;caption-side:bottom;font-size:.85em}figure figcaption p{margin-left:auto;margin-right:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}figure figcaption p:last-of-type{margin-bottom:0}img{display:block;max-width:100%;height:auto}fieldset{padding:.35em 1em 0}fieldset legend{padding:0 .5em}summary{cursor:pointer}summary>*{display:inline}sub,sup{position:relative;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}@font-face{font-family:Schoolbell;font-style:normal;font-stretch:normal;font-weight:400;src:url(/fonts/Schoolbell-Regular.ttf) format("truetype")}html{--page-width: 1000px;--pic-width: 200px}body{background-color:#4a7c59;font-family:Schoolbell;line-height:1.3}input,button,textarea,select{font-family:Schoolbell}button.active{background-color:#007bff;color:#fff;border:2px solid #0056b3}main{background-color:#fff;margin:auto}h2{border-bottom:1px solid hsl(0 0% 90%);padding-bottom:.1em;clear:both}h3{display:flex;align-items:center;column-gap:1em;font-weight:700}h3 small{margin-left:auto}li:not(:last-child){margin-bottom:.25em}main a{color:#0000f0;text-decoration:none}main a:visited,main a:focus{color:#531a89}footer,.contact-info{padding:.5em 0}footer a,.contact-info a{color:#ffffffb3;text-decoration:none;line-height:1;margin:0;display:flex;align-items:center}footer{background-color:#5381a2;margin:0 auto;display:flex;max-width:var(--page-width);justify-content:center}svg#sprites{visibility:hidden;height:0;width:0;position:absolute}.print,.hide{display:none}.nowrap-li li{white-space:nowrap}.comma-separated{padding:0}.comma-separated li{display:inline}.comma-separated li:not(:last-child):after{content:", "}.comma-separated li.linebreak{white-space:nowrap}.comma-separated li.linebreak:not(:last-child):after{content:"\a";white-space:pre}.emdash-separated{padding:0}.emdash-separated li{display:block}@media screen and (min-width:650px){.emdash-separated li{display:inline}.emdash-separated li:not(:last-child):after{content:" — "}}.contact-info{display:flex;column-gap:1em;background-color:#5381a2;max-width:var(--page-width);margin:0 auto;position:sticky;top:0;justify-content:center}.contact-info a{column-gap:.25em;transition:color .4s}.contact-info a:hover,.contact-info a:active,.contact-info a:focus{color:#fff}.contact-info svg{height:1.5em;fill:currentColor}@media screen and (max-width:650px){.contact-info{justify-content:space-evenly}.contact-info span{display:none}}html,body{height:100%;margin:0;overflow:hidden;overscroll-behavior:none}header{height:5vh}main{height:95vh}canvas{width:100%;height:100%;touch-action:none}header{display:flex}header h1{margin:0 1rem;align-self:center}header div.color-picker{display:flex;align-items:center;gap:.5rem}header div.color-picker input{height:100%}header nav{position:relative;display:flex;align-items:center;gap:.4rem;min-width:0;flex:1 1 auto}header nav button{flex:0 0 auto;min-height:34px;padding:0 .7rem;border:1px solid #00000022;border-radius:8px;background:#fff;color:#222;font:inherit;font-size:.85rem;line-height:1;white-space:nowrap;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}header nav button:hover{background:#f2f2f2}header nav button.active{background:#222;color:#fff;border-color:#222;font-weight:700}header nav.is-carousel{overflow-x:auto;padding-block:2px 6px;overflow-y:hidden;touch-action:pan-x;padding-inline:var(--carousel-pad-start, 14px) var(--carousel-pad-end, 14px);-webkit-overflow-scrolling:touch;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent)}header nav.is-carousel::-webkit-scrollbar{display:none}header nav.is-carousel>*{position:relative;flex:0 0 auto;transform:scale(.88);opacity:.5;transition:transform .18s ease,opacity .18s ease}header nav.is-carousel>.is-centered{transform:scale(1);opacity:1}header nav.is-carousel>.is-centered:after{content:"";position:absolute;left:15%;right:15%;bottom:-4px;height:2px;border-radius:2px;background:currentColor}header nav.is-carousel>.color-picker:not(.is-centered) input{pointer-events:none}@media(prefers-reduced-motion:reduce){header nav.is-carousel>*{transition:none}}header nav .color-picker input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:34px;height:34px;padding:0;border:1px solid #00000022;border-radius:8px;background:none;cursor:pointer}header nav .color-picker input[type=color]::-webkit-color-swatch-wrapper{padding:0}header nav .color-picker input[type=color]::-webkit-color-swatch{border:none;border-radius:7px}header nav .color-picker input[type=color]::-moz-color-swatch{border:none;border-radius:7px}@media(max-width:640px){header{height:46px}main{height:calc(100dvh - 46px)}header h1{margin:0 .5rem;font-size:1.05rem;max-width:6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 0 auto}.color-picker-label{display:none}}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;justify-content:center;align-items:center}.modal.show{display:flex}.modal-content{background-color:#fff;padding:2rem;border-radius:8px;max-width:400px;width:90%;box-shadow:0 4px 6px #0000001a}.modal-content h2{margin-top:0;margin-bottom:1rem;color:#333}.modal-content input{width:100%;padding:.5rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;box-sizing:border-box}.modal-error{color:#dc3545;font-size:.9rem;margin-bottom:1rem;min-height:1.2rem}.modal-buttons{display:flex;gap:1rem;justify-content:flex-end}.modal-buttons button{padding:.5rem 1rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer}#modal-cancel{background-color:#6c757d;color:#fff}#modal-cancel:hover{background-color:#5a6268}#modal-submit{background-color:#007bff;color:#fff}#modal-submit:hover{background-color:#0056b3}.eraser-sizes{position:fixed;z-index:1100;display:flex;align-items:center;gap:.35rem;padding:.35rem;border:1px solid #00000022;border-radius:10px;background:#fff;box-shadow:0 6px 18px #0000002e}.eraser-sizes[hidden]{display:none}.eraser-size{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid transparent;border-radius:8px;background:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.eraser-size:hover{background:#f2f2f2}.eraser-size.is-selected{border-color:#e8927c;background:#fdeeea}.eraser-dot{display:block;border-radius:50%;background:#f4a09a;border:1px solid #d9756a}.loading-content{display:flex;align-items:center;gap:.9rem;width:auto;max-width:22rem;padding:1.1rem 1.4rem}.loading-content p{margin:0;color:#333}.spinner{flex:0 0 auto;width:22px;height:22px;border:3px solid #00000018;border-top-color:#007bff;border-radius:50%;animation:spinner-rotate .8s linear infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}