*,*:before,*:after{box-sizing:border-box;margin:0}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pwa-toast{position:fixed;right:0;bottom:0;margin:16px;padding:12px;border:1px solid #8885;border-radius:4px;z-index:1;text-align:left;box-shadow:3px 4px 5px #8885;background-color:#fff;filter:invert()}.pwa-toast .message{margin-bottom:8px}.pwa-toast button{border:1px solid #8885;outline:none;margin-right:5px;border-radius:2px;padding:3px 10px}.activities .activity{border-left:1em solid var(--col);padding-left:1em;margin-top:1em}.log[data-v-aa9a3e0f]{border-top:calc(var(--separator) * 3px) solid var(--col)}h3 span[data-v-aa9a3e0f]{font-size:.5em;font-family:monospace}.comment[data-v-aa9a3e0f]{font-style:italic}.all-logs{font-size:.75em}.log{background:#d3d3d3;margin:1em}.log .time{text-align:center;font-size:3em}.log.running :is(.log .time){color:#400;font-weight:lighter}.beforelast-log :is(.log .time){color:#444;display:inline-block;width:20%;font-size:2em}.log .activity{display:inline-block;width:80%;min-height:3em;margin:0 1em 1em;border:1em solid var(--col);border-width:0 1em;background:#000;color:#fff}.beforelast-log :is(.log .activity){width:60%}.log .activity .name{text-align:center}.log .activity .comment{color:#f99;margin:0 .5em}.log .edit{display:inline-block;width:calc(20% - 4em);margin:0 1em;padding:.5em;text-align:center;cursor:pointer;background:#444;color:#fff}.pick-activities{display:flex;flex-wrap:wrap;gap:1em;margin-bottom:1em}.pick-activities .activity{cursor:pointer;border:1em solid var(--col);border-top:.5em solid black;border-bottom:.5em solid black;padding:.5em}.activity-color{width:1em;height:2em;background-color:var(--col)}.activity-rainbow{display:flex;flex-wrap:wrap;gap:.5em;margin-top:1em}.activity-rainbow span{display:inline-block;width:2em;height:2em;border-radius:.5em;box-shadow:0 0 .5em #00000080;transition:all .3s ease;cursor:pointer;text-align:center;text-shadow:1px 1px 2px white}.activity-rainbow span:hover{transform:scale(1.1);box-shadow:0 0 1em #00000080}.header{width:100%;display:flex}.header>*{flex:1}