.preload *,.preload *::before,.preload *::after{transition:none !important;animation-duration:.001s !important}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%}body{line-height:1.5;text-rendering:optimizeLegibility;font-family:system-ui,sans-serif;background-color:#fff;color:#111}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}a:hover,a:focus{text-decoration:underline}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:inherit;line-height:1.2}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#app{isolation:isolate}h1{font-size:2rem}h2{font-size:1.5rem}:root{--incarnat: #ff6f7d;--sakura: #ffb7c5;--60: #FAF0E6;--30: #3D240C;--10: var(--incarnat)}.incarnat,.incarnat-darker,.incarnat-darker-hover:hover,.incarnat-hover:hover{background-color:var(--incarnat)}.incarnat-darker,.incarnat-darker-hover:hover{filter:brightness(0.9)}.sakura,.sakura-darker,.sakura-darker-hover:hover,.sakura-hover:hover{background-color:var(--sakura)}.sakura-darker,.sakura-darker-hover:hover{filter:brightness(0.9)}html body *{color:var(--30);border:0px;border-style:solid;border-color:1px solid rgba(var(--30), 0.15)}.panel,.button,.small-button,form input[type=submit]:not(.undo),.drawers .drawer,.drawers .drawer+.page{background-color:var(--60);box-shadow:3px 3px 10px var(--30);border-radius:1rem;padding:.5rem}.panel-hover{transition:color .25s}.panel-hover:hover{box-shadow:3px 3px 10px var(--10);color:var(--10)}input{background-color:var(--60)}.hide{display:none}.accent-color{color:var(--10)}.wrapper{position:relative;display:grid;height:100dvh;overflow:hidden;background-color:var(--60);padding:.5rem}@font-face{font-family:"Sail";font-style:normal;font-weight:400;src:url("/fonts/Sail.ttf") format("truetype")}@font-face{font-family:"Cursive Sans";font-style:normal;font-weight:400;src:url("/fonts/CursiveSans.ttf") format("truetype")}@font-face{font-family:"Comfortaa";font-style:normal;font-weight:400;src:url("/fonts/comfortaa.ttf") format("truetype")}@font-face{font-family:"Material Icons Outlined";font-style:normal;font-weight:400;src:url("/fonts/mio.woff2") format("woff2")}.material-icons-outlined,.mio{font-family:"Material Icons Outlined";font-weight:normal;font-style:normal;font-size:1em;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-moz-osx-font-smoothing:grayscale}.material-icons-outlined.fill,.mio.fill{font-variation-settings:"FILL" 1}.flex{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:1rem}.flex-center{display:flex;justify-content:center;align-items:center}.flex-column{display:flex;flex-direction:column}.flex-between{display:flex;justify-content:space-between}.flex-around{display:flex;justify-content:space-around}.flex-stretch{display:flex;align-items:stretch}.flex-wrap{display:flex;flex-wrap:wrap}.small-gap{gap:.5rem}.very-small-gap{gap:.25rem}.no-gap{gap:0}.scroll-y,.scoll{overflow-y:auto;min-height:0;height:fit-content}.scroll-x,.scoll{overflow-x:auto;min-width:0;width:fit-content}.max-x,.max{width:100%}.large{width:min(100dvw - 1rem,640px)}.large-enough{width:max-content;max-width:calc(100dvw - 1rem)}.not-too-large{width:max-content;max-width:min(100dvw - 1rem,640px)}.high{height:min(100dvh - 1rem,360px)}.high-enough{height:max-content;max-height:calc(100dvh - 1rem)}.max-y,.max{height:100%}.pad-h{padding-left:.5rem;padding-right:.5rem}.pad-v{padding-top:.5rem;padding-bottom:.5rem}.drawers{display:flex;position:absolute;flex-direction:column;width:fit-content;gap:.25rem;padding-top:.25rem;padding-bottom:.25rem;pointer-events:none}.drawers *{pointer-events:auto}.drawers{z-index:0}.drawers.left{align-items:start;left:0}.drawers.left .drawer{grid-template-columns:1fr 2rem;translate:calc(-100% + 3rem) 0;border-top-left-radius:0;border-bottom-left-radius:0}.drawers.left .drawer *:last-child{font-size:1.3em}.drawers.left .drawer+.page{left:0;translate:calc(-100% - 1rem);padding-left:3.5rem}.drawers.left .drawer+.page:has(>input:first-child:checked){translate:.5rem}.drawers.left .drawer.hover:hover+.page,.drawers.left .drawer.hover+.page:hover{translate:.5rem}.drawers.left .drawer:has(+.page>input:first-child)::after{right:1.5rem}.drawers.right{align-items:end;right:0}.drawers.right .drawer{grid-template-columns:2rem 1fr;translate:calc(100% - 3rem) 0;border-top-right-radius:0;border-bottom-right-radius:0}.drawers.right .drawer *:first-child{font-size:1.3em}.drawers.right .drawer+.page{right:0;translate:calc(100% + 1rem);padding-right:3.5rem}.drawers.right .drawer+.page:has(>input:first-child:checked){translate:-0.5rem}.drawers.right .drawer.hover:hover+.page,.drawers.right .drawer.hover+.page:hover{translate:-0.5rem}.drawers.right .drawer:has(+.page>input:first-child)::after{left:1.5rem}.drawers.top{justify-content:start;top:0}.drawers.middle{justify-content:center;top:50%;transform:translate(0, -50%)}.drawers.bottom{justify-content:end;bottom:0}.drawers{z-index:1}.drawers .drawer{user-select:none;background-color:var(--30);color:var(--60);display:grid;place-items:center;gap:.5rem;overflow:hidden;position:relative;height:3rem;min-width:3rem;transition:translate .25s,color .25s;z-index:1}.drawers .drawer>label{display:flex;position:absolute;width:100%;height:100%;border-radius:1rem;cursor:pointer}.drawers .drawer:hover{cursor:pointer;translate:0 0;color:var(--10)}.drawers .drawer .mio{color:inherit}.drawers .drawer+.page{z-index:0;position:absolute;transition:translate .25s ease-in-out}.drawers .drawer+.page>input{display:none}.drawers .drawer+.page:has(>input:first-child:checked){z-index:-1}.drawers .drawer:has(+.page>input:first-child)::after{content:"";background-color:var(--10);width:1rem;height:2rem;position:absolute;top:0%;transition:translate .25s;translate:0 -100%;clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 50% 75%, 0% 100%);pointer-events:none}.drawers .drawer:has(+.page>input:first-child:checked)::after{translate:0 0}.drawers .drawer:has(+.page>input:first-child:checked)>label.closed,.drawers .drawer:has(+.page>input:first-child:not(:checked))>label.opened{display:none}.button,form input[type=submit]:not(.undo),.small-button{background-color:var(--10);color:var(--60);border-bottom:none;transition:filter .25s}.button:hover,form input[type=submit]:hover:not(.undo),.small-button:hover{cursor:pointer;filter:brightness(1.2)}.small-button{padding:initial}form input:not(.undo){border-bottom:2px solid var(--30);background-color:var(--60)}form input:not(.undo).ok{border-bottom:2px solid lime}form input:not(.undo).ko{border-bottom:2px solid #ff3c3c}.pointer{cursor:pointer}.underline{text-decoration:underline}.link::before{content:"⟩"}.box>input:first-child{display:none}.box>input:first-child:checked~.closed,.box>input:first-child:not(:checked)~.opened,.box.self-hide:has(>input:first-child:not(:checked)){display:none}.markdown{font-size:1rem}.markdown ul{list-style:inside}.markdown p{margin:.6rem 0;text-indent:2rem}.markdown h1,.markdown h2,.markdown h3,.markdown h4,.markdown h5,.markdown h6{margin:.5em;font-weight:bold;margin-left:1rem}.markdown h1{font-size:1.8em}.markdown h2{font-size:1.5em}.markdown h3{font-size:1.2em}.markdown h4{font-size:1em}.markdown h5{font-size:1em;font-style:italic}.markdown h6{font-size:1em;font-weight:normal;font-style:italic}.markdown blockquote{margin:.5em;border-left:5px solid var(--main-color);padding:.25em}.markdown blockquote>p{margin:0}.markdown table{table-layout:fixed;border:1px solid #000;border-collapse:collapse}.markdown th,.markdown td{padding:.3em}.markdown thead th,.markdown thead td{border:1px solid #000}.markdown tbody th,.markdown tbody td{border:1px solid #000;border-bottom:none;border-top:none}