:root{--bg:white;--bg-shaded:#f8f8f8;--bg-hover:#eee;--bg-select:#eef;--fg:black;background-color:var(--bg);color:var(--fg)}@media (prefers-color-scheme:dark){:root{--bg:#111;--bg-shaded:#1c1c1c;--bg-hover:#333;--bg-select:#335;--fg:white}}*{box-sizing:border-box}body{align-items:flex-start;margin:0;padding:0 16px;font-family:sans-serif;display:flex}nav{flex-flow:column;flex-shrink:0;gap:12px;width:170px;height:100vh;margin-right:30px;padding:24px 0 16px;display:flex;position:sticky;top:0;overflow-y:auto}nav>.img{aspect-ratio:1;background:url(/tools/asako-light.f78b3bcd.webp) 50%/contain no-repeat;width:80%;margin:auto auto 0}@media (prefers-color-scheme:dark){nav>.img{background:url(/tools/asako-dark.2f7bdd3e.webp) 50%/contain no-repeat}}nav>.img:hover{background:url(/tools/blankserval.3ef5db28.webp) 50%/20% no-repeat}nav>.img.clicked{background:url(/tools/chu.00173511.webp) 50%/contain no-repeat}main{flex:auto;min-width:0;padding:24px 0 16px}h1{margin-top:0}.linked{flex-flow:wrap;display:flex}.linked input[type=number]{width:4em}.linked input[type=range]{flex-grow:1}.hyphenation{width:100%}.hyphenation>p{margin:0}.hyphenation>input{width:100%}.hyphenation>div{text-align:right}button.download:after{content:"⇓"}table{table-layout:fixed;border-collapse:collapse;border:2px solid var(--fg);width:100%}thead{font-weight:700}tbody img{margin-top:1px;margin-bottom:1px;margin-left:1px}tbody tr:nth-child(odd){background-color:var(--bg-shaded)}table.files button.download{border:3px solid #d3d3d3;border-radius:50%;width:30px;height:30px}table.files button.download:active{border:3px solid gray}tr.pending button.download{border-top:3px solid #3498db;animation:2s cubic-bezier(.42,.25,.58,.75) infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}tr.done button.download{background-color:#a2dd8d}tr.not-started button.download,tr.pending button.download{pointer-events:none;color:#ccc}