:root{font-family:Arial,Helvetica,sans-serif;font-size:16px}*{box-sizing:border-box;line-height:1em}html,body,h1,h2,h3,h4,h5,h6,p{margin:0}h1{font-size:1.75rem}h2{font-size:1.75rem;font-weight:400}h3{font-size:1.5rem}h4{font-size:1.5rem;font-weight:400}h5{font-size:1.25rem}h6{font-size:1rem}input,button{background-color:inherit;color:inherit;border:1px solid;border-radius:.5em;padding:.5em}button:hover:not(:disabled){background-color:#0003}button:active:not(:disabled){background-color:#0000004d}button:disabled{color:#aaa;cursor:default;border-color:#aaa}dialog{position:relative;border:0;border-radius:.5em;min-width:40ch}dialog::backdrop{background-color:#00000080}dialog .close{position:absolute;background-color:#0000;border:0;border-radius:1em;width:2em;height:2em;padding:.5em;top:.5em;right:.5em}dialog details{width:100%;max-width:40ch}:root{--bg:white;--color:black}#root{padding:.5em}[dark-theme=dark]{--bg:black;--color:white}[dark-theme=dark] button:hover:not(:disabled){background-color:#fff3}[dark-theme=dark] button:active:not(:disabled){background-color:#ffffff4d}:root,dialog{background-color:var(--bg);color:var(--color)}@media (prefers-color-scheme:dark){:root{--bg:black;--color:white}button:hover:not(:disabled){background-color:#fff3}button:active:not(:disabled){background-color:#ffffff4d}}.group-name{cursor:pointer;position:sticky;background-color:var(--bg);align-items: flex-end;padding:.5em;top:0}.group-name p{font-size:1rem;font-weight:400}.hide{display:none!important}.group{display:none;grid-template-columns:repeat(auto-fill,40ch);overflow:hidden;gap:.5em}.group.open{display:grid}.lab{border:1px solid;border-radius:.5em;padding:.5em}.lab>.name{justify-content:space-between;align-items: flex-end}.lab>.name>span{white-space:nowrap;font-size:1rem;font-weight:400}.lab.un-init{color:#777}.lab.complete{background-color:#00f3aa33}.lab.at-target{background-color:#f3f3aa33}label{justify-content:space-between;align-items: center}label.row{gap:1ch}label.disabled{opacity:.5;pointer-events:none}.col,.row{display:flex;gap:.5em}.col.wrap,.row.wrap{flex-wrap:wrap}.col{flex-direction:column}.research-lab{position:relative;justify-content:space-between;margin:0 -.5em;padding:.5em}.research-lab:before{content:"";position:absolute;border-top:1px solid var(--color);width:calc(100% - 1em);top:-.25em;left:.5em}.research-lab label{font-size:1rem;font-weight:400}.research-lab label.checkbox{flex-direction:row-reverse}.research-lab .values span{flex-grow:0;flex-shrink:0;width:30ch}.research-lab.ignore{opacity:.5}.research-lab.researching{background-color:#00f3aa33}.flip{transform:rotate(180deg)}ul,ol{margin:.25em 0;padding-left:0}li{list-style-position:inside;line-height:1.25}.research-lab .inputs{gap:2ch}input[type=number]{min-width:7ch}.queue,.queue-lab-item .inner{padding:.5rem}.queue,.queue-lab-item{border:1px solid var(--color);border-radius:.25rem}.queue-items{overflow:auto;flex-grow:1;height:5rem}.queue-items:has(.duration-size){gap:0}.queue-lab,.queue-lab p,.queue-total p{width:max-content}.queue-lab-item.duration-size{align-items: flex-start}.queue-lab.duration-size p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%}.queue input{width:4ch}.queue-total,.queue-lab{justify-content:center;align-items: center}.queue-boost{border-right:1px solid var(--color);padding-right:.5rem}.queue-total{border-left:1px solid var(--color);flex-shrink:0;width:18ch;padding-left:.25rem}.queue-lab.cur .queue-lab-item{background-color:#00f3aa33}
