:root{--header: 1.4rem}*,*: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: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}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"}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}main{grid-area:main}@media screen and (max-width: 480px){body:has(side-menu){grid-template-columns:0 1fr}side-menu{position:absolute;left:0;top:0}}button{font-size:1rem;box-sizing:border-box;border-radius:.4rem;padding:.2rem .8rem}.right{display:flex;justify-content:flex-end;gap:.2rem}table.wide{width:95%;margin: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"}