:root{--header: 1.4rem;--border: 2px solid black;--background: #3e435d;--background-sub: #124089;--color: #c0c0c0}*,*:before,*:after{box-sizing:border-box}*{margin:0}button{color:inherit}button,[role=button]{cursor:pointer}img,svg{display:block}img,video{max-width:100%;height:auto}html{font-size:4vmin;line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}body{width:100vw}body:has(side-menu){display:grid;grid-template-columns:auto 1fr;grid-template-rows:var(--header) auto;grid-template-areas:"header header" "menu main";gap:1.2rem;background:var(--background);color:var(--color)}main{grid-area:main;width:100%}@media screen and (max-width: 480px){html{font-size:8vmin}body:has(side-menu){grid-template-columns:0 auto}side-menu{position:absolute;left:0;top:var(--header)}}side-menu{--back: var(--background-sub);--border-option: var(--border);--color: var(--color);--button-diff: 2px}header{grid-area:header;display:grid;grid-template-columns:var(--header) auto var(--header) auto var(--header);grid-template-rows:var(--header);grid-template-areas:". . logo . icon";width:100%}header #logo,header #icon{aspect-ratio:1 / 1;height:100%;display:block;background-size:contain;background-repeat:no-repeat;background-position:center}header #logo{background-image:url(/logo.svg);grid-area:logo}header #icon{grid-area:icon;border:none;border-radius:50%;padding:0;margin:0}button{font-size:1rem;box-sizing:border-box;border-radius:.4rem;padding:.2rem .8rem;background:var(--background-sub);color:var(--color);outline:none;border:var(--border)}.right{display:flex;justify-content:flex-end;gap:.2rem;margin:.2rem 0}.wide{width:95%;margin:auto;overflow-x:auto}td[colspan]{text-align:center}button.icon{background:none;border:none;padding:0;font-size:1rem;line-height:1.5}tr.selected{background-color:#caf1fd}td.right{text-align:right}td.center{text-align:center}dialog{margin:auto;border:none;background:transparent}dialog::backdrop{background:#0009}dialog>div{background:#fff;padding:1rem;border-radius:.6rem}dialog>div.edit{display:flex;flex-direction:column;align-items:center;gap:.2rem}dialog>div.edit>input,dialog>div.edit>select,dialog>div.edit>textarea{width:100%}dialog#toast{bottom:.4rem;padding:0}dialog#toast ul{list-style:none;display:flex;flex-direction:column;gap:.4rem;padding:0}dialog#toast ul li{background:#000c;color:#fff;padding:.2rem .6rem;border-radius:.4rem;display:grid;grid-template-columns:1rem auto;grid-template-areas:"icon message";gap:.4rem}dialog#toast ul li span{grid-area:message}input,select,textarea{font-size:1rem;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.selector{display:flex;border:var(--border);border-radius:.4rem;overflow:hidden}.selector>label{overflow:hidden;position:relative;padding:0 .2rem;cursor:pointer}.selector>label:has(input[type=radio]:checked){background-color:#caf1fd}.selector>label>input[type=radio]{position:absolute;left:-1rem}.checklist{list-style:none;padding:0;display:flex;flex-direction:column;gap:.2rem}.checklist li{display:grid;grid-template-columns:1rem auto 1rem;align-items:center;gap:.4rem;border:var(--border);border-radius:.4rem;background:var(--background-sub);padding:.2rem .4rem;cursor:pointer}.checklist li.completed{opacity:.6}.checklist li.completed span{text-decoration:line-through}